You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

110 lines
5.8 KiB

8 years ago
  1. <div class="container-fluid">
  2. <div class="row">
  3. <div class="col-md-4">
  4. <div class="well">
  5. <fieldset>
  6. <legend>Neue Topologie starten</legend>
  7. <div class="form-group">
  8. <label for="inputSession" class="col-md-2 control-label">Session Name</label>
  9. <div class="col-md-10">
  10. <input type="text" ng-model="topology.sessionName" class="form-control" id="inputSession" placeholder="Sessionname">
  11. </div>
  12. </div>
  13. <div class="form-group">
  14. <label for="inputXML" class="col-md-2 control-label">Topologie-XML</label>
  15. <div class="col-md-10">
  16. <textarea rows="10" id="inputXML" style="width:100%;" ng-model="topology.filecontent" style="max-height:200px;overflow:scroll;"></textarea>
  17. </div>
  18. </div>
  19. <div class="form-group">
  20. <label for="startDate" class="col-md-2 control-label">Topologie-Startzeitpunkt</label>
  21. <div class="col-md-10">
  22. <input type="text" class="form-control" uib-datepicker-popup="dd.MM.yyyy" ng-model="topology.datetime" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" readonly/>
  23. <span class="input-group-btn">
  24. <button type="button" class="btn btn-default" ng-click="openDatePicker()"><i class="glyphicon glyphicon-calendar"></i></button>
  25. </span>
  26. </div>
  27. </div>
  28. <div class="form-group">
  29. <label for="startDate" class="col-md-2 control-label">Topologie-Startzeitpunkt</label>
  30. <div class="col-md-10">
  31. <div uib-timepicker ng-model="topology.datetime" minute-step="15" ng-change="" show-meridian="false"></div>
  32. </div>
  33. </div>
  34. <div class="form-group">
  35. <label for="repeat" class="col-md-2 control-label">Wiederholen</label>
  36. <div class="col-md-10">
  37. <div class="btn-group btn-group-justified btn-group-raised">
  38. <label class="btn btn-raised" ng-model="topology.repeat" uib-btn-radio="'none'">Einmalig</label>
  39. <label class="btn btn-raised" ng-model="topology.repeat" uib-btn-radio="'daily'">Täglich</label>
  40. <label class="btn btn-raised" ng-model="topology.repeat" uib-btn-radio="'weekly'">Wöchentlich</label>
  41. </div>
  42. </div>
  43. </div>
  44. <button class="btn btn-primary btn-raised btn-block" ng-click="send()">Planen</button>
  45. </fieldset>
  46. </div>
  47. </div>
  48. <div class="col-md-4">
  49. <div class="well">
  50. <legend>geplante Simulationen</legend>
  51. <div class="list-group ">
  52. <div class="list-group-item" ng-repeat-start="sim in plannedSims">
  53. <div class="row-action-primary">
  54. <i class="material-icons" ng-if="sim.status=='done'">done</i>
  55. <i class="material-icons" ng-if="sim.status=='repeating'">cached</i>
  56. <i class="material-icons" ng-if="sim.status=='scheduled'">access_time</i>
  57. </div>
  58. <div class="row-content">
  59. <div class="least-content">{{sim.timestamp*1000 | date:'EEEE, dd.MM.yyyy HH:mm'}}</div>
  60. <h4 class="list-group-item-heading">{{sim.sessionname}}</h4>
  61. <p class="list-group-item-text">Status: {{sim.status}}</p>
  62. <p class="list-group-item-text">Benutzer: {{sim.username}}</p>
  63. <p class="list-group-item-text" ng-if="sim.status == 'repeating'">Nächste Ausführung: {{sim.timestamp*1000 + sim.repeat_interval*1000 * sim.repeat_count | date:'EEEE, dd.MM.yyyy HH:mm'}}</p>
  64. <button class="btn btn-danger" ng-click="removePlannedSim(sim.id)">Delete</button>
  65. </div>
  66. </div>
  67. <div class="list-group-separator" ng-repeat-end></div>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="col-md-4">
  72. <div class="well">
  73. <legend>laufende Simulationen für {{credentials.username}}</legend>
  74. <div class="list-group">
  75. <div class="list-group-item" ng-repeat-start="(key,value) in runningSims">
  76. <div class="row-action-primary">
  77. <i class="material-icons">folder</i>
  78. </div>
  79. <div class="row-content">
  80. <div class="least-content"></div>
  81. <h4 class="list-group-item-heading">{{key}}</h4>
  82. <p class="list-group-item-text">Status: {{value.status}}</p>
  83. <p class="list-group-item-text">Launched: {{value.launched}}</p>
  84. <button class="btn btn-danger" ng-click="stopSim(key)">Stop</button>
  85. </div>
  86. </div>
  87. <div class="list-group-separator" ng-repeat-end></div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>