88 lines
1.6 KiB
JavaScript
88 lines
1.6 KiB
JavaScript
import Vue from 'vue';
|
|
import AppConfirm from 'zerocomponents/Overlays/confirm';
|
|
import Strings from 'zeroservices/strings';
|
|
import { find as _find, extend as _extend } from 'underscore';
|
|
|
|
export default new Vue({
|
|
|
|
data: () => ({
|
|
instances: []
|
|
}),
|
|
|
|
methods: {
|
|
|
|
// open a confirm dialog with the given options
|
|
confirm(title, text)
|
|
{
|
|
let options = _extend({
|
|
title: title,
|
|
text: text,
|
|
confirmLabel: '@ui.confirm',
|
|
closeLabel: '@ui.close',
|
|
component: AppConfirm
|
|
}, typeof title === 'object' ? title : {});
|
|
|
|
return this.open(options);
|
|
},
|
|
|
|
|
|
// opens an overlay
|
|
open(options)
|
|
{
|
|
options.id = Strings.guid();
|
|
|
|
this.instances.push(options);
|
|
|
|
return new Promise((resolve, reject) =>
|
|
{
|
|
options.close = () =>
|
|
{
|
|
this.close(options);
|
|
reject();
|
|
};
|
|
options.confirm = data =>
|
|
{
|
|
this.close(options);
|
|
resolve(data);
|
|
};
|
|
});
|
|
},
|
|
|
|
|
|
// closes an overlay
|
|
close(instance)
|
|
{
|
|
if (this.instances.length < 1)
|
|
{
|
|
return;
|
|
}
|
|
|
|
if (!instance)
|
|
{
|
|
this.instances.pop();
|
|
return;
|
|
}
|
|
|
|
if (typeof instance === 'string')
|
|
{
|
|
instance = _find(this.instances, item => item.id === instance);
|
|
}
|
|
|
|
if (instance)
|
|
{
|
|
const index = this.instances.indexOf(instance);
|
|
this.instances.splice(index, 1);
|
|
}
|
|
},
|
|
|
|
// closes all overlays
|
|
closeAll()
|
|
{
|
|
this.instances.forEach(instance =>
|
|
{
|
|
|
|
});
|
|
}
|
|
|
|
}
|
|
}); |