Skip to content

N
nexpie-grafana-theme
Commit 68580f06 by Torkel Ödegaard
Options

page header now on 99% of pages

parent 6bff4164
Showing with 110 additions and 237 deletions
pkg/api/index.go
...@@ -263,16 +263,18 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) { ...@@ -263,16 +263,18 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
Divider: true, HideFromTabs: true, Divider: true, HideFromTabs: true,
}) })
cfgNode.Children = append(cfgNode.Children, &dtos.NavLink{ cfgNode.Children = append(cfgNode.Children, &dtos.NavLink{
Text: "Server Admin", Text: "Server Admin",
Id: "admin", HideFromTabs: true,
Icon: "fa fa-fw fa-shield", SubTitle: "Manage all users & orgs",
Url: setting.AppSubUrl + "/admin", Id: "admin",
Icon: "fa fa-fw fa-shield",
Url: setting.AppSubUrl + "/admin/users",
Children: []*dtos.NavLink{ Children: []*dtos.NavLink{
{Text: "Users", Id: "global-users", Url: setting.AppSubUrl + "/admin/users"}, {Text: "Users", Id: "global-users", Url: setting.AppSubUrl + "/admin/users", Icon: "icon-gf icon-gf-fw icon-gf-users"},
{Text: "Orgs", Id: "global-orgs", Url: setting.AppSubUrl + "/admin/orgs"}, {Text: "Orgs", Id: "global-orgs", Url: setting.AppSubUrl + "/admin/orgs", Icon: "gicon gicon-org"},
{Text: "Server Settings", Id: "server-settings", Url: setting.AppSubUrl + "/admin/settings"}, {Text: "Settings", Id: "server-settings", Url: setting.AppSubUrl + "/admin/settings", Icon: "fa fa-fw fa-sliders"},
{Text: "Server Stats", Id: "server-stats", Url: setting.AppSubUrl + "/admin/stats"}, {Text: "Stats", Id: "server-stats", Url: setting.AppSubUrl + "/admin/stats", Icon: "fa fa-fw fa-bar-chart"},
{Text: "Style Guide", Id: "styleguide", Url: setting.AppSubUrl + "/styleguide"}, {Text: "Style Guide", Id: "styleguide", Url: setting.AppSubUrl + "/styleguide", Icon: "fa fa-fw fa-eyedropper"},
}, },
}) })
} }
......
public/app/core/routes/routes.ts
...@@ -48,12 +48,6 @@ function setupAngularRoutes($routeProvider, $locationProvider) { ...@@ -48,12 +48,6 @@ function setupAngularRoutes($routeProvider, $locationProvider) {
reloadOnSearch: false, reloadOnSearch: false,
pageClass: 'page-dashboard', pageClass: 'page-dashboard',
}) })
.when('/configuration', {
templateUrl: 'public/app/features/admin/partials/configuration_home.html',
controller : 'ConfigurationHomeCtrl',
controllerAs: 'ctrl',
resolve: loadAdminBundle,
})
.when('/datasources', { .when('/datasources', {
templateUrl: 'public/app/features/plugins/partials/ds_list.html', templateUrl: 'public/app/features/plugins/partials/ds_list.html',
controller : 'DataSourcesCtrl', controller : 'DataSourcesCtrl',
......
public/app/features/admin/admin.ts
...@@ -10,7 +10,7 @@ class AdminSettingsCtrl { ...@@ -10,7 +10,7 @@ class AdminSettingsCtrl {
/** @ngInject **/ /** @ngInject **/
constructor($scope, backendSrv, navModelSrv) { constructor($scope, backendSrv, navModelSrv) {
this.navModel = navModelSrv.getNav('cfg', 'admin', 'server-settings'); this.navModel = navModelSrv.getNav('cfg', 'admin', 'server-settings', 1);
backendSrv.get('/api/admin/settings').then(function(settings) { backendSrv.get('/api/admin/settings').then(function(settings) {
$scope.settings = settings; $scope.settings = settings;
...@@ -24,7 +24,7 @@ class AdminHomeCtrl { ...@@ -24,7 +24,7 @@ class AdminHomeCtrl {
/** @ngInject **/ /** @ngInject **/
constructor(navModelSrv) { constructor(navModelSrv) {
this.navModel = navModelSrv.getNav('cfg', 'admin'); this.navModel = navModelSrv.getNav('cfg', 'admin', 1);
} }
} }
...@@ -34,7 +34,7 @@ export class AdminStatsCtrl { ...@@ -34,7 +34,7 @@ export class AdminStatsCtrl {
/** @ngInject */ /** @ngInject */
constructor(backendSrv: any, navModelSrv) { constructor(backendSrv: any, navModelSrv) {
this.navModel = navModelSrv.getNav('cfg', 'admin', 'server-stats'); this.navModel = navModelSrv.getNav('cfg', 'admin', 'server-stats', 1);
backendSrv.get('/api/admin/stats').then(stats => { backendSrv.get('/api/admin/stats').then(stats => {
this.stats = stats; this.stats = stats;
...@@ -42,16 +42,6 @@ export class AdminStatsCtrl { ...@@ -42,16 +42,6 @@ export class AdminStatsCtrl {
} }
} }
export class ConfigurationHomeCtrl {
navModel: any;
/** @ngInject */
constructor(navModelSrv) {
this.navModel = navModelSrv.getNav('cfg');
}
}
coreModule.controller('ConfigurationHomeCtrl', ConfigurationHomeCtrl);
coreModule.controller('AdminSettingsCtrl', AdminSettingsCtrl); coreModule.controller('AdminSettingsCtrl', AdminSettingsCtrl);
coreModule.controller('AdminHomeCtrl', AdminHomeCtrl); coreModule.controller('AdminHomeCtrl', AdminHomeCtrl);
coreModule.controller('AdminStatsCtrl', AdminStatsCtrl); coreModule.controller('AdminStatsCtrl', AdminStatsCtrl);
......
public/app/features/admin/admin_edit_org_ctrl.ts
...@@ -5,7 +5,7 @@ export class AdminEditOrgCtrl { ...@@ -5,7 +5,7 @@ export class AdminEditOrgCtrl {
/** @ngInject */ /** @ngInject */
constructor($scope, $routeParams, backendSrv, $location, navModelSrv) { constructor($scope, $routeParams, backendSrv, $location, navModelSrv) {
$scope.init = function() { $scope.init = function() {
$scope.navModel = navModelSrv.getNav('cfg', 'admin', 'global-orgs'); $scope.navModel = navModelSrv.getNav('cfg', 'admin', 'global-orgs', 1);
if ($routeParams.id) { if ($routeParams.id) {
$scope.getOrg($routeParams.id); $scope.getOrg($routeParams.id);
......
public/app/features/admin/admin_edit_user_ctrl.ts
...@@ -8,7 +8,7 @@ export class AdminEditUserCtrl { ...@@ -8,7 +8,7 @@ export class AdminEditUserCtrl {
$scope.user = {}; $scope.user = {};
$scope.newOrg = { name: '', role: 'Editor' }; $scope.newOrg = { name: '', role: 'Editor' };
$scope.permissions = {}; $scope.permissions = {};
$scope.navModel = navModelSrv.getNav('cfg', 'admin', 'global-users'); $scope.navModel = navModelSrv.getNav('cfg', 'admin', 'global-users', 1);
$scope.init = function() { $scope.init = function() {
if ($routeParams.id) { if ($routeParams.id) {
......
public/app/features/admin/admin_list_orgs_ctrl.ts
...@@ -5,7 +5,7 @@ export class AdminListOrgsCtrl { ...@@ -5,7 +5,7 @@ export class AdminListOrgsCtrl {
/** @ngInject */ /** @ngInject */
constructor($scope, backendSrv, navModelSrv) { constructor($scope, backendSrv, navModelSrv) {
$scope.init = function() { $scope.init = function() {
$scope.navModel = navModelSrv.getNav('cfg', 'admin', 'global-orgs'); $scope.navModel = navModelSrv.getNav('cfg', 'admin', 'global-orgs', 1);
$scope.getOrgs(); $scope.getOrgs();
}; };
......
public/app/features/admin/admin_list_users_ctrl.ts
...@@ -10,7 +10,7 @@ export default class AdminListUsersCtrl { ...@@ -10,7 +10,7 @@ export default class AdminListUsersCtrl {
/** @ngInject */ /** @ngInject */
constructor(private $scope, private backendSrv, navModelSrv) { constructor(private $scope, private backendSrv, navModelSrv) {
this.navModel = navModelSrv.getNav('cfg', 'admin', 'global-users'); this.navModel = navModelSrv.getNav('cfg', 'admin', 'global-users', 1);
this.query = ''; this.query = '';
this.getUsers(); this.getUsers();
} }
......
public/app/features/admin/partials/admin_home.html
<navbar model="ctrl.navModel"></navbar> <page-header model="ctrl.navModel"></page-header>
<div class="page-container"> <div class="page-container page-body">
<div class="page-header">
<page-h1 model="ctrl.navModel"></page-h1>
</div>
<section class="card-section card-list-layout-grid"> <div class="grafana-info-box span8">
<ol class="card-list" > Grafana is a multi-tenant system where most can be configured per organization. These
<li class="card-item-wrapper" ng-repeat="navItem in ctrl.navModel.node.children"> admin pages are for server admins where you can manage orgs, & all users across all orgs.
<a class="card-item" ng-href="{{::navItem.url}}"> </div>
<div class="card-item-header">
<div class="card-item-type">
</div>
</div>
<div class="card-item-body">
<figure class="card-item-figure">
<i class="{{navItem.icon}}"></i>
</figure>
<div class="card-item-details">
<div class="card-item-name">
{{navItem.text}}
</div>
<div class="card-item-sub-name">
{{navItem.description}}
</div>
</div>
</div>
</a>
</li>
</ol>
</section>
</div> </div>
public/app/features/admin/partials/configuration_home.html deleted 100644 → 0
<page-header model="ctrl.navModel" no-tabs="true"></page-header>
<div class="page-container page-body">
<section class="card-section card-list-layout-grid">
<ol class="card-list">
<li class="card-item-wrapper" ng-repeat="navItem in ctrl.navModel.node.children">
<a class="card-item" ng-href="{{::navItem.url}}">
<div class="card-item-header">
<div class="card-item-type">
</div>
</div>
<div class="card-item-body">
<figure class="card-item-figure">
<i class="{{navItem.icon}}"></i>
</figure>
<div class="card-item-details">
<div class="card-item-name">
{{navItem.text}}
</div>
<div class="card-item-sub-name">
{{navItem.description}}
</div>
</div>
</div>
</a>
</li>
</ol>
</section>
</div>
public/app/features/admin/partials/edit_org.html
<navbar model="navModel"></navbar> <page-header model="navModel"></page-header>
<div class="page-container"> <div class="page-container page-body">
<div class="page-header"> <h2 class="page-sub-heading">Edit Organization</h2>
<h1>Edit Organization</h1>
</div>
<form name="orgDetailsForm" class="gf-form-group"> <form name="orgDetailsForm" class="gf-form-group">
<div class="gf-form"> <div class="gf-form">
......
public/app/features/admin/partials/edit_user.html
<navbar model="navModel"></navbar> <page-header model="navModel"></page-header>
<div class="page-container"> <div class="page-container page-body">
<div class="page-header">
<h1>Edit User</h1> <div class="page-sub-heading">
<h2>Edit User</h2>
</div> </div>
<form name="userForm" class="gf-form-group"> <form name="userForm" class="gf-form-group">
...@@ -54,7 +55,7 @@ ...@@ -54,7 +55,7 @@
<form name="addOrgForm" class="gf-form-group"> <form name="addOrgForm" class="gf-form-group">
<div class="gf-form-inline"> <div class="gf-form-inline">
<div class="gf-form"> <div class="gf-form">
<span class="gf-form-label width-12">Add organization</span> <span class="gf-form-label">Add</span>
<input type="text" ng-model="newOrg.name" bs-typeahead="searchOrgs" required class="gf-form-input max-width-20" placeholder="organization name"> <input type="text" ng-model="newOrg.name" bs-typeahead="searchOrgs" required class="gf-form-input max-width-20" placeholder="organization name">
</div> </div>
<div class="gf-form"> <div class="gf-form">
...@@ -67,12 +68,14 @@ ...@@ -67,12 +68,14 @@
</div> </div>
</form> </form>
<table class="grafana-options-table"> <table class="filter-table">
<tr> <thead>
<th>Name</th> <tr>
<th>Role</th> <th>Name</th>
<th></th> <th>Role</th>
</tr> <th></th>
</tr>
</thead>
<tr ng-repeat="org in orgs"> <tr ng-repeat="org in orgs">
<td> <td>
{{org.name}} <span class="label label-info" ng-show="org.orgId === user.orgId">Current</span> {{org.name}} <span class="label label-info" ng-show="org.orgId === user.orgId">Current</span>
......
public/app/features/admin/partials/new_user.html
<navbar model="navModel"></navbar> <page-header model="navModel"></page-header>
<div class="page-container"> <div class="page-container page-body">
<div class="page-header"> <div class="page-sub-heading">
<h1>Add new user</h1> <h1>Add new user</h1>
</div> </div>
......
public/app/features/admin/partials/orgs.html
<navbar model="navModel"></navbar> <page-header model="navModel"></page-header>
<div class="page-container"> <div class="page-container page-body">
<div class="page-header"> <div class="page-action-bar">
<h1>Organizations</h1> <div class="page-action-bar__spacer"></div>
<a class="page-header__cta btn btn-success" href="org/new">
<i class="fa fa-plus"></i>
New Org
</a>
</div> </div>
<table class="filter-table form-inline"> <table class="filter-table form-inline">
......
public/app/features/admin/partials/settings.html
<navbar model="ctrl.navModel"></navbar> <page-header model="ctrl.navModel"></page-header>
<div class="page-container"> <div class="page-container page-body">
<div class="page-header">
<h1>Server settings</h1>
</div>
<div class="grafana-info-box span8" style="margin: 20px 0 25px 0"> <div class="grafana-info-box span8" style="margin: 20px 0 25px 0">
These system settings are defined in grafana.ini or custom.ini (or overridden in ENV variables). These system settings are defined in grafana.ini or custom.ini (or overridden in ENV variables).
To change these you currently need to restart grafana. To change these you currently need to restart grafana.
</div> </div>
<table class="grafana-options-table"> <table class="filter-table">
<tr ng-repeat-start="(secName, secValue) in settings"> <tr ng-repeat-start="(secName, secValue) in settings">
<td class="admin-settings-section">{{secName}}</td> <td class="admin-settings-section">{{secName}}</td>
<td></td> <td></td>
</tr> </tr>
<tr ng-repeat="(keyName, keyValue) in secValue" ng-repeat-end> <tr ng-repeat="(keyName, keyValue) in secValue" ng-repeat-end>
<td style="padding-left: 25px;">{{keyName}}</td> <td style="padding-left: 25px;">{{keyName}}</td>
<td>{{keyValue}}</td> <td>{{keyValue}}</td>
</tr> </tr>
</table> </table>
</div> </div>
......
public/app/features/admin/partials/stats.html
<navbar model="ctrl.navModel"></navbar> <page-header model="ctrl.navModel"></page-header>
<div class="page-container">
<div class="page-header">
<h1>Stats</h1>
</div>
<div class="page-container page-body">
<table class="filter-table form-inline"> <table class="filter-table form-inline">
<thead> <thead>
<tr> <tr>
......
public/app/features/admin/partials/users.html
<navbar model="ctrl.navModel"></navbar> <page-header model="ctrl.navModel"></page-header>
<div class="page-container">
<div class="page-header">
<h1>Users</h1>
<div class="page-container page-body">
<div class="page-action-bar">
<div class="gf-form">
<label class="gf-form-label">Search</label>
<input class="gf-form-input width-15" type="text" placeholder="Find user by name/login/email" tabindex="1" give-focus="true" ng-model="ctrl.query" ng-model-options="{ debounce: 500 }" spellcheck='false' ng-change="ctrl.getUsers()" />
</div>
<div class="page-action-bar__spacer"></div>
<a class="btn btn-success" href="admin/users/create"> <a class="btn btn-success" href="admin/users/create">
<i class="fa fa-plus"></i> <i class="fa fa-plus"></i>
Add new user Add new user
</a> </a>
</div> </div>
<div class="gf-form pull-right gf-form-group">
<label class="gf-form-label">Search</label>
<span style="position: relative;">
<input class="gf-form-input width-15" type="text" placeholder="Find user by name/login/email" tabindex="1" give-focus="true" ng-model="ctrl.query" ng-model-options="{ debounce: 500 }" spellcheck='false' ng-change="ctrl.getUsers()" />
</span>
</div>
<div class="admin-list-table"> <div class="admin-list-table">
<table class="filter-table form-inline"> <table class="filter-table form-inline">
<thead> <thead>
......
public/app/features/org/change_password_ctrl.ts
...@@ -8,7 +8,7 @@ export class ChangePasswordCtrl { ...@@ -8,7 +8,7 @@ export class ChangePasswordCtrl {
$scope.command = {}; $scope.command = {};
$scope.authProxyEnabled = config.authProxyEnabled; $scope.authProxyEnabled = config.authProxyEnabled;
$scope.ldapEnabled = config.ldapEnabled; $scope.ldapEnabled = config.ldapEnabled;
$scope.navModel = navModelSrv.getNav('profile', 'change-password'); $scope.navModel = navModelSrv.getNav('profile', 'change-password', 0);
$scope.changePassword = function() { $scope.changePassword = function() {
if (!$scope.userForm.$valid) { return; } if (!$scope.userForm.$valid) { return; }
......
public/app/features/org/new_org_ctrl.ts
...@@ -5,7 +5,7 @@ export class NewOrgCtrl { ...@@ -5,7 +5,7 @@ export class NewOrgCtrl {
/** @ngInject **/ /** @ngInject **/
constructor($scope, $http, backendSrv, navModelSrv) { constructor($scope, $http, backendSrv, navModelSrv) {
$scope.navModel = navModelSrv.getOrgNav(0); $scope.navModel = navModelSrv.getNav('cfg', 'admin', 'global-orgs', 1);
$scope.newOrg = {name: ''}; $scope.newOrg = {name: ''};
$scope.createOrg = function() { $scope.createOrg = function() {
......
public/app/features/org/partials/change_password.html
<navbar model="navModel"></navbar> <page-header model="navModel"></page-header>
<div class="page-container"> <div class="page-container page-body">
<div class="page-header"> <h2 class="page-sub-heading">
<page-h1 model="navModel"></page-h1> Change your password
</div> </h2>
<div ng-if="ldapEnabled || authProxyEnabled"> <div ng-if="ldapEnabled || authProxyEnabled">
You cannot change password when ldap or auth proxy authentication is enabled. You cannot change password when ldap or auth proxy authentication is enabled.
......
public/app/features/org/partials/newOrg.html
<navbar model="navModel"></navbar> <page-header model="navModel"></page-header>
<div class="page-container" ng-form="playlistEditForm"> <div class="page-container page-body" ng-form="playlistEditForm">
<div class="page-header"> <h2 class="page-sub-heading">
<h1>New Organization</h1> New Organization
</div> </h2>
<p class="playlist-description">Each organization contains their own dashboards, data sources and configuration, and cannot be shared between orgs. While users may belong to more than one, mutiple organization are most frequently used in multi-tenant deployments. </p> <p class="playlist-description">Each organization contains their own dashboards, data sources and configuration, and cannot be shared between orgs. While users may belong to more than one, mutiple organization are most frequently used in multi-tenant deployments. </p>
......
public/app/features/org/partials/orgApiKeys.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="page-container page-body"> <div class="page-container page-body">
<h3 class="section-heading">Add new</h3> <h3 class="page-heading">Add new</h3>
<form name="addTokenForm" class="gf-form-group"> <form name="addTokenForm" class="gf-form-group">
<div class="gf-form-inline"> <div class="gf-form-inline">
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</div> </div>
</form> </form>
<h3 class="section-heading">Existing Keys</h3> <h3 class="page-heading">Existing Keys</h3>
<table class="filter-table"> <table class="filter-table">
<thead> <thead>
<tr> <tr>
......
public/app/features/org/partials/orgDetails.html
<!-- <div class="page&#45;header&#45;canvas"> -->
<!-- <div class="page&#45;container" > -->
<!-- <navbar model="navModel"></navbar> -->
<!-- -->
<!-- <div class="page&#45;header"> -->
<!-- <page&#45;h1 model="navModel"></page&#45;h1> -->
<!-- -->
<!-- <ul class="gf&#45;tabs"> -->
<!-- <li class="gf&#45;tabs&#45;item"> -->
<!-- <a class="gf&#45;tabs&#45;link active" href="org"> -->
<!-- <i class="fa fa&#45;fw fa&#45;sliders"></i> -->
<!-- Preferences -->
<!-- </a> -->
<!-- </li> -->
<!-- <li class="gf&#45;tabs&#45;item"> -->
<!-- <a class="gf&#45;tabs&#45;link" href="org/users"> -->
<!-- <i class="icon&#45;gf icon&#45;gf&#45;fw icon&#45;gf&#45;users"></i> -->
<!-- Members -->
<!-- </a> -->
<!-- </li> -->
<!-- <li class="gf&#45;tabs&#45;item"> -->
<!-- <a class="gf&#45;tabs&#45;link" href="org/user&#45;groups"> -->
<!-- <i class="gicon gicon&#45;user&#45;group"></i> -->
<!-- Teams -->
<!-- </a> -->
<!-- </li> -->
<!-- </ul> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<page-header model="navModel"></page-header> <page-header model="navModel"></page-header>
<div class="page-container page-body"> <div class="page-container page-body">
......
public/app/features/org/prefs_control.ts
...@@ -49,7 +49,7 @@ export class PrefsControlCtrl { ...@@ -49,7 +49,7 @@ export class PrefsControlCtrl {
var template = ` var template = `
<form name="ctrl.prefsForm" class="section gf-form-group"> <form name="ctrl.prefsForm" class="section gf-form-group">
<h3 class="section-heading">Preferences</h3> <h3 class="page-heading">Preferences</h3>
<div class="gf-form"> <div class="gf-form">
<span class="gf-form-label width-11">UI Theme</span> <span class="gf-form-label width-11">UI Theme</span>
......
public/app/features/styleguide/styleguide.html
<navbar model="ctrl.navModel"></navbar> <page-header model="ctrl.navModel"></page-header>
<div class="page-container">
<div class="page-header">
<page-h1 model="ctrl.navModel"></page-h1>
<a class="btn btn-success" ng-click="ctrl.switchTheme()">
<i class="fa fa-random"></i>
Switch theme
</a>
<div class="page-header-tabs">
<ul class="gf-tabs">
<li class="gf-tabs-item" ng-repeat="page in ctrl.pages">
<a class="gf-tabs-link" href="styleguide/{{page}}" ng-class="{active: ctrl.page[page]}">{{page}}</a>
</li>
</ul>
</div>
</div> <div class="page-container page-body">
<div class="tab-pane" ng-if="ctrl.page.colors"> <h3 class="page-heading">Buttons</h3>
<ul>
<li class="style-guide-color-card" ng-repeat="color in ctrl.colors" style="background-color: {{color.value}}">
<strong>${{color.name}}</strong>
<em>{{color.value}}</em>
</li>
</ul>
</div>
<div class="tab-pane" ng-if="ctrl.page.buttons"> <div class="tab-pane">
<div ng-repeat="variant in ctrl.buttonVariants" class="row"> <div ng-repeat="variant in ctrl.buttonVariants" class="row">
<div ng-repeat="btnSize in ctrl.buttonSizes" class="style-guide-button-list p-a-2 col-md-4"> <div ng-repeat="btnSize in ctrl.buttonSizes" class="style-guide-button-list p-a-2 col-md-4">
<button ng-repeat="buttonName in ctrl.buttonNames" class="btn btn{{variant}}{{buttonName}} {{btnSize}}"> <button ng-repeat="buttonName in ctrl.buttonNames" class="btn btn{{variant}}{{buttonName}} {{btnSize}}">
...@@ -38,7 +14,7 @@ ...@@ -38,7 +14,7 @@
</div> </div>
</div> </div>
<div class="tab-pane style-guide-icon-list" ng-if="ctrl.page.icons"> <div class="tab-pane style-guide-icon-list">
<div class="row"> <div class="row">
<div ng-repeat="icon in ctrl.icons" class="col-md-2 col-sm-3 col-xs-4"> <div ng-repeat="icon in ctrl.icons" class="col-md-2 col-sm-3 col-xs-4">
<i class="icon-gf icon-gf-{{icon}}" bs-tooltip="'icon-gf icon-gf-{{icon}}'"></i> <i class="icon-gf icon-gf-{{icon}}" bs-tooltip="'icon-gf icon-gf-{{icon}}'"></i>
...@@ -46,13 +22,13 @@ ...@@ -46,13 +22,13 @@
</div> </div>
</div> </div>
<div class="tab-pane style-guide-plugin-authoring" ng-if="ctrl.page.plugins"> <h3 class="page-heading">Forms</h3>
<p>From grafana 3.0 it's very easy to develop your own plugins and share them with other grafana users.</p>
<p>More information about plugin development can be found at <a href="http://docs.grafana.org/plugins/developing/development/" target="_blank">docs.grafana.org</a></p>
</div>
<div class="tab-pane" ng-if="ctrl.page.forms"> <div class="gf-form-inline">
forms <div class="gf-form">
<label class="gf-form-label">Label</label>
<input type="text" class="gf-form-input" />
</div>
</div> </div>
</div> </div>
......
public/app/features/styleguide/styleguide.ts
...@@ -8,7 +8,7 @@ class StyleGuideCtrl { ...@@ -8,7 +8,7 @@ class StyleGuideCtrl {
theme: string; theme: string;
buttonNames = ['primary', 'secondary', 'inverse', 'success', 'warning', 'danger']; buttonNames = ['primary', 'secondary', 'inverse', 'success', 'warning', 'danger'];
buttonSizes = ['btn-small', '', 'btn-large']; buttonSizes = ['btn-small', '', 'btn-large'];
buttonVariants = ['-', '-outline-']; buttonVariants = ['-'];
icons: any = []; icons: any = [];
page: any; page: any;
pages = ['colors', 'buttons', 'icons', 'plugins']; pages = ['colors', 'buttons', 'icons', 'plugins'];
...@@ -16,7 +16,7 @@ class StyleGuideCtrl { ...@@ -16,7 +16,7 @@ class StyleGuideCtrl {
/** @ngInject **/ /** @ngInject **/
constructor(private $http, private $routeParams, private backendSrv, navModelSrv) { constructor(private $http, private $routeParams, private backendSrv, navModelSrv) {
this.navModel = navModelSrv.getNav('cfg', 'admin', 'styleguide'); this.navModel = navModelSrv.getNav('cfg', 'admin', 'styleguide', 1);
this.theme = config.bootData.user.lightTheme ? 'light': 'dark'; this.theme = config.bootData.user.lightTheme ? 'light': 'dark';
this.page = {}; this.page = {};
......
public/sass/base/_icons.scss
...@@ -51,5 +51,6 @@ ...@@ -51,5 +51,6 @@
background-image: url('../img/icons_#{$theme-name}_theme/icon_user_group.svg'); background-image: url('../img/icons_#{$theme-name}_theme/icon_user_group.svg');
} }
.gicon-org {
background-image: url('../img/icons_#{$theme-name}_theme/icon_org.svg');
}
public/sass/components/_page_header.scss
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
position: relative; position: relative;
&.fa { &.fa {
top: 8px; top: 10px;
} }
&.gicon { &.gicon {
......
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