fix layout axes and process aux production

This commit is contained in:
Alessandro Francia
2018-07-04 15:03:06 +02:00
parent d4463e5692
commit cf596edd16
5 changed files with 46 additions and 17 deletions
@@ -1,12 +1,12 @@
<template>
<!-- <div class="test-container"> -->
<div class="card-axes-production">
<div class="first-box-axes">
<div class="first-box-axes scrollable">
<div class="axes" v-for="a in axes" :key="a.id">
<div class="variable">
{{a.name}}
</div>
<div class="number">
<div class="number" :class="{'width-number': axes.length > 5}">
{{numberX}}
</div>
</div>
@@ -21,13 +21,13 @@
<button class="tab" :class="{'active': enableFileSections}" @click="selectTab('FileSections')">Sezioni File</button>
</div>
<div class="content-box" v-if="enableIsoLines">
<div class="row" :class="{selected: rowSelected == '1'}" @click="selectRow('1')">
<div class="row" :class="{selected: true}">
<div class="triangle"></div><label>Lorem ipsum dolor sit amet, consectetur.</label>
</div>
<div class="row" :class="{selected: rowSelected == '2'}" @click="selectRow('2')">
<div class="row">
<div class="triangle"></div><label>Sed do eiusmod tempor incididunt ut.</label>
</div>
<div class="row" :class="{selected: rowSelected == '3'}" @click="selectRow('3')">
<div class="row">
<div class="triangle"></div><label>Magna aliqua ut enim ad minim veniam.</label>
</div>
</div>
@@ -1,6 +1,6 @@
<template>
<div class="process-selection-maintenance" v-if="processes.length > 1 && checkSecurityEnabled('processCmd')">
<div class="process" v-for="p in processes" :key="p.id" :class="{selected: p.id == selectedProcess, 'small': p.id != selectedProcess, 'error' : p.isInAlarm}" @click="selectProcess(p.id)" :title="'process_tooltip_select' | localize('Select NC-Process %d',p.id)">
<div class="process" v-for="p in processes" :key="p.id" v-if="p.type == 'AUX'" :class="{selected: p.id == selectedProcess, 'small': p.id != selectedProcess, 'error' : p.isInAlarm}" @click="selectProcess(p.id)" :title="'process_tooltip_select' | localize('Select NC-Process %d',p.id)">
<span>{{p.id}}</span>
<!-- <small v-if="p.type == 'AUX'">AUX</small> -->
</div>