nodram
Version:
A Really MEAN Web Framework
105 lines (93 loc) • 7.72 kB
text/typescript
import {Privilege} from "../helpers/Privilege";
/**
* Created by EdgeTech on 8/31/2016.
*/
export const MODAL_TEMPLATE = `<article id="ModalView"><article id="container"><section id="main"><header><img *ngIf="modal?.backgroundImage" src="{{modal?.backgroundImage}}"><h3>{{modal?.title}}</h3></header><section>{{modal?.content}}</section><footer><button *ngFor="let action of modal?.actions" [ngClass]="setButtonClass(action)" (click)="call(action)">{{action.name}}</button></footer></section></article></article>`;
export const TOPBAR_TEMPLATE = `<article id="TopbarView"><nav id="service-lane"><div id="global-grind"><svg class="svg-grind"></svg></div></nav><nav id="profile"><div class="name">{{admin.name?.full}}</div><div id="profilePhoto" class="photo"><img *ngIf="admin.avatar" src="{{admin.avatar.thumb}}"> <img *ngIf="!admin.avatar" src="{{STATIC_DOMAIN}}/res/images/gifs/preloader.gif"></div></nav><nav id="options"><div class="settings"><i class="icon-common icon-settings"></i></div><div class="logout" (click)="onLogout()"><i class="icon-common icon-logout"></i></div></nav></article>`;
export const NAVIGATION_TEMPLATE = `<article id="NavigationView"><header><div class="app-logo"><img src="{{STATIC_DOMAIN}}/res/images/logo/logo-line-white.png"></div></header><section *ngFor="let navGroup of appNavigation.toJson()"><nav *ngIf="navGroup.level <= admin.level" routerLink="{{navGroup.slug}}" routerLinkActive="active"><i class="icon-common icon-{{navGroup.slug}}"></i> {{navGroup.name}}</nav></section></article>`;
const TOPBAR_STYLE = `#TopbarView{height:50px;background:white;border-bottom:1px solid
const MODAL_STYLE = `#ModalView{top:0;left:0;position:absolute;width:100vw;height:100vh;background:rgba(49,57,58,0.8);-ms-flex-pack:center;justify-content:center;display:none}#ModalView article
const NAVIGATION_STYLE = `#NavigationView{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:#31393A;height:100%;color:
`;
export const MODAL_STYLES = [MODAL_STYLE];
export const TOPBAR_STYLES = [TOPBAR_STYLE];
export const NAVIGATION_STYLES = [NAVIGATION_STYLE];
export const APP_NAVIGATION = [
// {
// name : "Summary",
// navs :[]
// },
{
name : "Users",
navs :[
{name : "Overview"},
{name : "Passengers"},
{name : "Drivers"},
{name : "Owners"},
{name : "Admin", level : Privilege.SUPER}
]
},
{
name : "App Settings",
navs :[
{name : "Ride Allocation Policy"},
{name : "Taxi Fare Calculation"},
{name : "Self Drive Fare Calculation"},
{name : "Card Verification Charge"}
]
},
// {
// name : "Vehicles",
// navs : [
// {name : "Manage"},
// {name : "Track"}
// ]
// },
//
{
name : "Transactions",
navs : [
{name : "Manage"}
]
},
//
// {
// name : "Fares",
// navs : [
// {name : "Ongoing"},
// {name : "Pending Request"},
// {name : "Completed"}
// ]
// },
//
// {
// name : "Drives",
// navs : [
// {name : "Ongoing"},
// {name : "Pending Request"},
// {name : "Completed"}
// ]
// },
//
// {
// name : "Promo Codes",
// navs : [
// {name : "Manage"}
// ]
// },
//
//
// {
// name : "Ads",
// navs : [
// {name : "Manage"}
// ]
// },
//
// {
// name : "Notifications",
// navs : [
// {name : "Manage"}
// ]
// }
];