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)
                     }
                 }
             })