|
|
@@ -0,0 +1,144 @@
|
|
|
+///<reference path="../../../headers/common.d.ts" />
|
|
|
+
|
|
|
+import angular from 'angular';
|
|
|
+import config from 'app/core/config';
|
|
|
+import _ from 'lodash';
|
|
|
+import $ from 'jquery';
|
|
|
+import coreModule from '../../core_module';
|
|
|
+
|
|
|
+export class SearchCtrl {
|
|
|
+ query: any;
|
|
|
+ giveSearchFocus: number;
|
|
|
+ selectedIndex: number;
|
|
|
+ results: any;
|
|
|
+ currentSearchId: number;
|
|
|
+ tagsMode: boolean;
|
|
|
+ showImport: boolean;
|
|
|
+
|
|
|
+ /** @ngInject */
|
|
|
+ constructor(private $scope, private $location, private $timeout, private backendSrv, private contextSrv) {
|
|
|
+ this.giveSearchFocus = 0;
|
|
|
+ this.selectedIndex = -1;
|
|
|
+ this.results = [];
|
|
|
+ this.query = { query: '', tag: [], starred: false };
|
|
|
+ this.currentSearchId = 0;
|
|
|
+
|
|
|
+ $timeout(() => {
|
|
|
+ this.giveSearchFocus = this.giveSearchFocus + 1;
|
|
|
+ this.query.query = '';
|
|
|
+ this.search();
|
|
|
+ }, 100);
|
|
|
+ }
|
|
|
+
|
|
|
+ keyDown(evt) {
|
|
|
+ if (evt.keyCode === 27) {
|
|
|
+ this.$scope.dismiss();
|
|
|
+ }
|
|
|
+ if (evt.keyCode === 40) {
|
|
|
+ this.moveSelection(1);
|
|
|
+ }
|
|
|
+ if (evt.keyCode === 38) {
|
|
|
+ this.moveSelection(-1);
|
|
|
+ }
|
|
|
+ if (evt.keyCode === 13) {
|
|
|
+ if (this.$scope.tagMode) {
|
|
|
+ var tag = this.results[this.selectedIndex];
|
|
|
+ if (tag) {
|
|
|
+ this.filterByTag(tag.term, null);
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var selectedDash = this.results[this.selectedIndex];
|
|
|
+ if (selectedDash) {
|
|
|
+ this.$location.search({});
|
|
|
+ this.$location.path(selectedDash.url);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ moveSelection(direction) {
|
|
|
+ var max = (this.results || []).length;
|
|
|
+ var newIndex = this.selectedIndex + direction;
|
|
|
+ this.selectedIndex = ((newIndex %= max) < 0) ? newIndex + max : newIndex;
|
|
|
+ }
|
|
|
+
|
|
|
+ searchDashboards() {
|
|
|
+ this.tagsMode = false;
|
|
|
+ this.currentSearchId = this.currentSearchId + 1;
|
|
|
+ var localSearchId = this.currentSearchId;
|
|
|
+
|
|
|
+ return this.backendSrv.search(this.query).then((results) => {
|
|
|
+ if (localSearchId < this.currentSearchId) { return; }
|
|
|
+
|
|
|
+ this.results = _.map(results, function(dash) {
|
|
|
+ dash.url = 'dashboard/' + dash.uri;
|
|
|
+ return dash;
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.queryHasNoFilters()) {
|
|
|
+ this.results.unshift({ title: 'Home', url: config.appSubUrl + '/', type: 'dash-home' });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ queryHasNoFilters() {
|
|
|
+ var query = this.query;
|
|
|
+ return query.query === '' && query.starred === false && query.tag.length === 0;
|
|
|
+ };
|
|
|
+
|
|
|
+ filterByTag(tag, evt) {
|
|
|
+ this.query.tag.push(tag);
|
|
|
+ this.search();
|
|
|
+ this.giveSearchFocus = this.giveSearchFocus + 1;
|
|
|
+ if (evt) {
|
|
|
+ evt.stopPropagation();
|
|
|
+ evt.preventDefault();
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ removeTag(tag, evt) {
|
|
|
+ this.query.tag = _.without(this.query.tag, tag);
|
|
|
+ this.search();
|
|
|
+ this.giveSearchFocus = this.giveSearchFocus + 1;
|
|
|
+ evt.stopPropagation();
|
|
|
+ evt.preventDefault();
|
|
|
+ };
|
|
|
+
|
|
|
+ getTags() {
|
|
|
+ return this.backendSrv.get('/api/dashboards/tags').then((results) => {
|
|
|
+ this.tagsMode = true;
|
|
|
+ this.results = results;
|
|
|
+ this.giveSearchFocus = this.giveSearchFocus + 1;
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ showStarred() {
|
|
|
+ this.query.starred = !this.query.starred;
|
|
|
+ this.giveSearchFocus = this.giveSearchFocus + 1;
|
|
|
+ this.search();
|
|
|
+ };
|
|
|
+
|
|
|
+ search() {
|
|
|
+ this.showImport = false;
|
|
|
+ this.selectedIndex = 0;
|
|
|
+ this.searchDashboards();
|
|
|
+ };
|
|
|
+
|
|
|
+ newDashboard() {
|
|
|
+ this.$location.url('dashboard/new');
|
|
|
+ };
|
|
|
+}
|
|
|
+
|
|
|
+export function searchDirective() {
|
|
|
+ return {
|
|
|
+ restrict: 'E',
|
|
|
+ templateUrl: 'app/core/components/search/search.html',
|
|
|
+ controller: SearchCtrl,
|
|
|
+ bindToController: true,
|
|
|
+ controllerAs: 'ctrl',
|
|
|
+ scope: {},
|
|
|
+ };
|
|
|
+}
|
|
|
+
|
|
|
+coreModule.directive('search', searchDirective);
|
bergquist