Ftr/358 grayout goto movement

app/view/window/source/MeasureBasedView.js

@@ -63,6 +63,7 @@ Ext.define('EdiromOnline.view.window.source.MeasureBasedView', {
 
         var me = this;
 
+        // create movementComboBox
         me.mdivSelector = Ext.create('Ext.form.ComboBox', {
             store: Ext.create('Ext.data.Store', {
                     fields: ['id', 'name'],
@@ -75,6 +76,9 @@ Ext.define('EdiromOnline.view.window.source.MeasureBasedView', {
             margin: '0 0 0 0',
             id: 'mdiv_combo_' + me.id,
             hidden: true,
+            cls: 'movementCombo',
+            disabled: false,
+            disabledCls: 'x-disabled',
             listeners:{
                 scope: me,
                 'select': me.setMdiv
@@ -83,7 +87,7 @@ Ext.define('EdiromOnline.view.window.source.MeasureBasedView', {
 
         me.measureSpinner = Ext.create('EdiromOnline.view.window.source.MeasureSpinner', {
             width: 121,
-            cls: 'pageSpinner', //TODO
+            cls: 'pageSpinner', //TODO adjust class to measureSpinner and add in SCSS
             owner: me,
             hidden: true
         });
@@ -156,16 +160,35 @@ Ext.define('EdiromOnline.view.window.source.MeasureBasedView', {
 
     setMovements: function(movements) {
         var me = this;
+
+        // set view movements to submitted movements
         me.movements = movements;
-
+
+        // initialize variable data
         var data = [];
+
+        // create a reduced array from me.movements in variable data without movements wrapper
         movements.data.each(function(elem) {
             data.push(elem.data);
         });
+
+        console.log(me.mdivSelector);
+
+        // push data variable to view's mdivSelector store
         me.mdivSelector.getStore().loadData(data);
-
+
+        // ? set a value on mdivSelector
         if(me.owner.window.internalIdType != 'measure')
             me.mdivSelector.setValue(data[0]['id']);
+
+        // check if data contains more than one item and save to variable as boolean
+        var isDisabled = ((data.length <= 1) ? true : false);
+
+        // set disabled state on views mdivSelector
+        if (isDisabled) {
+            me.mdivSelector.disable();
+        }
+
     },
 
     setMeasures: function(measures) {

app/view/window/source/SourceView.js

@@ -210,20 +210,33 @@ Ext.define('EdiromOnline.view.window.source.SourceView', {
     setMovements: function(movements) {
         var me = this;
 
+        // set me.movements to submitted JSON array
         me.movements = movements;
+
+        // set meovements for measureBaseView
         me.measureBasedView.setMovements(movements);
 
+        // initialize movementItems variable
         var movementItems = [];
+
+        // iterate over submitted movements and push them to movementItems variable
         movements.each(function(movement) {
             movementItems.push({
                 text: movement.get('name'),
                 handler: Ext.bind(me.gotoMovement, me, movement.get('id'), true)
             });
         });
 
+        // check if contains more than one item and save to variable as boolean
+        var isDisabled = ((movementItems.length <= 1) ? true : false);
+
+        // add gotoMovement entry to goto menu
         me.gotoMenu.menu.add({
             id: me.id + '_gotoMovement',
             text: getLangString('view.window.source.SourceView_gotoMovement'),
+            cls: 'gotoMovement',
+            disabled: isDisabled,
+            disabledCls: 'x-disabled',
             menu: {
                 items: movementItems
             }
@@ -557,12 +570,18 @@ Ext.define('EdiromOnline.view.window.source.GotoMsg', {
 
         me.title = getLangString('view.window.source.SourceView_GotoMsg_Title');
 
+        // check if contains more than one item and save to variable as boolean
+        var isDisabled = ((me.movements.data.length <= 1) ? true : false);
+
         me.combo = Ext.create('Ext.form.ComboBox', {
             fieldLabel: getLangString('view.window.source.SourceView_GotoMsg_MovmentNumber'),
             store: me.movements,
             queryMode: 'local',
             displayField: 'name',
-            valueField: 'id'
+            valueField: 'id',
+            cls: 'gotoMovement',
+            disabled: isDisabled,
+            disabledCls: 'x-disabled'
         });
 
         me.field = Ext.create('Ext.form.field.Text', {

app/view/window/source/VerovioView.js

@@ -85,20 +85,31 @@ Ext.define('EdiromOnline.view.window.source.VerovioView', {
 
     setMovements: function (movements) {
         var me = this;
-
+
+        // set me.movements to submitted JSON array
         me.movements = movements;
-
+
+        // initialize movementItems variable
         var movementItems =[];
+
+        // iterate over submitted movements and push them to movementItems variable
         movements.each(function (movement) {
             movementItems.push({
                 text: movement. get ('name'),
                 handler: Ext.bind(me.showMovement, me, movement. get ('id'), true)
             });
         });
-
+
+        // check if contains more than one item and save to variable as boolean
+        var isDisabled = ((movementItems.length <= 1) ? true : false);
+
+        // add gotoMovement entry to goto menu
         me.gotoMenu.menu.add({
             id: me.id + '_gotoMovement',
             text: getLangString('view.window.source.SourceView_gotoMovement'),
+            cls: 'gotoMovement',
+            disabled: isDisabled,
+            disabledCls: 'x-disabled',
             menu: {
                 items: movementItems
             }

packages/eoTheme/sass/var/form/field/Base.scss

@@ -0,0 +1,7 @@
+.x-form-item {
+
+    &.x-disabled {
+        opacity: 0.5;
+    }
+
+}

packages/eoTheme/sass/var/menu/Menu.scss

@@ -10,4 +10,8 @@ $menu-border-color: darken($window-base-color,15%);
 		top: 3px !important;
 	}
 
+	.x-disabled {
+		opacity: 0.5;
+	}
+
 }