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

Dashboard: Implement Duplicate DashboardLink Feature (#26600)

Browse Source 
* Dashboard: Implement duplicate dashboard link feature

* Dashboard: Change duplicate and remove button types of DashboardLinks
This commit is contained in:
Mert Açıkportalı 2020-07-28 07:35:00 +02:00 committed by GitHub
parent cbe1d7b08c
commit 6aef1f84cb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/sources/linking/dashboard-links.md
View File

@ -62,6 +62,10 @@ To change or update an existing dashboard link, follow this procedure.
1. In Dashboard Settings, on the Links tab, click the existing link that you want to edit.
1. Change the settings and then click **Update**.
## Duplicate a dashboard link
To duplicate an existing dashboard link, click the duplicate icon next to the existing link that you want to duplicate.
## Delete a dashboard link
To delete an existing dashboard link, click the red **X** next to the existing link that you want to delete.
To delete an existing dashboard link, click the trash icon next to the duplicate icon that you want to delete.

5
public/app/features/dashboard/components/DashLinks/DashLinksEditorCtrl.ts
View File

@ -74,6 +74,11 @@ export class DashLinksEditorCtrl {
_.move(this.dashboard.links, index, index + dir);
}
duplicateLink(link: any, index: number) {
this.dashboard.links.splice(index, 0, link);
this.dashboard.updateSubmenuVisibility();
}
deleteLink(index: number) {
this.dashboard.links.splice(index, 1);
this.dashboard.updateSubmenuVisibility();

11
public/app/features/dashboard/components/DashLinks/editor.html
View File

@ -39,7 +39,7 @@
</tr>
</thead>
<tbody>
<tr ng-repeat="link in ctrl.dashboard.links">
<tr ng-repeat="link in ctrl.dashboard.links track by $index">
<td class="pointer" ng-click="ctrl.editLink(link)">
<icon name="'external-link-alt'"></icon>
{{ link.type }}
@ -68,8 +68,13 @@
<icon ng-click="ctrl.moveLink($index, 1)" ng-hide="$last" name="'arrow-down'"></icon>
</td>
<td style="width: 1%">
<a ng-click="ctrl.deleteLink($index)" class="btn btn-danger btn-small" ng-hide="annotation.builtIn">
<icon name="'times'" style="margin-bottom: 0;"></icon>
<a ng-click="ctrl.duplicateLink(link, $index)" class="btn">
<icon name="'copy'" style="margin-bottom: 0;"></icon>
</a>
</td>
<td style="width: 1%">
<a ng-click="ctrl.deleteLink($index)" class="btn" ng-hide="annotation.builtIn">
<icon name="'trash-alt'" style="margin-bottom: 0;"></icon>
</a>
</td>
</tr>