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>
|