diff --git a/src/assets/stylesheets/cabledetail.scss b/src/assets/stylesheets/cabledetail.scss index d029895..7511d40 100644 --- a/src/assets/stylesheets/cabledetail.scss +++ b/src/assets/stylesheets/cabledetail.scss @@ -112,10 +112,6 @@ $white: #fff; overflow: visible; } -.cable-actions-button { - width: 49%; -} - .cable-actions-back { width: auto; background: linear-gradient( diff --git a/src/components/CableDetailComponent.js b/src/components/CableDetailComponent.js index 37ecabc..90444cf 100644 --- a/src/components/CableDetailComponent.js +++ b/src/components/CableDetailComponent.js @@ -107,6 +107,7 @@ export default class CableDetailComponent extends Component { this.state = { cableDetails: null, modalOpen_dispense: false, + modalOpen_show: false, modalOpen_datasheet: false, modalOpacity: 0, }; @@ -123,6 +124,10 @@ export default class CableDetailComponent extends Component { this.props.socket.send( `{"type": "cable_get","call": "send","data": {"position": ${this.state.cableDetails.position}}}` ); + } else if (modal === "modalOpen_show") { + this.props.socket.send( + `{"type": "cable_get","call": "request","data": {"position": ${this.state.cableDetails.position}}}` + ); } }; @@ -228,6 +233,7 @@ export default class CableDetailComponent extends Component { render() { const { modalOpen_dispense, + modalOpen_show, modalOpen_datasheet, modalOpacity, cableDetails, @@ -359,6 +365,35 @@ export default class CableDetailComponent extends Component { +