← All changes | admin/resources/js/tinymce-shortcodes.js +98 -0 1.6.2 → 1.8.16 View file →

		@@ -1,0 +1,98 @@
	1	+(function() {
	2	+ tinymce.PluginManager.add('vbo-shortcodes', function(editor, url) {
	3	+ // add Button to Visual Editor Toolbar
	4	+ editor.addButton('vbo-shortcodes', {
	5	+ title: 'VikBooking Shortcodes List',
	6	+ cmd: 'vbo-shortcodes',
	7	+ icon: 'wp_code'
	8	+ });
	9	+
	10	+ editor.addCommand('vbo-shortcodes', function() {
	11	+ openVikBookingShortcodes(editor);
	12	+ });
	13	+
	14	+ });
	15	+})();
	16	+
	17	+var shortcodes_editor = null;
	18	+
	19	+function openVikBookingShortcodes(editor) {
	20	+
	21	+ shortcodes_editor = editor;
	22	+
	23	+ var html = '';
	24	+
	25	+ for (var group in VIKBOOKING_SHORTCODES) {
	26	+
	27	+ html += '<div class="shortcodes-block">';
	28	+ html += '<div class="shortcodes-group"><a href="javascript: void(0);" onclick="toggleVikBookingShortcode(this);">' + group + '</a></div>';
	29	+ html += '<div class="shortcodes-container">';
	30	+
	31	+ for (var i = 0; i < VIKBOOKING_SHORTCODES[group].length; i++) {
	32	+ var row = VIKBOOKING_SHORTCODES[group][i];
	33	+
	34	+ html += '<div class="shortcode-record" onclick="selectVikBookingShortcode(this);" data-code=\'' + row.shortcode + '\'">';
	35	+ html += '<div class="maindetails">' + row.name + '</div>';
	36	+ html += '<div class="subdetails">';
	37	+ html += '<small class="postid">Post ID: ' + row.post_id + '</small>';
	38	+ html += '<small class="createdon">Created On: ' + row.createdon + '</small>';
	39	+ html += '</div>';
	40	+ html += '</div>';
	41	+ }
	42	+
	43	+ html += '</div></div>';
	44	+ }
	45	+
	46	+ jQuery('body').append(
	47	+ '<div id="vbo-shortcodes-backdrop" class="vbo-tinymce-backdrop"></div>\n'+
	48	+ '<div id="vbo-shortcodes-wrap" class="vbo-tinymce-modal wp-core-ui has-text-field" role="dialog" aria-labelledby="link-modal-title">\n'+
	49	+ '<form id="vbo-shortcodes" tabindex="-1">\n'+
	50	+ '<h1>VikBooking Shortcodes List</h1>\n'+
	51	+ '<button type="button" onclick="dismissVikBookingShortcodes();" class="vbo-tinymce-dismiss"><span class="screen-reader-text">Close</span></button>\n'+
	52	+ '<div class="vbo-tinymce-body">' + html + '</div>\n'+
	53	+ '<div class="vbo-tinymce-submitbox">\n'+
	54	+ '<div id="vbo-tinymce-cancel">\n'+
	55	+ '<button type="button" class="button" onclick="dismissVikBookingShortcodes();">Cancel</button>\n'+
	56	+ '</div>\n'+
	57	+ '<div id="vbo-tinymce-update">\n'+
	58	+ '<button type="button" class="button button-primary" disabled onclick="putVikBookingShortcode();">Add</button>\n'+
	59	+ '</div>\n'+
	60	+ '</div>\n'+
	61	+ '</form>\n'+
	62	+ '</div>\n'
	63	+ );
	64	+
	65	+ jQuery('#vbo-shortcodes-backdrop').on('click', function() {
	66	+ dismissVikBookingShortcodes();
	67	+ });
	68	+}
	69	+
	70	+function dismissVikBookingShortcodes() {
	71	+ jQuery('#vbo-shortcodes-backdrop, #vbo-shortcodes-wrap').remove();
	72	+}
	73	+
	74	+function toggleVikBookingShortcode(link) {
	75	+ var next = jQuery(link).parent().next();
	76	+ var show = next.is(':visible') ? false : true;
	77	+
	78	+ jQuery('.shortcodes-container').slideUp();
	79	+
	80	+ if (show) {
	81	+ next.slideDown();
	82	+ }
	83	+}
	84	+
	85	+function selectVikBookingShortcode(record) {
	86	+ jQuery('.shortcode-record').removeClass('selected');
	87	+ jQuery(record).addClass('selected');
	88	+
	89	+ jQuery('#vbo-tinymce-update button').prop('disabled', false);
	90	+}
	91	+
	92	+function putVikBookingShortcode() {
	93	+ var shortcode = jQuery('.shortcode-record.selected').data('code');
	94	+
	95	+ shortcodes_editor.execCommand('mceReplaceContent', false, shortcode);
	96	+
	97	+ dismissVikBookingShortcodes();
	98	+}