菜单栏

static/css/wide.css

@@ -80,11 +80,20 @@
     cursor: pointer;
 }
 
+.frame li.disabled {
+    color: #999;
+}
+
 .frame li:hover {
     background-color: #3875D7;
     color: #FFF;
 }
 
+.frame li.disabled:hover {
+    background-color: #F8F8F8;
+    color: #999;
+}
+
 .frame a {
     color: #000;
     text-decoration: none;

static/js/editors.js

@@ -23,8 +23,8 @@ var editors = {
             removeAfter: function (id, nextId) {
                 for (var i = 0, ii = editors.data.length; i < ii; i++) {
                     if (editors.data[i].id === id) {
-                        editors.data.splice(i, 1);
                         wide.fmt(tree.fileTree.getNodeByTId(editors.data[i].id).path, editors.data[i].editor);
+                        editors.data.splice(i, 1);
                         break;
                     }
                 }
@@ -36,6 +36,8 @@ var editors = {
                     wide.curNode = undefined;
 
                     wide.curEditor = undefined;
+                    
+                    menu.disabled(['save-all', 'close-all', 'run', 'go-get', 'go-install']);
                     $(".toolbars").hide();
                     return false;
                 }
@@ -359,6 +361,8 @@ var editors = {
                     + wide.curNode.iconSkin + 'ico"></span>' + wide.curNode.name + '</span>',
             content: '<textarea id="editor' + id + '"></textarea>'
         });
+        
+        menu.undisabled(['save-all', 'close-all', 'run', 'go-get', 'go-install']);
 
         var rulers = [];
         rulers.push({color: "#ccc", column: 120, lineStyle: "dashed"});

static/js/menu.js

@@ -1,21 +1,31 @@
 var menu = {
-    init: function() {
+    init: function () {
         this.subMenu();
 
         // 点击子菜单后消失
-        $(".frame li").click(function() {
+        $(".frame li").click(function () {
             $(this).closest(".frame").hide();
         });
     },
+    disabled: function (list) {
+        for (var i = 0, max = list.length; i < max; i++) {
+            $(".menu li." + list[i]).addClass("disabled");
+        }
+    },
+    undisabled: function (list) {
+        for (var i = 0, max = list.length; i < max; i++) {
+            $(".menu li." + list[i]).removeClass("disabled");
+        }
+    },
     // 焦点不在菜单上时需点击展开子菜单，否则为鼠标移动展开
-    subMenu: function() {
+    subMenu: function () {
-        $(".menu > ul > li > a, .menu > ul> li > span").click(function() {
+        $(".menu > ul > li > a, .menu > ul> li > span").click(function () {
             var $it = $(this);
             $it.next().show();
 
             $(".menu > ul > li > a, .menu > ul> li > span").unbind();
 
-            $(".menu > ul > li > a, .menu > ul> li > span").mouseover(function() {
+            $(".menu > ul > li > a, .menu > ul> li > span").mouseover(function () {
                 $(".frame").hide();
                 var $it = $(this);
                 $it.next().show();

static/js/wide.js

@@ -402,6 +402,10 @@ var wide = {
     },
     saveAllFiles: function () {
         // TODO: 需要全部保存的接口
+        if ($(".menu li.save-all").hasClass("disabled")) {
+            return false;
+        }
+
         for (var i = 0, ii = editors.data.length; i < ii; i++) {
             this.fmt(tree.fileTree.getNodeByTId(editors.data[i].id).path, editors.data[i].editor);
         }
@@ -410,14 +414,18 @@ var wide = {
         // TODO: close file
     },
     closeAllFiles: function () {
+        if ($(".menu li.close-all").hasClass("disabled")) {
+            return false;
+        }
         this.saveAllFiles();
         editors.data = [];
         tree.fileTree.cancelSelectedNode();
         wide.curNode = undefined;
         wide.curEditor = undefined;
         $(".toolbars").hide();
-        
+
         $(".edit-panel .tabs, .edit-panel .tabs-panel").html('');
+        menu.disabled(['save-all', 'close-all', 'run', 'go-get', 'go-install']);
     },
     exit: function () {
         // TODO: exit
@@ -447,6 +455,10 @@ var wide = {
     },
     // 构建 & 运行.
     run: function () {
+        if ($(".menu li.run").hasClass("disabled")) {
+            return false;
+        }
+
         if ($(".toolbars .ico-stop").length === 1) {
             wide.stop();
             return false;
@@ -471,6 +483,10 @@ var wide = {
         });
     },
     goget: function () {
+        if ($(".menu li.go-get").hasClass("disabled")) {
+            return false;
+        }
+
         var request = newWideRequest();
         request.file = editors.getCurrentPath();
 
@@ -487,6 +503,10 @@ var wide = {
         });
     },
     goinstall: function () {
+        if ($(".menu li.go-install").hasClass("disabled")) {
+            return false;
+        }
+
         var request = newWideRequest();
         request.file = editors.getCurrentPath();
         request.code = wide.curEditor.getValue();

view/index.html

@@ -26,10 +26,10 @@
                     <span>{{.i18n.file}}</span>
                     <div class="frame">
                         <ul>     
-                            <li onclick="wide.saveAllFiles()">
+                            <li class="save-all disabled" onclick="wide.saveAllFiles()">
                                 <span>{{.i18n.save_all_files}}</span>
                             </li>
-                            <li onclick="wide.closeAllFiles()">
+                            <li class="close-all disabled" onclick="wide.closeAllFiles()">
                                 <span>{{.i18n.close_all_files}}</span>
                             </li>
                             <li class="hr"></li>
@@ -43,14 +43,14 @@
                     <span>{{.i18n.run}}</span>
                     <div class="frame">
                         <ul>
-                            <li onclick="wide.run()">
+                            <li class="run disabled" onclick="wide.run()">
                                 <span>{{.i18n.build_n_run}}</span>
                             </li>
                             <li class="hr"></li>
-                            <li onclick="wide.goget()">
+                            <li class="go-get disabled" onclick="wide.goget()">
                                 <span>{{.i18n.goget}}</span>
                             </li>
-                            <li onclick="wide.goinstall()">
+                            <li class="go-install disabled" onclick="wide.goinstall()">
                                 <span>{{.i18n.goinstall}}</span>
                             </li>      
                         </ul>