diff options
Diffstat (limited to 'public/admin/view/javascript/summernote/summernote-image-attributes.js')
| -rw-r--r-- | public/admin/view/javascript/summernote/summernote-image-attributes.js | 653 |
1 files changed, 653 insertions, 0 deletions
diff --git a/public/admin/view/javascript/summernote/summernote-image-attributes.js b/public/admin/view/javascript/summernote/summernote-image-attributes.js new file mode 100644 index 0000000..d41587f --- /dev/null +++ b/public/admin/view/javascript/summernote/summernote-image-attributes.js @@ -0,0 +1,653 @@ +/** + * Summernote Image Attributes + * https://github.com/StudioJunkyard/summernote-image-attributes + */ +(function(factory){ + if(typeof define==='function'&&define.amd){ + define(['jquery'],factory); + }else if(typeof module==='object'&&module.exports){ + module.exports=factory(require('jquery')); + }else{ + factory(window.jQuery); + } +}(function($){ + var readFileAsDataURL=function(file){ + return $.Deferred(function(deferred){ + $.extend(new FileReader(),{ + onload:function(e){ + var sDataURL=e.target.result; + deferred.resolve(sDataURL); + }, + onerror:function(){ + deferred.reject(this); + } + }).readAsDataURL(file); + }).promise(); + }; + $.extend(true,$.summernote.lang,{ + 'en-US':{ /* English */ + imageAttributes:{ + dialogTitle:'Image Attributes', + tooltip:'Image Attributes', + pluginImageTitle:'Image Attributes', + pluginLinkTitle:'Link Attributes', + title:'Title', + src:'Source', + srcHelp:'Selecting an image will replace existing image with an Inlined Image.', + alt:'Alt', + class:'Class', + classSelect:'Select Class', + style:'Style', + role:'Role', + href:'URL', + target:'Target', + linkClass:'Class', + linkRole:'Role', + rel:'Rel', + relBlank:'Do not use Rel Attribute', + relAlternate:'Alternate: Links to an alternate version of the document', + relAuthor:'Author: Links to the Author of the Document', + relBookmark:'Bookmark: Permanent URL used for Bookmarking', + relHelp:'Help: Links to a Help Document', + relLicense:'License: Links to copyright information for the document', + relNext:'Next: The next document in a selection', + relNofollow:'NoFollow: Links to an unendorsed document, like a paid link, also stops Search Engines following this link', + relNoreferrer:'NoReferrer: Specifies that the browser should not send a HTTP Header', + relPrefetch:'PreFetch: Specifies that the target document should be cached', + relPrev:'Prev: The previous document in a selection', + relSearch:'Search: Links to a search tool for the document', + relTag:'Tag: A tag (Keyword) for the current document' + } + }, + 'es-ES':{ /* Spanish */ + imageAttributes:{ + dialogTitle:'Propiedades de la Imagen', + tooltip:'Propiedades de la Imagen', + pluginImageTitle:'Atributos de la Imagen', + pluginLinkTitle:'Atributos del Enlace', + title:'Titulo', + src:'Fuente', + srcHelp:'La selección de una imagen reemplazará la imagen existente con una imagen Inline.', + alt:'Alternativo', + class:'Clases', + classSelect:'Selecciona Forma', + style:'Estilo', + role:'Papel', + href:'URL', + target:'Destino', + linkClass:'Clase', + linkRole:'Papel', + rel:'Rel', + relBlank:'No usar atributo Rel', + relAlternate:'Alternate: Enlaza a una versión alternativa del documento', + relAuthor:'Author: Enlaza al autor del documento', + relBookmark:'Bookmark: URL permanente utilizada para enlazar', + relHelp:'Help: Enlaza a un documento de Ayuda', + relLicense:'License: Enlaza a un documento de información de Copyright', + relNext:'Next: Enlaza al siguiente documento en una selección', + relNofollow:'NoFollow: Enlaza a un documento no confirmado, como un enlace de pago, también evita que los buscadores sigan este enlace', + relNoreferrer:'NoReferrer: Specifies that the browser should not send a HTTP Header', + relPrefetch:'PreFetch: Specifies that the target document should be cached', + relPrev:'Prev: Enlaza al documento anterior en una selección', + relSearch:'Search: Enlaza a una herramienta de búsqueda para el documento', + relTag:'Tag: Un etiqueta (palabra clave) para el documento actual' + } + }, + 'pt-BR':{ /* Spanish */ + imageAttributes:{ + dialogTitle:'Propriedades da Imagem', + tooltip:'Propriedades da Imagem', + pluginImageTitle:'Propriedades da Imagem', + pluginLinkTitle:'Propriedades do Link', + title:'Título', + src:'Fonte', + srcHelp:'Selecionar uma imagem irá substituir a imagem existente com uma imagem inline.', + alt:'Alt', + class:'Class', + classSelect:'Selecione a Classe', + style:'Estilo', + role:'Papel', + href:'URL', + target:'Destino', + linkClass:'Classe', + linkRole:'Papel', + rel:'Rel', + relBlank:'Não use o atribudo Rel', + relAlternate:'Alternate: Links para uma versão alternativa do documento', + relAuthor:'Author: Links para o autor do documento', + relBookmark:'Bookmark: URL permanente usada para favoritos', + relHelp:'Help: Links para um documento de ajuda', + relLicense:'License: Links para a informação de copyright do documento', + relNext:'Next: O próximo documento em uma seleção', + relNofollow:'NoFollow: Links para um documento não confirmado, como um link pago, também impede mecanismos de busca de seguir esse link', + relNoreferrer:'NoReferrer: Especifica que o navegador não deve enviar um cabeçalho HTTP', + relPrefetch:'PreFetch: Especifica que o documento de destino deve ser cacheado', + relPrev:'Prev: O documento anterior em uma seleção', + relSearch:'Search: Links para um mecanismos de busca para o documento', + relTag:'Tag: Uma etiqueta (palavra-chave) para o documento atual' + } + }, + 'fr-FR':{ /* French */ + imageAttributes:{ + dialogTitle:'Attributs de l\'image', + tooltip:'Attributs de l\'image', + pluginImageTitle:'Attributs de l\'image', + pluginLinkTitle:'Attributs du lien', + title:'Titre', + src:'La source', + srcHelp:'La sélection d\'une image remplacera l\'image existante par une Image Inline.', + alt:'Alt', + class:'Class CSS', + classSelect:'Choisir une Class', + style:'Style', + role:'Rôle', + href:'URL', + target:'Cible', + linkClass:'Class CSS du lien', + linkRole:'Rôle', + rel:'Lien Rel', + relBlank:'Ne pas utiliser d\'attribut Rel', + relAlternate:'Alternate: Lien vers une autre version du document', + relAuthor:'Author: Lien vers l\'auteur du document', + relBookmark:'Bookmark: Lien permant utilisé pour les signets', + relHelp:'Help: Lien vers un document d\'aide', + relLicense:'License: Lien vers les informations de droits d\'auteur du document', + relNext:'Next: La page suivante de ce document', + relNofollow:'NoFollow: Empêcher les moteurs de recherche de suivre ce lien', + relNoreferrer:'NoReferrer: Précise que le navigateur ne doit pas envoyer d\'entête HTTP', + relPrefetch:'PreFetch: Précise que le document cible doit être mis en cache', + relPrev:'Prev: La page précédente de ce document', + relSearch:'Search: Lien vers un outil de recherche du document', + relTag:'Tag: Mot-clé du document' + } + }, + 'zh-TW':{ /* Chinese */ + imageAttributes:{ + dialogTitle:'圖片提示', + tooltip:'圖片提示', + pluginImageTitle:'圖片屬性', + pluginLinkTitle:'連結屬性', + title:'標題', + src:'資源', + srcHelp:'選擇圖像將用內聯圖像替換現有圖像.', + alt:'圖片說明', + class:'类', + classSelect:'選擇 类', + style:'样式', + role:'角色', + href:'URL', + target:'目標', + linkClass:'連結樣式', + linkRole:'角色', + rel:'描述', + relBlank:'不使用連結說明', + rel:'不使用鏈結說明', + relBlank:'不使用鏈結說明', + relAlternate:'替代說明: 連至替代說明文件', + relAuthor:'作者: 連至來源位置', + relBookmark:'書籤: 提供加入書籤', + relHelp:'幫助: 連結至幫助文件', + relLicense:'版權: 連結至版權宣告頁面', + relNext:'下一步: 連結至下一個被選擇的頁面', + relNofollow:'不追蹤: 連結設置取消追蹤選項, 例如付費頁面, 並且禁止搜尋引擎追蹤該頁面', + relNoreferrer:'NoReferrer: 指定發送時取消 HTTP 的開頭', + relPrefetch:'預存: 指定該頁面啟用預存瀏覽', + relPrev:'上一步: 上一個被選擇的頁面', + relSearch:'搜尋: 連至搜尋文件', + relTag:'標籤: 為該文件設定標籤(關鍵字)' + } + }, + 'it-IT':{ /* Italian */ + imageAttributes:{ + dialogTitle:'Attributi Immagine', + tooltip:'Attributi Immagine', + pluginImageTitle:'Attributi Immagine', + pluginLinkTitle:'Attributi Collegamento', + title:'Titolo', + src:'Fonte', + srcHelp:'elezione di un\'immagine sostituirà immagine esistente con un inline Immagine.', + alt:'Alt', + class:'Classe', + classSelect:'Seleziona Classe', + style:'Stile', + role:'Ruolo', + href:'URL', + target:'Bersaglio', + linkClass:'Classe per il collegamento', + linkRole:'Ruolo', + rel:'Link Rel', + relBlank:'Non usare attributo Rel', + relAlternate:'Alternate: Collegamento ad una versione alternativa del documento', + relAuthor:'Author: Collegamento all\'autore del documento', + relBookmark:'Bookmark: URL permanente per i preferiti', + relHelp:'Help: Collegamento ad una pagina di aiuto per questo documento', + relLicense:'License: Collegamento alle informazioni sul copyright di questo docuemnto', + relNext:'Next: Pagina successiva di questo documento', + relNofollow:'NoFollow: Impedisce ai motori di ricerca di seguire questo collegamento', + relNoreferrer:'NoReferrer: Specifica al browser di non inviare Header HTTP', + relPrefetch:'PreFetch: Specifica che il documento di destinazione deve essere memorizzato nella cache', + relPrev:'Prev: Pagina precedente di questo documento', + relSearch:'Search: Collegamenti a uno strumento di ricerca per questo documento', + relTag:'Tag: Un tag (parola chiave) per questo documento' + } + }, + 'de-DE':{ /* German */ + imageAttributes:{ + dialogTitle:'Bild Eigenschaften', + tooltip:'Bild Eigenschaften', + pluginImageTitle:'Bild Eigenschaften', + pluginLinkTitle:'Link Eigenschaften', + title:'Titel', + src:'Quelle', + srcHelp:'Wenn Sie ein Bild auswählen, wird das bestehende Bild durch ein Inlined Image ersetzt.', + alt:'Alt Tag', + class:'CSS Klasse', + classSelect:'wähle CSS Klasse', + style:'Stil', + role:'Rolle', + href:'URL', + target:'Ziel (target)', + linkClass:'CSS Link Klasse', + linkRole:'Ruolo', + rel:'Link Beziehung (Relation)', + relBlank:'Keine Link Beziehung', + relAlternate:'Alternate: Link zu einer alternativen Version', + relAuthor:'Author: Link zum Autor des Artikels', + relBookmark:'Bookmark: Permanent URL für Lesezeichen', + relHelp:'Help: Link zur Hilfe', + relLicense:'License: Link zu Urheber und Lizenzinformationen', + relNext:'Next: Die nächste aktive Seite', + relNofollow:'NoFollow: Suchmaschinen sollen dem Link nicht folgen', + relNoreferrer:'NoReferrer: Browser soll keinen HTTP Header senden', + relPrefetch:'PreFetch: Gibt an, dass die Seite gecacht werden soll', + relPrev:'Prev: Die zuletzt aktive Seite', + relSearch:'Search: Link zur Dokumentsuche', + relTag:'Tag: Ein Schlüsselwort (keyword) für diese Seite' + } + }, + 'tr-TR':{ /* Turkish */ + imageAttributes:{ + dialogTitle:'Resim Özellikleri', + tooltip:'Resim Özellikleri', + pluginImageTitle:'Resim Özellikleri', + pluginLinkTitle:'Bağlantı Özellikleri', + title:'Başlık', + src:'Kaynak', + srcHelp:'Bir görüntüyü seçmek, var olan resmi Inlined Image ile değiştirecektir.', + alt:'Alt. Metin', + class:'Sınıf', + classSelect:'Sınıf Seçin', + style:'Stil', + role:'Rol', + href:'URL', + target:'Hedef', + linkClass:'Bağlantı Sınıfı', + linkRole:'Rol', + rel:'Bağlantı İlişkisi(Rel)', + relBlank:'İlişki özelliğini kullanma', + relAlternate:'Alternatif: Belgenin farklı bir versiyonuna bağlantı', + relAuthor:'Yazar: Belgenin yazarına bağlantı', + relBookmark:'Yer İmi: Yer İmi eklemek için kalıcı adres', + relHelp:'Yardım: Yardım dökümanına giden bağlantı', + relLicense:'Lisans: Belgenin telif hakkı bilgisine bağlantı', + relNext:'Sonraki: Sıradaki belgeye giden bağlantı', + relNofollow:'Takip Etme (NoFollow): Arama motorlarının bu bağlantıyı takip etmemesini sağlar', + relNoreferrer:'Referanssız (NoReferrer): Tarayıcının bu bağlantıya referans adresi göndermemesi gerektiğini belirtir', + relPrefetch:'ÖnBellek(PreFetch): Hedef bağlantının ön belleğe alınması gerektiğini belirtir', + relPrev:'Önceki: Önceki belgeye giden bağlantı', + relSearch:'Arama: Belge için bir arama aracına bağlantı olduğunu belirtir.', + relTag:'Etiket: Belge için bir etiket olduğunu belirtir' + } + } + }); + $.extend($.summernote.options,{ + imageDialogLayout:'default', /* default|horizontal */ + imageAttributes:{ + icon:'<i class="note-icon-pencil"/>', + removeEmpty:true, + }, + displayFields:{ + imageBasic:true, + imageExtra:false, + linkBasic:true, + linkExtra:false + } + }); + $.extend($.summernote.plugins,{ + 'imageAttributes':function(context){ + var self=this; + var ui=$.summernote.ui; + var $note=context.layoutInfo.note; + var $editor=context.layoutInfo.editor; + var $editable=context.layoutInfo.editable; + var options=context.options; + var lang=options.langInfo; + var imageLimitation=''; + if(options.maximumImageFileSize){ + var unit=Math.floor(Math.log(options.maximumImageFileSize)/Math.log(1024)); + var readableSize=(options.maximumImageFileSize/Math.pow(1024,unit)).toFixed(2)*1+' '+' KMGTP'[unit]+'B'; + imageLimitation='<small>'+lang.image.maximumFileSize+' : '+readableSize+'</small>'; + } + context.memo('button.imageAttributes',function(){ + var button=ui.button({ + contents:options.imageAttributes.icon, + tooltip:lang.imageAttributes.tooltip, + click:function(e){ + context.invoke('imageAttributes.show'); + } + }); + return button.render(); + }); + this.initialize=function(){ + var $container=options.dialogsInBody?$(document.body):$editor; + if(options.imageDialogLayout=='horizontal'){ + var body='<dl class="dl-horizontal">'; + if (options.displayFields.imageBasic) { + body += '<dt><label for="note-image-attributes-title">'+lang.imageAttributes.title+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-title" class="note-image-attributes-title form-control"></dd>'+ + '<dt><label for="note-image-attributes-src">'+lang.imageAttributes.src+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-src" class="note-image-attributes-src form-control"></dd>'+ + '<dt><label for="note-group-select-from-files"></label></dt>'+ + '<dd><input type="file" id="note-group-select-from-files" name="file" accept="image/*" class="note-image-input form-control">'+imageLimitation+'</dd>'+ + '<dt></dt>'+ + '<dd><small class="help-block">'+lang.imageAttributes.srcHelp+'</small></dd>'+ + '<dt><label for="note-image-attributes-alt">'+lang.imageAttributes.alt+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-alt" class="note-image-attributes-alt form-control"></dd>'; + } + if (options.displayFields.imageExtra) { + body += '<dt><label for="note-image-attributes-class">'+lang.imageAttributes.class+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-class" class="note-image-attributes-class form-control"></dd>'+ + '<dt><label for="note-image-attributes-style">'+lang.imageAttributes.style+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-style" class="note-image-attributes-style form-control"></dd>'+ + '<dt><label for="note-image-attributes-role">'+lang.imageAttributes.role+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-role" class="note-image-attributes-role form-control"></dd>'; + } + body += '</dl>'+ + '<hr>'; + if (options.displayFields.linkBasic) { + body += '<h4>'+lang.imageAttributes.pluginLinkTitle+'</h4>'+ + '<dl class="dl-horizontal">'+ + '<dt><label for="note-image-attributes-link-href">'+lang.imageAttributes.href+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-link-href" class="note-image-attributes-href form-control"></dd>'+ + '<dt><label for="note-image-attributes-link-target">'+lang.imageAttributes.target+'</label></dt>'+ + '<dd><select id="note-image-attributes-link-target" class="note-image-attributes-target form-control">'+ + '<option value="_self">Self</option>'+ + '<option value="_blank">Blank</option>'+ + '<option value="_top">Top</option>'+ + '<option value="_parent">Parent</option>'+ + '</select></dd>'; + } + if (options.displayFields.linkExtra) { + body += '<dt><label for="note-image-attributes-link-class">'+lang.imageAttributes.linkClass+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-link-class" class="note-image-attributes-link-class form-control"></dd>'+ + '<dt><label for="note-image-attributes-link-rel">'+lang.imageAttributes.rel+'</label></dt>'+ + '<dd><select id="note-image-attributes-link-rel" class="note-image-attributes-link-rel form-control">'+ + '<option value="">'+lang.imageAttributes.relBlank+'</option>'+ + '<option value="alternate">'+lang.imageAttributes.relAlternate+'</option>'+ + '<option value="author">'+lang.imageAttributes.relAuthor+'</option>'+ + '<option value="bookmark">'+lang.imageAttributes.relBookmark+'</option>'+ + '<option value="help">'+lang.imageAttributes.relHelp+'</option>'+ + '<option value="license">'+lang.imageAttributes.relLicense+'</option>'+ + '<option value="next">'+lang.imageAttributes.relNext+'</option>'+ + '<option value="nofollow">'+lang.imageAttributes.relNofollow+'</option>'+ + '<option value="noreferrer">'+lang.imageAttributes.relNoreferrer+'</option>'+ + '<option value="prefetch">'+lang.imageAttributes.relPrefetch+'</option>'+ + '<option value="prev">'+lang.imageAttributes.relPrev+'</option>'+ + '<option value="search">'+lang.imageAttributes.relSearch+'</option>'+ + '<option value="tag">'+lang.imageAttributes.relTag+'</option>'+ + '</select></dd>'+ + '<dt><label for="note-image-attributes-link-role">'+lang.imageAttributes.linkRole+'</label></dt>'+ + '<dd><input type="text" id="note-image-attributes-link-role" class="note-image-attributes-link-role form-control"></dd>'; + } + body += '</dl>'; + }else{ + var body='<div class="form-group">'; + if (options.displayFields.imageBasic) { + body += '<label for="note-image-attributes-title" class="control-label col-xs-2">'+lang.imageAttributes.title+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-title" class="note-image-attributes-title form-control">'+ + '</div>'+ + '</div>'+ + '<div class="form-group">'+ + '<label for="note-image-attributes-src" class="control-label col-xs-2">'+lang.imageAttributes.src+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-src" class="note-image-attributes-src form-control">'+ + '</div>'+ + '</div>'+ + '<div class="form-group note-group-select-from-files">'+ + '<label class="control-label col-xs-2"></label>'+ + '<div class="input-group col-xs-10">'+ + '<input class="note-image-input form-control" type="file" name="file" accept="image/*" />'+imageLimitation+ + '<small class="help-block">'+lang.imageAttributes.srcHelp+'</small>'+ + '</div>'+ + '</div>'+ + '<div class="form-group">'+ + '<label for="note-image-attributes-alt" class="control-label col-xs-2">'+lang.imageAttributes.alt+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-alt" class="note-image-attributes-alt form-control">'+ + '</div>'+ + '</div>'; + } + if (options.displayFields.imageExtra) { + body += '<div class="form-group">'+ + '<label for="note-image-attributes-class" class="control-label col-xs-2">'+lang.imageAttributes.class+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-class" class="note-image-attributes-class form-control">'+ + '</div>'+ + '</div>'+ + '<div class="form-group">'+ + '<label for="note-image-attributes-style" class="control-label col-xs-2">'+lang.imageAttributes.style+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-style" class="note-image-attributes-style form-control">'+ + '</div>'+ + '</div>'+ + '<div class="form-group">'+ + '<label for="note-image-attributes-role" class="control-label col-xs-2">'+lang.imageAttributes.role+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-role" class="note-image-attributes-role form-control">'+ + '</div>'+ + '</div>'; + } + if (options.displayFields.linkBasic || options.displayFields.linkExtra) { + body += '<h4>'+lang.imageAttributes.pluginLinkTitle+'</h4>'+ + '<hr>'; + } + if (options.displayFields.linkBasic) { + body += '<div class="form-group">'+ + '<label for="note-image-attributes-link-href" class="control-label col-xs-2">'+lang.imageAttributes.href+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-link-href" class="note-image-attributes-href form-control">'+ + '</div>'+ + '</div>'+ + '<div class="form-group">'+ + '<label for="note-image-attributes-link-target" class="control-label col-xs-2">'+lang.imageAttributes.target+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<select id="note-image-attributes-link-target" class="note-image-attributes-target form-control">'+ + '<option value="_self">Self</option>'+ + '<option value="_blank">Blank</option>'+ + '<option value="_top">Top</option>'+ + '<option value="_parent">Parent</option>'+ + '</select>'+ + '</div>'+ + '</div>'; + } + if (options.displayFields.linkExtra) { + body += '<div class="form-group">'+ + '<label for="note-image-attributes-link-class" class="control-label col-xs-2">'+lang.imageAttributes.linkClass+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-link-class" class="note-image-attributes-link-class form-control">'+ + '</div>'+ + '</div>'+ + '<div class="form-group">'+ + '<label for="note-image-attributes-link-rel" class="control-label col-xs-2">'+lang.imageAttributes.rel+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<select id="note-image-attributes-link-rel" class="note-image-attributes-link-rel form-control">'+ + '<option value="">'+lang.imageAttributes.relBlank+'</option>'+ + '<option value="alternate">'+lang.imageAttributes.relAlternate+'</option>'+ + '<option value="author">'+lang.imageAttributes.relAuthor+'</option>'+ + '<option value="bookmark">'+lang.imageAttributes.relBookmark+'</option>'+ + '<option value="help">'+lang.imageAttributes.relHelp+'</option>'+ + '<option value="license">'+lang.imageAttributes.relLicense+'</option>'+ + '<option value="next">'+lang.imageAttributes.relNext+'</option>'+ + '<option value="nofollow">'+lang.imageAttributes.relNofollow+'</option>'+ + '<option value="noreferrer">'+lang.imageAttributes.relNoreferrer+'</option>'+ + '<option value="prefetch">'+lang.imageAttributes.relPrefetch+'</option>'+ + '<option value="prev">'+lang.imageAttributes.relPrev+'</option>'+ + '<option value="search">'+lang.imageAttributes.relSearch+'</option>'+ + '<option value="tag">'+lang.imageAttributes.relTag+'</option>'+ + '</select>'+ + '</div>'+ + '</div>'+ + '<div class="form-group">'+ + '<label for="note-image-attributes-link-role" class="control-label col-xs-2">'+lang.imageAttributes.linkRole+'</label>'+ + '<div class="input-group col-xs-10">'+ + '<input type="text" id="note-image-attributes-link-role" class="note-image-attributes-link-role form-control">'+ + '</div>'+ + '</div>'; + } + } + this.$dialog=ui.dialog({ + title:lang.imageAttributes.dialogTitle, + body:body, + footer:'<button href="#" class="btn btn-primary note-image-attributes-btn">OK</button>' + }).render().appendTo($container); + }; + this.destroy=function(){ + ui.hideDialog(this.$dialog); + this.$dialog.remove(); + }; + this.bindEnterKey=function($input,$btn){ + $input.on('keypress',function(event){ + if(event.keyCode===13)$btn.trigger('click'); + }); + }; + this.bindLabels=function(){ + self.$dialog.find('.form-control:first').focus().select(); + self.$dialog.find('label').on('click',function(){ + $(this).parent().find('.form-control:first').focus(); + }); + }; + this.show=function(){ + var $img=$($editable.data('target')); + var imgInfo={ + imgDom:$img, + title:$img.attr('title'), + src:$img.attr('src'), + alt:$img.attr('alt'), + role:$img.attr('role'), + class:$img.attr('class'), + style:$img.attr('style'), + imgLink:$($img.context).parent().is("a")?$($img.context).parent():null + }; + this.showLinkDialog(imgInfo) + .then(function(imgInfo){ + ui.hideDialog(self.$dialog); + var $img=imgInfo.imgDom; + if(options.imageAttributes.removeEmpty){ + if(imgInfo.alt)$img.attr('alt',imgInfo.alt);else $img.removeAttr('alt'); + if(imgInfo.title)$img.attr('title',imgInfo.title);else $img.removeAttr('title'); + if(imgInfo.src)$img.attr('src',imgInfo.src);else $img.attr('src', '#'); + if(imgInfo.class)$img.attr('class',imgInfo.class);else $img.removeAttr('class'); + if(imgInfo.style)$img.attr('style',imgInfo.style);else $img.removeAttr('style'); + if(imgInfo.role)$img.attr('role',imgInfo.role);else $img.removeAttr('role'); + }else{ + $img.attr('alt',imgInfo.alt); + $img.attr('title',imgInfo.title); + $img.attr('class',imgInfo.class); + $img.attr('style',imgInfo.style); + $img.attr('role',imgInfo.role); + } + if($img.parent().is("a"))$img.unwrap(); + var hrefRegex=new RegExp(/(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/gi); + if(imgInfo.href.match(hrefRegex)){ + var lnktxt='<a'; + if(imgInfo.linkClass)lnktxt+=' class="'+imgInfo.linkClass+'"'; + lnktxt+=' href="'+imgInfo.href+'" target="'+imgInfo.target+'"'; + if(imgInfo.linkRel)lnktxt+=' rel="'+imgInfo.linkRel+'"'; + if(imgInfo.linkRole)lnktxt+=' role="'+imgInfo.linkRole+'"'; + lnktxt+='></a>'; + $img.wrap(lnktxt); + } + $note.val(context.invoke('code')); + $note.change(); + }); + }; + this.showLinkDialog=function(imgInfo){ + return $.Deferred(function(deferred){ + var $imageTitle=self.$dialog.find('.note-image-attributes-title'), + $imageInput=self.$dialog.find('.note-image-input'), + $imageSrc=self.$dialog.find('.note-image-attributes-src'), + $imageAlt=self.$dialog.find('.note-image-attributes-alt'), + $imageClass=self.$dialog.find('.note-image-attributes-class'), + $imageStyle=self.$dialog.find('.note-image-attributes-style'), + $imageRole=self.$dialog.find('.note-image-attributes-role'), + $linkHref=self.$dialog.find('.note-image-attributes-href'), + $linkTarget=self.$dialog.find('.note-image-attributes-target'), + $linkClass=self.$dialog.find('.note-image-attributes-link-class'), + $linkRel=self.$dialog.find('.note-image-attributes-link-rel'), + $linkRole=self.$dialog.find('.note-image-attributes-link-role'), + $editBtn=self.$dialog.find('.note-image-attributes-btn'); + if(imgInfo.imgLink){ + $linkHref.val(imgInfo.imgLink.attr('href')); + $linkClass.val(imgInfo.imgLink.attr('class')); + $linkRole.val(imgInfo.imgLink.attr('role')); + $linkTarget.find('option').each(function(){ + if($(this).val()==imgInfo.imgLink.attr('target'))$(this).attr('selected','selected'); + }); + $linkRel.find('option').each(function(){ + if($(this).val()==imgInfo.imgLink.attr('rel'))$(this).attr('selected','selected'); + }); + } + ui.onDialogShown(self.$dialog,function(){ + context.triggerEvent('dialog.shown'); + $imageInput.replaceWith( + $imageInput.clone() + .on('change',function(){ + var callbacks=options.callbacks; + if(callbacks.onImageUpload){ + context.triggerEvent('image.upload',this.files[0]); + }else{ + readFileAsDataURL(this.files[0]).then(function(dataURL){ + $imageSrc.val(dataURL) + }).fail(function(){ + context.triggerEvent('image.upload.error'); + }); + } + }).val('') + ); + $editBtn.click(function(e){ + e.preventDefault(); + deferred.resolve({ + imgDom:imgInfo.imgDom, + title:$imageTitle.val(), + src:$imageSrc.val(), + alt:$imageAlt.val(), + class:$imageClass.val(), + style:$imageStyle.val(), + role:$imageRole.val(), + href:$linkHref.val(), + target:$linkTarget.val(), + linkClass:$linkClass.val(), + linkRel:$linkRel.val(), + linkRole:$linkRole.val() + }); + }); + $imageTitle.val(imgInfo.title).focus; + $imageSrc.val(imgInfo.src) + $imageAlt.val(imgInfo.alt); + $imageClass.val(imgInfo.class); + $imageStyle.val(imgInfo.style); + $imageRole.val(imgInfo.role); + self.bindEnterKey($editBtn); + self.bindLabels(); + }); + ui.onDialogHidden(self.$dialog,function(){ + $editBtn.off('click'); + if(deferred.state()==='pending')deferred.reject(); + }); + ui.showDialog(self.$dialog); + }); + }; + } + }); +})); |