mirror of https://github.com/Fabio286/mizar.git
54 lines
1.2 KiB
Vue
54 lines
1.2 KiB
Vue
|
<template>
|
||
|
<header id="header">
|
||
|
<!-- <div id="appTitle">
|
||
|
<h2>Mizar TCP Tester</h2>
|
||
|
</div> -->
|
||
|
<nav id="appTabs">
|
||
|
<div
|
||
|
class="navTab"
|
||
|
:class="{ selected : selTab === 0 }"
|
||
|
@click="selectTab(0)"
|
||
|
>
|
||
|
Client
|
||
|
<transition name="fade">
|
||
|
<i
|
||
|
v-if="clientStatus === 1"
|
||
|
class="material-icons running"
|
||
|
title="In esecuzione"
|
||
|
>play_arrow</i>
|
||
|
</transition>
|
||
|
</div>
|
||
|
<div
|
||
|
class="navTab"
|
||
|
:class="{ selected : selTab === 1 }"
|
||
|
@click="selectTab(1)"
|
||
|
>
|
||
|
Server
|
||
|
<transition name="fade">
|
||
|
<i
|
||
|
v-if="serverStatus === 1"
|
||
|
class="material-icons running"
|
||
|
title="In esecuzione"
|
||
|
>play_arrow</i>
|
||
|
</transition>
|
||
|
</div>
|
||
|
</nav>
|
||
|
</header>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
name: 'AppHeader',
|
||
|
props: {
|
||
|
selTab: Number,
|
||
|
clientStatus: Number,
|
||
|
serverStatus: Number
|
||
|
},
|
||
|
methods: {
|
||
|
selectTab (value) {
|
||
|
this.$emit('selectTab', value);
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
</script>
|