Merge pull request #53 from mooore-digital/feature/add_editor_link

Feature/add editor link

Author: GrimLink

view/adminhtml/web/js/components/select-site.js

@@ -1,8 +1,20 @@
 define([
-    'Magento_Ui/js/form/element/ui-select'
-], function (Select) {
+    'Magento_Ui/js/form/element/ui-select',
+    'ko',
+    'jquery'
+], function (Select, ko, $) {
     'use strict';
+
     return Select.extend({
+        editorLink: ko.observable(),
+
+        initialize: function () {
+            this._super();
+
+            this.loadEditorLink();
+
+            return this;
+        },
         /**
          * Parse data and set it to options.
          *
@@ -29,6 +41,43 @@ define([
                 value: data.customer.entity_id,
                 label: data.customer.name
             };
+        },
+
+        toggleOptionSelected: function (data) {
+            var isSelected = this.isSelected(data.value);
+
+            if (this.lastSelectable && data.hasOwnProperty(this.separator)) {
+                return this;
+            }
+
+            if (!this.multiple) {
+                if (!isSelected) {
+                    this.value(data.value);
+                }
+                this.listVisible(false);
+            } else {
+                if (!isSelected) { /*eslint no-lonely-if: 0*/
+                    this.value.push(data.value);
+                } else {
+                    this.value(_.without(this.value(), data.value));
+                }
+            }
+
+            this.loadEditorLink();
+
+            return this;
+        },
+
+        loadEditorLink: function() {
+            const [site_id, page_id] = this.value().split("_");
+
+            const url = `${window.wordpressurl}wp-admin/post.php?post=${page_id}&action=edit&magento-referer=${window.location.href}`;
+
+            this.editorLink(url);
+        },
+
+        openEditor: function() {
+            window.open(this.editorLink(), 'WPCI Editor');
         }
     });
 });

view/adminhtml/web/template/ui/grid/filters/elements/ui-select.html

@@ -147,7 +147,6 @@
         <ul class="admin__action-multiselect-menu-inner _root"
             data-bind="
                 event: {
-                    mousemove: function(data, event){onMousemove($data, $index(), event)},
                     scroll: function(data, event){onScrollDown(data, event)}
                 }
             ">
@@ -221,6 +220,14 @@
             click: function () {
                 toggleOptionSelected({ value: '' })
             }
-            ">
+            "
+            style="width: auto;">
     <span data-bind="i18n: 'Detach Wordpress Page'">Detach Wordpress Page</span>
 </button>
+
+<button class="admin__field-fallback-reset" type="button" data-bind="
+            visible: hasData() && editorLink(),
+            click: openEditor"
+            style="width: auto;">
+    <span data-bind="i18n: 'Edit Wordpress Page'">Edit Wordpress Page</span>
+</button>