'
- + record.data.text);
- } else {
- this.targetGroupText.update('');
- }
- },
-
-});
diff --git a/bundles/PersonalizationBundle/public/js/object/classes/data/targetGroup.js b/bundles/PersonalizationBundle/public/js/object/classes/data/targetGroup.js
deleted file mode 100644
index a4f01d6a639..00000000000
--- a/bundles/PersonalizationBundle/public/js/object/classes/data/targetGroup.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-pimcore.registerNS("pimcore.object.classes.data.targetGroup");
-/**
- * @private
- */
-pimcore.object.classes.data.targetGroup = Class.create(pimcore.object.classes.data.data, {
-
- type: "targetGroup",
-
- /**
- * define where this datatype is allowed
- */
- allowIn: {
- object: true,
- objectbrick: true,
- fieldcollection: true,
- localizedfield: false,
- classificationstore: false,
- block: true,
- encryptedField: true
- },
-
- initialize: function (treeNode, initData) {
- this.type = "targetGroup";
-
- if (!initData["name"]) {
- initData = {
- title: t("target_group")
- };
- }
-
- initData.fieldtype = "targetGroup";
- initData.datatype = "data";
- initData.name = "targetGroup";
- treeNode.set("text", "targetGroup");
-
- this.initData(initData);
-
- this.treeNode = treeNode;
- },
-
- getTypeName: function () {
- return t("target_group");
- },
-
- getLayout: function ($super) {
-
- $super();
-
- const nameField = this.layout.getComponent("standardSettings").getComponent("name");
- nameField.disable();
-
- return this.layout;
- },
-
- getGroup: function () {
- return "crm";
- },
-
- getIconClass: function () {
- return "pimcore_icon_targetGroup";
- }
-});
diff --git a/bundles/PersonalizationBundle/public/js/object/classes/data/targetGroupMultiselect.js b/bundles/PersonalizationBundle/public/js/object/classes/data/targetGroupMultiselect.js
deleted file mode 100644
index 5aa8c960c0a..00000000000
--- a/bundles/PersonalizationBundle/public/js/object/classes/data/targetGroupMultiselect.js
+++ /dev/null
@@ -1,112 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-pimcore.registerNS("pimcore.object.classes.data.targetGroupMultiselect");
-/**
- * @private
- */
-pimcore.object.classes.data.targetGroupMultiselect = Class.create(pimcore.object.classes.data.multiselect, {
-
- type: "targetGroupMultiselect",
-
- /**
- * define where this datatype is allowed
- */
- allowIn: {
- object: true,
- objectbrick: true,
- fieldcollection: true,
- localizedfield: true,
- classificationstore: false,
- block: true,
- encryptedField: true
- },
-
- initialize: function (treeNode, initData) {
- this.type = "targetGroupMultiselect";
-
- this.initData(initData);
-
- this.treeNode = treeNode;
- },
-
- getGroup: function () {
- return "crm";
- },
-
- getTypeName: function () {
- return t("target_group_multiselect");
- },
-
- getIconClass: function () {
- return "pimcore_icon_targetGroupMultiselect";
- },
-
- getLayout: function ($super) {
- $super();
-
- this.specificPanel.removeAll();
- var specificItems = this.getSpecificPanelItems(this.datax, false);
- this.specificPanel.add(specificItems);
-
- return this.layout;
- },
-
- getSpecificPanelItems: function (datax, inEncryptedField) {
- return [
- {
- xtype: "textfield",
- fieldLabel: t("width"),
- name: "width",
- value: datax.width
- },
- {
- xtype: "displayfield",
- hideLabel: true,
- value: t('width_explanation')
- },
- {
- xtype: "textfield",
- fieldLabel: t("height"),
- name: "height",
- value: datax.height
- },
- {
- xtype: "displayfield",
- hideLabel: true,
- value: t('height_explanation')
- }
- ];
- },
-
-
-
- applyData: function ($super) {
- $super();
- delete this.datax.options;
- },
-
- applySpecialData: function (source) {
- if (source.datax) {
- if (!this.datax) {
- this.datax = {};
- }
-
- Ext.apply(this.datax, {
- options: source.datax.options,
- width: source.datax.width,
- height: source.datax.height
- });
- }
- }
-});
diff --git a/bundles/PersonalizationBundle/public/js/object/tags/targetGroup.js b/bundles/PersonalizationBundle/public/js/object/tags/targetGroup.js
deleted file mode 100644
index d5225d551a1..00000000000
--- a/bundles/PersonalizationBundle/public/js/object/tags/targetGroup.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-pimcore.registerNS("pimcore.object.tags.targetGroup");
-/**
- * @private
- */
-pimcore.object.tags.targetGroup = Class.create(pimcore.object.tags.select, {
-
- type: "targetGroup",
-
- initialize: function (data, fieldConfig) {
- this.data = data;
- this.fieldConfig = fieldConfig;
- this.fieldConfig.width = 300;
- },
-
- getGridColumnFilter: function (field) {
- return null;
- }
-});
diff --git a/bundles/PersonalizationBundle/public/js/object/tags/targetGroupMultiselect.js b/bundles/PersonalizationBundle/public/js/object/tags/targetGroupMultiselect.js
deleted file mode 100644
index 2dd36af7e5e..00000000000
--- a/bundles/PersonalizationBundle/public/js/object/tags/targetGroupMultiselect.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-pimcore.registerNS("pimcore.object.tags.targetGroupMultiselect");
-/**
- * @private
- */
-pimcore.object.tags.targetGroupMultiselect = Class.create(pimcore.object.tags.multiselect, {
-
- type: "targetGroupMultiselect",
-
- getGridColumnFilter: function (field) {
- return null;
- }
-});
diff --git a/bundles/PersonalizationBundle/public/js/settings/action/abstract.js b/bundles/PersonalizationBundle/public/js/settings/action/abstract.js
deleted file mode 100644
index 21fa6c5c985..00000000000
--- a/bundles/PersonalizationBundle/public/js/settings/action/abstract.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-pimcore.registerNS("pimcore.bundle.personalization.settings.action.abstract");
-/**
- * @private
- */
-pimcore.bundle.personalization.settings.action.abstract = Class.create({
- getName: function () {
- console.error('Name is not set for action', this);
- },
-
- getIconCls: function () {
- return 'pimcore_icon_add';
- },
-
- getPanel: function () {
- console.error('You have to implement the getPanel() method in action', this);
- }
-});
diff --git a/bundles/PersonalizationBundle/public/js/settings/actions.js b/bundles/PersonalizationBundle/public/js/settings/actions.js
deleted file mode 100644
index c15c3b889cb..00000000000
--- a/bundles/PersonalizationBundle/public/js/settings/actions.js
+++ /dev/null
@@ -1,283 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-/**
- * ACTION TYPES
- */
-pimcore.registerNS("pimcore.bundle.personalization.settings.actions");
-/**
- * @private
- */
-pimcore.bundle.personalization.settings.actions = (function () {
- var actions = {
- redirect: Class.create(pimcore.bundle.personalization.settings.action.abstract, {
- getName: function () {
- return t("redirect");
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- border: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.actions.getTopBar(this, id, panel),
- items: [
- {
- xtype: "textfield",
- width: 450,
- fieldLabel: "URL",
- name: "url",
- value: data.url,
- fieldCls: "input_drop_target",
- listeners: {
- "render": function (el) {
- new Ext.dd.DropZone(el.getEl(), {
- reference: this,
- ddGroup: "element",
-
- getTargetFromEvent: function (e) {
- return this.getEl();
- }.bind(el),
-
- onNodeOver: function (target, dd, e, data) {
- if (data.records.length == 1 && data.records[0].data.elementType === "document") {
- return Ext.dd.DropZone.prototype.dropAllowed;
- }
- },
-
- onNodeDrop: function (target, dd, e, data) {
- if (pimcore.helpers.dragAndDropValidateSingleItem(data)) {
- var nodeData = data.records[0].data;
- if (nodeData.elementType === "document") {
- this.setValue(nodeData.path);
- return true;
- }
- }
-
- return false;
- }.bind(el)
- });
- }
- }
- },
- {
- xtype: "hidden",
- name: "type",
- value: "redirect"
- }
- ]
- });
- }
- }),
-
- codesnippet: Class.create(pimcore.bundle.personalization.settings.action.abstract, {
- getName: function () {
- return t("code_snippet");
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- border: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.actions.getTopBar(this, id, panel),
- items: [
- {
- xtype: "textarea",
- width: 600,
- height: 200,
- fieldLabel: t("code"),
- name: "code",
- value: data.code
- },
- {
- xtype: 'combo',
- fieldLabel: t('element_css_selector'),
- name: "selector",
- disableKeyFilter: true,
- store: [["body", "body"], ["head", "head"]],
- triggerAction: "all",
- mode: "local",
- width: 350,
- value: data.selector
- },
- {
- xtype: 'combo',
- fieldLabel: t('insert_position'),
- name: "position",
- store: [["beginning", t("beginning")], ["end", t("end")], ["replace", t("replace")]],
- triggerAction: "all",
- typeAhead: false,
- editable: false,
- forceSelection: true,
- mode: "local",
- width: 350,
- value: data.position
- },
- {
- xtype: "hidden",
- name: "type",
- value: "codesnippet"
- }
- ]
- });
- }
- }),
-
- assign_target_group: Class.create(pimcore.bundle.personalization.settings.action.abstract, {
- getName: function () {
- return t('assign_target_group');
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- border: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.actions.getTopBar(this, id, panel),
- items: [
- {
- xtype: "combo",
- fieldLabel: t('target_group'),
- name: "targetGroup",
- displayField: 'text',
- valueField: "id",
- store: pimcore.globalmanager.get("target_group_store"),
- editable: false,
- width: 400,
- triggerAction: 'all',
- listWidth: 200,
- mode: "local",
- value: data.targetGroup,
- emptyText: t("select_a_target_group")
- },
- {
- xtype: 'numberfield',
- fieldLabel: t('assign_target_group_weight'),
- name: "weight",
- value: data.weight ? data.weight : 1,
- width: 200,
- minValue: 1,
- allowDecimals: false
- },
- {
- xtype: "hidden",
- name: "type",
- value: "assign_target_group"
- }
- ]
- });
- }
- })
- };
-
- return {
- register: function (name, action) {
- actions[name] = action;
- },
-
- create: function (name) {
- var actionClass = this.get(name);
-
- return new actionClass();
- },
-
- get: function (name) {
- if ('undefined' === typeof actions[name]) {
- throw new Error('Action ' + name + ' is not defined', name);
- }
-
- return actions[name];
- },
-
- getKeys: function () {
- return Object.keys(actions);
- },
-
- getTopBar: function (action, index, parent) {
- var detectBlockIndex = function(blockElement, container) {
- var index;
- for (var s = 0; s < container.items.items.length; s++) {
- if (container.items.items[s].getId() === blockElement.getId()) {
- index = s;
- break;
- }
- }
-
- return index;
- };
-
- return [
- {
- iconCls: action.getIconCls(),
- disabled: true
- },
- {
- xtype: "tbtext",
- text: "" + action.getName() + ""
- },
- "-",
- {
- iconCls: "pimcore_icon_up",
- handler: function (blockId, parent) {
- var container = parent.actionsContainer;
- var blockElement = Ext.getCmp(blockId);
- var index = detectBlockIndex(blockElement, container);
-
- var newIndex = index - 1;
- if (newIndex < 0) {
- newIndex = 0;
- }
-
- container.remove(blockElement, false);
- container.insert(newIndex, blockElement);
-
- pimcore.layout.refresh();
- }.bind(window, index, parent)
- },
- {
- iconCls: "pimcore_icon_down",
- handler: function (blockId, parent) {
- var container = parent.actionsContainer;
- var blockElement = Ext.getCmp(blockId);
- var index = detectBlockIndex(blockElement, container);
-
- container.remove(blockElement, false);
- container.insert(index + 1, blockElement);
-
- pimcore.layout.refresh();
- }.bind(window, index, parent)
- },
- "->",
- {
- iconCls: "pimcore_icon_delete",
- handler: function (index, parent) {
- parent.actionsContainer.remove(Ext.getCmp(index));
- }.bind(window, index, parent)
- }
- ];
- }
- };
-}());
diff --git a/bundles/PersonalizationBundle/public/js/settings/condition/abstract.js b/bundles/PersonalizationBundle/public/js/settings/condition/abstract.js
deleted file mode 100644
index e00cdc3fd45..00000000000
--- a/bundles/PersonalizationBundle/public/js/settings/condition/abstract.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-pimcore.registerNS("pimcore.bundle.personalization.settings.condition.abstract");
-/**
- * @private
- */
-pimcore.bundle.personalization.settings.condition.abstract = Class.create({
- matchesScope: function (scope) {
- return 'targeting_rule' === scope;
- },
-
- getName: function () {
- console.error('Name is not set for condition', this);
- },
-
- getIconCls: function () {
- return 'pimcore_icon_add';
- },
-
- getPanel: function () {
- console.error('You have to implement the getPanel() method in condition', this);
- },
-
- isAvailable: function () {
- return true;
- }
-});
diff --git a/bundles/PersonalizationBundle/public/js/settings/conditions.js b/bundles/PersonalizationBundle/public/js/settings/conditions.js
deleted file mode 100644
index f6abb27190e..00000000000
--- a/bundles/PersonalizationBundle/public/js/settings/conditions.js
+++ /dev/null
@@ -1,862 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-
-/**
- * CONDITION TYPES
- */
-pimcore.registerNS("pimcore.bundle.personalization.settings.conditions");
-/**
- * @private
- */
-pimcore.bundle.personalization.settings.conditions = (function () {
- var conditions = {
- url: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t('targeting_condition_url_pattern');
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: "textfield",
- fieldLabel: t('targeting_condition_url_pattern'),
- name: "url",
- value: data.url,
- width: 500
- }, {
- xtype: "hidden",
- name: "type",
- value: "url"
- }]
- });
- }
- }),
-
- browser: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("browser");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: "combo",
- fieldLabel: t("browser"),
- store: [
- ["ie", "Internet Explorer"],
- ["firefox", "Firefox"],
- ["chrome", "Google Chrome"],
- ["safari", "Safari"],
- ["opera", "Opera"]
- ],
- name: "browser",
- mode: "local",
- width: 300,
- value: data.browser,
- editable: false,
- triggerAction: "all"
- }, {
- xtype: "hidden",
- name: "type",
- value: "browser"
- }]
- });
- }
- }),
-
- country: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
-
- isAvailable : function () {
- return pimcore.settings['maxmind_geoip_installed'];
- },
-
- getName: function () {
- return t("country");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'combo',
- fieldLabel: t('country'),
- displayField: 'name',
- valueField: 'code',
- name: "country",
- store: new Ext.data.JsonStore({
- autoDestroy: true,
- proxy: {
- type: 'ajax',
- url: Routing.generate('pimcore_admin_misc_countrylist'),
- reader: {
- type: 'json',
- rootProperty: 'data'
- }
- },
- fields: ["code", "name"]
- }),
- triggerAction: "all",
- mode: "local",
- forceSelection: true,
- queryMode: 'local',
- autoComplete: false,
- width: 350,
- value: data.country,
- listeners: {
- afterrender: function (el) {
- el.getStore().load();
- }
- }
- }, {
- xtype: "hidden",
- name: "type",
- value: "country"
- }]
- });
- }
- }),
-
- language: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("language");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'combo',
- fieldLabel: t('language'),
- displayField: 'name',
- valueField: 'code',
- name: "language",
- store: new Ext.data.JsonStore({
- autoDestroy: true,
- proxy: {
- type: 'ajax',
- url: Routing.generate('pimcore_admin_misc_languagelist'),
- reader: {
- type: 'json',
- rootProperty: 'data'
- }
- },
- fields: ["code", "name"]
- }),
- triggerAction: "all",
- mode: "local",
- forceSelection: true,
- queryMode: 'local',
- autoComplete: false,
- width: 350,
- value: data.language,
- listeners: {
- afterrender: function (el) {
- el.getStore().load();
- }
- }
- }, {
- xtype: "hidden",
- name: "type",
- value: "language"
- }]
- });
- }
- }),
-
- geopoint: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
-
- isAvailable : function () {
- return pimcore.settings['maxmind_geoip_installed'];
- },
-
- getName: function () {
- return t("geopoint");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- var longitude = new Ext.form.NumberField({
- decimalPrecision: 20,
- fieldLabel: t('longitude'),
- name: "longitude",
- value: data.longitude,
- width: 350
- });
-
- var latitude = new Ext.form.NumberField({
- decimalPrecision: 20,
- fieldLabel: t('latitude'),
- name: "latitude",
- value: data.latitude,
- width: 350
- });
-
- var radius = new Ext.form.NumberField({
- decimalPrecision: 0,
- fieldLabel: t('radius_in_km'),
- name: "radius",
- value: data.radius,
- width: 200
- });
-
- var createSearchButton = function() {
- var handler = function () {
- var leafletMap, marker, circle;
-
- var searchHandler = function() {
- var address = searchfield.getValue();
- Ext.Ajax.request({
- url: pimcore.bundle.personalization.settings.conditions.getSearchUrl(address),
- method: "GET",
- success: function (response, opts) {
- var data = Ext.decode(response.responseText);
- if (data[0].lat !== null && data[0].lon !== null) {
- marker.setLatLng(L.latLng(data[0].lat, data[0].lon));
- leafletMap.setView(L.latLng(data[0].lat, data[0].lon), 7);
- }
- }.bind(this),
- });
- };
-
- var searchfield = new Ext.form.TextField({
- width: 400,
- name: "mapSearch",
- style: "float: left;",
- fieldLabel: t("search"),
- listeners: {
- specialkey: function (f, e) {
- if (e.getKey() === e.ENTER) {
- searchHandler()
- }
- }
- }
- });
-
- var searchWindow = new Ext.Window({
- modal: true,
- width: 700,
- height: 500,
- resizable: false,
- html: '',
- bbar: [searchfield, {
- xtype: "button",
- text: t("search"),
- iconCls: "pimcore_icon_search",
- handler: searchHandler
- }, "->", {
- xtype: "button",
- text: t("cancel"),
- iconCls: "pimcore_icon_cancel",
- handler: function () {
- searchWindow.close();
- }
- }, {
- xtype: "button",
- text: t("OK"),
- iconCls: "pimcore_icon_save",
- handler: function () {
- var point = marker.getLatLng();
- latitude.setValue(point.lat);
- longitude.setValue(point.lng);
- radius.setValue(Math.round(circle.getRadius() / 1000));
-
- searchWindow.close();
- }
- }],
- plain: true
- });
-
- searchWindow.on("afterrender", function () {
- var latitudeMap = 0;
- var longitudeMap = 0;
- var radiusMap = 100000;
- var mapZoom = 1;
- if (latitude.getValue() && longitude.getValue()) {
- latitudeMap = latitude.getValue();
- longitudeMap = longitude.getValue();
- mapZoom = 14;
- }
- if (radius.getValue()) {
- radiusMap = radius.getValue() * 1000;
- }
-
- document.getElementById('leaflet_maps_container').innerHTML = '';
- leafletMap = new L.Map("leafletmap").setView([latitudeMap, longitudeMap], mapZoom);
- L.tileLayer(pimcore.settings.tile_layer_url_template, {
- attribution: '© OpenStreetMap contributors'
- }).addTo(leafletMap);
-
- marker = new L.Marker([latitudeMap, longitudeMap], {draggable: true}).addTo(leafletMap);
-
- circle = new L.Circle(
- [latitudeMap, longitudeMap], {
- editable: true,
- radius: radiusMap,
- fillColor: "#ff6600",
- fillOpacity: 0.5,
- strokeWeight: 2,
- strokeOpacity: 1,
- strokeColor: "#000000"
- }).addTo(leafletMap);
-
- marker.on("move", function () {
- circle.editing.disable();
- leafletMap.removeLayer(circle);
- circle.setLatLng(marker.getLatLng());
- circle.editing.enable();
- circle.addTo(leafletMap);
- }.bind(this));
-
- var GLOBE_WIDTH = 256; // a constant in Google's map projection
- var west = circle.getBounds().getSouthWest().lng;
- var east = circle.getBounds().getNorthEast().lng;
- var angle = east - west;
- if (angle < 0) {
- angle += 360;
- }
- var zoom = Math.round(Math.log(searchWindow.body.getWidth() * 360 / angle / GLOBE_WIDTH) / Math.LN2);
-
- leafletMap.setZoom(zoom - 1);
- });
-
- searchWindow.show();
- };
-
- return {
- xtype: "button",
- text: t("open_search_editor"),
- iconCls: "pimcore_icon_search",
- handler: handler
- };
- };
-
- var items = [
- longitude,
- latitude,
- radius
- ];
-
- items.push(createSearchButton());
-
- items.push({
- xtype: "displayfield",
- style: "margin-top:10px;",
- html: 'This product includes GeoLite2 data created by MaxMind, available from http://www.maxmind.com.'
- });
-
- items.push({
- xtype: "hidden",
- name: "type",
- value: "geopoint"
- });
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: items
- });
- }
- }),
-
- referringsite: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("referring_site");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'textfield',
- fieldLabel: t('referrer') + ' (' + t("regex") + ')',
- name: "referrer",
- value: data.referrer,
- labelWidth: 170,
- width: 450
- }, {
- xtype: "hidden",
- name: "type",
- value: "referringsite"
- }]
- });
- }
- }),
-
- searchengine: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("searchengine");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'combo',
- fieldLabel: t('searchengine'),
- name: "searchengine",
- disableKeyFilter: true,
- store: [["all", t("all")], ["google", "Google"], ["bing", "Bing"], ["yahoo", "Yahoo!"]],
- triggerAction: "all",
- mode: "local",
- width: 350,
- value: data.searchengine ? data.searchengine : "all"
- }, {
- xtype: "hidden",
- name: "type",
- value: "searchengine"
- }]
- })
- }
- }),
-
- visitedpagebefore: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("visited_page_before");
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- var warningIconHtml = ' ';
-
- var items = [
- {
- xtype: 'textfield',
- fieldLabel: t('targeting_condition_url_pattern'),
- name: "url",
- value: data.url,
- width: 450
- },
- {
- xtype: "hidden",
- name: "type",
- value: "visitedpagebefore"
- },
- {
- xtype: "displayfield",
- hideLabel: true,
- value: warningIconHtml + ' DEPRECATED! Will be removed in Pimcore 10',
- cls: "pimcore_extra_label"
- },
- {
- xtype: "displayfield",
- hideLabel: true,
- value: warningIconHtml + t('targeting_condition_visited_page_before_piwik_data_warning'),
- cls: "pimcore_extra_label"
- }
- ];
-
- if ('undefined' === typeof pimcore.settings.piwik || !pimcore.settings.piwik.configured || !pimcore.settings.piwik.report_token_configured) {
- items.push({
- xtype: "displayfield",
- hideLabel: true,
- value: warningIconHtml + t('targeting_condition_visited_page_before_piwik_not_configured_warning'),
- cls: "pimcore_extra_label"
- });
- }
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: items
- });
- }
- }),
-
- visitedpagesbefore: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("visited_pages_before_number");
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'numberfield',
- fieldLabel: t("number"),
- name: "number",
- value: data.number,
- width: 200
- }, {
- xtype: "hidden",
- name: "type",
- value: "visitedpagesbefore"
- }]
- });
- }
- }),
-
- timeonsite: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("time_on_site");
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'numberfield',
- fieldLabel: t("hours"),
- name: "hours",
- value: data.hours ? data.hours : 0,
- width: 200
- }, {
- xtype: 'numberfield',
- fieldLabel: t("minutes"),
- name: "minutes",
- value: data.minutes ? data.minutes : 0,
- width: 200
- }, {
- xtype: 'numberfield',
- fieldLabel: t("seconds"),
- name: "seconds",
- value: data.seconds ? data.seconds : 0,
- width: 200
- }, {
- xtype: "hidden",
- name: "type",
- value: "timeonsite"
- }]
- });
- }
- }),
-
- hardwareplatform: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("hardware_platform");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'combo',
- fieldLabel: t('hardware_platform'),
- name: "platform",
- disableKeyFilter: true,
- store: [["all", t("all")], ["desktop", t("desktop")], ["tablet", t("tablet")], ["mobile", t("mobile")]],
- triggerAction: "all",
- mode: "local",
- width: 350,
- value: data.platform ? data.platform : "all"
- }, {
- xtype: "hidden",
- name: "type",
- value: "hardwareplatform"
- }]
- });
- }
- }),
-
- operatingsystem: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("operating_system");
- },
-
- matchesScope: function (scope) {
- return in_array(scope, ['targeting_rule', 'targeting_group_entry_condition']);
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: 'combo',
- fieldLabel: t('operating_system'),
- name: "system",
- disableKeyFilter: true,
- store: [["all", t("all")], ["windows", "Windows"], ["macos", "Mac OS"], ["linux", "Linux"],
- ["android", "Android"], ["ios", "iOS"]],
- triggerAction: "all",
- mode: "local",
- width: 350,
- value: data.system ? data.system : "all"
- }, {
- xtype: "hidden",
- name: "type",
- value: "operatingsystem"
- }]
- });
- }
- }),
-
- target_group: Class.create(pimcore.bundle.personalization.settings.condition.abstract, {
- getName: function () {
- return t("target_group");
- },
-
- getPanel: function (panel, data) {
- var id = Ext.id();
-
- return new Ext.form.FormPanel({
- id: id,
- forceLayout: true,
- style: "margin: 10px 0 0 0",
- bodyStyle: "padding: 10px 30px 10px 30px; min-height:40px;",
- tbar: pimcore.bundle.personalization.settings.conditions.getTopBar(this, id, panel, data),
- items: [{
- xtype: "combo",
- name: "targetGroup",
- displayField: 'text',
- valueField: "id",
- store: pimcore.globalmanager.get("target_group_store"),
- width: 400,
- triggerAction: 'all',
- listWidth: 200,
- mode: "local",
- forceSelection: true,
- queryMode: 'local',
- autoComplete: false,
- value: data.targetGroup,
- emptyText: t("select_a_target_group"),
- fieldLabel: t("target_group")
- }, {
- xtype: "hidden",
- name: "type",
- value: "target_group"
- }]
- });
- }
- })
- };
-
- return {
- register: function (name, condition) {
- conditions[name] = condition;
- },
-
- create: function (name) {
- var conditionClass = this.get(name);
-
- return new conditionClass();
- },
-
- getSearchUrl: function (query) {
- var url = pimcore.settings.geocoding_url_template.replace('{q}', urlencode(query));
- return url;
- },
-
- get: function (name) {
- if ('undefined' === typeof conditions[name]) {
- throw new Error('Condition ' + name + ' is not defined', name);
- }
-
- return conditions[name];
- },
-
- getConditions: function () {
- return conditions;
- },
-
- getKeys: function() {
- return Object.keys(conditions);
- },
-
- getTopBar: function (condition, index, parent, data) {
- var detectBlockIndex = function(blockElement, container) {
- var index;
- for (var s = 0; s < container.items.items.length; s++) {
- if (container.items.items[s].getId() === blockElement.getId()) {
- index = s;
- break;
- }
- }
-
- return index;
- };
-
- var toggleGroup = "g_" + index + parent.data.id;
- if (!data["operator"]) {
- data.operator = "and";
- }
-
- return [
- {
- iconCls: condition.getIconCls(),
- disabled: true
- },
- {
- xtype: "tbtext",
- text: "" + condition.getName() + ""
- },
- "-",
- {
- iconCls: "pimcore_icon_up",
- handler: function (blockId, parent) {
-
- var container = parent.conditionsContainer;
- var blockElement = Ext.getCmp(blockId);
- var index = detectBlockIndex(blockElement, container);
-
- var newIndex = index - 1;
- if (newIndex < 0) {
- newIndex = 0;
- }
-
- container.remove(blockElement, false);
- container.insert(newIndex, blockElement);
-
- parent.recalculateButtonStatus();
- parent.recalculateBracketIdent(parent.conditionsContainer.items);
-
- pimcore.layout.refresh();
- }.bind(window, index, parent)
- },
- {
- iconCls: "pimcore_icon_down",
- handler: function (blockId, parent) {
- var container = parent.conditionsContainer;
- var blockElement = Ext.getCmp(blockId);
- var index = detectBlockIndex(blockElement, container);
-
- container.remove(blockElement, false);
- container.insert(index + 1, blockElement);
-
- parent.recalculateButtonStatus();
- parent.recalculateBracketIdent(parent.conditionsContainer.items);
-
- pimcore.layout.refresh();
- }.bind(window, index, parent)
- },
- "-",
- {
- text: t("AND"),
- toggleGroup: toggleGroup,
- enableToggle: true,
- itemId: "toggle_and",
- pressed: (data.operator === "and")
- },
- {
- text: t("OR"),
- toggleGroup: toggleGroup,
- enableToggle: true,
- itemId: "toggle_or",
- pressed: (data.operator === "or")
- }, {
- text: t("AND_NOT"),
- toggleGroup: toggleGroup,
- enableToggle: true,
- itemId: "toggle_and_not",
- pressed: (data.operator === "and_not")
- },
- "->",
- {
- iconCls: "pimcore_icon_delete",
- handler: function (index, parent) {
- parent.conditionsContainer.remove(Ext.getCmp(index));
- parent.recalculateButtonStatus();
- parent.recalculateBracketIdent(parent.conditionsContainer.items);
- }.bind(window, index, parent)
- }
- ];
- }
- };
-}());
diff --git a/bundles/PersonalizationBundle/public/js/settings/rules/item.js b/bundles/PersonalizationBundle/public/js/settings/rules/item.js
deleted file mode 100644
index d76f2b404e4..00000000000
--- a/bundles/PersonalizationBundle/public/js/settings/rules/item.js
+++ /dev/null
@@ -1,462 +0,0 @@
-/**
- * Pimcore
- *
- * This source file is available under two different licenses:
- * - GNU General Public License version 3 (GPLv3)
- * - Pimcore Commercial License (PCL)
- * Full copyright and license information is available in
- * LICENSE.md which is distributed with this source code.
- *
- * @copyright Copyright (c) Pimcore GmbH (http://www.pimcore.org)
- * @license http://www.pimcore.org/license GPLv3 and PCL
- */
-
-pimcore.registerNS("pimcore.bundle.personalization.settings.rules.item");
-/**
- * @private
- */
-pimcore.bundle.personalization.settings.rules.item = Class.create({
- initialize: function(parent, data) {
- this.parent = parent;
- this.data = data;
- this.currentIndex = 0;
-
- this.tabPanel = new Ext.TabPanel({
- activeTab: 0,
- title: this.data.name,
- closable: true,
- deferredRender: false,
- forceLayout: true,
- id: "pimcore_targeting_panel_" + this.data.id,
- buttons: [{
- text: t("save"),
- iconCls: "pimcore_icon_apply",
- handler: this.save.bind(this)
- }],
- items: [
- this.getSettings(),
- this.getConditions(),
- this.getActions()
- ]
- });
-
- // fill data into conditions and actions
- this.initializeConditions();
- this.initializeActions();
-
- this.parent.panel.add(this.tabPanel);
- this.parent.panel.setActiveTab(this.tabPanel);
- this.parent.panel.updateLayout();
- },
-
- initializeConditions: function() {
- var condition;
- if (this.data.conditions && this.data.conditions.length > 0) {
- for (var i = 0; i < this.data.conditions.length; i++) {
- try {
- condition = pimcore.bundle.personalization.settings.conditions.create(this.data.conditions[i].type);
- } catch (e) {
- console.error(e);
- continue;
- }
-
- if (!condition.matchesScope('targeting_rule')) {
- console.error('Condition ', this.data.conditions[i].type, 'does not match rule scope');
- continue;
- }
-
- this.addCondition(condition, this.data.conditions[i]);
- }
- }
- },
-
- initializeActions: function() {
- var action;
- if (this.data.actions && this.data.actions.length > 0) {
- for (var i = 0; i < this.data.actions.length; i++) {
- try {
- action = pimcore.bundle.personalization.settings.actions.create(this.data.actions[i].type);
- } catch (e) {
- console.error(e);
- continue;
- }
-
- this.addAction(action, this.data.actions[i]);
- }
- }
- },
-
- getSettings: function () {
- this.settingsForm = new Ext.form.FormPanel({
- title: t("settings"),
- bodyStyle: "padding:10px;",
- autoScroll: true,
- border:false,
- items: [{
- xtype: "textfield",
- fieldLabel: t("name"),
- name: "name",
- width: 350,
- value: this.data.name
- }, {
- name: "description",
- fieldLabel: t("description"),
- xtype: "textarea",
- width: 500,
- height: 100,
- value: this.data.description
- }, {
- name: "scope",
- fieldLabel: t("action_scope"),
- xtype: "combo",
- width: 350,
- value: this.data["scope"],
- mode: "local",
- triggerAction: "all",
- editable: false,
- store: [
- ["hit", t("hit")],
- ["session", t("session")],
- ["session_with_variables", t("session_with_variables")],
- ["visitor", t("targeting_visitor")]
- ]
- }, {
- name: "active",
- fieldLabel: t("active"),
- xtype: "checkbox",
- checked: this.data["active"]
- }]
- });
-
- return this.settingsForm;
- },
-
- getConditions: function() {
- var createHandler = function(condition) {
- return this.addCondition.bind(this, condition);
- }.bind(this);
-
- var addMenu = [];
- Ext.Array.forEach(pimcore.bundle.personalization.settings.conditions.getKeys(), function(key) {
- var condition;
-
- try {
- condition = pimcore.bundle.personalization.settings.conditions.create(key);
- } catch (e) {
- console.error(e);
- return;
- }
-
- if (!condition.matchesScope('targeting_rule')) {
- return;
- }
-
- addMenu.push({
- iconCls: condition.getIconCls(),
- text: condition.getName(),
- disabled: !condition.isAvailable(),
- handler: createHandler(condition)
- });
- });
-
- this.sortAddMenu(addMenu);
-
- this.conditionsContainer = new Ext.Panel({
- title: t("conditions"),
- autoScroll: true,
- forceLayout: true,
- tbar: [{
- iconCls: "pimcore_icon_add",
- menu: addMenu
- }],
- border: false
- });
-
- return this.conditionsContainer;
- },
-
- getActions: function () {
- var createHandler = function(action) {
- return this.addAction.bind(this, action);
- }.bind(this);
-
- var addMenu = [];
- Ext.Array.forEach(pimcore.bundle.personalization.settings.actions.getKeys(), function(key) {
- var action;
-
- try {
- action = pimcore.bundle.personalization.settings.actions.create(key);
- } catch (e) {
- console.error(e);
- return;
- }
-
- addMenu.push({
- iconCls: action.getIconCls(),
- text: action.getName(),
- handler: createHandler(action)
- });
- });
-
- this.sortAddMenu(addMenu);
-
- this.actionsContainer = new Ext.Panel({
- title: t("actions"),
- autoScroll: true,
- forceLayout: true,
- bodyStyle: 'padding: 0 10px 10px 10px;',
- tbar: [{
- iconCls: "pimcore_icon_add",
- menu: addMenu
- }],
- border: false
- });
-
- return this.actionsContainer;
- },
-
- sortAddMenu: function(menu) {
- menu.sort(function(a, b) {
- var nameA = a.text.toUpperCase();
- var nameB = b.text.toUpperCase();
-
- if (nameA < nameB) {
- return -1;
- }
-
- if (nameA > nameB) {
- return 1;
- }
-
- return 0;
- });
- },
-
- addCondition: function (condition, data) {
- if ('undefined' === typeof data) {
- data = {};
- }
-
- var item = condition.getPanel(this, data);
-
- // add logic for brackets
- var tab = this;
- item.on("afterrender", function (el) {
- el.getEl().applyStyles({position: "relative", "min-height": "40px", "border-bottom": "1px solid #d0d0d0"});
- var leftBracket = el.getEl().insertHtml("beforeEnd",
- 'No targeting data available.
-| ID | -Name | -Duration | -Conditions | -Actions | -
|---|---|---|---|---|
| {{ rule.id }} | -{{ rule.name }} | -{{ rule.duration|round(2) }} ms | -{{ profiler_dump(rule.conditions, maxDepth=maxDepth|default(0)) }} | -{{ profiler_dump(rule.actions, maxDepth=maxDepth|default(0)) }} | -
| (no rules matched) | -||||
| ID | -Name | -Threshold | -Assignment Count | -
|---|---|---|---|
| {{ targetGroup.id }} | -{{ targetGroup.name }} | -{{ targetGroup.threshold }} | -{{ targetGroup.count }} | -
| (no target group assignments) | -|||
| Document ID | -Path | -Target Group ID | -Name | -
|---|---|---|---|
| {{ assignment.document.id }} | -{{ assignment.document.path }} | -{{ assignment.targetGroup.id }} | -{{ assignment.targetGroup.name }} | -
| (no target groups were assigned to documents) | -|||
| Document Target Group | -- {{ toolbar.label(documentTargetGroup.name, ['_ptgtb__label--target-group']) }} - | -
|---|---|
| Visitor ID | -- {% if visitorInfo.visitorId is not empty %} - {{ toolbar.label(visitorInfo.visitorId) }} - {% else %} - - - {% endif %} - | -
| Session ID | -- {% if visitorInfo.sessionId is not empty %} - {{ toolbar.label(visitorInfo.sessionId) }} - {% else %} - - - {% endif %} - | -
| - {{ toolbar.trigger_label(rule.name, '#' ~ rowIdentifier, ['_ptgtb__label--rule']) }} - | -
| - {{ toolbar.metric('Rule ID', rule.id) }} - - {% if rule.duration is not null %} - {{ toolbar.metric('Duration', rule.duration|round(2) ~ ' ms') }} - {% endif %} - - {{ toolbar.metric('Conditions', rule.conditions|length) }} - {{ toolbar.metric('Actions', rule.actions|length) }} - | -
| - {{ toolbar.trigger_label(targetGroup.name, '#' ~ rowIdentifier, ['_ptgtb__label--target-group']) }} - | -- {{ toolbar.label(targetGroup.count) }} - | -
| - {{ toolbar.metric('Target Group ID', targetGroup.id) }} - {{ toolbar.metric('Threshold', targetGroup.threshold) }} - | -|
| - {{ toolbar.trigger_label(assignment.document.path|u.truncate(32), '#' ~ rowIdentifier, [], { title: assignment.document.path }) }} - | -- {{ toolbar.label(assignment.targetGroup.name, ['_ptgtb__label--target-group']) }} - | -
| - {{ toolbar.metric('Document ID', assignment.document.id) }} - {{ toolbar.metric('Target Group ID', assignment.targetGroup.id) }} - | -|