<div class="row">

<div class="scrollbar style-3">

<table class="table table-striped" style="margin-
bottom: 0px;">
<thead>
<tr>
<th><a href=""
ng-click="order('')">#</a></th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 60px;" ng-
click="order('RobotIdleTimeLogParameters')">Description</a></th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 60px;" ng-
click="order('Robot1TotalTime')">R1</a></th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 60px;" ng-
click="order('Robot2TotalTime')">R2</a></th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 60px;" ng-
click="order('Robot3TotalTime')">R3</a></th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 60px;" ng-
click="order('Robot4TotalTime')">R4</a></th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot5TotalTime')">R5</a> </th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot6TotalTime')">R6</a> </th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot7TotalTime')">R7</a> </th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot8TotalTime')">R8</a> </th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot9TotalTime')">R9</a> </th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot10TotalTime')">R10</a> </th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot11TotalTime')">R11</a> </th>
<th><i class="fa fa-sort" aria-
hidden="true"></i><a href="" style="width: 100%;" ng-
click="order('Robot12TotalTime')">R12</a> </th>
</tr>
</thead>
<tbody>
<!-- ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope odd">
<td class="ng-binding">1</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(124, 181, 236);"></span>System Running</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">21:19</td>
<td class="ng-binding">22:39</td>
<td class="ng-binding">19:56</td>
<td class="ng-binding">21:15</td>
<td class="ng-binding">22:46</td>
<td class="ng-binding">21:15</td>
<td class="ng-binding">22:33</td>
<td class="ng-binding">22:25</td>
<td class="ng-binding">22:39</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope">
<td class="ng-binding">2</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(67, 67, 72);"></span>Bag/Carton more than demand</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:19</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope odd">
<td class="ng-binding">3</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(144, 237, 125);"></span>Palletizer safety door open</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:14</td>
<td class="ng-binding">0:02</td>
<td class="ng-binding">0:39</td>
<td class="ng-binding">0:14</td>
<td class="ng-binding">0:12</td>
<td class="ng-binding">0:09</td>
<td class="ng-binding">0:03</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope">
<td class="ng-binding">4</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(247, 163, 92);"></span>Air pressure not available for palletizer</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:34</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:05</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope odd">
<td class="ng-binding">5</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(128, 133, 233);"></span>Emergency button pressed</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:21</td>
<td class="ng-binding">0:05</td>
<td class="ng-binding">0:29</td>
<td class="ng-binding">0:26</td>
<td class="ng-binding">0:10</td>
<td class="ng-binding">0:42</td>
<td class="ng-binding">0:12</td>
<td class="ng-binding">0:14</td>
<td class="ng-binding">0:26</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope">
<td class="ng-binding">6</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(241, 92, 128);"></span>Stand By</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:36</td>
<td class="ng-binding">0:10</td>
<td class="ng-binding">0:58</td>
<td class="ng-binding">0:26</td>
<td class="ng-binding">0:42</td>
<td class="ng-binding">1:07</td>
<td class="ng-binding">0:48</td>
<td class="ng-binding">0:49</td>
<td class="ng-binding">0:10</td>
<td class="ng-binding">0:00</td>
 </tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope odd">
<td class="ng-binding">7</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(228, 211, 84);"></span>Power OFF</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search --><tr ng-repeat="user
in list | orderBy:predicate:reverse | filter:paginate| filter:search" ng-class-
odd="'odd'" ng-class="{'selected-row':selected[$index]}" ng-
click="ActiveRow($index)" class="ng-scope">
<td class="ng-binding">8</td>
<td class="ng-binding"><span ng-
style="{'background-color': user.Color}" class="dot" style="background-color:
rgb(43, 144, 143);"></span>Light carton interrupted</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:11</td>
<td class="ng-binding">0:04</td>
<td class="ng-binding">0:33</td>
<td class="ng-binding">0:26</td>
<td class="ng-binding">0:01</td>
<td class="ng-binding">0:18</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:06</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in list |
orderBy:predicate:reverse | filter:paginate| filter:search -->
<!-- ngRepeat: user in TotalTimelist --><tr ng-
repeat="user in TotalTimelist" style="font-weight: bold; background-color: #ccc;"
class="ng-scope">
<td></td>
<td class="ng-binding">Total Time
(HH:MM)</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">0:00</td>
<td class="ng-binding">22:45</td>
<td class="ng-binding">23:44</td>
<td class="ng-binding">22:46</td>
<td class="ng-binding">23:16</td>
<td class="ng-binding">23:59</td>
<td class="ng-binding">23:39</td>
<td class="ng-binding">23:50</td>
 <td class="ng-binding">23:39</td>
<td class="ng-binding">23:32</td>
<td class="ng-binding">0:00</td>
</tr><!-- end ngRepeat: user in TotalTimelist
-->
</tbody>
</table>
</div>
</div>