mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
58cffde0f2
* WIP: intial commit * Tests: Runs e2e tests * Refactor: Adds BASE_URL support * Refactor: Adds namespacing * Refactor: Cleans up the Page api * Build: Adds to build-branches-and-prs job for testing * Build: Hardcoded image for now * Refactor: Uses Selectors in App * Refactor: Adds addDataSource flow * WIP * Refactor: Adds e2eScenario * Refactor: Adds add and delete scenarios * Refactor: Adds logging * Refactor: Adds ability to for Selectors with variables * Refactor: Using variable selectors instead * Refactor: Adds flow until Share Panel * Refactor: Adds clicking on rendered image link * Refactor: Deletes log output * Refactor: Updates snapshots * Chore: Reverts changes * Refactor: Removes log plugin because maybe it breaks yarn build * Refactor: Adds rendered image download * Refactor: Adds image comparison * Refactor: Removes uncaught errors override * Refactor: Changes order of images to compare * Refactor: Updates truth image * Build: Updates path to CI artifacts * Refactor: Cleaning up types and config * wip * Refactor: Cleans up external api * Refactor: More cleanup * Refactor: More cleanup * Refactor: Removes usages of Pages and Flows * Refactor: Removes last traces of Cypress in spec * Refactor: Adds comments
87 lines
2.5 KiB
TypeScript
87 lines
2.5 KiB
TypeScript
import { e2e } from '@grafana/e2e';
|
|
|
|
import coreModule from 'app/core/core_module';
|
|
import appEvents from 'app/core/app_events';
|
|
import { CoreEvents } from 'app/types';
|
|
import { GrafanaRootScope } from 'app/routes/GrafanaCtrl';
|
|
|
|
export class UtilSrv {
|
|
modalScope: any;
|
|
|
|
/** @ngInject */
|
|
constructor(private $rootScope: GrafanaRootScope, private $modal: any) {}
|
|
|
|
init() {
|
|
appEvents.on(CoreEvents.showModal, this.showModal.bind(this), this.$rootScope);
|
|
appEvents.on(CoreEvents.hideModal, this.hideModal.bind(this), this.$rootScope);
|
|
appEvents.on(CoreEvents.showConfirmModal, this.showConfirmModal.bind(this), this.$rootScope);
|
|
}
|
|
|
|
hideModal() {
|
|
if (this.modalScope && this.modalScope.dismiss) {
|
|
this.modalScope.dismiss();
|
|
}
|
|
}
|
|
|
|
showModal(options: any) {
|
|
if (this.modalScope && this.modalScope.dismiss) {
|
|
this.modalScope.dismiss();
|
|
}
|
|
|
|
this.modalScope = options.scope;
|
|
|
|
if (options.model) {
|
|
this.modalScope = this.$rootScope.$new();
|
|
this.modalScope.model = options.model;
|
|
} else if (!this.modalScope) {
|
|
this.modalScope = this.$rootScope.$new();
|
|
}
|
|
|
|
const modal = this.$modal({
|
|
modalClass: options.modalClass,
|
|
template: options.src,
|
|
templateHtml: options.templateHtml,
|
|
persist: false,
|
|
show: false,
|
|
scope: this.modalScope,
|
|
keyboard: false,
|
|
backdrop: options.backdrop,
|
|
});
|
|
|
|
Promise.resolve(modal).then(modalEl => {
|
|
modalEl.modal('show');
|
|
});
|
|
}
|
|
|
|
showConfirmModal(payload: any) {
|
|
const scope: any = this.$rootScope.$new();
|
|
|
|
scope.updateConfirmText = (value: any) => {
|
|
scope.confirmTextValid = payload.confirmText.toLowerCase() === value.toLowerCase();
|
|
};
|
|
|
|
scope.title = payload.title;
|
|
scope.text = payload.text;
|
|
scope.text2 = payload.text2;
|
|
scope.text2htmlBind = payload.text2htmlBind;
|
|
scope.confirmText = payload.confirmText;
|
|
|
|
scope.onConfirm = payload.onConfirm;
|
|
scope.onAltAction = payload.onAltAction;
|
|
scope.altActionText = payload.altActionText;
|
|
scope.icon = payload.icon || 'fa-check';
|
|
scope.yesText = payload.yesText || 'Yes';
|
|
scope.noText = payload.noText || 'Cancel';
|
|
scope.confirmTextValid = scope.confirmText ? false : true;
|
|
scope.selectors = e2e.pages.ConfirmModal.selectors;
|
|
|
|
appEvents.emit(CoreEvents.showModal, {
|
|
src: 'public/app/partials/confirm_modal.html',
|
|
scope: scope,
|
|
modalClass: 'confirm-modal',
|
|
});
|
|
}
|
|
}
|
|
|
|
coreModule.service('utilSrv', UtilSrv);
|