Last active
November 27, 2017 15:53
-
-
Save nomoney4me/7192400a8e3009246ab51c249666239b to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div> | |
this is my dashboard | |
</div> | |
</template> | |
<script> | |
export default { | |
data: function() { | |
return { | |
} | |
} | |
} | |
</script> | |
<style scoped> | |
</style> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div class="container"> | |
<p>{{currentUser}}, {{view}}</p> | |
<div class="row"> | |
<header-bar class="col-12"></header-bar> | |
</div> | |
<div class="row"> | |
<left-panel class="col-3"></left-panel> | |
<sub-pages class="col-9" v-bind:view="view"></sub-pages> | |
</div> | |
</div> | |
</template> | |
<script> | |
import HeaderBar from './HeaderBar.vue' | |
import LeftPanel from './LeftPanel.vue' | |
import SubPages from './SubPages.vue' | |
export default { | |
data: function() { | |
return { | |
} | |
} | |
, components: { | |
HeaderBar, LeftPanel, SubPages | |
} | |
} | |
</script> | |
<style scoped> | |
.container { | |
width:100%; | |
} | |
</style> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div> | |
{{view}} | |
<Faq v-if="view === 'Faq'"></Faq> | |
<Knowledgebase v-else-if="view === 'Knowledgebase'"></Knowledgebase> | |
<ticket-status v-else-if="view === 'TicketStatus'"></ticket-status> | |
<Dashboard v-else></Dashboard> | |
</div> | |
</template> | |
<script> | |
import Dashboard from './components/Dashboard.vue'; | |
import Faq from './components/Faq.vue'; | |
import Knowledgebase from './components/Knowledgebase.vue'; | |
import TicketStatus from './components/TicketStatus.vue'; | |
export default { | |
data: function() { | |
return { | |
} | |
} | |
, components: { | |
Dashboard, Faq, Knowledgebase, TicketStatus | |
} | |
, props: ['view'] | |
} | |
</script> | |
<style scoped> | |
</style> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div id="ticketstatus"> | |
<button v-on:click="getTickets">List Tickets</button> | |
</div> | |
</template> | |
<script> | |
export default { | |
data: function() { | |
return { | |
tickets:[] | |
} | |
} | |
, methods: { | |
getTickets: function() { | |
console.log('testing') | |
} | |
} | |
, mounted: { | |
//this.getTickets() | |
} | |
} | |
</script> | |
<style> | |
#ticketstatus { | |
} | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment