Mercurial > kallithea
changeset 4488:6c6324fec93a
templates: replace YUI with jquery in kallithea/templates/admin/gists/new.html
author | Takumi IINO <trot.thunder@gmail.com> |
---|---|
date | Tue, 22 Jul 2014 00:46:20 +0900 |
parents | f94759ddca04 |
children | 37ef00d01a75 |
files | kallithea/templates/admin/gists/new.html |
diffstat | 1 files changed, 18 insertions(+), 15 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/templates/admin/gists/new.html Tue Jul 22 00:46:24 2014 +0900 +++ b/kallithea/templates/admin/gists/new.html Tue Jul 22 00:46:20 2014 +0900 @@ -67,38 +67,41 @@ CodeMirror.modeURL = "${h.url('/js/mode/%N/%N.js')}"; //inject new modes - var modes_select = $('#mimetype'); - for(var i=0;i<CodeMirror.modeInfo.length;i++){ - var m = CodeMirror.modeInfo[i]; - var opt = new Option(m.name, m.mime); - YUD.setAttribute(opt, 'mode', m.mode) - modes_select[0].options[i+1] = opt; - } + var $modes_select = $('#mimetype'); + $modes_select.each(function(){ + var modes_select = this; + for(var i=0;i<CodeMirror.modeInfo.length;i++) { + var m = CodeMirror.modeInfo[i]; + var opt = new Option(m.name, m.mime); + $(opt).attr('mode', m.mode); + modes_select.options[i+1] = opt; + } + }); - var filename_selector = '#filename'; + var $filename = $('#filename'); // on select change set new mode - modes_select.on('change', function(e){ + $modes_select.change(function(e){ var selected = e.currentTarget; var node = selected.options[selected.selectedIndex]; var mimetype = node.value; - var new_mode = YUD.getAttribute(node, 'mode') + var new_mode = $(node).attr('mode'); setCodeMirrorMode(myCodeMirror, new_mode); var proposed_ext = getExtFromMimeType(mimetype); - var file_data = getFilenameAndExt($(filename_selector).val()); + var file_data = getFilenameAndExt($filename.val()); var filename = file_data['filename'] || 'filename1'; - $(filename_selector).val(filename + proposed_ext); - }) + $filename.val(filename + proposed_ext); + }); // on type the new filename set mode - $(filename_selector).on('keyup', function(e){ + $filename.keyup(function(e){ var file_data = getFilenameAndExt(this.value); if(file_data['ext'] != null){ var mimetype = getMimeTypeFromExt(file_data['ext']); var detected_mode = detectCodeMirrorMode(this.value, mimetype); if (detected_mode){ setCodeMirrorMode(myCodeMirror, detected_mode); - modes_select.val(mimetype) + $modes_select.val(mimetype) } } })