Skip to content

N
nexpie-grafana-theme
Commit f7e3297a by Torkel Ödegaard
Options

ux(): updated navbar on all pages to new style, no subnav/dropdown yet though

parent f98dbd24
Showing with 35 additions and 120 deletions
package.json
......@@ -68,7 +68,7 @@
"grunt-jscs": "~1.5.x",
"grunt-sync": "^0.4.1",
"karma-sinon": "^1.0.3",
"lodash": "^4.0.0",
"lodash": "^2.4.1",
"sinon": "1.16.1",
"systemjs-builder": "^0.15.7",
"tslint": "^3.2.1",
......
public/app/core/components/navbar/navbar.html
......@@ -10,15 +10,13 @@
</a>
</div>
<span ng-if="ctrl.title">
<span class="icon-circle top-nav-icon">
<div class="top-nav-btn dashnav-dashboards-btn" ng-if="ctrl.title">
<a class="pointer" href="{{ctrl.titleUrl}}">
<i ng-class="ctrl.icon"></i>
</span>
<a ng-href="{{ctrl.titleUrl}}" class="top-nav-title">
{{ctrl.title}}
<span class="dashboard-title">{{ctrl.title}}</span>
<!-- <i class="fa fa&#45;caret&#45;down"></i> -->
</a>
<i ng-show="ctrl.subnav" class="top-nav-breadcrumb-icon fa fa-angle-right"></i>
</span>
</div>
<div ng-transclude></div>
</div>
......
public/app/core/components/navbar/navbar.ts
......@@ -17,15 +17,14 @@ export function navbarDirective() {
templateUrl: 'public/app/core/components/navbar/navbar.html',
controller: NavbarCtrl,
bindToController: true,
controllerAs: 'ctrl',
transclude: true,
controllerAs: 'ctrl',
scope: {
title: "@",
titleUrl: "@",
},
link: function(scope, elem, attrs, ctrl) {
ctrl.icon = attrs.icon;
ctrl.subnav = attrs.subnav;
}
};
}
......
public/app/features/apps/partials/edit.html
<navbar title="Plugins" title-url="Plugins" icon="icon-gf icon-gf-apps" subnav="true">
<ul class="nav">
<li class="active" ><a href="apps/edit/{{ctrl.current.type}}">{{ctrl.appModel.name}}</a></li>
</ul>
<navbar title="Plugins" title-url="Plugins" icon="icon-gf icon-gf-apps">
</navbar>
<div class="page-container">
......
public/app/features/apps/partials/page.html
<navbar icon="fa fa-fw fa-cubes" title="{{ctrl.appModel.name}}" title-url="apps/{{ctrl.appId}}/edit" subnav="true">
<ul class="nav">
<li class="active"><a href="apps/{{ctrl.appId}}/ctrl.page.slug">{{ctrl.page.name}}</a></li>
</ul>
<navbar icon="fa fa-fw fa-cubes" title="{{ctrl.appModel.name}}" title-url="apps/{{ctrl.appId}}/edit">
</navbar>
<div class="page-container">
......
public/app/features/dashboard/partials/import.html
<navbar icon="fa fa-th-large" title="Dashboards" subnav="true">
<ul class="nav">
<li class="active"><a href="import/dashboard">Import</a></li>
</ul>
<navbar title="Import" title-url="import/dashboard" icon="fa fa-download">
</navbar>
<div class="page-container">
......
public/app/features/datasources/partials/edit.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="icon-gf icon-gf-datasources"></i>
<span class="dashboard-title">Data Sources</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<!-- <ul class="nav">
<li ng-class="{active: isNew}" ng-show="isNew"><a href="datasources/new">Add new</a></li>
<li class="active" ng-show="!isNew"><a href="datasources/edit/{{current.name}}">{{current.name}}</a></li>
</ul> -->
<navbar
title="Data Sources"
title-url="datasources"
icon="icon-gf icon-gf-datasources">
</navbar>
<div class="page-container">
......
public/app/features/datasources/partials/list.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="icon-gf icon-gf-datasources"></i>
<span class="dashboard-title">Data Sources</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar
title="Data Sources"
title-url="datasources"
icon="icon-gf icon-gf-datasources">
</navbar>
<div class="page-container">
......
public/app/features/org/partials/invite.html
......@@ -51,7 +51,7 @@
</div>
</div>
<div style="margin-top: 20px;">
<div style="margin-top: 20px; text-align: left;">
<a class="btn btn-inverse" ng-click="addInvite()">+ Invite another</a>
<div class="form-inline" style="margin-top: 20px">
<editor-checkbox text="Skip sending invite email" model="options.skipEmails" change="targetBlur()"></editor-checkbox>
......
public/app/features/org/partials/newOrg.html
<navbar title="Organization" icon="fa fa-fw fa-users" subnav="true">
<ul class="nav">
<li class="active"><a href="org/new">New organization</a></li>
</ul>
<navbar title="Organization" icon="icon-gf icon-gf-users">
</navbar>
<div class="page-container">
......
public/app/features/org/partials/orgApiKeys.html
<navbar icon="fa fa-fw fa-users" title="Organization" subnav="true">
<ul class="nav">
<li class="active"><a href="org/apikeys">API Keys</a></li>
</ul>
<navbar icon="icon-gf icon-gf-users" title="Organization">
</navbar>
<div class="page-container">
......@@ -26,9 +23,9 @@
</li>
</ul>
<button class="btn btn-success" style="margin-left:15px; vertical-algin:middle;" ng-click="addToken()">Add</button>
<div class="clearfix"></div>
</form>
<table class="filter-table">
......
public/app/features/org/partials/orgDetails.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="icon-gf icon-gf-users"></i>
<span class="dashboard-title">Organization Preferences</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar icon="icon-gf icon-gf-users" title="Organization">
</navbar>
<div class="page-container">
<div class="page">
<h1>Organization</h1>
<section class="simple-box">
<h3 class="">Preferences</h3>
</section>
<h1>Preferences</h1>
<form name="orgForm">
<div class="norm-form last">
......@@ -98,6 +87,10 @@
</form>
</div>
<h3>Org. Users</h3>
<a href="org/users" class="btn btn-inverse">Manage</a>
</div>
public/app/features/org/partials/orgUsers.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="icon-gf icon-gf-users"></i>
<span class="dashboard-title">Organization Users</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar icon="icon-gf icon-gf-users" title="Organization Users">
</navbar>
<div class="page-container">
......
public/app/features/playlist/partials/playlist.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="fa fa-fw fa-list"></i>
<span class="dashboard-title">Playlist</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar icon="fa fa-fw fa-list" title="Playlist">
</navbar>
<!-- <navbar title="Playlists" title-url="playlists" icon="fa fa-fw fa-list" subnav="true">
<ul class="nav">
<li ng-class="{active: ctrl.isNew()}" ng-show="ctrl.isNew()"><a href="datasources/create">New</a></li>
<li class="active" ng-show="!ctrl.isNew()"><a href="playlists/edit/{{ctrl.playlist.id}}">{{ctrl.playlist.name}}</a></li>
</ul>
</navbar> -->
<div class="page-container" ng-form="playlistEditForm">
<div class="page">
......
public/app/features/playlist/partials/playlists.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="fa fa-fw fa-list"></i>
<span class="dashboard-title">New Playlist</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar icon="fa fa-fw fa-list" title="New Playlist">
</navbar>
<div class="page-container">
......
public/app/features/profile/partials/password.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="icon-gf icon-gf-users"></i>
<span class="dashboard-title">Change Password</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar icon="icon-gf icon-gf-users" title="Profile" title-url="profile">
</navbar>
<div class="page-container">
......
public/app/features/profile/partials/profile.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="icon-gf icon-gf-users"></i>
<span class="dashboard-title">Profile</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar icon="icon-gf icon-gf-users" title="Profile">
</navbar>
<div class="page-container">
......
public/app/features/snapshot/partials/snapshots.html
<navbar>
<div class="top-nav-btn dashnav-dashboards-btn" >
<a class="pointer" ng-click="openSearch()">
<i class="icon-gf icon-gf-snapshot"></i>
<span class="dashboard-title">Snapshots</span>
<i class="fa fa-caret-down"></i>
</a>
</div>
<navbar icon="icon-gf icon-gf-snapshot" title="Snapshots">
</navbar>
<div class="page-container">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment