Changeset 2024659

Timestamp:

02/04/2019 02:37:57 PM (7 years ago)

Author:

platformlycom

Message:

support for a new WordPress Editor;New features for the new WP Editor (platform.ly events)

Location:

platformly/trunk

Files:

• css/editor_btn.css (modified) (1 diff)
• inc/ply.btn.php (modified) (4 diffs)
• js/editor_btn.js (modified) (1 diff)
• js/ply_add_link_functions.js (modified) (6 diffs)
• js/ply_editor_btn_functions.js (added)
• platformly.php (modified) (4 diffs)
• readme.txt (modified) (2 diffs)

platformly/trunk/css/editor_btn.css

@@ -40 +40 @@
     padding: 0 15px !important;
 }
+.platform_ly_link_button_new{
+    padding: 5px;
+    border-radius: 4px;
+    height: 30px;
+    width: 30px;
+    margin: 0;
+}
+.platform_ly_link_button_new i{
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    background-size: cover;
+}
+.platform_ly_link_button_new:hover{
+    color: #555d66;
+    box-shadow: inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;
+}
+#ply-block-btns{
+    text-align: center;
+    margin-bottom: 15px;
+}
+#ply-block-btns .ply-btn-etitor-block{
+    display: inline-block;
+    width: 40%;
+    border: 1px solid #dfdfdf;
+    padding: 10px 0;
+    cursor: pointer;
+    margin: 0 5px;
+}
+#ply-block-btns .ply-btn-etitor-block:hover{
+    border-color: #b0b0b0;
+}
+.ply-editor-list-event-options{
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+}
+.ply-editor-dropdown-menu{
+    position: absolute;
+    top: 100%;
+    left: -55px;
+    z-index: 1000;
+    display: none;
+    float: left;
+    min-width: 160px;
+    padding: 5px 0;
+    margin: 2px 0 0;
+    font-size: 14px;
+    text-align: left;
+    list-style: none;
+    background-color: #fff;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0,0,0,.15);
+    border-radius: 4px;
+    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+}
+.ply-editor-list-event-options .ply-link-more{
+    cursor: pointer;
+}
+.ply-editor-list-event-options .ply-link-more:hover{
+    color: #333;
+    text-decoration: none;
+}
+.ply-editor-list-event-options.open .ply-editor-dropdown-menu{
+    display: block;
+}
+#ply-default-event-msg{
+    text-align: center;
+    padding: 15px;
+}
+#ply-dialog-footer{
+    display: none;
+    padding: 0 16px 16px 16px;
+    border-top: 1px solid #dfdfdf;
+    position: absolute;
+    bottom: 57px;
+    background: #ffffff;
+}
+#ply-dialog-event-close-footer{
+    text-align: right;
+}
+#ply-dialog-event-close-footer span{
+    display: inline-block;
+    width: 20px;
+    height: 22px;
+    transform:rotate(90deg);
+    cursor: pointer;
+    font-size: 20px;
+    margin-right: -13px;
+}

platformly/trunk/inc/ply.btn.php

@@ +1 @@
+<?php 
+    $projectCodeInclude = get_option('ply_project_code_active'); 
+    $projectCode = ply_get_project_code();
+?>
 <div id="ply-add-link-dialog" class="hidden" style="max-width:600px;max-height: 500px;">
     <div>Loading . . .</div>
 </div>
 <script type="text/javascript">
