Just kidding, put it back
This commit is contained in:
parent
8d363088eb
commit
98ff934797
@ -112,10 +112,6 @@ $white: #fff;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.cable-actions-button {
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
.cable-actions-back {
|
||||
width: auto;
|
||||
background: linear-gradient(
|
||||
|
@ -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 {
|
||||
</div>
|
||||
</div>
|
||||
</Modal>
|
||||
<div
|
||||
className="cable-actions-button"
|
||||
onClick={() => this.openModal("modalOpen_show")}
|
||||
>
|
||||
<span>➤ Show</span>
|
||||
<span>💡</span>
|
||||
</div>
|
||||
<Modal
|
||||
isOpen={modalOpen_show}
|
||||
onRequestClose={() => this.closeModal("modalOpen_show")}
|
||||
contentLabel="show"
|
||||
style={modalStyle}
|
||||
>
|
||||
<div className="modal-container">
|
||||
<div className="modal-title">
|
||||
<span>💡</span>
|
||||
<span>Showing Item</span>
|
||||
</div>
|
||||
<div className="modal-body">
|
||||
<span>The item will now be illuminated.</span>
|
||||
</div>
|
||||
<div
|
||||
className="modal-close"
|
||||
onClick={() => this.closeModal("modalOpen_show")}
|
||||
>
|
||||
<span>Close</span>
|
||||
</div>
|
||||
</div>
|
||||
</Modal>
|
||||
<div
|
||||
className="cable-actions-button"
|
||||
onClick={() => this.openModal("modalOpen_dispense")}
|
||||
|
Loading…
x
Reference in New Issue
Block a user