Upgrade to bootstrap 3.0.0 RC1

4 files changed, 361 insertions, 178 deletions

diff --git a/src/pmod/pmod_test/css/manage.less b/src/pmod/pmod_test/css/manage.less
index 3c7fd79..bce8ffc 100644
--- a/src/pmod/pmod_test/css/manage.less
+++ b/src/pmod/pmod_test/css/manage.less
@@ -4,7 +4,7 @@
 #index_page{
     div.create_mode,div.set_mode{
         div.block{
-            margin-bottom:@MediumPad;
+            margin-bottom:@BigPad;
 
             div.data{
                 height:256px;
diff --git a/src/pmod/pmod_test/html/manage.html b/src/pmod/pmod_test/html/manage.html
index b4ab4d8..47553ec 100644
--- a/src/pmod/pmod_test/html/manage.html
+++ b/src/pmod/pmod_test/html/manage.html
@@ -1,215 +1,265 @@
-<link href="/toj/pmod/pmod_test/css/manage.css" rel="stylesheet">
-
-<div class="modal hide fade medium_modal create_mode">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h3>建立模式</h3>
-    </div>
-    <div class="modal-body container-fluid">
-        <div class="row-fluid">
-            <div class="span7"> 
-                <label>測試名稱</label>
-                <select name="testmode"></select>
+<div class="modal fade medium-modal create_mode">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>建立模式</h3>
             </div>
-        </div>
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-lg-3"> 
+                        <label>測試名稱</label>
+                        <select class="form-control" name="testmode"></select>
+                    </div>
+                </div><br>
 
-        <div class="block content">
-            <div class="row-fluid">
-                <div class="input-prepend span13">
-                    <span class="add-on">題目內容</span>
-                    <input class="span2 title" type="text" value="內容" placeholder="區塊標題">
+                <div class="block content">
+                    <div class="row">
+                        <div class="input-group col-lg-13">
+                            <span class="input-group-addon">題目內容</span>
+                            <input class="col-lg-2 form-control title" type="text" value="內容" placeholder="區塊標題">
+                        </div>
+                    </div><br>
+                    <div class="row">
+                        <div class="col-lg-13">
+                            <div class="data"></div>
+                        </div>
+                    </div>
                 </div>
-            </div>
-            <div class="row-fluid">
-                <div class="span13">
-                    <div class="data"></div>
-                </div>
-            </div>
-        </div>
 
-        <div class="block format">
-            <div class="row-fluid">
-                <div class="input-prepend span13">
-                    <span class="add-on">格式說明</span>
-                    <input class="span2 title" type="text" value="I/O格式" placeholder="區塊標題">
-                </div>
-            </div>
-            <div class="row-fluid">
-                <div class="span13">
-                    <div class="data"></div>
+                <div class="block format">
+                    <div class="row">
+                        <div class="input-group col-lg-13">
+                            <span class="input-group-addon">格式說明</span>
+                            <input class="col-lg-2 form-control title" type="text" value="I/O格式" placeholder="區塊標題">
+                        </div>
+                    </div><br>
+                    <div class="row">
+                        <div class="col-lg-13">
+                            <div class="data"></div>
+                        </div>
+                    </div>
                 </div>
-            </div>
-        </div>
-        
-        <div class="block testdata">
-            <div class="row-fluid">
-                <div class="input-prepend span13">
-                    <span class="add-on">範例資料</span>
-                    <input class="span2 title" type="text" value="範例測資" placeholder="區塊標題">
+                
+                <div class="block testdata">
+                    <div class="row">
+                        <div class="input-group col-lg-13">
+                            <span class="input-group-addon">範例資料</span>
+                            <input class="col-lg-2 form-control title" type="text" value="範例測資" placeholder="區塊標題">
+                        </div>
+                    </div><br>
+                    <div class="row">
+                        <div class="col-lg-13">
+                            <div class="data"></div>
+                        </div>
+                    </div>
                 </div>
             </div>
-            <div class="row-fluid">
-                <div class="span13">
-                    <div class="data"></div>
-                </div>
+            <div class="modal-footer">
+                <button class="btn btn-primary submit">確定</button>
+                <button class="btn btn-default cancel">取消</button>
             </div>
-        </div>    </div>
-    <div class="modal-footer">
-        <button class="btn btn-primary submit">確定</button>
-        <button class="btn cancel">取消</button>
+        </div>
     </div>
 </div>
-<div class="modal hide fade medium_modal set_mode">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h3>設定模式</h3>
-    </div>
-    <div class="modal-body container-fluid">
-        <div class="row-fluid">
-            <div class="span7"> 
-                <label>測試名稱</label>
-                <select name="testmode"></select>
+<div class="modal fade medium-modal set_mode">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>設定模式</h3>
             </div>
-        </div>
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-lg-3"> 
+                        <label>測試名稱</label>
+                        <select class="form-control" name="testmode"></select>
+                    </div>
+                </div><br>
 
-        <div class="block content">
-            <div class="row-fluid">
-                <div class="input-prepend span13">
-                    <span class="add-on">題目內容</span>
-                    <input class="span2 title" type="text" placeholder="區塊標題">
+                <div class="block content">
+                    <div class="row">
+                        <div class="input-group col-lg-13">
+                            <span class="input-group-addon">題目內容</span>
+                            <input class="col-lg-2 form-control title" type="text" placeholder="區塊標題">
+                        </div>
+                    </div><br>
+                    <div class="row">
+                        <div class="col-lg-13">
+                            <div class="data"></div>
+                        </div>
+                    </div>
                 </div>
-            </div>
-            <div class="row-fluid">
-                <div class="span13">
-                    <div class="data"></div>
+
+                <div class="block format">
+                    <div class="row">
+                        <div class="input-group col-lg-13">
+                            <span class="input-group-addon">格式說明</span>
+                            <input class="col-lg-2 form-control title" type="text" placeholder="區塊標題">
+                        </div>
+                    </div><br>
+                    <div class="row">
+                        <div class="col-lg-13">
+                            <div class="data"></div>
+                        </div>
+                    </div>
                 </div>
+                
+                <div class="block testdata">
+                    <div class="row">
+                        <div class="input-group col-lg-13">
+                            <span class="input-group-addon">範例資料</span>
+                            <input class="col-lg-2 form-control title" type="text" placeholder="區塊標題">
+                        </div>
+                    </div><br>
+                    <div class="row">
+                        <div class="col-lg-13">
+                            <div class="data"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-primary submit">確定</button>
+                <button class="btn btn-default cancel">取消</button>
             </div>
         </div>
-
-        <div class="block format">
-            <div class="row-fluid">
-                <div class="input-prepend span13">
-                    <span class="add-on">格式說明</span>
-                    <input class="span2 title" type="text" placeholder="區塊標題">
-                </div>
+    </div>
+</div>
+<div class="modal fade medium-modal create_testmode">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>建立測試</h3>
             </div>
-            <div class="row-fluid">
-                <div class="span13">
-                    <div class="data"></div>
+            <div class="modal-body row">
+                <div class="col-lg-7"> 
+                    <label>測試名稱</label>
+                    <input class="form-control" type="text" name="name"><br>
+                    <label>執行時間限制</label>
+                    <input class="form-control" type="text" name="timelimit"><br>
+                    <label>記憶體限制</label>
+                    <input class="form-control" type="text" name="memlimit">
                 </div>
             </div>
+            <div class="modal-footer">
+                <button class="btn btn-primary submit">確定</button>
+                <button class="btn btn-default cancel">取消</button>
+            </div>
         </div>
-        
-        <div class="block testdata">
-            <div class="row-fluid">
-                <div class="input-prepend span13">
-                    <span class="add-on">範例資料</span>
-                    <input class="span2 title" type="text" placeholder="區塊標題">
-                </div>
+    </div>
+</div>
+<div class="modal fade medium-modal set_testmode">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>設定測試</h3>
             </div>
-            <div class="row-fluid">
-                <div class="span13">
-                    <div class="data"></div>
+            <div class="modal-body row">
+                <div class="col-lg-7"> 
+                    <label>測試名稱</label>
+                    <input class="form-control" type="text" name="name"><br>
+                    <label>執行時間限制</label>
+                    <input class="form-control" type="text" name="timelimit"><br>
+                    <label>記憶體限制</label>
+                    <input class="form-control" type="text" name="memlimit">
                 </div>
             </div>
+            <div class="modal-footer">
+                <button class="btn btn-primary submit">確定</button>
+                <button class="btn btn-default cancel">取消</button>
+            </div>
         </div>
     </div>
-    <div class="modal-footer">
-        <button class="btn btn-primary submit">確定</button>
-        <button class="btn cancel">取消</button>
-    </div>
 </div>
-
-<div class="modal hide fade medium_modal create_testmode">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h3>建立測試</h3>
-    </div>
-    <div class="modal-body container-fluid">
-        <div class="row-fluid">
-            <div class="span7"> 
-                <label>測試名稱</label>
-                <input type="text" name="name">
-                <label>執行時間限制</label>
-                <input type="text" name="timelimit">
-                <label>記憶體限制</label>
-                <input type="text" name="memlimit">
+<div class="modal fade medium-modal create_testdata">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>建立測試資料</h3>
+            </div>
+            <div class="modal-body row">
+                <div class="col-lg-7"> 
+                    <label>描述</label>
+                    <input class="form-control" type="text" name="info"><br>
+                    <label>檔案</label>
+                    <input class="form-control" type="file" name="pack">
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-primary submit">確定</button>
+                <button class="btn btn-default cancel">取消</button>
             </div>
         </div>
     </div>
-    <div class="modal-footer">
-        <button class="btn btn-primary submit">確定</button>
-        <button class="btn cancel">取消</button>
-    </div>
 </div>
-<div class="modal hide fade medium_modal set_testmode">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h3>設定測試</h3>
-    </div>
-    <div class="modal-body container-fluid">
-        <div class="row-fluid">
-            <div class="span7"> 
-                <label>測試名稱</label>
-                <input type="text" name="name">
-                <label>執行時間限制</label>
-                <input type="text" name="timelimit">
-                <label>記憶體限制</label>
-                <input type="text" name="memlimit">
+<div class="modal fade medium-modal set_testdata">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>設定測試資料</h3>
+            </div>
+            <div class="modal-body row">
+                <div class="col-lg-7"> 
+                    <label>描述</label>
+                    <input class="form-control" type="text" name="info"><br>
+                    <label>檔案(留空表示不更新)</label>
+                    <input class="form-control" type="file" name="pack">
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-primary submit">確定</button>
+                <button class="btn btn-default cancel">取消</button>
             </div>
         </div>
     </div>
-    <div class="modal-footer">
-        <button class="btn btn-primary submit">確定</button>
-        <button class="btn cancel">取消</button>
-    </div>
 </div>
 
-
 <div class="row">
-    <div class="span3">
-
-    </div>
-    <div class="span4">
+    <div class="col-lg-4 col-offset-1">
         <h3>模式</h3>
-        <button class="btn create_mode">建立模式</button>
+        <button class="btn btn-default create_mode">建立模式</button>
         <table class="table mode">
             <thead>
                 <tr>
-                    <th class="span1">#</th>
-                    <th class="span2">測試名稱</th>
-                    <th class="span1"></th>
+                    <th class="col-lg-1">#</th>
+                    <th class="col-lg-2">測試名稱</th>
+                    <th class="col-lg-1"></th>
                 </tr>
             </thead>
             <tbody></tbody>
         </table>
     </div>
-    <div class="span4">
+    <div class="col-lg-4">
         <h3>測試</h3>
-        <button class="btn create_testmode">建立測試</button>
+        <button class="btn btn-default create_testmode">建立測試</button>
         <table class="table testmode">
             <thead>
                 <tr>
-                    <th class="span1">#</th>
-                    <th class="span2">測試名稱</th>
-                    <th class="span1"></th>
+                    <th class="col-lg-1">#</th>
+                    <th class="col-lg-2">測試名稱</th>
+                    <th class="col-lg-1"></th>
                 </tr>
             </thead>
             <tbody></tbody>
         </table>
     </div>
-    <div class="span2">
+    <div class="col-lg-4">
         <h3>測試資料</h3>
-        <button class="btn create_testdata">建立測試資料</button>
+        <button class="btn btn-default create_testdata">建立測試資料</button>
         <table class="table testdata">
             <thead>
                 <tr>
-                    <th class="span1">#</th>
-                    <th class="span1"></th>
+                    <th class="col-lg-1">#</th>
+                    <th class="col-lg-2">描述</th>
+                    <th class="col-lg-1"></th>
                 </tr>
             </thead>
             <tbody></tbody>
         </table>
     </div>
-
 </div>
diff --git a/src/pmod/pmod_test/html/view.html b/src/pmod/pmod_test/html/view.html
index 989f344..4f37af6 100644
--- a/src/pmod/pmod_test/html/view.html
+++ b/src/pmod/pmod_test/html/view.html
@@ -1,18 +1,22 @@
-<div class="modal hide fade medium_modal submit">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h3>上傳</h3>
-    </div>
-    <div class="modal-body container-fluid">
-    </div>
-    <div class="modal-footer">
-        <button class="btn btn-primary submit">確定</button>
-        <button class="btn cancel">取消</button>
+<div class="modal fade medium-modal submit">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>上傳</h3>
+            </div>
+            <div class="modal-body row">
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-primary submit">確定</button>
+                <button class="btn cancel">取消</button>
+            </div>
+        </div>
     </div>
 </div>
 
 <div class="row">
-    <div class="span2 offset1 info">
+    <div class="col-lg-2 col-offset-1 info">
         <button class="btn btn-primary submit">上傳</button>
         <table class="table limit">
             <thead>
@@ -33,5 +37,5 @@
             </tbody>
         </table>
     </div>
-    <div class="span10 offset3 content"></div>
+    <div class="col-lg-10 col-offset-3 content"></div>
 </div>
diff --git a/src/pmod/pmod_test/js/pmod_test.js b/src/pmod/pmod_test/js/pmod_test.js
index 93565b4..ac3f3cc 100644
--- a/src/pmod/pmod_test/js/pmod_test.js
+++ b/src/pmod/pmod_test/js/pmod_test.js
@@ -23,6 +23,8 @@ var pmod_test = function(proid,pro_node){
                     var data = result.data;
                     var j_info;
 
+                    console.log(result);
+
                     if(com.is_callerr(result)){
                         index.add_alert('alert-error','錯誤','讀取題目失敗');
                     }else{
@@ -53,8 +55,11 @@ var pmod_test = function(proid,pro_node){
         var j_set_mode;
         var j_create_testmode;
         var j_set_testmode;
+        var j_create_testdata;
+        var j_set_testdata;
         var j_mode_list;
         var j_testmode_list;
+        var j_testdata_list;
 
         var set_mode_id = null;
         var set_testmode_id = null;
@@ -86,7 +91,7 @@ var pmod_test = function(proid,pro_node){
             }
         }
         function _mode_create(modeid,testmodeid){
-            var j_item = $('<tr class="item"><td class="id"></td><td class="testmode"></td><td class="oper"><div class="btn-group"><button class="btn btn-small set"><i class="icon-cog"></i></button><button class="btn btn-small del"><i class="icon-trash"></i></button></div></td></tr>')
+            var j_item = $('<tr class="item"><td class="id"></td><td class="testmode"></td><td class="oper"><div class="btn-group"><button class="btn btn-default btn-small set"><i class="glyphicon glyphicon-cog"></i></button><button class="btn btn-default btn-small del"><i class="glyphicon glyphicon-trash"></i></button></div></td></tr>');
 
             _mode_set(j_item,modeid,testmodeid);
 
@@ -160,7 +165,7 @@ var pmod_test = function(proid,pro_node){
             });
         }
         function _testmode_create(testmodeid,testmodename){
-            var j_item = $('<tr class="item"><td class="id"></td><td class="name"></td><td class="oper"><div class="btn-group"><button class="btn btn-small set"><i class="icon-cog"></i></button><button class="btn btn-small del"><i class="icon-trash"></i></button></div></td></tr>')
+            var j_item = $('<tr class="item"><td class="id"></td><td class="name"></td><td class="oper"><div class="btn-group"><button class="btn btn-default btn-small set"><i class="glyphicon glyphicon-cog"></i></button><button class="btn btn-default btn-small del"><i class="glyphicon glyphicon-trash"></i></button></div></td></tr>');
 
             _testmode_set(j_item,testmodeid,testmodename);
 
@@ -195,7 +200,62 @@ var pmod_test = function(proid,pro_node){
 
             return defer.promise();
         }
+        
+        function _testdata_set(j_item,id,info){
+            j_item.find('td.id').text(id);
+            j_item.find('td.info').text(info);
+
+            j_item.find('button.set').off('click').on('click',function(e){
+                set_testdata_id = id;
+                j_set_testdata.modal('show'); 
+            });
+            j_item.find('button.del').off('click').on('click',function(e){
+                com.call_backend(callpath,'del_testdata',function(result){
+                    if(com.is_callerr(result)){
+                        index.add_alert('','警告','管理發生錯誤'); 
+                    }else{
+                        _update();
+                    }
+                },id);
+            });
+        }
+        function _testdata_create(id,info){
+            var j_item = $('<tr class="item"><td class="id"></td><td class="info"></td><td class="oper"><div class="btn-group"><button class="btn btn-default btn-small set"><i class="glyphicon glyphicon-cog"></i></button><button class="btn btn-default btn-small del"><i class="glyphicon glyphicon-trash"></i></button></div></td></tr>');
+
+            _testdata_set(j_item,id,info);
+
+            return j_item;
+        }
+        function _testdata_update(){
+            var defer = $.Deferred();
+
+            com.call_backend(callpath,'list_testdata',function(result){
+                var i;
+                var data = result.data;
+                var testdatao;
+                var j_item;
+
+                if(com.is_callerr(result)){
+                    index.add_alert('','警告','管理發生錯誤');
+                }else{
+                    j_testdata_list.empty();
+                    for(i = 0;i < data.length;i++){
+                        testdatao = data[i];
+
+                        j_item = _testdata_create(testdatao.testid,
+                                                  testdatao.info);
+                        j_testdata_list.append(j_item);
+                    }
+
+                    defer.resolve(data);
+                }
+            });
+
+            return defer.promise();
+        }
+        
         function _update(){
+            _testdata_update();
             _testmode_update().done(_mode_update);
         }
         function _mix_content(j_box){
@@ -273,16 +333,17 @@ var pmod_test = function(proid,pro_node){
         }
 
         if(direct == 'in'){
-            com.loadpage('/toj/pmod/pmod_test/html/manage.html').done(function(){
+            com.loadpage('/toj/pmod/pmod_test/html/manage.html','/toj/pmod/pmod_test/css/manage.css').done(function(){
                 j_mode_list = j_index_page.find('table.mode > tbody');
                 j_testmode_list = j_index_page.find('table.testmode > tbody');
+                j_testdata_list = j_index_page.find('table.testdata > tbody');
 
                 j_create_mode = j_index_page.find('div.create_mode');
                 j_create_mode.find('div.content div.data').codebox({'mode':'text/html'});
                 j_create_mode.find('div.format div.data').codebox({'mode':'text/html'});
                 j_create_mode.find('div.testdata div.data').codebox({'mode':'text/html'});
 
-                j_create_mode.on('shown',function(e){
+                j_create_mode.on('shown.bs.modal',function(e){
                     var i;
                     var codeboxs;
 
@@ -291,7 +352,7 @@ var pmod_test = function(proid,pro_node){
                         $(codeboxs[i]).data('codebox').refresh();
                     }
                 });
-                j_create_mode.on('hide',function(e){
+                j_create_mode.on('hide.bs.modal',function(e){
                     var i;
                     var codeboxs;
 
@@ -324,7 +385,6 @@ var pmod_test = function(proid,pro_node){
                 j_create_mode.find('button.cancel').on('click',function(e){
                     j_create_mode.modal('hide'); 
                 });
-
                 j_index_page.find('button.create_mode').on('click',function(e){
                     j_create_mode.modal('show');
                 });
@@ -334,7 +394,7 @@ var pmod_test = function(proid,pro_node){
                 j_set_mode.find('div.format div.data').codebox({'mode':'text/html'});
                 j_set_mode.find('div.testdata div.data').codebox({'mode':'text/html'});
                 
-                j_set_mode.on('show',function(e){
+                j_set_mode.on('show.bs.modal',function(e){
                     com.call_backend(callpath,'get_mode',function(result){
                         var data = result.data;
                         var parse_content;
@@ -352,7 +412,7 @@ var pmod_test = function(proid,pro_node){
                         }
                     },set_mode_id);
                 });
-                j_set_mode.on('shown',function(e){
+                j_set_mode.on('shown.bs.modal',function(e){
                     var i;
                     var codeboxs;
 
@@ -361,7 +421,7 @@ var pmod_test = function(proid,pro_node){
                         $(codeboxs[i]).data('codebox').refresh();
                     }
                 });
-                j_set_mode.on('hide',function(e){
+                j_set_mode.on('hide.bs.modal',function(e){
                     var i;
                     var codeboxs;
 
@@ -400,7 +460,7 @@ var pmod_test = function(proid,pro_node){
                 });
 
                 j_create_testmode = j_index_page.find('div.create_testmode');
-                j_create_testmode.on('hide',function(e){
+                j_create_testmode.on('hide.bs.modal',function(e){
                     j_create_testmode.find('input').val('');
                 });
                 j_create_testmode.find('button.submit').on('click',function(e){
@@ -422,9 +482,12 @@ var pmod_test = function(proid,pro_node){
                 j_create_testmode.find('button.cancel').on('click',function(e){
                     j_create_testmode.modal('hide'); 
                 });
+                j_index_page.find('button.create_testmode').on('click',function(e){
+                    j_create_testmode.modal('show');
+                });
 
                 j_set_testmode = j_index_page.find('div.set_testmode');
-                j_set_testmode.on('show',function(e){
+                j_set_testmode.on('show.bs.modal',function(e){
                     com.call_backend(callpath,'get_testmode',function(result){
                         var data = result.data;
 
@@ -437,7 +500,7 @@ var pmod_test = function(proid,pro_node){
                         }
                     },set_testmode_id);
                 });
-                j_set_testmode.on('hide',function(e){
+                j_set_testmode.on('hide.bs.modal',function(e){
                     set_testmode_id = null; 
                 });
                 j_set_testmode.find('button.submit').on('click',function(e){
@@ -454,6 +517,7 @@ var pmod_test = function(proid,pro_node){
                             index.add_alert('alert-success','成功','測試已設定');
                             j_set_testmode.modal('hide');
 
+                            _update();
                         }
                     },set_testmode_id,name,timelimit,memlimit);
 
@@ -462,9 +526,74 @@ var pmod_test = function(proid,pro_node){
                     j_set_testmode.modal('hide'); 
                 });
                 
-                j_index_page.find('button.create_testmode').on('click',function(e){
-                    j_create_testmode.modal('show');
+
+                j_create_testdata = j_index_page.find('div.create_testdata');
+                j_create_testdata.on('hide.bs.modal',function(e){
+                    j_create_testdata.find('input').val('');
                 });
+                j_create_testdata.find('button.submit').on('click',function(e){
+                    var info = j_create_testdata.find('[name="info"]').val();     
+                    var blob = j_create_testdata.find('[name="pack"]')[0].files[0];
+
+                    com.sendfile_backend(blob,function(filekey){
+
+                        com.call_backend(callpath,'add_testdata',function(result){
+                            console.log(result);
+
+                            if(com.is_callerr(result)){
+                                index.add_alert('','警告','管理發生錯誤');
+                            }else{
+                                index.add_alert('alert-success','成功','測試資料已建立');
+                                j_create_testdata.modal('hide');
+
+                                _update();
+                            }
+                        },info,filekey);
+   
+                    },function(result){});
+                });
+                j_create_testdata.find('button.cancel').on('click',function(e){
+                    j_create_testdata.modal('hide'); 
+                });
+                j_index_page.find('button.create_testdata').on('click',function(e){
+                    j_create_testdata.modal('show'); 
+                });
+
+                j_set_testdata = j_index_page.find('div.set_testdata');
+                j_set_testdata.on('show.bs.modal',function(e){
+                    com.call_backend(callpath,'get_testdata',function(result){
+                        var data = result.data;
+
+                        if(com.is_callerr(result)){
+                            index.add_alert('','警告','管理發生錯誤');
+                        }else{
+                            j_set_testdata.find('[name="info"]').val(data.info);
+                        }
+                    },set_testdata_id);
+                });
+                j_set_testdata.on('hide.bs.modal',function(e){
+                    set_testdata_id = null; 
+                });
+                j_set_testdata.find('button.submit').on('click',function(e){
+                    var info = j_set_testdata.find('[name="info"]').val();
+
+                    com.call_backend(callpath,'set_testdata',function(result){
+                        var data = result.data;
+
+                        if(com.is_callerr(result)){
+                            index.add_alert('','警告','管理發生錯誤');
+                        }else{
+                            index.add_alert('alert-success','成功','測試資料已設定');
+                            j_set_testdata.modal('hide');
+
+                            _update();
+                        }
+                    },set_testdata_id,info,null);
+                });
+                j_set_testdata.find('button.cancel').on('click',function(e){
+                    j_set_testdata.modal('hide'); 
+                });
+
 
                 _update();
             });