diff --git a/Step/wwwroot/assets/styles/base/tooling-equipment.less b/Step/wwwroot/assets/styles/base/tooling-equipment.less index 980b1e2b..bc7949cf 100644 --- a/Step/wwwroot/assets/styles/base/tooling-equipment.less +++ b/Step/wwwroot/assets/styles/base/tooling-equipment.less @@ -273,11 +273,19 @@ } .tooling-families-container .box-right .box-right-body, .tooling-shanks-container .box-right .box-right-body, .tooling-equipment-container .box-right .box-right-body{ height: calc(~'100% - 136px'); - button{ - margin-top: -30px !important; + .lock-icon{ + height: 48px !important; + width: 30px !important; + .fa{ + text-align: center !important; + margin: 0 !important; + } + color: #002680; + font-size: 48px; + } .tooling-equipment-footer, .tooling-families-footer, .tooling-shanks-footer{ - height:80px; + height:60px; float: right; display: flex; align-items: center; diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css index 5b2980d6..089a529e 100644 --- a/Step/wwwroot/assets/styles/style.css +++ b/Step/wwwroot/assets/styles/style.css @@ -7727,6 +7727,7 @@ footer .container button.big:before { } .depot-container .depot-position.drop:hover .empty { border: dashed 4px #878787; + font-weight: bold; } .depot-container .depot-position.disabled::after { content: '\f05e'; @@ -7744,7 +7745,7 @@ footer .container button.big:before { font-size: 5em; color: #000; justify-content: center; - z-index: 100; + z-index: 1; } .depot-container .depot-box { width: 1808px; @@ -7971,6 +7972,7 @@ footer .container button.big:before { position: absolute; font-size: 36px; top: -29px; + left: 0; color: #1791ff; } .depot-container .depot-box .depot-boxbody .box-right .single-depot .square-container .selected-empty { @@ -11639,10 +11641,19 @@ footer .container button.big:before { .tooling-equipment-container .box-right .box-right-body { height: calc(100% - 136px); } -.tooling-families-container .box-right .box-right-body button, -.tooling-shanks-container .box-right .box-right-body button, -.tooling-equipment-container .box-right .box-right-body button { - margin-top: -30px !important; +.tooling-families-container .box-right .box-right-body .lock-icon, +.tooling-shanks-container .box-right .box-right-body .lock-icon, +.tooling-equipment-container .box-right .box-right-body .lock-icon { + height: 48px !important; + width: 30px !important; + color: #002680; + font-size: 48px; +} +.tooling-families-container .box-right .box-right-body .lock-icon .fa, +.tooling-shanks-container .box-right .box-right-body .lock-icon .fa, +.tooling-equipment-container .box-right .box-right-body .lock-icon .fa { + text-align: center !important; + margin: 0 !important; } .tooling-families-container .box-right .box-right-body .tooling-equipment-footer, .tooling-shanks-container .box-right .box-right-body .tooling-equipment-footer, @@ -11653,7 +11664,7 @@ footer .container button.big:before { .tooling-families-container .box-right .box-right-body .tooling-shanks-footer, .tooling-shanks-container .box-right .box-right-body .tooling-shanks-footer, .tooling-equipment-container .box-right .box-right-body .tooling-shanks-footer { - height: 80px; + height: 60px; float: right; display: flex; align-items: center; diff --git a/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.ts b/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.ts index 8b09434d..48d7f196 100644 --- a/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.ts +++ b/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.ts @@ -36,7 +36,7 @@ export default class toolingEquipment extends Vue { } public get tools(): server.Tool[] { return (this.$store.state as AppModel).tooling.tools; } - public get ncTools(): server.ToolNc[] { console.log((this.$store.state as AppModel).tooling.ncTools); return (this.$store.state as AppModel).tooling.ncTools; } + public get ncTools(): server.ToolNc[] { return (this.$store.state as AppModel).tooling.ncTools; } public get ncShanks(): server.ShankNc[] { return (this.$store.state as AppModel).tooling.ncShanks; } public get maxTools(): number { @@ -162,8 +162,6 @@ export default class toolingEquipment extends Vue { } async mounted() { - - if(this.isSiemens){ awaiter (Promise.all([ await new ToolingService().GetTools(), @@ -471,6 +469,19 @@ export default class toolingEquipment extends Vue { } + + private canEdit = function () { + if(this.isSiemens){ + if(this.selectedTool) + return (this.selectedTool.magazineId == 0) + return false + } + else{ + console.log("TODO canEdit() in tooling-equipment.ts") + return true + } + } + public getToolIcon = function (id) { if (id == 9999) return "../assets/iicons/Tools/Undefined.png" diff --git a/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.vue b/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.vue index f5db493c..f14b42cf 100644 --- a/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.vue +++ b/Step/wwwroot/src/app_modules/tooling/components/tooling-equipment.vue @@ -67,7 +67,8 @@