IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(annotations): change to new tab header

Browse Source
This commit is contained in:
bergquist 2016-02-24 11:07:57 +01:00
parent 7207068181
commit 7dcb85010a
1 changed files with 26 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
public/app/features/annotations/partials/editor.html
View File

@ -1,39 +1,34 @@
<div ng-controller="AnnotationsEditorCtrl" ng-init="init()"> <div ng-controller="AnnotationsEditorCtrl" ng-init="init()">
<div class="tabbed-view-header">
<div class="gf-box-header"> <h2 class="tabbed-view-title">
<div class="gf-box-title">
<i class="fa fa-bolt"></i>
Annotations Annotations
</div> </h2>
<div class="tabs"> <ul class="gf-tabs">
<ul class="nav nav-tabs"> <li class="gf-tabs-item" >
<li ng-class="{active: mode === 'list'}"> <a class="gf-tabs-link" ng-click="mode = 'list';" ng-class="{active: mode === 'list'}">
<a ng-click="mode = 'list';">
List List
</a> </a>
</li> </li>
<li class="gf-tabs-item" ng-show="mode === 'edit'">
<li ng-class="{active: mode === 'edit'}" ng-show="mode === 'edit'"> <a class="gf-tabs-link" ng-class="{active: mode === 'edit'}">
<a>
{{currentAnnotation.name}} {{currentAnnotation.name}}
</a> </a>
</li> </li>
<li class="gf-tabs-item" >
<li ng-class="{active: mode === 'new'}"> <a class="gf-tabs-link" ng-click="mode = 'new';" ng-class="{active: mode === 'new'}">
<a ng-click="mode = 'new';">
<i class="fa fa-plus"></i> <i class="fa fa-plus"></i>
New New
</a> </a>
</li> </li>
</ul> </ul>
</div>
<button class="gf-box-header-close-btn" ng-click="dismiss();"> <button class="tabbed-view-close-btn" ng-click="dismiss();">
<i class="fa fa-remove"></i> <i class="fa fa-remove"></i>
</button> </button>
</div> </div>
<div class="gf-box-body">
<div class="tabbed-view-body">
<div class="editor-row row" ng-if="mode === 'list'"> <div class="editor-row row" ng-if="mode === 'list'">
<div class="span6"> <div class="span6">
<div ng-if="annotations.length === 0"> <div ng-if="annotations.length === 0">
@ -48,13 +43,13 @@
<td style="width: 1%"><i ng-click="_.move(annotations,$index,$index-1)" ng-hide="$first" class="pointer fa fa-arrow-up"></i></td> <td style="width: 1%"><i ng-click="_.move(annotations,$index,$index-1)" ng-hide="$first" class="pointer fa fa-arrow-up"></i></td>
<td style="width: 1%"><i ng-click="_.move(annotations,$index,$index+1)" ng-hide="$last" class="pointer fa fa-arrow-down"></i></td> <td style="width: 1%"><i ng-click="_.move(annotations,$index,$index+1)" ng-hide="$last" class="pointer fa fa-arrow-down"></i></td>
<td style="width: 1%" class="nobg"> <td style="width: 1%">
<a ng-click="edit(annotation)" class="btn btn-inverse btn-mini"> <a ng-click="edit(annotation)" class="btn btn-inverse btn-mini">
<i class="fa fa-edit"></i> <i class="fa fa-edit"></i>
Edit Edit
</a> </a>
</td> </td>
<td style="width: 1%" class="nobg"> <td style="width: 1%">
<a ng-click="removeAnnotation(annotation)" class="btn btn-danger btn-mini"> <a ng-click="removeAnnotation(annotation)" class="btn btn-danger btn-mini">
<i class="fa fa-remove"></i> <i class="fa fa-remove"></i>
</a> </a>