创建abtest页面的优化：添加tips

cat-home/src/main/webapp/jsp/system/abtest.jsp

@@ -19,47 +19,53 @@ div.controls input {
    <res:useJs value="${res.js.local['bootstrap.min.js']}" target="head-js" />
    <res:useJs value="${res.js.local['bootstrap-datetimepicker.min.js']}" target="head-js" />
    <res:useJs value="${res.js.local['select2.min.js']}" target="head-js" />
-   <div style="width: 750px; margin: 0 auto; margin-bottom: 250px;">
-      <h4 style="margin: 0 auto;">创建 ABTest</h4>
+   <div style="width: 900px; margin: 0 auto; margin-bottom: 250px;">
+      <h4 style="margin: 0 auto;">Create ABTest</h4>
       <div style="width: 90%;">
-         <span style="float: right" class="label label-info"> Edit </span>
-         <h5>基本信息</h5>
+         <!-- <span style="float: right" class="label label-info"> Edit </span>  -->
+         <h5>Basic Information</h5>
          <hr style="margin-top: 5px;">
          <form class="form-horizontal">
             <div class="control-group">
-               <label class="control-label">测试名</label>
+               <label class="control-label">AB Test Name <i tips="" data-trigger="hover" class="icon-question-sign"
+                  data-toggle="popover" data-placement="top" data-original-title="tips"
+                  data-content="Only charactor, number and underline are allowed. e.g. CatWeb_1"></i>
+               </label>
                <div class="controls">
-                  <input type="text" placeholder="">
+                  <input type="text" placeholder="give it a name ...">&nbsp;&nbsp; <span class="help-inline"></span>
                </div>
             </div>
             <div class="control-group">
-               <label class="control-label">简介</label>
+               <label class="control-label">Description</label>
                <div class="controls">
-                  <textarea class="span6" rows="3" cols="60"></textarea>
+                  <textarea placeholder="say something about the abtest ... " class="span6" rows="3" cols="60"></textarea>
                </div>
             </div>
             <div class="control-group">
-               <label class="control-label">开始时间</label>
+               <label class="control-label">Starting Time</label>
                <div class="controls">
                   <div id="datetimepicker1" class="input-append date">
-                     <input data-format="yyyy年MM月dd日 hh点mm分" type="text"></input> <span class="add-on"> <i
-                        data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
+                     <input placeholder="when to run ab test" data-format="yyyy-MM-dd hh:mm" type="text"></input> <span
+                        class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
                      </span>
                   </div>
                </div>
             </div>
             <div class="control-group">
-               <label class="control-label">结束时间</label>
+               <label class="control-label">End Time</label>
                <div class="controls">
                   <div id="datetimepicker2" class="input-append date">
-                     <input data-format="yyyy年MM月dd日 hh点mm分" type="text"></input> <span class="add-on"> <i
-                        data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
+                     <input placeholder="when to stop ab test" data-format="yyyy-MM-dd hh:mm" type="text"></input> <span
+                        class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
                      </span>
                   </div>
                </div>
             </div>
             <div class="control-group">
-               <label class="control-label">Domain</label>
+               <label class="control-label">Domain <i tips="" data-trigger="hover" class="icon-question-sign"
+                  data-toggle="popover" data-placement="top" data-original-title="tips"
+                  data-content="you can choose one or more than one domain"></i>
+               </label>
                <div class="controls">
                   <select multiple="" name="e9" id="e9" style="width: 350px;" class="populate select2-offscreen" tabindex="-1">
                      <optgroup label="团购">
@@ -88,23 +94,29 @@ div.controls input {
                   </select>
                </div>
             </div>
-            <h5>分流配置</h5>
+            <h5>Group Strategy</h5>
             <hr style="margin-top: 5px;">
             <div class="control-group">
-               <label class="control-label">分流策略</label>
+               <label class="control-label">Strategy Name</label>
                <div class="controls">
                   <select>
-                     <option>百分比策略</option>
-                     <option>随机策略</option>
+                     <option>percent</option>
+                     <option>other name</option>
                   </select>
                </div>
             </div>
             <div class="control-group">
-               <label class="control-label">策略配置信息</label>
+               <label class="control-label">Strategy Configuration</label>
                <div class="controls">
                   <textarea class="span6" rows="3" cols="60"></textarea>
                </div>
             </div>
+            <div class="control-group" style="margin-top: 40px">
+               <div class="controls">
+                  <button type="submit" class="btn btn-success">submit</button>
+                  <button type="button" onclick="advance()" style="margin-left: 20px" class="btn">cancel</button>
+               </div>
+            </div>
          </form>
       </div>
    </div>
@@ -112,7 +124,13 @@ div.controls input {
 				$(function() {
 					$('#datetimepicker1').datetimepicker();
 					$('#datetimepicker2').datetimepicker();
-					$("#e9").select2();
+					$("#e9")
+							.select2(
+									{
+										placeholder : "select which domains to run this ab test",
+										allowClear : true
+									});
+					$('i[tips]').popover();
 				});
 			</script>
 </a:body>
\ No newline at end of file