Add margin at displaying command execution panel

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

diff --git a/front-end/dist/templates/command.html b/front-end/dist/templates/command.html
index f9beaed..6622a5c 100644 (file)
--- a/front-end/dist/templates/command.html
+++ b/front-end/dist/templates/command.html
@@ -1,21 +1,54 @@
-<div>
-    <uib-accordion-group heading="{{ctrl.heading}}" is-open="ctrl.isOpen" panel-class="panel-danger">
-        <uib-accordion-heading>
-            <h4 class="panel-title">
-                [{{ctrl.index}}: {{ctrl.name}}]
-                <button class="pull-right"
-                        ng-click="ctrl.removeMySelf(ctrl.index)">
-                    <span class="glyphicon glyphicon-remove"></span>
-                </button>
-            </h4>
-        </uib-accordion-heading>
-        <code>
-            <form ng-submit="ctrl.submit()">
-                <option info="o" files="ctrl.files"  ng-repeat="o in ctrl.options"></option>
-                <button type="submit" class="btn btn-default">
-                    Execute
-                </button>
-            </form>
-        </code>
+<div class="command">
+<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}}]
+        <button class="pull-right"
+                ng-click="ctrl.removeMySelf(ctrl.index)">
+            <span class="glyphicon glyphicon-remove"></span>
+        </button>
+    </h4>
+    </uib-accordion-heading>
+    <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>
+
+                    <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>