+    <?php if(!empty($projectCodeInclude) && !empty($projectCode)): ?>
+        var plyProjectMsg = "A code from Project '<span class='ply-project-name'></span>' is being used on this site.";
+        var plyProjectId = '<?php echo $projectCode['ply_project_id'] ?>';
+    <?php else: ?>
+        var plyProjectMsg = 'You must include a Platform.ly project code within your site, please <a href="<?php echo get_admin_url(null, 'admin.php?page=ply') ?>">"click here"</a> to do it now.';
+        var plyProjectId = 0;
+    <?php endif; ?>
     jQuery(function () {
         // initalise the dialog
@@ -15 +26 @@
             closeOnEscape: true,
             maxHeight: 500,
+            dialogClass: "ply-dialog-editor",
             position: {
                 my: "center",
@@ -23 +35 @@
                 $('.ui-widget-overlay').bind('click', function () {
                     closePlyDialog();
-                })
+                });
+                $('.ui-widget-content').bind('click', function () {
+                    $('.ply-editor-list-event-options').removeClass('open');
+                });
+                $('.ui-dialog-buttonpane button:contains("Add Link")').button().hide();
+                $('.ui-dialog-buttonpane button:contains("Add on Page")').button().hide();
+                $('.ui-dialog-buttonpane button:contains("Add on Link Click")').button().hide();
+                $('.ui-dialog-buttonpane button:contains("Copy Code")').button().hide();
+                $('.ui-dialog-buttonpane button:contains("Edit Event")').button().hide();
+                $('.ui-dialog-buttonpane button:contains("Remove Event")').button().hide();
             },
             create: function () {
                 $('.ui-dialog-titlebar-close').addClass('ui-button');
+                $('.ply-dialog-editor .ui-dialog-buttonpane').before('<div id="ply-dialog-footer"></div>');
             },
             buttons: [{
                     text: "Add Link",
-                    click: function () {
+                    click: function() {
                         var enteredUrl = jQuery('.chosenCustomLink:checked').val();
-                        if (typeof enteredUrl !== 'undefined' && enteredUrl.length > 0) {
-                            if (enteredUrl == 'custom_tracking') {
-                                enteredUrl = jQuery('.chosenCustomLink:checked').data('mainlink') + '?' + (($("#trc1").val() != '') ? '&c1=' + $("#trc1").val() : '') + (($("#trc2").val() != '') ? '&c2=' + $("#trc2").val() : '') + (($("#trc3").val() != '') ? '&c3=' + $("#trc3").val() : '') + (($("#trc4").val() != '') ? '&c4=' + $("#trc4").val() : '');
+                        if(typeof wp.richText !== 'undefined'){
+                            if(typeof enteredUrl !== 'undefined' && enteredUrl.length > 0){
+                                if(enteredUrl == 'custom_tracking') {
+                                    enteredUrl = jQuery('.chosenCustomLink:checked').data('mainlink') + '?' + (($("#trc1").val() != '') ? '&c1=' + $("#trc1").val() : '') + (($("#trc2").val() != '') ? '&c2=' + $("#trc2").val() : '') + (($("#trc3").val() != '') ? '&c3=' + $("#trc3").val() : '') + (($("#trc4").val() != '') ? '&c4=' + $("#trc4").val() : '');
+                                }
+                                if(plySelectedWord.value.start == plySelectedWord.value.end){
+                                    var newElement = wp.richText.insert(plySelectedWord.value, enteredUrl);
+                                    plySelectedWord.onChange(newElement);
+                                    newElement.start = plySelectedWord.value.start;
+                                    plySelectedWord.onChange(wp.richText.applyFormat(newElement, {
+                                        type: 'core/link',
+                                        attributes: {
+                                            url: enteredUrl,
+                                        }
+                                    }));
+                                }else{
+                                    plySelectedWord.onChange(wp.richText.applyFormat(plySelectedWord.value, {
+                                        type: 'core/link',
+                                        attributes: {
+                                            url: enteredUrl,
+                                        }
+                                    }));
+                                }
+                                closePlyDialog();
+                            }else{
+                                alert("Your Link can't be empty.");
                             }
-                            if (typeof window.tinymce !== 'undefined' && !tinymce.activeEditor.isHidden()) {
-                                var selectedText = tinymce.activeEditor.selection.getContent();
-                                if (selectedText.length < 1) {
-                                    selectedText = enteredUrl;
-                                }
-                                tinymce.activeEditor.insertContent('<a href="' + enteredUrl + '">' + selectedText + '</a>');
-                            } else {
-                                var selectedText = getSelected();
-                                if (selectedText.length < 1) {
-                                    selectedText = enteredUrl;
-                                }
-                                QTags.insertContent('<a href="' + enteredUrl + '">' + selectedText + '</a>');
+                        }else{
+                            if(typeof enteredUrl !== 'undefined' && enteredUrl.length > 0){
+                                if (enteredUrl == 'custom_tracking') {
+                                    enteredUrl = jQuery('.chosenCustomLink:checked').data('mainlink') + '?' + (($("#trc1").val() != '') ? '&c1=' + $("#trc1").val() : '') + (($("#trc2").val() != '') ? '&c2=' + $("#trc2").val() : '') + (($("#trc3").val() != '') ? '&c3=' + $("#trc3").val() : '') + (($("#trc4").val() != '') ? '&c4=' + $("#trc4").val() : '');
+                                }
+                                if (typeof window.tinymce !== 'undefined' && !tinymce.activeEditor.isHidden()) {
+                                    var selectedText = tinymce.activeEditor.selection.getContent();
+                                    if (selectedText.length < 1) {
+                                        selectedText = enteredUrl;
+                                    }
+                                    tinymce.activeEditor.insertContent('<a href="' + enteredUrl + '">' + selectedText + '</a>');
+                                } else {
+                                    var selectedText = getSelected();
+                                    if (selectedText.length < 1) {
+                                        selectedText = enteredUrl;
+                                    }
+                                    QTags.insertContent('<a href="' + enteredUrl + '">' + selectedText + '</a>');
+                                }
+                                closePlyDialog();
+                            }else{
+                                alert("Your Link can't be empty.");
+                            }
+                        }
+                    },
+                    "class": 'button button-primary'
+                }, 
+                {
+                    text: "Add on Page",
+                    click: function() {
+                        var id = jQuery('.chosenEvent:checked').val();
+                        if(typeof id !== 'undefined' && id.length > 0){
+                            var selectedEvent = jQuery('.chosenEvent:checked').parents('tr');
+                            var description = selectedEvent.find('.existing-description').text();
+                            var action = selectedEvent.find('.existing-action span').text();
+                            var eventCode = "<script type='text/javascript'>plyt('"+action.replace(/[^a-zA-Z0-9_ ]/gi, "")+"', '"+description.replace(/[^a-zA-Z0-9_ ]/gi, "")+"','"+encodeURIComponent(id)+"');<\/script>";
+                            insertedBlock = wp.blocks.createBlock('core/html', {
+                                content: eventCode,
+                            });
+                            wp.data.dispatch('core/editor').insertBlocks(insertedBlock, 0);
+                            closePlyDialog();
+                        }else{
+                            alert("Please select event");
+                        }
+                    },
+                    "class": 'button button-primary'
+                },
+                {
+                    text: "Add on Link Click",
+                    click: function() {
+                        var id = jQuery('.chosenEvent:checked').val();
+                        if(typeof id !== 'undefined' && id.length > 0){
+                            var selectedEvent = jQuery('.chosenEvent:checked').parents('tr');
+                            var description = selectedEvent.find('.existing-description').text();
+                            var action = selectedEvent.find('.existing-action span').text();
+                            var eventCodeClick = "plyt('"+action.replace(/[^a-zA-Z0-9_ ]/gi, "")+"', '"+description.replace(/[^a-zA-Z0-9_ ]/gi, "")+"','"+encodeURIComponent(id)+"');";
+                            if(Object.keys(plySelectedWord).length > 0){
+                                var activeLink = wp.richText.getActiveFormat(plySelectedWord.value, 'core/link');
+                                var attributes = {
+                                        url: 'javascript:;',
+                                        onclick: eventCodeClick
+                                    }
+                                if(typeof activeLink !== 'undefined'){
+                                    attributes.url = activeLink.attributes.url;
+                                    if(typeof activeLink.attributes.target !== 'undefined'){
+                                        attributes.target = activeLink.attributes.target;
+                                    }
+                                }
+                                plySelectedWord.onChange(wp.richText.applyFormat(plySelectedWord.value, {
+                                    type: 'core/link',
+                                    attributes: attributes
+                                }));
+                            }else if(Object.keys(plyEventButton).length > 0){
+                                plyEventButton.setAttributes({onclick: eventCodeClick});
                             }
                             closePlyDialog();
-                        } else {
-                            alert("Your Link can't be empty.");
-                        }
-                    },
-                    "class": 'button button-primary'
-                }, {
-                    text: "Cansel",
+                        }else{
+                            alert("Please select event");
+                        }
+                    },
+                    "class": 'button button-primary'
+                },
+                {
+                    text: "Copy Code",
+                    click: function(){
+                        var id = jQuery('.chosenEvent:checked').val();
+                        if(typeof id !== 'undefined' && id.length > 0){
+                            var selectedEvent = jQuery('.chosenEvent:checked').parents('tr');
+                            var description = selectedEvent.find('.existing-description').text();
+                            var action = selectedEvent.find('.existing-action span').text();
+                            var eventCodeClick = "plyt('"+action.replace(/[^a-zA-Z0-9_ ]/gi, "")+"', '"+description.replace(/[^a-zA-Z0-9_ ]/gi, "")+"','"+encodeURIComponent(id)+"');";
+                            var eventCode = "<script type='text/javascript'>plyt('"+action.replace(/[^a-zA-Z0-9_ ]/gi, "")+"', '"+description.replace(/[^a-zA-Z0-9_ ]/gi, "")+"','"+encodeURIComponent(id)+"');<\/script>";
+                            $("#eventType").val(1).trigger('change');
+                            $("#evCode_bottom_click").val(eventCodeClick);
+                            $("#evCode_bottom").val(eventCode);
+                            $('#ply-dialog-footer').toggle();
+                        }else{
+                            alert("Please select event");
+                        }
+                    },
+                    "class": 'button button-primary'
+                },
+                {
+                    text: "Edit Event",
+                    click: function(){
+                        $('.ui-dialog-buttonpane button:contains("Edit Event")').button().hide();
+                        $('.ui-dialog-buttonpane button:contains("Remove Event")').button().hide();
+                        get_ply_projects();
+                    },
+                    "class": 'button button-primary'
+                },
+                {
+                    text: "Remove Event",
+                    click: function(){
+                        //console.log(plyEventButton);
+                        delete plyEventButton.attributes.onclick;
+                        closePlyDialog();
+                    },
+                    "class": 'button button-primary'
+                },
+                {
+                    text: "Cancel",
                     click: function () {
                         closePlyDialog();
@@ -63 +208 @@
         });
     });
-    QTags.addButton('platform_ly_link', 'Platform.ly', add_platform_ly_link);
+    QTags.addButton('platform_ly_link', 'Platform.ly', showPlyDialogOptions);
+    
+    function getBlockDOMNode(clientId){
+        document.querySelector('[data-block="' + clientId + '"]');
+    }
 </script>
 

platformly/trunk/js/editor_btn.js

@@ -5 +5 @@
             icon: 'icon platform_ly_link_button',
             onclick: function(){
-                add_platform_ly_link()
+                showPlyDialogOptions()
             }
         });

