Paolo Possanzini
53 lines
3.3 KiB
Vue
53 lines
3.3 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}}</strong>
|
|
<div class="processes" v-if="showDetails">
|
|
<span>{{alarms[0].process}} {{alarms[0].source}}</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="{ red: mainStatus, blue: !mainStatus }">
|
|
<img class="h-24" src="assets/icons/png/switch-icon@2x.png">
|
|
</button>
|
|
<button class="power-on" v-if="state.powerOnAlarm.Active" @click="manageClick(state.powerOnAlarm)"><img src="assets/icons/png/control-icon-error@2x.png"></button>
|
|
<button class="airflow" v-if="state.airPressureAlarm.Active" @click="manageClick(state.airPressureAlarm)"><img src="assets/icons/png/air-icon@2x.png"></button>
|
|
<button class="protections" v-if="state.protectionsAlarm.Active" @click="manageClick(state.protectionsAlarm)"><img src="assets/icons/png/lock-icon-error@2x.png"></button>
|
|
<button class="emergency" v-if="state.emergencyAlarm.Active" @click="manageClick(state.emergencyAlarm)"><img src="assets/icons/png/refresh-icon-error@2x.png"></button>
|
|
<button class="settings-mode" v-if="state.settingsModeAlarm.Active" @click="manageClick(state.settingsModeAlarm)"><img src="assets/icons/png/no-settings@2x.png"></button>
|
|
<button class="key" v-if="state.keyReadyAlarm.Active" @click="manageClick(state.keyReadyAlarm)"><img src="assets/icons/png/key-icon-error@2x.png"></button>
|
|
<button :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" v-if="state.resetAxesAlarm.Active"
|
|
@click="manageClick(state.resetAxesAlarm)"><img src="assets/icons/png/taratura-icon-error@2x.png"></button>
|
|
<button class="key" v-if="state.waterJet1Alarm.Active" @click="manageClick(state.waterJet1Alarm)"></button>
|
|
<button class="key" v-if="state.waterJet2Alarm.Active" @click="manageClick(state.waterJet2Alarm)"></button>
|
|
<process-info :running="true" :counter="2" v-if="!mainStatus">
|
|
|
|
<strong>Part file 01</strong>
|
|
</process-info>
|
|
<process-info :counter="5" v-if="!mainStatus">
|
|
<strong>Part file 02</strong>
|
|
</process-info>
|
|
<user-info></user-info>
|
|
</header>
|
|
|
|
</template>
|
|
<script lang="ts" src="./app-header.ts"></script>
|
|
|