schuetz3/schuetz3-erpnext
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Added custom navbar

Browse Source
This commit is contained in:
scmmishra
2019-03-28 15:33:08 +05:30
parent 6123ff3251
commit cea851522f
4 changed files with 56 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
erpnext/public/js/education/lms/components/Navbar.vue
View File

@@ -1,48 +1,49 @@
<template> <template>
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-light bg-white navbar-expand-lg sticky-top shadow-sm">
<div> <div class="container">
<router-link tag="a" :class="'navbar-brand'" :to="{name: 'home'}"> <a class="navbar-brand" href="/lms">
<span>{{ portal.title }}</span> <span>{{ portal.title }}</span>
</router-link> </a>
<button class="navbar-toggler mr-3" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse mx-3" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="lms#/List/Program">
All Programs
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/lms#/Profile">
Profile
</a>
</li>
</ul> </ul>
<ul class="navbar-nav ml-auto justify-content-end"> <ul class="navbar-nav ml-auto">
<!-- post login tools --> <!-- post login tools -->
<li class="nav-item dropdown hide" id="website-post-login" data-label="website-post-login" style="display: none"> <li class="nav-item dropdown logged-in" id="website-post-login" data-label="website-post-login">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="user-image-wrapper">
<li v-if="isLogin" class="nav-item dropdown" id="website-post-login" data-label="website-post-login" <span class="avatar avatar-small" :title="fullName">
style=""> <span class="avatar-frame" :style="avatarStyle" :title="fullName"></span>
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown"> </span>
<span class="user-image-wrapper"><span class="avatar avatar-small" :title="fullName"> </span>
<span class="avatar-frame" :style="avatarStyle"
:title="fullName"></span>
</span></span>
<span class="full-name">{{ fullName }}</span> <span class="full-name">{{ fullName }}</span>
<b class="caret"></b> <b class="caret"></b>
</a> </a>
<div class="dropdown-menu" role="menu"> <ul class="dropdown-menu dropdown-menu-right" role="menu">
<router-link tag="a" :class="'dropdown-item'" :to="{name: 'profile'}"> <a class="dropdown-item" href="/me" rel="nofollow"> My Account </a>
My Profile <a class="dropdown-item" href="/?cmd=web_logout" rel="nofollow"> Logout </a>
</router-link> </ul>
<router-link tag="a" :class="'dropdown-item'" :to="{name: 'logout'}">
Logout
</router-link>
</div>
</li>
<li v-else class="nav-item">
<router-link tag="a" :class="'nav-link'" :to="{name: 'login'}">
Login
</router-link>
</li> </li>
<li class="nav-item btn-login-area" style="display: none;"><a class="nav-link" href="/login">Login</a></li> <li class="nav-item">
<a class="nav-link btn-login-area" href="/login" style="display: none;">Login</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>

3
erpnext/public/js/education/lms/lms.js
View File

@@ -13,6 +13,9 @@ var store = {
enrolledCourses: [] enrolledCourses: []
} }
// let profile_page = `<a class="dropdown-item" href="/lms#/Profile" rel="nofollow"> LMS Profile </a>`
// document.querySelector('#website-post-login > ul').innerHTML += profile_page
frappe.ready(() => { frappe.ready(() => {
frappe.provide('lms') frappe.provide('lms')
// frappe.utils.make_event_emitter(lms); // frappe.utils.make_event_emitter(lms);

5
erpnext/public/js/education/lms/lmsRoot.vue
View File

@@ -1,7 +1,12 @@
<template> <template>
<div id="lms-root"> <div id="lms-root">
<navbar></navbar>
<main class="container my-5">
<div class="page_content">
<router-view :key="$route.fullPath"></router-view> <router-view :key="$route.fullPath"></router-view>
</div> </div>
</main>
</div>
</template> </template>
<script> <script>
import Navbar from "./components/Navbar.vue" import Navbar from "./components/Navbar.vue"

4
erpnext/www/lms.html
View File

@@ -2,7 +2,9 @@
{% block title %}{{ heading or "LMS"}}{% endblock %} {% block title %}{{ heading or "LMS"}}{% endblock %}
{% block page_content %} {% block navbar %}{% endblock %}
{% block content %}
<div id="lms-app"></div> <div id="lms-app"></div>
<script type="text/javascript" src="/assets/js/lms.min.js"></script> <script type="text/javascript" src="/assets/js/lms.min.js"></script>
{% endblock %} {% endblock %}