grafana/public/app/features/panel/panellinks/module.html
Ivana Huckova 1c58202b26
@grafana/ui: Replace various icons using Icon component (#23442)
* Replace icons in dashboard and settings

* Replace icons in alerting

* Update batch of icons

* Implement icons accross various files

* Style updates

* Search: Fix recent and starred icons

* Update styling and details

* Replace new icon created by unicons

* Fix e2e test, styling

* Minor styling updates

Co-authored-by: Clarity-89 <homes89@ukr.net>
2020-04-12 22:20:02 +02:00

71 lines
2.3 KiB
HTML

<div class="editor-row">
<div class="gf-form-group" ng-repeat="link in panel.links">
<div class="section">
<div class="gf-form max-width-25">
<span class="gf-form-label width-7">Type</span>
<div class="gf-form-select-wrapper gf-form--grow">
<select class="gf-form-input" ng-model="link.type" ng-options="f for f in ['dashboard','absolute']"></select>
</div>
</div>
<div class="gf-form max-width-25">
<span class="gf-form-label width-7" ng-show="link.type === 'dashboard'">Dashboard</span>
<input
ng-show="link.type === 'dashboard'"
type="text"
ng-model="link.dashboard"
bs-typeahead="searchDashboards"
class="gf-form-input"
ng-blur="dashboardChanged(link)"
/>
<span class="gf-form-label width-7" ng-show="link.type === 'absolute'">Url</span>
<input ng-show="link.type === 'absolute'" type="text" ng-model="link.url" class="gf-form-input max-width-14" />
</div>
<div class="gf-form max-width-25">
<div class="gf-form-label width-7">Title</div>
<input type="text" ng-model="link.title" class="gf-form-input" />
</div>
</div>
<div class="section">
<div class="gf-form">
<span class="gf-form-label width-10">Url params</span>
<input type="text" ng-model="link.params" class="gf-form-input width-10" />
</div>
<gf-form-switch
class="gf-form"
label-class="width-10"
label="Include time range"
checked="link.keepTime"
></gf-form-switch>
<gf-form-switch
class="gf-form"
label-class="width-10"
label="Include variables"
checked="link.includeVars"
></gf-form-switch>
<gf-form-switch
class="gf-form"
label-class="width-10"
label="Open in new tab "
checked="link.targetBlank"
></gf-form-switch>
</div>
<div class="section">
<div class="gf-form">
<button class="btn btn-inverse gf-form-btn" ng-click="deleteLink(link)">
<icon name="trash-alt"></icon> Remove Link
</button>
</div>
</div>
</div>
</div>
<div class="editor-row">
<button class="btn btn-inverse" ng-click="addLink()"><icon name="'plus-circle'"></icon> Add link</button>
</div>