robot-detail.html in artoo-0.5.0

- old
+ new

@@ -23,11 +23,11 @@
 	<div class="container device details" ng-show='deviceDetail'>
 		<div class="row-fluid">
 			<div class="span2">
 				<b><span class="name">{{deviceDetail.name}}</span></b>
 			</div>
-			<div class="span10">
+			<div class="span5 pull-right">
 				<b>
 					<dl class="controls">
 						<span ng-show='deviceDetail.pin'>
 							<dt><i class="icon-fighter-jet"></i> </dt>
 								<dd>{{ deviceDetail.pin }}</dd>
@@ -40,12 +40,26 @@
 							<dt><i class="icon-resize-horizontal"></i></dt>
 								<dd>{{ deviceDetail.adaptor }}</dd>
 						</span>
 						<span ng-show='deviceDetail.connection'>
 							<dt><i class="icon-circle" ng-class="isConnected(deviceDetail.connection)"></i> </dt>
-								<dd ng-show="deviceDetail.connection.name">{{deviceDetail.connection.name}}</dd>
+							<dd ng-show="deviceDetail.connection.name">{{deviceDetail.connection.name}}</dd>
 						</span>
 					</dl>
+					<div class="input-prepend">
+						<div class="commands btn-group" >
+							<a class="btn dropdown-toggle btn-mini" data-toggle="dropdown" href="#">
+								Commands
+								<span class="caret"></span>
+							</a>
+							<ul class="dropdown-menu">
+								<div ng-repeat="command in deviceDetail.commands">
+									<li><a ng-click="executeCommand(deviceDetail.name, command)">{{command }}</a></li>
+								</div>
+							</ul>
+						</div>
+						<input id="appendedDropdownButton" type="text">
+					</div>
 				</b>
 			</div>
 		</div>
 		<div class="row-fluid content" ng-show="driverHasOutput( deviceDetail.driver )" >
 			<div class="console">