Free cookie consent management tool by TermsFeed Policy Generator

Ignore:
Timestamp:
04/13/16 17:11:07 (9 years ago)
Author:
jlodewyc
Message:

#2582 Calendar basic interactions working. Timezone working correct. Next: saving to server

Location:
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager

    • Property svn:ignore

      •  

        old new  
         1node_modules
        12project.lock.json

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Resource/Index.cshtml

    r13754 r13758  
    1313             data-node-id="Id"
    1414             data-node-label="Name"
    15              data-node-children="children">
     15             data-node-children="children"
     16             ng-class="">
    1617        </div>
    1718    </div>
    1819    <div ng-if="treeview.currentNode" class="col-sm-8 panel  panel-primary">
    19         <div  class="row panel-heading" >
     20        <div class="row panel-heading">
    2021            <h3>{{treeview.currentNode.Name}} <span ng-if="treeview.currentNode.IsDisposable === undefined"> - Client group</span></h3>
    2122            <table class="table">
    … …  
    2324                    <tr>
    2425                        <td>Heartbeat</td>
    25                         <td>Every {{treeview.currentNode.HbInterval}} sec
    26                          <span ng-if="treeview.currentNode.IsDisposable !== undefined">
    27                               - Last beat {{treeview.currentNode.LastHeartbeat | date:'HH:mm dd/MM/yyyy' }}
     26                        <td>
     27                            Every {{treeview.currentNode.HbInterval}} sec
     28                            <span ng-if="treeview.currentNode.IsDisposable !== undefined">
     29                                - Last beat {{treeview.currentNode.LastHeartbeat | date:'HH:mm dd/MM/yyyy' }}
    2830                            </span>
    2931                        </td>
    … …  
    4648                        <td>Cores (free/total)</td>
    4749                        <td>{{treeview.currentNode.FreeCores}} | {{treeview.currentNode.Cores}}</td>
    48                        
    49                        
     50
     51
    5052                    </tr>
    5153                    <tr>
    … …  
    5355                        <td>{{treeview.currentNode.FreeMemory}} MB | {{treeview.currentNode.Memory}} MB</td>
    5456                    </tr>
    55  
     57
    5658                </tbody>
    5759            </table>
    5860        </div>
    5961        <div class="panel-body row" style="text-align:center">
    60             <i ng-if="currentcal.length  === 0" class="fa fa-cog fa-5x fa-spin" ></i>
    61             <div ng-if="currentcal.length != 0"
    62                  ui-calendar="uiConfig.calendar"
    63                  id="resourcecalendar"
    64                  class="span8 calendar"
    65                  ng-model="currentcal.down"></div>
     62            <div class="row" style="padding-bottom:30px;">
     63                <button class="btn btn-success" ng-click="saveCurrentCalendar()">Save current changes</button>
     64                <button class="btn btn-success" ng-click="saveAllCalendars()">Save all changes</button>
     65                <button class="btn btn-warning" ng-click="clearCurrentCalendar()">Clear current changes</button>
     66                <button class="btn btn-warning" ng-click="clearAllCalendars()">Clear all changes</button>
     67            </div>
     68            <i ng-if="currentcal.length  === 0" class="fa fa-cog fa-5x fa-spin"></i>
     69            <div ng-if="currentcal.length != 0"
     70                 ui-calendar="uiConfig.calendar"
     71                 id="resourcecalendar"
     72                 style="font-size:medium"
     73                 class="span8 calendar"
     74                 ng-model="currentcal.down"></div>
     75            <table ng-if="selectedEventId != -1" class="table">
     76                <tr>
     77                    <th colspan="2"> Selected event</th>
     78
     79                </tr>
     80                <tr>
     81                    <td>Time</td>
     82                    <td ng-if="!currentcal.down[0][selectedEventId].allDay">
     83                        {{currentcal.down[0][selectedEventId].start | date : 'HH:mm dd/MM/yy' : 'utc'}}
     84                        <span ng-if="currentcal.down[0][selectedEventId].end">
     85                            to {{currentcal.down[0][selectedEventId].end | date : 'HH:mm dd/MM/yy': 'utc'}}
     86                        </span>
     87                    </td>
     88                    <td ng-if="currentcal.down[0][selectedEventId].allDay">
     89                        {{currentcal.down[0][selectedEventId].start | date : 'dd/MM/yy' : 'utc'}}
     90                        <span ng-if="currentcal.down[0][selectedEventId].end">
     91                            to {{currentcal.down[0][selectedEventId].end | date : 'dd/MM/yy': 'utc'}}
     92                        </span>
     93                    </td>
     94                </tr>
     95                <tr>
     96                    <td>Status</td>
     97                    <td>
     98                        <select class="content-select" ng-model="currentcal.down[0][selectedEventId].title" ng-change="setChanged()">
     99                            <option value="Unavailable">Unavailable</option>
     100                            <option value="Shutdown">Shutdown command</option>
     101                        </select>
     102                    </td>
     103                </tr>
     104                <tr>
     105                    <td></td>
     106                    <td>
     107                        <button class="btn btn-danger"
     108                                ng-click="remove(selectedEventId)">
     109                            <i class="fa fa-trash-o"></i>
     110                            Delete
     111                        </button>
     112                    </td>
     113                </tr>
     114            </table>
     115            <table ng-if="selectedEventId === -1" class="table">
     116            <tr>
     117                <th colspan="2"> Select an event to show information</th>
     118
     119            </tr>
     120            <tr>
     121                <td>Time / Select an event</td>
     122                   </tr>
     123            <tr>
     124                <td>Status / Select an event</td>
     125            </tr>
     126            </table>
    66127        </div>
    67        
     128
    68129        <div class="row panel-footer">
    69130
Note: See TracChangeset for help on using the changeset viewer.