source: plugins/dcCKEditor/js/popup_media.js @ 3446:fee8f21c2bef

$(function() {
     $('#media-insert-cancel').click(function() {
          window.close();
     });

     $('#media-insert-ok').click(function() {
          var insert_form = $('#media-insert-form').get(0);
          if (insert_form === undefined) {
               return;
          }

          var editor_name = window.opener.$.getEditorName(),
              editor = window.opener.CKEDITOR.instances[editor_name],
              type = insert_form.elements.type.value,
              media_align_grid = {
                   left: 'float: left; margin: 0 1em 1em 0;',
                   right: 'float: right; margin: 0 0 1em 1em;',
                   center: 'margin: 0 auto; display: table;'
              };

          if (type == 'image') {
               if (editor.mode == 'wysiwyg') {
                    var media_legend = $('input[name="legend"]:checked',insert_form).val();
                    if (media_legend != '' && media_legend != 'title' && media_legend != 'none') {
                         media_legend = 'legend';
                    }
                    if (media_legend == 'legend') {
                         var figure_template = '<figure style="{figureStyle}"><img class="media" src="{imgSrc}" alt="{imgAlt}"/><figcaption>{figCaption}</figcaption></figure>',
                             a_figure_template = '<figure style="{figureStyle}"><a class="media-link" href="{aHref}"><img class="media" src="{imgSrc}" alt="{imgAlt}"/></a><figcaption>{figCaption}</figcaption></figure>';
                    } else if (media_legend == 'title') {
                         var figure_template = '<img style="{figureStyle}" class="media" src="{imgSrc}" alt="{imgAlt}"/>',
                             a_figure_template = '<a class="media-link" href="{aHref}"><img class="media" style="{figureStyle}" src="{imgSrc}" alt="{imgAlt}"/></a>';
                    } else {
                         var figure_template = '<img style="{figureStyle}" class="media" src="{imgSrc}" alt=""/>',
                             a_figure_template = '<a class="media-link" href="{aHref}"><img class="media" style="{figureStyle}" src="{imgSrc}" alt=""/></a>';
                    }
                    var figure_block = new window.opener.CKEDITOR.template(figure_template),
                        a_figure_block = new window.opener.CKEDITOR.template(a_figure_template),
                        params = {},
                        templateBlock = null;

                    var align = $('input[name="alignment"]:checked',insert_form).val();
                    if (align!='' && align!='none') {
                         params.figureStyle = media_align_grid[align];
                    }

                    var img_description = $('input[name="description"]',insert_form).val();
                    params.figCaption = window.opener.CKEDITOR.tools.htmlEncodeAttr(img_description);

                    var selected_element = '';
                    if (editor.getSelection().getSelectedElement() !=null ) {
                         selected_element = editor.getSelection().getSelectedElement();
                    } else {
                         selected_element = editor.getSelection().getNative().toString();
                    }
                    if (selected_element == '') {
                         selected_element = window.opener.$.stripBaseURL($('input[name="title"]',insert_form).val());
                    }
                    params.imgAlt = window.opener.CKEDITOR.tools.htmlEncodeAttr(selected_element);
                    params.imgSrc = window.opener.$.stripBaseURL($('input[name="src"]:checked',insert_form).val());

                    if ($('input[name="insertion"]:checked',insert_form).val() == 'link') {
                         params.aHref = window.opener.$.stripBaseURL($('input[name="url"]',insert_form).val());
                         templateBlock = a_figure_block;
                    } else {
                         templateBlock = figure_block;
                    }

                    var figure = window.opener.CKEDITOR.dom.element.createFromHtml(
                         templateBlock.output(params), editor.document
                    );

                    editor.insertElement(figure);
               }
          } else if (type=='mp3') {
               var player = $('#public_player').val();
               var align = $('input[name="alignment"]:checked',insert_form).val();

               if (align != undefined && align != 'none') {
                    player = '<div style="' + media_align_grid[align] + '">' + player + '</div>';
               }
               editor.insertElement(window.opener.CKEDITOR.dom.element.createFromHtml(player));
          } else {
               var link = '<a href="';
               link += window.opener.$.stripBaseURL($('input[name="url"]',insert_form).val());
               link += '">'+window.opener.CKEDITOR.tools.htmlEncodeAttr(insert_form.elements.title.value)+'</a>';
               element = window.opener.CKEDITOR.dom.element.createFromHtml(link);

               editor.insertElement(element);
          }

          window.close();
     });
});