platformly/trunk/js/ply_add_link_functions.js

@@ -1 +1 @@
 plyAddLinkDialog = '<div id="ply-add-link-dialog" class="hidden" style="max-width:800px"></div>';
 plySearchWord = '';
+plySelectedWord = {};
+plyEventButton = {};
 function get_ply_tracking_links(){
+    $('#ply-add-link-dialog').html('<div>Loading . . .</div>');
     jQuery.post(ajaxurl, {action: 'ply_get_tracking_links'}, function(response){
+        $('.ui-dialog-buttonpane button:contains("Add Link")').button().hide();
         var data = JSON.parse(response);
         if(data.status!='success'){
@@ -35 +39 @@
             if(plySearchWord){
                 $('#ply_links_table_search').val(plySearchWord).keyup();
-        }
+            }
             $('#ply-add-link-dialog').on('keyup', '#ply_links_table_search', function(){
                 $('#links_table_toggle tr').removeClass('ply_search_has_result');
@@ -42 +46 @@
                 var lowerPlySearchWord = plySearchWord.toLowerCase();
                 $('#links_table_toggle td.ply_search_link').each(function(){
-                    if($(this).text().toLowerCase().indexOf(lowerPlySearchWord) < 0){
-                        if(!$(this).parent('tr').hasClass('ply_search_has_result')){
+                if($(this).text().toLowerCase().indexOf(lowerPlySearchWord) < 0){
+                    if(!$(this).parent('tr').hasClass('ply_search_has_result')){
                             $(this).parent('tr').addClass('ply_serch_not_result');
                         }
@@ -49 +53 @@
                         $(this).parent('tr').addClass('ply_search_has_result').removeClass('ply_serch_not_result');
                     }
-    });
+                });
             });
             $('#ply-add-link-dialog').dialog({width: '600px'}).position({ my: "center", at: "center", of: window });
-}
+        }
     });
 }
 function load_trackingLinks_inDetails(id){
+    $('#ply-add-link-dialog').html('<div>Loading . . .</div>');
     jQuery.post(ajaxurl, {action: 'ply_get_tracking_links_details', id: id}, function(response){
         var data = JSON.parse(response);
@@ -82 +87 @@
             $('#ply-add-link-dialog').html(table);
             $('#ply-add-link-dialog').dialog('widget').position({ my: "center", at: "center", of: window });
+            $('.ui-dialog-buttonpane button:contains("Add Link")').button().show();
         }else{
             if(data.status == 'not_found'){
@@ -98 +104 @@
 }
 function add_platform_ly_link(){
-    $('#ply-add-link-dialog').dialog('open');
+    //$('#ply-add-link-dialog').dialog('open');
     get_ply_tracking_links();
 }
 function closePlyDialog(){
     $('#ply-add-link-dialog').dialog('close');
-    $('#ply-add-link-dialog').html('<div>Loading . . .</div>');
-}
+    $('#ply-dialog-footer').hide();
+    $('#ply-add-link-dialog').html('<div>Loading . . .</div>');
+}
+function showPlyDialogOptions(){
+    if(typeof wp.richText === 'undefined'){
+        $('#ply-add-link-dialog').dialog('open');
+        get_ply_tracking_links();
+    }else{
+        $('#ply-add-link-dialog').dialog('open');
+        $('#ply-add-link-dialog').dialog({width: '600px'}).position({ my: "center", at: "center", of: window });
+        var options = '<div id="ply-block-btns"><div class="ply-btn-etitor-block" onclick="get_ply_tracking_links()">Add a tracking link</div><div class="ply-btn-etitor-block" onclick="get_ply_projects()">Add an event</div></div>';
+        $('#ply-add-link-dialog').html(options);
+    }
+}
+function get_ply_projects(){
+    var projectList = '<option value="-1">Please choose...</option>';
+    //var plyMsgIncludeProject = '<p class="ply-project-msg ply_successMsg">'+plyProjectMsg+'</p>';
+    //ply-project-name
+    $('#ply-add-link-dialog').html('<div>Loading . . .</div>');
+    jQuery.post(ajaxurl, {'action': 'ply_get_projects'}, function(response){
+        var data = JSON.parse(response);
+        for(var key in data) {
+            projectList += '<option value="'+key+'">'+data[key]+'</option>';
+        }
+        if(plyProjectId > 0){
+            var plyMsgIncludeProject = '<p class="ply-project-msg ply_successMsg" style="margin-top: 0;">A code from Project \'<span>'+data[plyProjectId]+'</span>\' is being used on this site.</p>';
+        }else{
+            var plyMsgIncludeProject = '<p class="ply-project-msg ply_errorMsg" style="margin-top: 0;">'+plyProjectMsg+'</p>';
+        }
+        $('#ply-add-link-dialog').html("<div>"+plyMsgIncludeProject+"<select id='ply-project-select'>"+projectList+"</select></div><div id='ply-events-block'><div id='ply-default-event-msg'>Please select project</div></div>");
+    });
+}
+function get_ply_events(projectId){
+    if(projectId == -1){
+        return; 
+    }
+    $('.ui-dialog-buttonpane button:contains("Add on Page")').button().hide();
+    $('.ui-dialog-buttonpane button:contains("Add on Link Click")').button().hide();
+    $('.ui-dialog-buttonpane button:contains("Copy Code")').button().hide();
+    jQuery('#ply-add-link-dialog #ply-events-block').html('<div id="ply-default-event-msg">Loading...</div></div>');
+    jQuery.post(ajaxurl, {'action': 'ply_load_events','projectId': projectId}, function(response){
+        var data = JSON.parse(response);
+        if(data.status!='success'){
+            if(data.status == 'not_found'){
+                $('#ply-add-link-dialog #ply-events-block').html('<div id="ply-default-event-msg">Please go to settings and enter your API Key first.</div>');
+            }else{
+                $('#ply-add-link-dialog #ply-events-block').html('<div id="ply-default-event-msg">'+data.status+'</div>');
+            }
+        }else{
+            if(data.events.length > 0){
+                var tbody = '';
+                for(var key in data.events) {
+                    var listOptions = '';
+                    if(jQuery.isPlainObject(data.events[key]['decode_options']) && Object.keys(data.events[key]['decode_options']).length > 1){
+                        listOptions = '<div class="ply-editor-list-event-options">\n\
+                            <a type="button" class="ply-link-more" data-toggle="dropdown" style="padding: 0">\n\
+                                view more\n\
+                            </a>\n\
+                            <ul class="ply-editor-dropdown-menu" role="menu" style="padding: 5px 10px;">\n\
+                                '+data.events[key]['view_options']+'\n\
+                            </ul>\n\
+                        </div>';
+                    }
+                    var custom_action = data.events[key]['custom_action'] ? "("+data.events[key]['custom_action']+")" : "";
+                    if(data.events[key]['first_options']){
+                        var first_options = data.events[key]['first_options'];
+                    }else{
+                        var first_options = '-';
+                    }
+                    tbody += '<tr>\n\
+                                <td style="text-align: center"><input type="radio"  style="width:auto" class="chosenEvent" name="chosenEvent" value="'+data.events[key]['id']+'"/></td>\n\
+                                <td style="font-size:12px;">'+data.events[key]['formatted_date']+'</td>\n\
+                                <td class="existing-action" style="font-size:12px;"><span>'+data.events[key]['action']+'</span>'+custom_action+'</td>\n\
+                                <td class="existing-description" style="font-size:12px;">'+data.events[key]['description']+'</td>\n\
+                                <td style="font-size:12px; text-align:left">'+first_options+'<br/>'+listOptions+'</td>\n\
+                            </tr>';
+                }
+                var table = '<table id="links_table_toggle">\n\
+                    <thead>\n\
+                         <th style="width: 40px;">Select</th>\n\
+                        <th>Date</th>\n\
+                        <th>Action</th>\n\
+                        <th>Description</th>\n\
+                        <th>Options</th>\n\
+                    </thead>\n\
+                    <tbody>'+tbody+'</tbody>\n\
+                    </table>';
+                var eventCode = '<div id="ply-dialog-event-close-footer"><span>&#187;</span></div><div><p style="margin-top: 0;">Place below code where you want to fire the event. The events can be fired in any HTML code, onClick,onChange events, JS functions...</p>\n\
+                                <div style="margin-bottom: 10px;width: 100%;">\n\
+                                    <select id="eventType" style="width: 100%;" class="form-control">\n\
+                                        <option value="1" selected>Add on Page</option>\n\
+                                        <option value="2">Add on Link or Button</option>\n\
+                                    </select>\n\
+                                </div>\n\
+                                <div id="eventCodeBlock">\n\
+                                    <textarea name="evCode_bottom" id="evCode_bottom" class="form-control" onclick="jQuery(this).select()" style="width: 100%;background-color:#f4f4f4;  font-size:12px;"></textarea>\n\
+                                    <textarea name="evCode_bottom_click" id="evCode_bottom_click" class="form-control" onclick="jQuery(this).select()" style="width: 100%;background-color:#f4f4f4;  font-size:12px;"></textarea>\n\
+                                </div></div>';
+                $('#ply-add-link-dialog #ply-events-block').html(table);
+                $('#ply-dialog-footer').html(eventCode);
+                $('.ui-dialog-buttonpane button:contains("Add on Page")').button().show();
+                $('.ui-dialog-buttonpane button:contains("Add on Link Click")').button().show();
+                $('.ui-dialog-buttonpane button:contains("Copy Code")').button().show();
+            }else{
+                $('#ply-add-link-dialog #ply-events-block').html("<div id='ply-default-event-msg'>You haven't created an Event for this project yet.</div>");
+            }
+            $('#ply-add-link-dialog').dialog({width: '600px'}).position({ my: "center", at: "center", of: window });
+        }
+    });
+}
+function showPlyDialogOnlyEventOptions(){
+    $('#ply-add-link-dialog').dialog('open');
+    $('#ply-add-link-dialog').dialog({width: '600px'}).position({ my: "center", at: "center", of: window });
+    //console.log(plyEventButton);
+    if(typeof plyEventButton.attributes.onclick !== 'undefined' && plyEventButton.attributes.onclick != ''){
+        $('.ui-dialog-buttonpane button:contains("Edit Event")').button().show();
+        $('.ui-dialog-buttonpane button:contains("Remove Event")').button().show();
+        $('#ply-add-link-dialog').html("There's existing event for this button. Choose one of the following action.");
+        $('#ply-add-link-dialog').dialog({width: '600px'}).position({ my: "center", at: "center", of: window });
+    }else{
+        get_ply_projects();
+    }
+}
+
+jQuery(document).on('click', '.ply-link-more', function(){
+    //$('.ply-editor-list-event-options').removeClass('open');
+    $(this).parent().addClass('open');
+});
+jQuery(document).on('change', '#ply-project-select', function(){
+    var projectId = $(this).val();
+    $('#ply-dialog-footer').hide();
+    get_ply_events(projectId);
+});
+jQuery(document).on('change', '#eventType', function(){
+    if($(this).val() == 1){
+        $('#evCode_bottom_click').hide();
+        $('#evCode_bottom').show();
+    }else{
+        $('#evCode_bottom').hide();
+        $('#evCode_bottom_click').show();
+    }
+});
+jQuery(document).on('click', '#ply-dialog-event-close-footer span', function(){
+    $('#ply-dialog-footer').hide();
+});

platformly/trunk/platformly.php

@@ -4 +4 @@
 Plugin Name: Platform.ly Official
 Description: Platform.ly plugin is the easiest way to setup your optins and pages that your created with Platform.ly. After building your optin or page with our interactive WYSIWYG builders, you can set them up to show on your site with just a couple of clicks.
-Version: 1.3
+Version: 1.4
 Author: Platform.ly
 Author URI: https://www.platform.ly/
@@ -169 +169 @@
 add_action('wp_ajax_ply_remove_project_code', 'ply_remove_project_code_callback');
 add_action('wp_ajax_ply_project_code_include', 'ply_project_code_include_callback');
+add_action('wp_ajax_ply_get_projects', 'ply_get_projects_callback');
 
 function ply_load_optins_callback(){
@@ -250 +251 @@
     $includeCode = isset($_POST['includeCode']) && !empty($_POST['includeCode']) ? true : false;
     ply_project_code_include($includeCode);
+    wp_die();
+}
+
+function ply_get_projects_callback(){
+    $result = wp_remote_get(PLATFORMLY_URL."/plugin/plugin.actions.php?plugin_key=".ply_get_plugin_key()."&action=listProjects");
+    $result = wp_remote_retrieve_body($result);
+    echo $result;
     wp_die();
 }
@@ -393 +401 @@
 }
 add_action('wp_head', 'platform_ly_set_project_code');
+
+function ply_test_new_editor(){
+    wp_enqueue_script('ply-add-link-new', plugin_dir_url(__FILE__).'js/ply_editor_btn_functions.js', array('wp-blocks', 'wp-editor', 'wp-components', 'wp-i18n', 'wp-element', 'wp-rich-text', 'wp-format-library'));
+}
+
+add_action('enqueue_block_editor_assets', 'ply_test_new_editor');
 ?>

platformly/trunk/readme.txt

@@ -3 +3 @@
 Tags: crm, custom pages, optin forms, event, tracking link, Platform.ly, platform, platform.ly
 Requires at least: 4.6
-Tested up to: 4.9.8
+Tested up to: 5.0.3
 Requires PHP: 5.5.9
 Stable tag: trunk
@@ -63 +63 @@
 == Upgrade Notice ==
 
+= 1.4 =
+- support for a new WordPress Editor
+- New features for the new WP Editor (platform.ly events)
+
 = 1.3 =
 - new feature for automatic adding the project code in the site header.