blob: 34541070bcf6e47d3b22626ce2c5628e7dca5fc3 [file] [log] [blame]
Matteo Scandolod7552052016-03-11 13:47:27 -08001<div class="row">
2 <h2>Virtual Truck Roll</h2>
3 <p>Use this page to run test against your subscriber</p>
4</div>
5<form ng-submit="vm.runTest()">
6 <div class="row">
7 <div class="col-xs-12">
8 <label>Target:</label>
9 </div>
10 <div class="col-xs-12">
11 <select class="form-control" ng-model="vm.truckroll.target_id" ng-options="s.id as s.humanReadableName for s in vm.subscribers"></select>
12 </div>
13 </div>
14 <div class="row">
15 <div class="col-xs-12">
16 <label>Scope:</label>
17 </div>
18 <div class="col-xs-6">
19 <a
20 ng-click="vm.truckroll.scope = 'container'"
21 ng-class="{'btn-default': vm.truckroll.scope !== 'container', 'btn-primary': vm.truckroll.scope === 'container'}"
22 class="btn btn-block"
23 >
24 Container
25 </a>
26 </div>
27 <div class="col-xs-6">
28 <a
29 ng-click="vm.truckroll.scope = 'vm'"
30 ng-class="{'btn-default': vm.truckroll.scope !== 'vm', 'btn-primary': vm.truckroll.scope === 'vm'}"
31 class="btn btn-block"
32 >
33 VM
34 </a>
35 </div>
36 </div>
37 <div class="row">
38 <div class="col-xs-12">
39 <label>Test:</label>
40 </div>
41 <div class="col-xs-4">
42 <a
43 ng-click="vm.truckroll.test = 'ping'"
44 ng-class="{'btn-default': vm.truckroll.test !== 'ping', 'btn-primary': vm.truckroll.test === 'ping'}"
45 class="btn btn-block">Ping</a>
46 </div>
47 <div class="col-xs-4">
48 <a
49 ng-click="vm.truckroll.test = 'traceroute'"
50 ng-class="{'btn-default': vm.truckroll.test !== 'traceroute', 'btn-primary': vm.truckroll.test === 'traceroute'}"
51 class="btn btn-block">Traceroute</a>
52 </div>
53 <div class="col-xs-4">
54 <a
55 ng-click="vm.truckroll.test = 'tcpdump'"
56 ng-class="{'btn-default': vm.truckroll.test !== 'tcpdump', 'btn-primary': vm.truckroll.test === 'tcpdump'}"
57 class="btn btn-block">Tcp Dump</a>
58 </div>
59 </div>
60 <div class="row">
61 <div class="col-xs-12">
62 <label>Argument:</label>
63 </div>
64 <div class="col-xs-12">
65 <input type="text" class="form-control" ng-model="vm.truckroll.argument"/>
66 </div>
67 </div>
68 <div class="row">
69 <div class="col-xs-12" ng-show="!vm.loader">
70 <button class="btn btn-success btn-block">Run test</button>
71 </div>
72 <div class="col-xs-12" ng-show="vm.loader">
73 <div class="loader"></div>
74 </div>
75 </div>
76 <div class="row" ng-hide="!vm.truckroll.result">
77 <div class="col-xs-12">
78 <label>
79 Result:
80 </label>
81 </div>
82 <div class="col-xs-12">
83 <pre>{{vm.truckroll.result}}</pre>
84 </div>
85 </div>
86</form>