edit/page: enable styles selection of common classes

[minimedit.git] / edit / page.js

diff --git a/edit/page.js b/edit/page.js
index e2475a7e2de83140b89a36a8382bfd946f166973..c89c13e518396ea3f9e0d2c869674810aeda4d2b 100644 (file)
--- a/edit/page.js
+++ b/edit/page.js
@@ -22,10 +22,19 @@ CKEDITOR.plugins.add('inlinesave', {
                                ajaxpost.onreadystatechange = function () {
                                        if (ajaxpost.readyState != 4)
                                                return; // not done yet
-                                       if (ajaxpost.status != 200)
-                                               alert('Foutcode '+ajaxpost.status+' bij opslaan: '+ajaxpost.responseText);
-                                       else
+                                       if (ajaxpost.status == 200) {
                                                editor.resetDirty();
+                                               new CKEDITOR.plugins.notification(editor, {
+                                                       message: 'Pagina is succesvol opgeslagen',
+                                                       type: 'success',
+                                               }).show();
+                                       }
+                                       else {
+                                               new CKEDITOR.plugins.notification(editor, {
+                                                       message: 'Foutcode '+ajaxpost.status+' bij opslaan: '+ajaxpost.responseText,
+                                                       type: 'warning',
+                                               }).show();
+                                       }
                                };
                                ajaxpost.send(data);
                        },
@@ -49,8 +58,10 @@ CKEDITOR.on('dialogDefinition', function (event) {
                infoTab.get('txtCellPad').default = '';
                break;
        case 'link':
-               //TODO: remove unneeded widgets from the Link Info tab
-               var infotab = event.data.definition.getContents('info');
+               // hide unneeded widgets from the Link Info tab
+               event.data.definition.getContents('info').get('linkType').hidden = true;
+               let linktarget = event.data.definition.getContents('target').get('linkTargetType');
+               linktarget.items = [ linktarget.items[0], linktarget.items[3] ]; // only _blank
                break;
        }
 });
@@ -84,14 +95,22 @@ CKEDITOR.on('instanceCreated', function (event) {
                config.image2_alignClasses = ['left', 'center', 'right'];
                config.image2_disableResizer = true;
                config.stylesSet = [
+                       { name: 'Klein', element: 'small' },
+                       { name: 'Zijkant', element: 'span', attributes: { 'class': 'right' } },
+                       { name: 'Attributie', element: 'em', attributes: { 'class': 'right' } },
+                       { name: 'Quote', element: 'q' },
+                       { name: 'Gemarkeerd', element: 'span', styles: { 'background-color': 'Yellow' } },
+
+                       { name: 'Kadertekst', element: 'aside' },
+                       { name: 'Uitgelijnd', element: 'div', attributes: { 'class': 'right' } },
                        { name: 'Kolom', element: 'div', attributes: { 'class': 'col' } },
-                       { name: 'Rechts', element: 'div', attributes: { 'class': 'right' } },
+                       { name: 'Waarschuwing', element: 'div', attributes: { 'class': 'warn' } },
                ];
                config.pasteFilter = pastefilter;
                config.contentsCss = document.styleSheets[0].href;
                config.toolbar = [
                        ['Inlinesave', '-', 'Undo', 'Redo'],
-                       ['Format'],
+                       ['Format', 'Styles'],
                        ['Bold', 'Italic', 'Link'],
                        ['BulletedList', 'NumberedList', 'Blockquote'],
                        ['Table', 'CreateDiv'],