قرینه از
https://github.com/matomo-org/matomo.git
synced 2025-08-22 15:07:44 +00:00
d9103ac8e9
* Add Tooltips directives to buttons and change icons * add dashboard-customize icon and update dashboard icon * Build woff2 file * Update TagManager ContainerSelector tooltips, moving tooltips for DashboardSettings, revert icon. * updates expected UI test files * Built Vue files * updates expected UI test files * Build vue files --------- Co-authored-by: spludlow <spludlow@users.noreply.github.com> Co-authored-by: sgiehl <stefan@matomo.org> Co-authored-by: caddoo <1169490+caddoo@users.noreply.github.com> Co-authored-by: innocraft-automation <innocraft-automation@users.noreply.github.com>
497 خطوط
22 KiB
JavaScript
Generated
497 خطوط
22 KiB
JavaScript
Generated
(function webpackUniversalModuleDefinition(root, factory) {
|
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
module.exports = factory(require("CoreHome"), require("vue"));
|
|
else if(typeof define === 'function' && define.amd)
|
|
define(["CoreHome", ], factory);
|
|
else if(typeof exports === 'object')
|
|
exports["Dashboard"] = factory(require("CoreHome"), require("vue"));
|
|
else
|
|
root["Dashboard"] = factory(root["CoreHome"], root["Vue"]);
|
|
})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__19dc__, __WEBPACK_EXTERNAL_MODULE__8bbf__) {
|
|
return /******/ (function(modules) { // webpackBootstrap
|
|
/******/ // The module cache
|
|
/******/ var installedModules = {};
|
|
/******/
|
|
/******/ // The require function
|
|
/******/ function __webpack_require__(moduleId) {
|
|
/******/
|
|
/******/ // Check if module is in cache
|
|
/******/ if(installedModules[moduleId]) {
|
|
/******/ return installedModules[moduleId].exports;
|
|
/******/ }
|
|
/******/ // Create a new module (and put it into the cache)
|
|
/******/ var module = installedModules[moduleId] = {
|
|
/******/ i: moduleId,
|
|
/******/ l: false,
|
|
/******/ exports: {}
|
|
/******/ };
|
|
/******/
|
|
/******/ // Execute the module function
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
/******/
|
|
/******/ // Flag the module as loaded
|
|
/******/ module.l = true;
|
|
/******/
|
|
/******/ // Return the exports of the module
|
|
/******/ return module.exports;
|
|
/******/ }
|
|
/******/
|
|
/******/
|
|
/******/ // expose the modules object (__webpack_modules__)
|
|
/******/ __webpack_require__.m = modules;
|
|
/******/
|
|
/******/ // expose the module cache
|
|
/******/ __webpack_require__.c = installedModules;
|
|
/******/
|
|
/******/ // define getter function for harmony exports
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
/******/ }
|
|
/******/ };
|
|
/******/
|
|
/******/ // define __esModule on exports
|
|
/******/ __webpack_require__.r = function(exports) {
|
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
/******/ }
|
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
/******/ };
|
|
/******/
|
|
/******/ // create a fake namespace object
|
|
/******/ // mode & 1: value is a module id, require it
|
|
/******/ // mode & 2: merge all properties of value into the ns
|
|
/******/ // mode & 4: return value when already ns object
|
|
/******/ // mode & 8|1: behave like require
|
|
/******/ __webpack_require__.t = function(value, mode) {
|
|
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
/******/ if(mode & 8) return value;
|
|
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
/******/ var ns = Object.create(null);
|
|
/******/ __webpack_require__.r(ns);
|
|
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
/******/ return ns;
|
|
/******/ };
|
|
/******/
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
/******/ __webpack_require__.n = function(module) {
|
|
/******/ var getter = module && module.__esModule ?
|
|
/******/ function getDefault() { return module['default']; } :
|
|
/******/ function getModuleExports() { return module; };
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
/******/ return getter;
|
|
/******/ };
|
|
/******/
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
/******/
|
|
/******/ // __webpack_public_path__
|
|
/******/ __webpack_require__.p = "plugins/Dashboard/vue/dist/";
|
|
/******/
|
|
/******/
|
|
/******/ // Load entry module and return exports
|
|
/******/ return __webpack_require__(__webpack_require__.s = "fae3");
|
|
/******/ })
|
|
/************************************************************************/
|
|
/******/ ({
|
|
|
|
/***/ "19dc":
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = __WEBPACK_EXTERNAL_MODULE__19dc__;
|
|
|
|
/***/ }),
|
|
|
|
/***/ "8bbf":
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
|
|
|
|
/***/ }),
|
|
|
|
/***/ "fae3":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "DashboardStore", function() { return /* reexport */ Dashboard_store; });
|
|
__webpack_require__.d(__webpack_exports__, "Dashboard", function() { return /* reexport */ Dashboard; });
|
|
__webpack_require__.d(__webpack_exports__, "DashboardSettings", function() { return /* reexport */ DashboardSettings; });
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
|
|
// This file is imported into lib/wc client bundles.
|
|
|
|
if (typeof window !== 'undefined') {
|
|
var currentScript = window.document.currentScript
|
|
if (false) { var getCurrentScript; }
|
|
|
|
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
|
|
if (src) {
|
|
__webpack_require__.p = src[1] // eslint-disable-line
|
|
}
|
|
}
|
|
|
|
// Indicate to webpack that this file can be concatenated
|
|
/* harmony default export */ var setPublicPath = (null);
|
|
|
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
|
|
|
|
// EXTERNAL MODULE: external "CoreHome"
|
|
var external_CoreHome_ = __webpack_require__("19dc");
|
|
|
|
// CONCATENATED MODULE: ./plugins/Dashboard/vue/src/Dashboard/Dashboard.store.ts
|
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
/*!
|
|
* Matomo - free/libre analytics platform
|
|
*
|
|
* @link https://matomo.org
|
|
* @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
|
|
*/
|
|
|
|
|
|
class Dashboard_store_DashboardStore {
|
|
constructor() {
|
|
_defineProperty(this, "privateState", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
|
|
dashboards: []
|
|
}));
|
|
_defineProperty(this, "state", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(() => Object(external_commonjs_vue_commonjs2_vue_root_Vue_["readonly"])(this.privateState)));
|
|
_defineProperty(this, "dashboards", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(() => this.state.value.dashboards));
|
|
_defineProperty(this, "dashboardsPromise", null);
|
|
}
|
|
getDashboard(dashboardId) {
|
|
return this.getAllDashboards().then(dashboards => dashboards.find(b => parseInt(`${b.id}`, 10) === parseInt(`${dashboardId}`, 10)));
|
|
}
|
|
getDashboardLayout(dashboardId) {
|
|
return external_CoreHome_["AjaxHelper"].fetch({
|
|
module: 'Dashboard',
|
|
action: 'getDashboardLayout',
|
|
idDashboard: dashboardId
|
|
}, {
|
|
withTokenInUrl: true
|
|
});
|
|
}
|
|
reloadAllDashboards() {
|
|
this.dashboardsPromise = null;
|
|
return this.getAllDashboards();
|
|
}
|
|
getAllDashboards() {
|
|
if (!this.dashboardsPromise) {
|
|
this.dashboardsPromise = external_CoreHome_["AjaxHelper"].fetch({
|
|
method: 'Dashboard.getDashboards',
|
|
filter_limit: '-1'
|
|
}).then(response => {
|
|
if (response) {
|
|
this.privateState.dashboards = response;
|
|
}
|
|
return this.dashboards.value;
|
|
});
|
|
}
|
|
return this.dashboardsPromise;
|
|
}
|
|
}
|
|
/* harmony default export */ var Dashboard_store = (new Dashboard_store_DashboardStore());
|
|
// CONCATENATED MODULE: ./plugins/Dashboard/vue/src/Dashboard/Dashboard.ts
|
|
/*!
|
|
* Matomo - free/libre analytics platform
|
|
*
|
|
* @link https://matomo.org
|
|
* @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
|
|
*/
|
|
|
|
|
|
|
|
const {
|
|
$
|
|
} = window;
|
|
function renderDashboard(dashboardId, dashboard, layout) {
|
|
const $settings = $('.dashboardSettings');
|
|
$settings.show();
|
|
window.initTopControls();
|
|
// Embed dashboard / exported as widget
|
|
if (!$('#topBars').length) {
|
|
$settings.after($('#Dashboard'));
|
|
$('#Dashboard ul li').removeClass('active');
|
|
$(`#Dashboard_embeddedIndex_${dashboardId}`).addClass('active');
|
|
}
|
|
window.widgetsHelper.getAvailableWidgets();
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
$('#dashboardWidgetsArea').off('dashboardempty', window.showEmptyDashboardNotification).on('dashboardempty', window.showEmptyDashboardNotification).dashboard({
|
|
idDashboard: dashboardId,
|
|
layout,
|
|
name: dashboard ? dashboard.name : ''
|
|
});
|
|
const divElements = $('#columnPreview').find('>div');
|
|
divElements.each(function eachPreview() {
|
|
const width = [];
|
|
$('div', this).each(function eachDiv() {
|
|
width.push(this.className.replace(/width-/, ''));
|
|
});
|
|
$(this).attr('layout', width.join('-'));
|
|
});
|
|
divElements.off('click.renderDashboard');
|
|
divElements.on('click.renderDashboard', function onRenderDashboard() {
|
|
divElements.removeClass('choosen');
|
|
$(this).addClass('choosen');
|
|
});
|
|
}
|
|
function fetchDashboard(dashboardId) {
|
|
return new Promise(resolve => setTimeout(resolve)).then(() => Promise.resolve(window.widgetsHelper.firstGetAvailableWidgetsCall)).then(() => {
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
const dashboardElement = $('#dashboardWidgetsArea');
|
|
dashboardElement.dashboard('destroyWidgets');
|
|
dashboardElement.empty();
|
|
return Promise.all([Dashboard_store.getDashboard(dashboardId), Dashboard_store.getDashboardLayout(dashboardId)]);
|
|
}).then(([dashboard, layout]) => new Promise(resolve => {
|
|
$(() => {
|
|
renderDashboard(dashboardId, dashboard, layout);
|
|
resolve();
|
|
});
|
|
}));
|
|
}
|
|
function clearDashboard() {
|
|
$('.top_controls .dashboard-manager').hide();
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
$('#dashboardWidgetsArea').dashboard('destroy');
|
|
}
|
|
function onLocationChange(parsed) {
|
|
if (parsed.module !== 'Widgetize' && parsed.category !== 'Dashboard_Dashboard') {
|
|
// we remove the dashboard only if we no longer show a dashboard.
|
|
clearDashboard();
|
|
}
|
|
}
|
|
function onLoadDashboard(idDashboard) {
|
|
fetchDashboard(idDashboard);
|
|
}
|
|
/* harmony default export */ var Dashboard = ({
|
|
mounted(el, binding) {
|
|
fetchDashboard(binding.value.idDashboard);
|
|
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(() => external_CoreHome_["MatomoUrl"].parsed.value, parsed => {
|
|
onLocationChange(parsed);
|
|
});
|
|
external_CoreHome_["Matomo"].on('Dashboard.loadDashboard', onLoadDashboard);
|
|
},
|
|
unmounted() {
|
|
onLocationChange(external_CoreHome_["MatomoUrl"].parsed.value);
|
|
external_CoreHome_["Matomo"].off('Dashboard.loadDashboard', onLoadDashboard);
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--1-1!./plugins/Dashboard/vue/src/DashboardSettings/DashboardSettings.vue?vue&type=template&id=96289a08
|
|
|
|
const _hoisted_1 = ["title"];
|
|
const _hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
|
|
class: "icon icon-dashboard-customize"
|
|
}, null, -1);
|
|
const _hoisted_3 = {
|
|
class: "dropdown positionInViewport"
|
|
};
|
|
const _hoisted_4 = {
|
|
class: "submenu"
|
|
};
|
|
const _hoisted_5 = {
|
|
class: "addWidget"
|
|
};
|
|
const _hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("ul", {
|
|
class: "widgetpreview-categorylist"
|
|
}, null, -1);
|
|
const _hoisted_7 = {
|
|
class: "manageDashboard"
|
|
};
|
|
const _hoisted_8 = ["onClick", "disabled", "title", "data-action"];
|
|
const _hoisted_9 = ["onClick", "disabled", "title", "data-action"];
|
|
const _hoisted_10 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("ul", {
|
|
class: "widgetpreview-widgetlist"
|
|
}, null, -1);
|
|
const _hoisted_11 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
|
|
class: "widgetpreview-preview"
|
|
}, null, -1);
|
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
const _directive_tooltips = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("tooltips");
|
|
const _directive_expand_on_click = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("expand-on-click");
|
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
ref: "root",
|
|
class: "dashboard-manager piwikSelector borderedControl piwikTopControl dashboardSettings",
|
|
onClick: _cache[0] || (_cache[0] = $event => _ctx.onOpen())
|
|
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("a", {
|
|
class: "title",
|
|
title: _ctx.translate('Dashboard_ManageDashboard'),
|
|
tabindex: "4",
|
|
ref: "expander"
|
|
}, [_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.translate('Dashboard_Dashboard')), 1)], 8, _hoisted_1)), [[_directive_tooltips]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("ul", _hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("li", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.translate('Dashboard_AddAWidget')), 1), _hoisted_6]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("li", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.translate('Dashboard_ManageDashboard')), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("ul", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.dashboardActions, (title, actionName) => {
|
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("li", {
|
|
key: actionName,
|
|
onClick: $event => _ctx.onClickAction($event, actionName),
|
|
disabled: _ctx.isActionDisabled[actionName] ? 'disabled' : undefined,
|
|
title: _ctx.actionTooltips[actionName] || undefined,
|
|
"data-action": actionName
|
|
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.translate(title)), 9, _hoisted_8);
|
|
}), 128))])]), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.generalActions, (title, actionName) => {
|
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("li", {
|
|
key: actionName,
|
|
onClick: $event => _ctx.onClickAction($event, actionName),
|
|
class: "generalAction",
|
|
disabled: _ctx.isActionDisabled[actionName] ? 'disabled' : undefined,
|
|
title: _ctx.actionTooltips[actionName] || undefined,
|
|
"data-action": actionName
|
|
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.translate(title)), 9, _hoisted_9);
|
|
}), 128))]), _hoisted_10, _hoisted_11])), [[_directive_tooltips, {
|
|
show: false
|
|
}]])])), [[_directive_expand_on_click, {
|
|
expander: 'expander',
|
|
onClosed: _ctx.onClose
|
|
}]]);
|
|
}
|
|
// CONCATENATED MODULE: ./plugins/Dashboard/vue/src/DashboardSettings/DashboardSettings.vue?vue&type=template&id=96289a08
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--15-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-plugin-typescript/node_modules/ts-loader??ref--15-2!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--1-1!./plugins/Dashboard/vue/src/DashboardSettings/DashboardSettings.vue?vue&type=script&lang=ts
|
|
|
|
|
|
const {
|
|
$: DashboardSettingsvue_type_script_lang_ts_$
|
|
} = window;
|
|
function isWidgetAvailable(widgetUniqueId) {
|
|
return !DashboardSettingsvue_type_script_lang_ts_$('#dashboardWidgetsArea').find(`[widgetId="${widgetUniqueId}"]`).length;
|
|
}
|
|
function widgetSelected(widget) {
|
|
// for UI tests (see DashboardManager_spec.js)
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
if (window.MATOMO_DASHBOARD_SETTINGS_WIDGET_SELECTED_NOOP) {
|
|
return;
|
|
}
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
DashboardSettingsvue_type_script_lang_ts_$('#dashboardWidgetsArea').dashboard('addWidget', widget.uniqueId, 1, widget.parameters, true, false);
|
|
}
|
|
/* harmony default export */ var DashboardSettingsvue_type_script_lang_ts = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
|
|
directives: {
|
|
ExpandOnClick: external_CoreHome_["ExpandOnClick"],
|
|
Tooltips: external_CoreHome_["Tooltips"]
|
|
},
|
|
data() {
|
|
return {
|
|
isActionDisabled: {},
|
|
actionTooltips: {}
|
|
};
|
|
},
|
|
setup() {
|
|
// $.widgetMenu will modify the jquery object it's given, so we have to save it and reuse
|
|
// it to call functions.
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
const rootJQuery = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
|
|
const root = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
|
|
const createWidgetPreview = () => {
|
|
rootJQuery.value.widgetPreview({
|
|
isWidgetAvailable,
|
|
onSelect: widgetUniqueId => {
|
|
window.widgetsHelper.getWidgetObjectFromUniqueId(widgetUniqueId, widget => {
|
|
root.value.click(); // close selector
|
|
widgetSelected(widget);
|
|
});
|
|
},
|
|
resetOnSelect: true
|
|
});
|
|
};
|
|
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(() => {
|
|
external_CoreHome_["Matomo"].postEvent('Dashboard.DashboardSettings.mounted', root.value);
|
|
rootJQuery.value = DashboardSettingsvue_type_script_lang_ts_$(root.value);
|
|
createWidgetPreview();
|
|
// When the available widgets list is reloaded, re-create the widget preview to include update
|
|
external_CoreHome_["Matomo"].on('WidgetsStore.reloaded', () => {
|
|
createWidgetPreview();
|
|
});
|
|
rootJQuery.value.hide(); // hide dashboard-manager initially (shown manually by Dashboard.ts)
|
|
});
|
|
return {
|
|
root,
|
|
rootJQuery
|
|
};
|
|
},
|
|
computed: {
|
|
isUserNotAnonymous() {
|
|
return !!external_CoreHome_["Matomo"].userLogin && external_CoreHome_["Matomo"].userLogin !== 'anonymous';
|
|
},
|
|
isSuperUser() {
|
|
return this.isUserNotAnonymous && external_CoreHome_["Matomo"].hasSuperUserAccess;
|
|
},
|
|
isUserHasSomeAdminAccess() {
|
|
return this.isUserNotAnonymous && external_CoreHome_["Matomo"].userHasSomeAdminAccess;
|
|
},
|
|
dashboardActions() {
|
|
const result = {
|
|
resetDashboard: 'Dashboard_ResetDashboard',
|
|
showChangeDashboardLayoutDialog: 'Dashboard_ChangeDashboardLayout'
|
|
};
|
|
if (this.isUserNotAnonymous) {
|
|
result.renameDashboard = 'Dashboard_RenameDashboard';
|
|
result.removeDashboard = 'Dashboard_RemoveDashboard';
|
|
}
|
|
if (this.isSuperUser) {
|
|
result.setAsDefaultWidgets = 'Dashboard_SetAsDefaultWidgets';
|
|
}
|
|
if (this.isUserHasSomeAdminAccess) {
|
|
result.copyDashboardToUser = 'Dashboard_CopyDashboardToUser';
|
|
}
|
|
return result;
|
|
},
|
|
generalActions() {
|
|
const result = {};
|
|
if (this.isUserNotAnonymous) {
|
|
result.createDashboard = 'Dashboard_CreateNewDashboard';
|
|
}
|
|
return result;
|
|
}
|
|
},
|
|
methods: {
|
|
onClickAction(event, action) {
|
|
if (event.target.getAttribute('disabled')) {
|
|
return;
|
|
}
|
|
window[action]();
|
|
},
|
|
onOpen() {
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
if (DashboardSettingsvue_type_script_lang_ts_$('#dashboardWidgetsArea').dashboard('isDefaultDashboard')) {
|
|
this.isActionDisabled.removeDashboard = true;
|
|
this.actionTooltips.removeDashboard = Object(external_CoreHome_["translate"])('Dashboard_RemoveDefaultDashboardNotPossible');
|
|
} else {
|
|
this.isActionDisabled.removeDashboard = false;
|
|
this.actionTooltips.removeDashboard = undefined;
|
|
}
|
|
},
|
|
onClose() {
|
|
this.rootJQuery.widgetPreview('reset');
|
|
}
|
|
}
|
|
}));
|
|
// CONCATENATED MODULE: ./plugins/Dashboard/vue/src/DashboardSettings/DashboardSettings.vue?vue&type=script&lang=ts
|
|
|
|
// CONCATENATED MODULE: ./plugins/Dashboard/vue/src/DashboardSettings/DashboardSettings.vue
|
|
|
|
|
|
|
|
DashboardSettingsvue_type_script_lang_ts.render = render
|
|
|
|
/* harmony default export */ var DashboardSettings = (DashboardSettingsvue_type_script_lang_ts);
|
|
// CONCATENATED MODULE: ./plugins/Dashboard/vue/src/index.ts
|
|
/*!
|
|
* Matomo - free/libre analytics platform
|
|
*
|
|
* @link https://matomo.org
|
|
* @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
|
|
*/
|
|
|
|
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
|
|
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
/******/ });
|
|
});
|
|
//# sourceMappingURL=Dashboard.umd.js.map
|