Nicola Carminati
71 lines
4.9 KiB
Vue
71 lines
4.9 KiB
Vue
<template>
|
|
<header :class="{'turn-up':isMainViewLiftedUp}">
|
|
<app-ribbon :status="{'alarm': ribbonStatus == 3, 'working': ribbonStatus == 1, 'warning': ribbonStatus == 2}"
|
|
:expanded="ribbonStatus>1"
|
|
:show-expander="ribbonStatus>1"
|
|
:has-service="serviceRequired">
|
|
<i class="fa fa-check" slot="icon" v-if="ribbonStatus == 0"></i>
|
|
<i class="fa fa-play" slot="icon" v-if="ribbonStatus == 1"></i>
|
|
<i class="fa fa-exclamation" slot="icon" v-if="ribbonStatus >1"></i>
|
|
<div slot="content" class="content" v-if="ribbonStatus>1">
|
|
<strong v-if="!showDetails">{{alarmTitle | localize(alarmTitle,alarmCount)}}</strong>
|
|
<strong v-if="showDetails && alarms[0].title">{{alarms[0].title}}</strong>
|
|
<strong v-if="showDetails && !alarms[0].title">{{'alarm_'+ alarms[0].id | localize('alarm_'+ alarms[0].id)}}</strong>
|
|
<div v-if="showDetails">
|
|
<span class="processes">{{alarms[0].source}}</span>
|
|
<span class="processes" v-if="alarms[0].source === 'PLC' && alarms[0].process.length>0">
|
|
<span v-for="p in alarms[0].process" :key="p" >{{ p }} </span>
|
|
</span>
|
|
<span class="processes" v-if="alarms[0].source !== 'PLC' && alarms[0].process">{{ alarms[0].process }}</span>
|
|
</div>
|
|
</div>
|
|
<div slot="service" class="content" v-if="serviceRequired">
|
|
<strong>{{'header_maintainance_request' | localize('Effettuare manutenzione')}}</strong>
|
|
<span>{{'header_maintainance_request_explanation' | localize('C\'è una procedura da effettuare')}}</span>
|
|
</div>
|
|
</app-ribbon>
|
|
|
|
<button class="unclickable" :class="{ red: mainStatus, blue: !mainStatus }">
|
|
<img class="h-24" src="assets/icons/png/switch-icon@2x.png">
|
|
</button>
|
|
<button class="power-on unclickable" :disabled="!state.powerOnAlarm.clickable || checkSecurityDisabled('startupIcons')"
|
|
v-if="state.powerOnAlarm && state.powerOnAlarm.active" @click="manageClick(state.powerOnAlarm)"><img src="assets/icons/png/control-icon-error@2x.png"></button>
|
|
|
|
<button class="airflow unclickable" :disabled="!state.airPressureAlarm.clickable || checkSecurityDisabled('startupIcons')"
|
|
v-if="state.airPressureAlarm && state.airPressureAlarm.active" @click="manageClick(state.airPressureAlarm)"><img src="assets/icons/png/air-icon@2x.png"></button>
|
|
|
|
<button class="protections unclickable" :disabled="!state.protectionsAlarm.clickable || checkSecurityDisabled('startupIcons')"
|
|
v-if="state.protectionsAlarm && state.protectionsAlarm.active" @click="manageClick(state.protectionsAlarm)"><img src="assets/icons/png/lock-icon-error@2x.png"></button>
|
|
|
|
<button class="emergency unclickable" :disabled="!state.emergencyAlarm.clickable || checkSecurityDisabled('startupIcons')"
|
|
v-if="state.emergencyAlarm && state.emergencyAlarm.active" @click="manageClick(state.emergencyAlarm)"><img src="assets/icons/png/refresh-icon-error@2x.png"></button>
|
|
|
|
<button class="settings-mode unclickable" :disabled="!state.settingsModeAlarm.clickable || checkSecurityDisabled('startupIcons')"
|
|
v-if="state.settingsModeAlarm && state.settingsModeAlarm.active" @click="manageClick(state.settingsModeAlarm)"><img src="assets/icons/png/no-settings@2x.png"></button>
|
|
|
|
<button class="key unclickable" :disabled="!state.keyReadyAlarm.clickable || checkSecurityDisabled('startupIcons')"
|
|
v-if="state.keyReadyAlarm && state.keyReadyAlarm.active" @click="manageClick(state.keyReadyAlarm)"><img src="assets/icons/png/key-icon-error@2x.png"></button>
|
|
|
|
<button class="unclickable" :class="{ red: powerOnStatus, blue: !powerOnStatus }">
|
|
<img src="assets/icons/png/ok-white.png" class="h-20" v-if="!powerOnStatus">
|
|
<img src="assets/icons/png/not-ok-white.png" class="h-20" v-if="powerOnStatus">
|
|
</button>
|
|
<button class="key" :disabled="!state.resetAxesAlarm.clickable || checkSecurityDisabled('startupIcons')"
|
|
v-if="state.resetAxesAlarm && state.resetAxesAlarm.active"
|
|
@click="manageClick(state.resetAxesAlarm)"><img src="assets/icons/png/taratura-icon-error@2x.png"></button>
|
|
<button class="key" :disabled="!state.waterJet1Alarm.clickable || checkSecurityDisabled('startupIcons')" v-if="state.waterJet1Alarm && state.waterJet1Alarm.active" @click="manageClick(state.waterJet1Alarm)"></button>
|
|
<button class="key" :disabled="!state.waterJet2Alarm.clickable || checkSecurityDisabled('startupIcons')" v-if="state.waterJet2Alarm && state.waterJet2Alarm.active" @click="manageClick(state.waterJet2Alarm)"></button>
|
|
<div class="process-container">
|
|
<process-info v-for="p in processes" :key="p.id" v-if="p.visible && !mainStatus"
|
|
:counter="p.reps" :status="p.status" :id="p.id">
|
|
<strong>{{p.partProgramName}}</strong>
|
|
</process-info>
|
|
</div>
|
|
|
|
<user-info></user-info>
|
|
</header>
|
|
|
|
</template>
|
|
<script lang="ts" src="./app-header.ts"></script>
|
|
|