|
|
@@ -30,77 +30,79 @@
|
|
|
|
|
|
<div class="page-container page-body">
|
|
|
|
|
|
- <h3 class="page-sub-heading" ng-hide="ctrl.isNew">Edit Data Source</h3>
|
|
|
- <h3 class="page-sub-heading" ng-show="ctrl.isNew">New Data Source</h3>
|
|
|
-
|
|
|
<div ng-if="ctrl.current.readOnly" class="page-action-bar">
|
|
|
<div class="grafana-info-box span8">
|
|
|
Disclaimer. This datasource was added by config and cannot be modified using the UI. Please contact your server admin to update this datasource.
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div ng-if="ctrl.tabIndex === 0">
|
|
|
- <form name="ctrl.editForm" ng-if="ctrl.current">
|
|
|
- <div class="gf-form-group">
|
|
|
- <div class="gf-form-inline">
|
|
|
- <div class="gf-form max-width-30">
|
|
|
- <span class="gf-form-label width-7">Name</span>
|
|
|
- <input class="gf-form-input max-width-23" type="text" ng-model="ctrl.current.name" placeholder="name" required>
|
|
|
- <info-popover offset="0px -135px" mode="right-absolute">
|
|
|
- The name is used when you select the data source in panels.
|
|
|
- The <em>Default</em> data source is preselected in new
|
|
|
- panels.
|
|
|
- </info-popover>
|
|
|
- </div>
|
|
|
- <gf-form-switch class="gf-form" label="Default" checked="ctrl.current.isDefault" switch-class="max-width-6"></gf-form-switch>
|
|
|
- </div>
|
|
|
+ <h3 class="page-sub-heading" ng-hide="ctrl.isNew">Edit Data Source</h3>
|
|
|
+ <h3 class="page-sub-heading" ng-show="ctrl.isNew">New Data Source</h3>
|
|
|
+
|
|
|
+ <form name="ctrl.editForm" ng-if="ctrl.current">
|
|
|
+ <div class="gf-form-group">
|
|
|
+ <div class="gf-form-inline">
|
|
|
+ <div class="gf-form max-width-30">
|
|
|
+ <span class="gf-form-label width-7">Name</span>
|
|
|
+ <input class="gf-form-input max-width-23" type="text" ng-model="ctrl.current.name" placeholder="name" required>
|
|
|
+ <info-popover offset="0px -135px" mode="right-absolute">
|
|
|
+ The name is used when you select the data source in panels.
|
|
|
+ The <em>Default</em> data source is preselected in new
|
|
|
+ panels.
|
|
|
+ </info-popover>
|
|
|
+ </div>
|
|
|
+ <gf-form-switch class="gf-form" label="Default" checked="ctrl.current.isDefault" switch-class="max-width-6"></gf-form-switch>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="gf-form">
|
|
|
- <span class="gf-form-label width-7">Type</span>
|
|
|
- <div class="gf-form-select-wrapper max-width-23">
|
|
|
- <select class="gf-form-input" ng-model="ctrl.current.type" ng-options="v.id as v.name for v in ctrl.types" ng-change="ctrl.userChangedType()"></select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="gf-form">
|
|
|
+ <span class="gf-form-label width-7">Type</span>
|
|
|
+ <div class="gf-form-select-wrapper max-width-23">
|
|
|
+ <select class="gf-form-input" ng-model="ctrl.current.type" ng-options="v.id as v.name for v in ctrl.types" ng-change="ctrl.userChangedType()"></select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="alert alert-info gf-form-group" ng-if="ctrl.datasourceMeta.state === 'alpha'">
|
|
|
+ This plugin is marked as being in alpha state, which means it is in early development phase and
|
|
|
+ updates will include breaking changes.
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="alert alert-info gf-form-group" ng-if="ctrl.datasourceMeta.state === 'alpha'">
|
|
|
- This plugin is marked as being in alpha state, which means it is in early development phase and
|
|
|
- updates will include breaking changes.
|
|
|
- </div>
|
|
|
+ <rebuild-on-change property="ctrl.datasourceMeta.id">
|
|
|
+ <plugin-component type="datasource-config-ctrl">
|
|
|
+ </plugin-component>
|
|
|
+ </rebuild-on-change>
|
|
|
|
|
|
- <rebuild-on-change property="ctrl.datasourceMeta.id">
|
|
|
- <plugin-component type="datasource-config-ctrl">
|
|
|
- </plugin-component>
|
|
|
- </rebuild-on-change>
|
|
|
+ <div ng-if="ctrl.hasDashboards">
|
|
|
+ <h3 class="section-heading">Bundled Plugin Dashboards</h3>
|
|
|
+ <div class="section">
|
|
|
+ <dashboard-import-list plugin="ctrl.datasourceMeta" datasource="ctrl.current"></dashboard-import-list>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div ng-if="ctrl.testing" class="gf-form-group section">
|
|
|
- <h5 ng-show="!ctrl.testing.done">Testing.... <i class="fa fa-spiner fa-spin"></i></h5>
|
|
|
- <div class="alert-{{ctrl.testing.status}} alert" ng-show="ctrl.testing.done">
|
|
|
- <div class="alert-icon">
|
|
|
- <i class="fa fa-exclamation-triangle" ng-show="ctrl.testing.status === 'error'"></i>
|
|
|
- <i class="fa fa-check" ng-show="ctrl.testing.status !== 'error'"></i>
|
|
|
- </div>
|
|
|
- <div class="alert-body">
|
|
|
- <div class="alert-title">{{ctrl.testing.message}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div ng-if="ctrl.testing" class="gf-form-group section">
|
|
|
+ <h5 ng-show="!ctrl.testing.done">Testing.... <i class="fa fa-spiner fa-spin"></i></h5>
|
|
|
+ <div class="alert-{{ctrl.testing.status}} alert" ng-show="ctrl.testing.done">
|
|
|
+ <div class="alert-icon">
|
|
|
+ <i class="fa fa-exclamation-triangle" ng-show="ctrl.testing.status === 'error'"></i>
|
|
|
+ <i class="fa fa-check" ng-show="ctrl.testing.status !== 'error'"></i>
|
|
|
+ </div>
|
|
|
+ <div class="alert-body">
|
|
|
+ <div class="alert-title">{{ctrl.testing.message}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="gf-form-button-row">
|
|
|
- <button type="submit" class="btn btn-success" ng-disabled="ctrl.current.readOnly" ng-click="ctrl.saveChanges()">Save</button>
|
|
|
- <button type="submit" class="btn btn-danger" ng-disabled="ctrl.current.readOnly" ng-show="!ctrl.isNew" ng-click="ctrl.delete()">
|
|
|
- Delete
|
|
|
- </button>
|
|
|
- <a class="btn btn-link" href="datasources">Cancel</a>
|
|
|
- </div>
|
|
|
+ <div class="gf-form-button-row">
|
|
|
+ <button type="submit" class="btn btn-success" ng-disabled="ctrl.current.readOnly" ng-click="ctrl.saveChanges()">Save</button>
|
|
|
+ <button type="submit" class="btn btn-danger" ng-disabled="ctrl.current.readOnly" ng-show="!ctrl.isNew" ng-click="ctrl.delete()">
|
|
|
+ Delete
|
|
|
+ </button>
|
|
|
+ <a class="btn btn-link" href="datasources">Cancel</a>
|
|
|
+ </div>
|
|
|
|
|
|
- <br />
|
|
|
- <br />
|
|
|
- <br />
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div ng-if="ctrl.tabIndex === 1">
|
|
|
- <dashboard-import-list plugin="ctrl.datasourceMeta" datasource="ctrl.current"></dashboard-import-list>
|
|
|
- </div>
|
|
|
+ </form>
|
|
|
</div>
|