Init
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<ul class="nav nav-mobile-menu">
|
||||
<li>
|
||||
<md-field>
|
||||
<label>Search</label>
|
||||
<md-input v-model="search" type="text"></md-input>
|
||||
</md-field>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<i class="material-icons">dashboard</i>
|
||||
<p>Dashboard</p></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<drop-down>
|
||||
<a slot="title" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<i class="material-icons">notifications</i>
|
||||
<span class="notification">5</span>
|
||||
<p>Notifications</p>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li><a href="#">Mike John responded to your email</a></li>
|
||||
<li><a href="#">You have 5 new tasks</a></li>
|
||||
<li><a href="#">You're now friend with Andrew</a></li>
|
||||
<li><a href="#">Another Notification</a></li>
|
||||
<li><a href="#">Another One</a></li>
|
||||
</ul>
|
||||
</drop-down>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle"
|
||||
><i class="material-icons">person</i>
|
||||
<p>Profile</p></a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
search: null,
|
||||
selectedEmployee: null,
|
||||
employees: [
|
||||
"Jim Halpert",
|
||||
"Dwight Schrute",
|
||||
"Michael Scott",
|
||||
"Pam Beesly",
|
||||
"Angela Martin",
|
||||
"Kelly Kapoor",
|
||||
"Ryan Howard",
|
||||
"Kevin Malone",
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user