[Develop and Manual Test] show help with websocket

[eos/zephyr.git] / front-end / app / templates / command.html

diff --git a/front-end/app/templates/command.html b/front-end/app/templates/command.html
index 8b29d4f..545ea00 100644 (file)
--- a/front-end/app/templates/command.html
+++ b/front-end/app/templates/command.html
@@ -1,5 +1,5 @@
 <div>
-<uib-accordion-group heading="{{ctrl.heading}}" is-open="ctrl.isOpen" panel-class="panel-danger">
+<uib-accordion-group heading="{{ctrl.heading}}" is-open="ctrl.isOpen" panel-class="panel-primary">
     <uib-accordion-heading>
     <h4 class="panel-title">
         [{{ctrl.index}}: {{ctrl.name}}]
@@ -9,32 +9,46 @@
         </button>
     </h4>
     </uib-accordion-heading>
-    <code>
-        <form class="form-horizontal" ng-submit="ctrl.submit()">
-            <ul class="list-inline">
-                <li>
-                    <label class="control-label">
-                        workspace
-                    </label>
-                    <select class="form-control"
-                            ng-options="dir.name for dir in ctrl.dirs"
-                            ng-model="ctrl.workspace"
-                            ng-change="ctrl.reloadFiles()"
-                            required>
-                    </select>
-                </li>
-            </ul>
+    <div class="row">
+        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
+            <code>
+                <form class="form-horizontal" ng-submit="ctrl.submit()">
+                    <ul class="list-inline">
+                        <li>
+                            <label class="control-label">
+                                workspace
+                            </label>
+                            <select class="form-control"
+                                    ng-options="dir.name for dir in ctrl.dirs"
+                                    ng-model="ctrl.workspace"
+                                    ng-change="ctrl.reloadFiles()"
+                                    required>
+                            </select>
+                        </li>
+                    </ul>
 
-            <option info="o" files="ctrl.files"  ng-repeat="o in ctrl.options"></option>
-            <button type="submit" class="btn btn-default">
-                Execute
-            </button>
+                    <option info="o" files="ctrl.files"  ng-repeat="o in ctrl.options"></option>
 
-            <button type="button" ng-click="ctrl.debug()" class="btn btn-default">
-                Debug
-            </button>
+                    <button type="submit" class="btn btn-default">
+                        Execute
+                    </button>
 
-        </form>
-    </code>
+                    <button type="button" ng-click="ctrl.debug()" class="btn btn-default">
+                        Debug
+                    </button>
+
+                </form>
+            </code>
+        </div>
+        <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
+            <h4>Message from console</h4>
+            <button type="button" class="btn btn-default" ng-click="ctrl.help()">show help</button>
+            <div class="panel-info">
+                <div class="panel-body console-body">
+                    <p ng-repeat="msg in ctrl.messages track by $index">{{msg}}</p>
+                </div>
+            </div>
+        </div>
+    </div>
     </uib-accordion-group>
 </div>