Just kidding, put it back
This commit is contained in:
parent
8d363088eb
commit
98ff934797
@ -112,10 +112,6 @@ $white: #fff;
|
|||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cable-actions-button {
|
|
||||||
width: 49%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cable-actions-back {
|
.cable-actions-back {
|
||||||
width: auto;
|
width: auto;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
|
@ -107,6 +107,7 @@ export default class CableDetailComponent extends Component {
|
|||||||
this.state = {
|
this.state = {
|
||||||
cableDetails: null,
|
cableDetails: null,
|
||||||
modalOpen_dispense: false,
|
modalOpen_dispense: false,
|
||||||
|
modalOpen_show: false,
|
||||||
modalOpen_datasheet: false,
|
modalOpen_datasheet: false,
|
||||||
modalOpacity: 0,
|
modalOpacity: 0,
|
||||||
};
|
};
|
||||||
@ -123,6 +124,10 @@ export default class CableDetailComponent extends Component {
|
|||||||
this.props.socket.send(
|
this.props.socket.send(
|
||||||
`{"type": "cable_get","call": "send","data": {"position": ${this.state.cableDetails.position}}}`
|
`{"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() {
|
render() {
|
||||||
const {
|
const {
|
||||||
modalOpen_dispense,
|
modalOpen_dispense,
|
||||||
|
modalOpen_show,
|
||||||
modalOpen_datasheet,
|
modalOpen_datasheet,
|
||||||
modalOpacity,
|
modalOpacity,
|
||||||
cableDetails,
|
cableDetails,
|
||||||
@ -359,6 +365,35 @@ export default class CableDetailComponent extends Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Modal>
|
</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
|
<div
|
||||||
className="cable-actions-button"
|
className="cable-actions-button"
|
||||||
onClick={() => this.openModal("modalOpen_dispense")}
|
onClick={() => this.openModal("modalOpen_dispense")}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user