mirror of
https://github.com/grafana/grafana.git
synced 2025-02-15 10:03:33 -06:00
335cec07a5
* WIP: initial panel links editor * WIP: Added dashboard migration to new panel drilldown link schema * Make link_srv interpolate new variables * Fix failing tests * Drilldown: Add context menu to graph viz (#17284) * Add simple context menu for adding graph annotations and showing drilldown links * Close graph context menu when user start scrolling * Move context menu component to grafana/ui * Make graph context menu appear on click, use cmd/ctrl click for quick annotations * Move graph context menu controller to separate file * Drilldown: datapoint variables interpolation (#17328) * Add simple context menu for adding graph annotations and showing drilldown links * Close graph context menu when user start scrolling * Move context menu component to grafana/ui * Make graph context menu appear on click, use cmd/ctrl click for quick annotations * Add util for absolute time range transformation * Add series name and datapoint timestamp interpolation * Rename drilldown link variables tot snake case, use const values instead of strings in tests * Bring LinkSrv.getPanelLinkAnchorInfo for compatibility reasons and add deprecation warning * Rename seriesLabel to seriesName * Drilldown: use separate editors for panel and series links (#17355) * Use correct target ini context menu links * Rename PanelLinksEditor to DrilldownLinksEditor and mote it to grafana/ui * Expose DrilldownLinksEditor as an angular directive * Enable visualization specifix drilldown links * Props interfaces rename * Drilldown: Add variables suggestion and syntax highlighting for drilldown link editor (#17391) * Add variables suggestion in drilldown link editor * Enable prism * Fix backspace not working * Move slate value helpers to grafana/ui * Add syntax higlighting for links input * Rename drilldown link components to data links * Add template variabe suggestions * Bugfix * Fix regexp not working in Firefox * Display correct links in panel header corner * bugfix * bugfix * Bugfix * Context menu UI tweaks * Use data link terminology instead of drilldown * DataLinks: changed autocomplete syntax * Use singular form for data link * Use the same syntax higlighting for built-in and template variables in data links editor * UI improvements to context menu * UI review tweaks * Tweak layout of data link editor * Fix vertical spacing * Remove data link header in context menu * Remove pointer cursor from series label in context menu * Fix variable selection on click * DataLinks: migrations for old links * Update docs about data links * Use value time instead of time range when interpolating datapoint timestamp * Remove not used util * Update docs * Moved icon a bit more down * Interpolate value ts only when using __value_time variable * Bring href property back to LinkModel * Add any type annotations * Fix TS error on slate's Value type * minor changes
50 lines
2.2 KiB
HTML
50 lines
2.2 KiB
HTML
<div class="panel-options-group">
|
|
<!-- <div class="panel-option-section__header">Information</div> -->
|
|
<div class="panel-options-group__body">
|
|
<div class="section">
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-7">Title</span>
|
|
<input type="text" class="gf-form-input width-25" ng-model='ctrl.panel.title' ng-model-onblur></input>
|
|
</div>
|
|
<gf-form-switch class="gf-form" label-class="width-7" switch-class="max-width-6" label="Transparent" checked="ctrl.panel.transparent" on-change="ctrl.render()"></gf-form-switch>
|
|
</div>
|
|
<div class="section">
|
|
<div class="gf-form gf-form--v-stretch">
|
|
<span class="gf-form-label width-7">Description</span>
|
|
<textarea class="gf-form-input width-25" rows="5" ng-model="ctrl.panel.description" ng-model-onblur placeholder="Panel description, supports markdown & links"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-options-group">
|
|
<div class="panel-options-group__header">
|
|
<div class="panel-options-group__title">Repeating</div>
|
|
</div>
|
|
<div class="panel-options-group__body">
|
|
<div class="section">
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-9">Repeat</span>
|
|
<dash-repeat-option panel="ctrl.panel"></dash-repeat-option>
|
|
</div>
|
|
<div class="gf-form" ng-show="ctrl.panel.repeat">
|
|
<span class="gf-form-label width-9">Direction</span>
|
|
<select class="gf-form-input" ng-model="ctrl.panel.repeatDirection" ng-options="f.value as f.text for f in [{value: 'v', text: 'Vertical'}, {value: 'h', text: 'Horizontal'}]">
|
|
<option value=""></option>
|
|
</select>
|
|
</div>
|
|
<div class="gf-form" ng-show="ctrl.panel.repeat && ctrl.panel.repeatDirection == 'h'">
|
|
<span class="gf-form-label width-9">Max per row</span>
|
|
<select class="gf-form-input" ng-model="ctrl.panel.maxPerRow" ng-options="f for f in [2,3,4,6,12,24]">
|
|
<option value=""></option>
|
|
</select>
|
|
</div>
|
|
<div class="gf-form-hint">
|
|
<div class="gf-form-hint-text muted">
|
|
Note: You may need to change the variable selection to see this in action.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|