@aj-shadow/actorjs-app 0.0.0-aj-beta.221

package/project/client/components/middle/addresses/middle-addresses-view-dst.jsx

@@ -0,0 +1,67 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesDstGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-dst-global';
+import DataAddressesDstLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-dst-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewDst extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesDstGlobal = new DataAddressesDstGlobal();
+    this.dataAddressesDstLocal = new DataAddressesDstLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'Dst' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesDstLocals, nextState.AddressesStore.addressesDstLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesDstGlobals, nextState.AddressesStore.addressesDstGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+  
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="address_dst_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="address_dst_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesDstLocal} values={this.state.AddressesStore.addressesDstLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesDstGlobal} values={this.state.AddressesStore.addressesDstGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-network-interface.jsx

@@ -0,0 +1,67 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesNetworkInterfaceGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-network-interface-global';
+import DataAddressesNetworkInterfaceLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-network-interface-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewNetwork extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesNetworkInterfaceGlobal = new DataAddressesNetworkInterfaceGlobal();
+    this.dataAddressesNetworkInterfaceLocal = new DataAddressesNetworkInterfaceLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'NetworkInterface' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesNetworkInterfaceLocals, nextState.AddressesStore.addressesNetworkInterfaceLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesNetworkInterfaceGlobals, nextState.AddressesStore.addressesNetworkInterfaceGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+  
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="network_interface_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="network_interface_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+  
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesNetworkInterfaceLocal} values={this.state.AddressesStore.addressesNetworkInterfaceLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.sutFilter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesNetworkInterfaceGlobal} values={this.state.AddressesStore.addressesNetworkInterfaceGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.sutFilter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-ports.jsx

@@ -0,0 +1,67 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesPortsGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-ports-global';
+import DataAddressesPortsLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-ports-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewPorts extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesPortsGlobal = new DataAddressesPortsGlobal();
+    this.dataAddressesPortsLocal = new DataAddressesPortsLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'Ports' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesPortsLocals, nextState.AddressesStore.addressesPortsLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesPortsGlobals, nextState.AddressesStore.addressesPortsGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+  
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="address_ports_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="address_ports_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+  
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesPortsLocal} values={this.state.AddressesStore.addressesPortsLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesPortsGlobal} values={this.state.AddressesStore.addressesPortsGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-server-address.jsx

@@ -0,0 +1,68 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesServerAddressGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-server-address-global';
+import DataAddressesServerAddressLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-server-address-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewServerAddress extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesServerAddressGlobal = new DataAddressesServerAddressGlobal();
+    this.dataAddressesServerAddressLocal = new DataAddressesServerAddressLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'ServerAddress' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesServerAddressLocals, nextState.AddressesStore.addressesServerAddressLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesServerAddressGlobals, nextState.AddressesStore.addressesServerAddressGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+  
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="server_address_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="server_address_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+  
+
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesServerAddressLocal} values={this.state.AddressesStore.addressesServerAddressLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesServerAddressGlobal} values={this.state.AddressesStore.addressesServerAddressGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-server-interface.jsx

@@ -0,0 +1,68 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesServerInterfaceGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-server-interface-global';
+import DataAddressesServerInterfaceLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-server-interface-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewServerInterface extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesServerInterfaceGlobal = new DataAddressesServerInterfaceGlobal();
+    this.dataAddressesServerInterfaceLocal = new DataAddressesServerInterfaceLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'ServerInterface' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesServerInterfaceLocals, nextState.AddressesStore.addressesServerInterfaceLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesServerInterfaceGlobals, nextState.AddressesStore.addressesServerInterfaceGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+  
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="server_interface_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="server_interface_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+  
+
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesServerInterfaceLocal} values={this.state.AddressesStore.addressesServerInterfaceLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.sutFilter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesServerInterfaceGlobal} values={this.state.AddressesStore.addressesServerInterfaceGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.sutFilter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-src.jsx

@@ -0,0 +1,67 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesSrvGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-src-global';
+import DataAddressesSrvLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-src-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewSrc extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesSrvGlobal = new DataAddressesSrvGlobal();
+    this.dataAddressesSrvLocal = new DataAddressesSrvLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'Src' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSrcLocals, nextState.AddressesStore.addressesSrcLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSrcGlobals, nextState.AddressesStore.addressesSrcGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="address_src_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="address_src_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">, 
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSrvLocal} values={this.state.AddressesStore.addressesSrcLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSrvGlobal} values={this.state.AddressesStore.addressesSrcGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-srv.jsx

@@ -0,0 +1,67 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesSrvGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-srv-global';
+import DataAddressesSrvLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-srv-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewSrv extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesSrvGlobal = new DataAddressesSrvGlobal();
+    this.dataAddressesSrvLocal = new DataAddressesSrvLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'Srv' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSrvLocals, nextState.AddressesStore.addressesSrvLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSrvGlobals, nextState.AddressesStore.addressesSrvGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="address_srv_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="address_srv_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSrvLocal} values={this.state.AddressesStore.addressesSrvLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSrvGlobal} values={this.state.AddressesStore.addressesSrvGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-sut-address.jsx

@@ -0,0 +1,67 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesSutAddressGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-sut-address-global';
+import DataAddressesSutAddressLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-sut-address-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewSutAddress extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesSutAddressGlobal = new DataAddressesSutAddressGlobal();
+    this.dataAddressesSutAddressLocal = new DataAddressesSutAddressLocal();
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return 'SutAddress' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSutAddressLocals, nextState.AddressesStore.addressesSutAddressLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSutAddressGlobals, nextState.AddressesStore.addressesSutAddressGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="sut_address_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="sut_address_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+  
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSutAddressLocal} values={this.state.AddressesStore.addressesSutAddressLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSutAddressGlobal} values={this.state.AddressesStore.addressesSutAddressGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.filter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}

