Nicola Carminati
223 lines
17 KiB
Vue
223 lines
17 KiB
Vue
<template>
|
|
<div class="tooling-equipment-container">
|
|
<div class="tooling-equipment-box">
|
|
<div class="header">
|
|
<router-link :to="'/tooling'">
|
|
<i class="fa fa-chevron-left"></i>
|
|
{{'tooling_equipment_label_box' | localize("Utensili")}}
|
|
</router-link>
|
|
</div>
|
|
<div class="body">
|
|
<div class="list-left" :class="{'avoid-clicks': disableList}">
|
|
<div class="search">
|
|
<div class="search-label">
|
|
{{'tooling_equipment_label_search' | localize("Seleziona un utensile")}}
|
|
</div>
|
|
<div class="group-btn">
|
|
<input type="text" v-model="searchText" :placeholder="'tooling_equipment_search_placeholder' | localize('Cerca un utensile per nome')">
|
|
<i class="fa fa-2x fa-search"></i>
|
|
<!-- <button class="btn square" @click="applyFilter()"><i class="fa fa-search"></i></button> -->
|
|
<!-- <button class="btn square"><i class="fa fa-filter"></i></button> -->
|
|
</div>
|
|
</div>
|
|
<div class="list-vertical scrollable" ref="toolList" v-if="isSiemens">
|
|
<equipment v-for="t in tools.filter(t => t.familyName.toLowerCase().indexOf(currentFilter) >=0)" :key="t.id" :code="'tooling_tool_abbreviation' | localize('T%d',t.id)" :title="t.familyName"
|
|
:img-source="getToolIcon(t.toolType)"
|
|
:class="{selected: selectedTool == t}"
|
|
:magPosition="t.magazineId"
|
|
:shankPosition="t.multitoolId"
|
|
@click="selectTool(t)"></equipment>
|
|
</div>
|
|
<div class="list-vertical scrollable" ref="toolList" v-if="!isSiemens">
|
|
<equipment v-for="t in ncTools.filter(t => String(t.familyId).indexOf(currentFilter) >=0)"
|
|
:key="t.id" :code="'tooling_tool_abbreviation' | localize('T%d',t.id)"
|
|
:title="calcFamilyName(t.familyId)"
|
|
:img-source="getToolIcon(t.toolType)"
|
|
:class="{selected: selectedTool == t}"
|
|
@click="selectTool(t)"></equipment>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="group-label-button" :class="{'avoid-clicks': enableAddEquipment}">{{'tooling_equipment_label_add' | localize("Aggiungi utensile")}}<button class="btn" @click="addEquipment()"><i class="fa fa-plus"></i></button></div>
|
|
</div>
|
|
</div>
|
|
<div class="box-right" v-if="selectedTool" :class="{'selected': disableList}" >
|
|
<div class="tab-box-right" :class="{'avoid-clicks': disableList}">
|
|
<button class="tab" :class="{'active': enableParameters}" @click="selectTab('Parameters')">{{'tooling_parameters_tab' | localize("Parametri")}}</button>
|
|
<div class="tab-box-scroll scrollable" v-if="isSiemens">
|
|
<button v-for="ed in selectedTool.edgesData" :key="ed.id" class="tab" v-if="ed.id != null" :class="{'active': selectedEquipment == ed}" @click="selectTab(ed)">
|
|
<span v-if="ed.id>0">{{'tooling_edgesdataequip_skill_tools' | localize("Tagliente")}} {{ed.id}}</span>
|
|
<span v-if="!ed.id || ed.id<=0">{{'tooling_edgesdataequip_new' | localize("Nuovo Tagliente")}}</span>
|
|
</button>
|
|
<div class="tab plus" :class="{'avoid-clicks': enableAddEdge}">
|
|
<button class="btn" @click="addEdge()"><i class="fa fa-plus"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="tab-box-scroll scrollable" v-if="!isSiemens">
|
|
<button v-for="(ed,key) in selectedTool.offsetData" :key="key" :value="ed.id" class="tab" v-if="ed && ed.id != null" :class="{'active': selectedEquipment == ed}" @click="selectTabNc(ed)">
|
|
<span v-if="ed.id>=0">{{'tooling_edgesdataequip_skill_tools' | localize("Offset")}} {{ed.id}}</span>
|
|
<span v-if="!ed.id || ed.id<=0">{{'tooling_edgesdataequip_new' | localize("Nuovo Offset")}}</span>
|
|
</button>
|
|
<div class="tab plus" :class="{'avoid-clicks': enableAddEdge}" v-if="offsetOptionActive">
|
|
<button class="btn" @click="addOffset(selectedTool)"><i class="fa fa-plus"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box-right-body" v-if="enableParameters">
|
|
|
|
<button class="btn deleteElement" @click="deleteTool(selectedTool)"><i class="fa fa-trash"></i></button>
|
|
<div class="box-right-label-header" v-if="selectedTool.id" >{{'tooling_equipment_editlabel' | localize("Modifica utensile %d",selectedTool.id)}}</div>
|
|
<div class="box-right-label-header" v-if="!selectedTool.id" >{{'tooling_equipment_newlabel' | localize("Creazione Nuovo Utensile")}}</div>
|
|
<div class="list-skill-equipment scrollable">
|
|
<form>
|
|
<div class="list-skill-equipment-category" v-for="c in categories" :key="c">
|
|
<div class="skill-equipment-category">{{'tooling_equipment_list_category_' + c | localize(c)}}</div>
|
|
<input-box v-for="t in toolsConfiguration" :key="t.name"
|
|
v-if="t.name != '' && t.category == c"
|
|
v-model="selectedTool[t.name]"
|
|
:minValue="t.minValue"
|
|
:maxValue="t.maxValue"
|
|
:read-only="t.readOnly || !disableList"
|
|
:title="'tooling_equipment_param_' + t.name | localize(t.name)"
|
|
:type="t.type">
|
|
|
|
<option v-if="t.name != 'familyId' " v-for="(s, k) in t.selectValues" :key="k" :selected="selectedTool[t.name]" :value="k">
|
|
<div>{{k}} - {{'tooling_equipment_list_select_' + s | localize(s)}}</div>
|
|
</option>
|
|
|
|
<option v-if="t.name == 'familyId' && selectedTool.id<=0" :value="0" >
|
|
<div>{{'tooling_equipment_list_select_newfamily' | localize('Aggiungi una nuova famiglia')}}</div>
|
|
</option>
|
|
<optgroup v-if="t.name == 'familyId'" :label="'tooling_equipment_list_select_availfamilies' | localize('Famiglie Disponibili:')">
|
|
<option v-if="t.name == 'familyId' " v-for="s in families" :key="'fam_'+s.id" :selected="selectedTool[t.name]" :value="s.id" >
|
|
<div>{{s.id}} - {{s.name}}</div>
|
|
</option>
|
|
</optgroup>
|
|
</input-box>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="tooling-equipment-footer">
|
|
<button class="btn" v-if="!enableModify" @click="modify()">{{'tooling_equipment_button_modify' | localize("Modifica")}}</button>
|
|
<button class="btn" v-if="enableModify" @click="cancel()">{{'tooling_equipment_button_cancel' | localize("Annulla")}}</button>
|
|
<button class="btn blue-reverse" :disabled="!isValid" v-if="enableModify && selectedTool.id" @click="buttonSave(selectedTool, selectedEquipment)">{{'tooling_equipment_button_save' | localize("Salva")}}</button>
|
|
<button class="btn blue-reverse" :disabled="!isValid" v-if="enableModify && !selectedTool.id" @click="buttonSave(selectedTool, selectedEquipment)">{{'tooling_equipment_button_add' | localize("Aggiungi")}}</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="box-right-body" v-if="enableEquipment && isSiemens">
|
|
<button class="btn deleteElement" :disabled="!canDeleteSelectedEdge()" @click="deleteEdgeData(selectedTool,selectedEquipment)"><i class="fa fa-trash"></i></button>
|
|
<div class="box-right-label-header" v-if="selectedEquipment.id>0">{{'tooling_edgesdata_label_edit' | localize("Modifica Tagliente n. %d",selectedEquipment.id)}}</div>
|
|
<div class="box-right-label-header" v-if="!selectedEquipment.id || selectedEquipment.id<=0">{{'tooling_edgesdata_label_new' | localize("Creazione nuovo Tagliente")}}</div>
|
|
<div class="list-skill-equipment scrollable">
|
|
<div v-for="ed in selectedTool.edgesData" :key="ed.id" v-if="selectedEquipment == ed" class="list-skill-equipment-category" >
|
|
<div v-for="ce in categoriesEdge" :key="ce" class="skill-equipment-category" v-if="filterShowparamLife(ce)">
|
|
<div class="skill-equipment-category">{{'tooling_equipment_list_category_' + ce | localize(ce)}}</div>
|
|
<input-box v-for="c in edgeConfiguration" :key="c.name"
|
|
v-if="c.name != '' && c.category == ce"
|
|
v-model="ed[c.name]"
|
|
:minValue="c.minValue"
|
|
:maxValue="c.maxValue"
|
|
:read-only="c.readOnly || !disableList"
|
|
:title="'tooling_equipment_cedgepar_' + c.name | localize(c.name)"
|
|
:type="c.type">
|
|
|
|
</input-box>
|
|
</div>
|
|
<div class="skill-equipment-category">{{'tooling_equipment_list_category_geometry' | localize('geometry')}}</div>
|
|
<input-box v-for="ad in getDynamicFields(selectedTool.toolType)" :key="ad"
|
|
v-model="ed.edgeAdditionalParams[ad]"
|
|
:minValue="ad.minValue"
|
|
:maxValue="ad.maxValue"
|
|
:read-only="ad.readOnly || !disableList"
|
|
:title="'tooling_equipment_cedgepar_' + ad | localize(ad)"
|
|
type="double">
|
|
</input-box>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tooling-equipment-footer">
|
|
<button class="btn" v-if="!enableModify" @click="modify()">{{'tooling_equipment_button_modify' | localize("Modifica")}}</button>
|
|
<button class="btn" v-if="enableModify" @click="cancel()">{{'tooling_equipment_button_cancel' | localize("Annulla")}}</button>
|
|
<button class="btn blue-reverse" v-if="enableModify && selectedEquipment.id>0" @click="buttonSave(selectedTool, selectedEquipment)">{{'tooling_equipment_button_save' | localize("Salva")}}</button>
|
|
<button class="btn blue-reverse" v-if="enableModify && (!selectedEquipment.id || selectedEquipment.id<=0)" @click="buttonSave(selectedTool, selectedEquipment)">{{'tooling_equipment_button_add' | localize("Aggiungi")}}</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-right-body" v-if="enableEquipment && !isSiemens">
|
|
<button class="btn deleteElement" @click="deleteEdgeData(selectedTool,selectedEquipment)" v-if="offsetOptionActive"><i class="fa fa-trash"></i></button>
|
|
<div class="box-right-label-header" v-if="selectedEquipment.id>=0">{{'tooling_edgesdata_label_edit' | localize("Modifica Tagliente n. %d",selectedEquipment.id)}}</div>
|
|
<!-- <div class="box-right-label-header" v-if="!selectedEquipment.id || selectedEquipment.id<0">{{'tooling_edgesdata_label_new' | localize("Creazione nuovo Tagliente")}}</div> -->
|
|
<div class="list-skill-equipment scrollable">
|
|
<div v-for="ed in selectedTool.offsetData" :key="ed.id" v-if="selectedEquipment == ed" class="list-skill-equipment-category" >
|
|
<div v-for="ce in categoriesEdge" :key="ce" class="skill-equipment-category">
|
|
<div class="skill-equipment-category">{{'tooling_equipment_list_category_' + ce | localize(ce)}}</div>
|
|
<input-box v-for="c in edgeConfiguration" :key="c.name"
|
|
v-if="c.name != '' && c.category == ce"
|
|
v-model="ed[c.name]"
|
|
:minValue="c.minValue"
|
|
:maxValue="c.maxValue"
|
|
:read-only="c.readOnly || !disableList"
|
|
:title="'tooling_equipment_cedgepar_' + c.name | localize(c.name)"
|
|
:type="c.type">
|
|
|
|
</input-box>
|
|
</div>
|
|
<!-- <div class="skill-equipment-category">{{'tooling_equipment_list_category_geometry' | localize('geometry')}}</div>
|
|
<input-box v-for="ad in getDynamicFields(selectedTool.toolType)" :key="ad"
|
|
v-model="ed.edgeAdditionalParams[ad]"
|
|
:minValue="ad.minValue"
|
|
:maxValue="ad.maxValue"
|
|
:read-only="ad.readOnly || !disableList"
|
|
:title="'tooling_equipment_cedgepar_' + ad | localize(ad)"
|
|
type="double">
|
|
</input-box> -->
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tooling-equipment-footer">
|
|
<button class="btn" v-if="!enableModify" @click="modify()">{{'tooling_equipment_button_modify' | localize("Modifica")}}</button>
|
|
<button class="btn" v-if="enableModify" @click="cancelNc()">{{'tooling_equipment_button_cancel' | localize("Annulla")}}</button>
|
|
<button class="btn blue-reverse" v-if="enableModify && selectedEquipment.id>=0" @click="buttonSave(selectedTool, selectedEquipment)">{{'tooling_equipment_button_save' | localize("Salva")}}</button>
|
|
<!-- <button class="btn blue-reverse" v-if="enableModify && (!selectedEquipment.id || selectedEquipment.id<=0)" @click="buttonSave(selectedTool, selectedEquipment)">{{'tooling_equipment_button_add' | localize("Aggiungi")}}</button> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-right-body" v-if="enableAddOffsetToTool && !isSiemens">
|
|
<div class="box-right-label-header">{{'tooling_edgesdata_label_new' | localize("Scegliere posizione e id dell'Offset da aggiungere")}}</div>
|
|
<!-- <div class="box-right-label-header" v-if="!selectedEquipment.id || selectedEquipment.id<0">{{'tooling_edgesdata_label_new' | localize("Creazione nuovo Tagliente")}}</div> -->
|
|
<div class="list-skill-equipment scrollable">
|
|
<div class="list-skill-equipment-category" >
|
|
<div class="skill-equipment-category">
|
|
<input-box type="select" :title="'modal_add_offset_tool_position' | localize('Posizione')" v-model="posSelected">
|
|
<option v-for="(s,k) in availablePos" :key="k" :value="s">{{s}}</option>
|
|
</input-box>
|
|
<input-box type="select" :title="'modal_add_offset_tool_id' | localize('Id Offset')" v-model="offsetSelected">
|
|
<option v-for="(s,k) in offsetId" :key="k" :value="s">{{'modal_add_offset_tool_abbreviation' | localize('Offset %d',s)}}</option>
|
|
</input-box>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tooling-equipment-footer">
|
|
<button class="btn" v-if="!enableModify" @click="modify()">{{'tooling_equipment_button_modify' | localize("Modifica")}}</button>
|
|
<button class="btn" v-if="enableModify" @click="cancelNc()">{{'tooling_equipment_button_cancel' | localize("Annulla")}}</button>
|
|
<button class="btn blue-reverse" v-if="enableModify" @click="addOffsetToTool(selectedTool)">{{'tooling_equipment_button_add' | localize("Aggiungi")}}</button>
|
|
<!-- <button class="btn blue-reverse" v-if="enableModify && (!selectedEquipment.id || selectedEquipment.id<=0)" @click="buttonSave(selectedTool, selectedEquipment)">{{'tooling_equipment_button_add' | localize("Aggiungi")}}</button> -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script src="./tooling-equipment.ts" lang="ts"></script>
|