PHP Classes

File: resources/assets/js/views/App.vue

Recommend this page to a friend!
  Classes of Hillary Kollan   Laravel eCommerce with Vue.js   resources/assets/js/views/App.vue   Download  
File: resources/assets/js/views/App.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel eCommerce with Vue.js
Implementation of an interactive eCommerce site
Author: By
Last change:
Date: 2 years ago
Size: 2,698 bytes
 

Contents

Class file image Download
<template> <div> <nav class="navbar navbar-expand-md navbar-light navbar-laravel"> <div class="container"> <router-link :to="{name: 'home'}" class="navbar-brand">Sellify</router-link> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <!-- Left Side Of Navbar --> <ul class="navbar-nav mr-auto"></ul> <!-- Right Side Of Navbar --> <ul class="navbar-nav ml-auto"> <router-link :to="{ name: 'login' }" class="nav-link" v-if="!isLoggedIn">Login</router-link> <router-link :to="{ name: 'register' }" class="nav-link" v-if="!isLoggedIn">Register</router-link> <span v-if="isLoggedIn"> <router-link :to="{ name: 'userboard' }" class="nav-link" v-if="user_type == 0"> Hi, {{name}}</router-link> <router-link :to="{ name: 'admin' }" class="nav-link" v-if="user_type == 1"> Hi, {{name}}</router-link> </span> <li class="nav-link" v-if="isLoggedIn" @click="logout"> Logout</li> </ul> </div> </div> </nav> <main class="py-4"> <router-view @loggedIn="change"></router-view> </main> </div> </template> <script> export default { data() { return { name: null, user_type: 0, isLoggedIn: localStorage.getItem('sellify.jwt') != null } }, mounted() { this.setDefaults() }, methods : { setDefaults() { if (this.isLoggedIn) { let user = JSON.parse(localStorage.getItem('sellify.user')) this.name = user.name this.user_type = user.is_admin } }, change() { this.isLoggedIn = localStorage.getItem('sellify.jwt') != null this.setDefaults() }, logout(){ localStorage.removeItem('sellify.jwt') localStorage.removeItem('sellify.user') this.change() this.$router.push('/') } } } </script>