package/project/client/components/middle/addresses/middle-addresses-view-sut-interface.jsx

@@ -0,0 +1,67 @@
+
+'use strict';
+
+import StageFilter from './helpers/stage-filter';
+import AddressesStore from '../../../stores/addresses-store';
+import { ActionAddressesMarkupChange } from '../../../actions/action-addresses/action-addresses';
+import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import DataAddressesSutInterfaceGlobal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-sut-interface-global';
+import DataAddressesSutInterfaceLocal from 'z-abs-complayer-markup-client/client/data/addresses/data-addresses-sut-interface-local';
+import ComponentTableDataTable from 'z-abs-complayer-markup-client/client/react-components/markup/component-table-data-table';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class MiddleAddressesViewSutInterface extends ReactComponentStore {
+  constructor(props) {
+    super(props, [AddressesStore]);
+    this.dataAddressesSutInterfaceGlobal = new DataAddressesSutInterfaceGlobal();
+    this.dataAddressesSutInterfaceLocal = new DataAddressesSutInterfaceLocal();
+  }
+
+  shouldUpdate(nextProps, nextState) {
+    return 'SutInterface' === nextState.AddressesStore.currentView
+      && (
+        !this.shallowCompare(this.props.stage, nextProps.stage)
+        || !this.shallowCompare(this.state.AddressesStore.markup, nextState.AddressesStore.markup)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSutInterfaceLocals, nextState.AddressesStore.addressesSutInterfaceLocals)
+        || !this.shallowCompareArrayValues(this.state.AddressesStore.addressesSutInterfaceGlobals, nextState.AddressesStore.addressesSutInterfaceGlobals)
+        || !this.shallowCompare(this.state.AddressesStore.labUserFilter, nextState.AddressesStore.labUserFilter)
+      );
+  }
+  
+  renderMarkup() {
+    return (
+      <div className="address_group">
+        <label htmlFor="sut_interface_markup_textarea">Address - Markup</label>
+        <ComponentMarkedTextarea id="sut_interface_markup_textarea" className="form-control address_definition same_size_as_parent" rows="10" value={this.state.AddressesStore.markup.content} results={this.state.AddressesStore.markup.rows}
+          onChange={(value) => {
+            this.dispatch(AddressesStore, new ActionAddressesMarkupChange(value));
+          }}
+          />
+      </div>
+    );
+  }
+  
+  render() {
+    if(this.state.AddressesStore.markup.definition) {
+      return (
+        <div className="address_tab_view">
+          {this.renderMarkup()}
+        </div>
+      );
+    }
+    else {
+      return (
+        <div className="address_tab_view">
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_local" classHeading="markup_table_local_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSutInterfaceLocal} values={this.state.AddressesStore.addressesSutInterfaceLocals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.sutFilter(this.props.stage, value, filterData);
+          }}/>
+          <ComponentTableDataTable showAlways classTable="markup_table_fit_content markup_table_global" classHeading="markup_table_global_table_heading" classRow="test_data_table" dataTable={this.dataAddressesSutInterfaceGlobal} values={this.state.AddressesStore.addressesSutInterfaceGlobals} stage={this.props.stage} filterData={this.state.AddressesStore.labUserFilter} filter={(value, stage, filterData) => {
+            return StageFilter.sutFilter(this.props.stage, value, filterData);
+          }}/>
+        </div>
+      );
+    }
+  }
+}