Second commit for object manager.

app/assets/javascripts/app/controllers/object_manager.js.coffee

@@ -150,23 +150,120 @@ class Edit extends App.ControllerModal
     @cancel = true
     @button = true
 
-    ###
+    @content = $( App.view('object_manager/edit')(
+      head:  @object
+      items: []
+    ) )
+
+
+    item = App.ObjectManagerAttribute.find(@id)
+
+    options =
+      input:    'Text (normal - one line)'
+      select:   'Selection'
+      datetime: 'Datetime'
+      date:     'Date'
+      textarea: 'Text (normal - multiline)'
+      richtext: 'Text (richtext)'
+      checkbox: 'Checkbox'
+      boolean:  'Yes/No'
+
+    configureAttributesTop = [
+      { name: 'name',       display: 'Name',    tag: 'input',     type: 'text', limit: 100, 'null': false },
+      { name: 'display',    display: 'Anzeige', tag: 'input',     type: 'text', limit: 100, 'null': false },
+      { name: 'data_type',  display: 'Format',  tag: 'select',    multiple: false, nulloption: true, null: false, options: options, translate: true },
+    ]
     controller = new App.ControllerForm(
-      model:      App.ObjectManagerAttribute
+      model:      { configure_attributes: configureAttributesTop, className: '' },
-      params:     @item
+      params:     item
-      screen:     @screen || 'edit'
+      #screen:     @screen || 'edit'
+      el:         @content.find('.js-top')
       autofocus:  true
     )
 
-    @content = controller.form
+    # input
-    ###
+    configureAttributesInput = [
-
+      { name: 'data_option::type',            display: 'Type',            tag: 'select', multiple: false, nulloption: true, null: false, options: { text: 'text', email: 'email', url: 'url', email: 'email', password: 'password', phone: 'phone'}, translate: true },
-    content = App.view('object_manager/edit')(
+      { name: 'data_option::maxlength',       display: 'Max. Length',     tag: 'input',  type: 'text', limit: 100, 'null': false },
-      head:  @object
+      { name: 'data_option::null',            display: 'Required',        tag: 'select', multiple: false, nulloption: false, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
-      items: []
+      { name: 'data_option::autocapitalize',  display: 'autocapitalize',  tag: 'select', multiple: false, nulloption: true, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
+      { name: 'data_option::autocomplete',    display: 'autocomplete',    tag: 'select', multiple: false, nulloption: true, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
+      { name: 'data_option::default',         display: 'Default',         tag: 'input', type: 'text', limit: 100, null: true },
+      { name: 'data_option::note',            display: 'Note',            tag: 'input', type: 'text', limit: 100, null: true },
+    ]
+    controller = new App.ControllerForm(
+      model:      { configure_attributes: configureAttributesInput, className: '' },
+      params:     item
+      el:         @content.find('.js-input')
+      autofocus:  true
     )
 
-    @show(content)
+    # textarea
+    configureAttributesTextarea = [
+      { name: 'data_option::maxlength',       display: 'Max. Length',     tag: 'input',  type: 'text', limit: 100, null: false },
+      { name: 'data_option::null',            display: 'Required',        tag: 'select', multiple: false, nulloption: false, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
+      { name: 'data_option::autocapitalize',  display: 'autocapitalize',  tag: 'select', multiple: false, nulloption: true, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
+      { name: 'data_option::note',            display: 'autocomplete',    tag: 'input',  type: 'text', limit: 100, null: true },
+    ]
+    controller = new App.ControllerForm(
+      model:      { configure_attributes: configureAttributesTextarea, className: '' },
+      params:     item
+      el:         @content.find('.js-textarea')
+      autofocus:  true
+    )
+
+    # select
+    configureAttributesSelect = [
+      { name: 'data_option::nulloption',      display: 'Empty Selection', tag: 'select', multiple: false, nulloption: false, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
+      { name: 'data_option::null',            display: 'Required',        tag: 'boolean', multiple: false, nulloption: false, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
+      { name: 'data_option::relation',        display: 'Relation',        tag: 'input',  type: 'text', limit: 100, null: true },
+      { name: 'data_option::options',         display: 'Options',         tag: 'hash',   multiple: true, null: false },
+      { name: 'data_option::translate',       display: 'Übersetzen',      tag: 'select', multiple: false, nulloption: false, null: false, options: { true: 'No', false: 'Yes' }, translate: true },
+      { name: 'data_option::note',            display: 'Note',            tag: 'input',  type: 'text', limit: 100, null: true },
+    ]
+    controller = new App.ControllerForm(
+      model:      { configure_attributes: configureAttributesSelect, className: '' },
+      params:     item
+      el:         @content.find('.js-select')
+      autofocus:  true
+    )
+
+    ###
+        :options => {
+          'Incident' => 'Incident',
+          'Problem'  => 'Problem',
+          'Request for Change' => 'Request for Change',
+        },
+    ###
+
+    @content.find('[name=data_type]').on(
+      'change',
+      (e) =>
+        dataType = $( e.target ).val()
+        @content.find('.js-middle > div').addClass('hide')
+        @content.find(".js-#{dataType}").removeClass('hide')
+    )
+    @content.find('[name=data_type]').trigger('change')
+
+
+
+    configureAttributesBottom = [
+      { name: 'active',     display: 'Active',              tag: 'boolean',   'default': true, 'null': false },
+    ]
+    controller = new App.ControllerForm(
+      model:      { configure_attributes: configureAttributesBottom, className: '' },
+      params:     item
+      #screen:     @screen || 'edit'
+      el:         @content.find('.js-bottom')
+    )
+
+    #@content = controller.form
+
+
+
+
+    #@show(content)
+    @show()
 
 
 

app/assets/javascripts/app/views/object_manager/edit.jst.eco

@@ -1,2 +1,31 @@
-edit
+<div>
+  <div class="js-top"></div>
+  <div class="js-middle" style="padding-left: 70px;">
+    <div class="js-input">input settings</div>
+    <div class="js-textarea">textarea settings</div>
+    <div class="js-datetime">date time settings</div>
+    <div class="js-date">date settings</div>
+    <div class="js-select">select settings</div>
+    <div class="js-checkbox">checkbox settings</div>
+    <div class="js-boolean">boolean settings</div>
+    <div class="js-richtext">richtext settings</div>
+  </div>
 
+  <div class="boolean form-group">
+    <div class="horizontal">
+      <label for=""><%- @T('Screens') %> <span>*</span></label>
+    </div>
+    <div class="controls">
+
+1
+
+2
+
+3
+
+    </diV
+  </div>
+
+
+  <div class="js-bottom"></div>
+</div>