2017-11-30 15:46:30 +00:00
|
|
|
<template>
|
|
|
|
|
2017-12-04 10:48:32 +00:00
|
|
|
<div id='HEADER' @click='gstore.func.toggleMenuSize'>
|
2017-12-01 14:47:14 +00:00
|
|
|
|
|
|
|
<!-- Header Icon+Title -->
|
|
|
|
<div id='header-icon'>
|
|
|
|
<div class='header-title'>{{ gstore.header_title }}</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Header Info -->
|
2017-12-03 15:02:18 +00:00
|
|
|
<div id='header-info' v-show='gstore.info.active' :class='gstore.info.type'>{{ gstore.info.message }}</div>
|
2017-12-01 14:47:14 +00:00
|
|
|
|
|
|
|
<!-- Header Notif -->
|
|
|
|
<div id='header-notif'>
|
2017-12-04 09:26:10 +00:00
|
|
|
<div v-for='notif in gstore.notif' :class='"hnotif " + notif.class' :data-count='notif.data.length'></div>
|
2017-12-01 14:47:14 +00:00
|
|
|
</div>
|
|
|
|
|
2017-11-30 15:46:30 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2017-12-01 14:47:14 +00:00
|
|
|
name: 'HEADER',
|
2017-12-03 15:02:18 +00:00
|
|
|
data(){ return { gstore: window.gstore.data }; },
|
|
|
|
methods: {
|
|
|
|
show_notif(){
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
2017-11-30 15:46:30 +00:00
|
|
|
}
|
|
|
|
</script>
|