Skip to content
Snippets Groups Projects
Select Git revision
  • e193a468af848420008d7d106f63b76e0f49f60f
  • master default protected
  • L2SDP-LIFT
  • L2SDP-1113
  • HPR-158
5 results

commands.do

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    index.html 11.26 KiB
    <!doctype html>
    <!-- $Id$ -->
    <html lang='en' ng-app="raeApp">
        <head>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <title>{{title}}</title>
        <link rel='shortcut icon' href='{{ url_for('static', filename='favicon.ico') }}'>
        <link href="/static/js/angular-gantt/angular-gantt.min.css" rel="stylesheet" type="text/css">
        <link href="/static/js/angular-gantt/angular-gantt-plugins.min.css" rel="stylesheet" type="text/css">
        <link href="/static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="/static/js/angular-ui-grid/ui-grid.min.css" rel="stylesheet" type="text/css">
        <link href="/static/js/angular-ui-layout/angular-ui-layout.css" rel="stylesheet" type="text/css">
        <link href="/static/js/angular-material/angular-material.min.css" rel="stylesheet" type="text/css">
        <link href="/static/js/utils/datetimepicker.css" rel="stylesheet" type="text/css">
        <link href="/static/css/main.css" rel="stylesheet" type="text/css">
        <script src="/static/js/utils/startswith.js"></script>
        <script src="/static/js/moment/moment.js"></script>
        <script src="/static/js/jquery/jquery.min.js"></script>
        <script src="/static/js/utils/bootstrap.min.js"></script>
        <script type="text/javascript" src="/static/js/highcharts/highcharts.js"></script>
        <script type="text/javascript" src="/static/js/highcharts/exporting.js"></script>
        <script src="/static/js/angular/angular.min.js"></script>
        <script src="/static/js/utils/ui-bootstrap-tpls.min.js"></script>
        <script src="/static/js/angular-route/angular-route.min.js"></script>
        <script src="/static/js/angular-touch/angular-touch.js"></script>
        <script src="/static/js/angular-resource/angular-resource.min.js"></script>
    <!--    <script src="/static/js/utils/ui-grid-edit-datepicker.js"></script>-->
        <script src="/static/js/angular-ui-grid/ui-grid.js"></script>
        <script src="/static/js/angular-ui-tree/angular-ui-tree.js"></script>
        <script src="/static/js/angular-ui-layout/angular-ui-layout.min.js"></script>
        <script src="/static/js/angular-ui-layout/angular-ui-layout.min.js"></script>
        <script src="/static/js/angular-ui-tabs/angular-ui.bootstrap.tabs.min.js"></script>
        <script src="/static/js/angular-moment/angular-moment.js"></script>
        <script src="/static/js/angular-animate/angular-animate.min.js"></script>
        <script src="/static/js/angular-aria/angular-aria.min.js"></script>
        <script src="/static/js/angular-material/angular-material.min.js"></script>
        <script src="/static/js/utils/datetimepicker.js"></script>
        <script src="/static/js/jsplumb/jsplumb-2.0.7-min.js"></script>
        <script src="/static/js/angular-gantt/angular-gantt.js"></script>
        <script src="/static/js/angular-gantt/angular-gantt-plugins.js"></script>
        <script type="text/javascript" src="/static/js/highcharts/highcharts-ng.js"></script>
        <script src="/static/app/app.js"></script>
        <script src="/static/app/controllers/datacontroller.js"></script>
        <script src="/static/app/controllers/cleanupcontroller.js"></script>
        <script src="/static/app/controllers/gridcontroller.js"></script>
        <script src="/static/app/controllers/ganttresourcecontroller.js"></script>
        <script src="/static/app/controllers/ganttprojectcontroller.js"></script>
        <script src="/static/app/gantt-plugins/angular-gantt-contextmenu-plugin.js"></script>
        <script src="/static/app/controllers/chartresourceusagecontroller.js"></script>
        </head>
        <body style="overflow:hidden;">
        {% raw %}
        <div ng-controller="DataController as dataCtrl" class="container-fluid">
            <div ng-controller="CleanupController as cleanupCtrl" class="container-fluid">
            <div class="row">
                <div class="col-md-2">
                    <label>Time (UTC):</label>
                    <p>
                        <strong style="font-size:16px">{{dataService.lofarTime | date }}</strong>
                    </p>
                </div>
                <div class="col-md-3">
                    <label>From:</label>
                    <p class="input-group">
                        <input type="text" class="form-control" style="min-width:100px" uib-datepicker-popup="yyyy-MM-dd" ng-model="$parent.dataService.viewTimeSpan.from" ng-change="$parent.onViewTimeSpanFromChanged()" is-open="viewFromDatePopupOpened" datepicker-options="dateOptions" ng-required="true" close-text="Close" close-on-date-selection="false"/>
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="openViewFromDatePopup()"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                        <uib-timepicker ng-model="$parent.dataService.viewTimeSpan.from" ng-change="$parent.onViewTimeSpanFromChanged()" hour-step="1" minute-step="5" show-meridian="false" show-spinners="false"></uib-timepicker>
                    </p>
                </div>
                <div class="col-md-3">
                    <label>To:</label>
                    <p class="input-group">
                        <input type="text" class="form-control" style="min-width:100px" uib-datepicker-popup="yyyy-MM-dd" ng-model="$parent.dataService.viewTimeSpan.to" ng-change="$parent.onViewTimeSpanToChanged()" is-open="viewToDatePopupOpened" datepicker-options="dateOptions" ng-required="true" close-text="Close" close-on-date-selection="false"/>
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="openViewToDatePopup()"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                        <uib-timepicker ng-model="$parent.dataService.viewTimeSpan.to" ng-change="$parent.onViewTimeSpanToChanged()" hour-step="1" minute-step="5" show-meridian="false" show-spinners="false"></uib-timepicker>
                    </p>
                </div>
                <div class="col-md-1">
                    <label>Scroll:</label>
                    <p class="input-group">
                        <label title="Automatically scroll 'From' and 'To' to watch live events" style="padding-right: 4px; vertical-align: top;">Live <input type="checkbox" ng-model="$parent.dataService.autoFollowNow"></label>
                        <button title="Scroll back in time" type="button" class="btn btn-default" ng-click="scrollBack()"><i class="glyphicon glyphicon-step-backward"></i></button>
                        <button title="Scroll forward in time" type="button" class="btn btn-default" ng-click="scrollForward()"><i class="glyphicon glyphicon-step-forward"></i></button>
                    </p>
                </div>
                <div class="col-md-2">
                    <label>Zoom:</label>
                    <p class="input-group">
                        <select class="form-control" ng-model="$parent.zoomTimespan" ng-options="option.name for option in $parent.zoomTimespans track by option.value" ng-change="$parent.onZoomTimespanChanged()"></select>
                    </p>
                </div>
                <div class="col-md-1">
                    <label></label>
                    <p class="input-group">
                        <button title="Show disk usage by project" type="button" class="btn btn-default" ng-click="cleanupCtrl.showAllProjectsDiskUsage()"><i class="glyphicon glyphicon-floppy-disk"></i></button>
                    </p>
                </div>
            </div>
    
            <div class="top-stretch" ui-layout options="{flow: 'column'}">
                <div ng-controller="GridController as gridCtrl" style="margin-right: 4px" >
                    <div id="grid"
                    ui-grid="gridOptions"
                    ui-grid-edit ui-grid-selection ui-grid-cellNav ui-grid-resize-columns ui-grid-auto-resize
                    class="grid"></div>
                </div>
                <md-content margin-top='10px'>
                    <md-tabs md-dynamic-height md-border-bottom style="height: 100%; width: 100%;">
                        <div ng-controller="GanttProjectController as ganttProjectCtrl" ng-init="enabled=true">
                            <md-tab label="Tasks" md-on-select="enabled=true" md-on-deselect="enabled=false">
                                <div gantt data=ganttData
                                    api=options.api
                                    show-side='true'
                                    view-scale="options.viewScale"
                                    from-date="options.fromDate"
                                    to-date="options.toDate"
                                    current-date="options.currentDate"
                                    current-date-value="options.currentDateValue"
                                    column-magnet="options.columnMagnet"
                                    style="height: 75%; max-height:1200px; width: 100%; overflow-x: hidden; overflow-y: auto; margin-left: 8px;">
                                    <gantt-table enabled="true"></gantt-table>
                                    <gantt-movable enabled="true"
                                        allow-moving="true"
                                        allow-resizing="true"
                                        allow-row-switching="false">
                                    </gantt-movable>
                                    <gantt-tooltips enabled="true" date-format="'YYYY-MM-DD HH:mm'"></gantt-tooltips>
                                    <gantt-dependencies enabled="options.dependencies"></gantt-dependencies>
                                    <gantt-contextmenu enabled="true"></gantt-contextmenu>
                                </div>
                            </md-tab>
                        </div>
    
                        <div ng-controller="GanttResourceController as ganttResourceCtrl" ng-init="enabled=false">
                            <md-tab label="Resources" md-on-select="enabled=true" md-on-deselect="enabled=false">
                                <div gantt data=ganttData
                                    api=options.api
                                    show-side='true'
                                    view-scale="options.viewScale"
                                    from-date="options.fromDate"
                                    to-date="options.toDate"
                                    current-date="options.currentDate"
                                    current-date-value="options.currentDateValue"
                                    column-magnet="options.columnMagnet"
                                    style="height: 75%; max-height:800px; width: 100%; overflow-x: hidden; overflow-y: auto; margin-left: 8px;">
                                    <gantt-tree enabled="true"></gantt-tree>
                                    <gantt-movable enabled="true"
                                        allow-moving="true"
                                        allow-resizing="true"
                                        allow-row-switching="false"></gantt-movable>
                                    <gantt-tooltips enabled="true" date-format="'YYYY-MM-DD HH:mm'"></gantt-tooltips>
                                    <gantt-contextmenu enabled="true"></gantt-contextmenu>
                                </div>
                                <div ng-controller="ChartResourceUsageController as chartResourceUsageCtrl" style="height: 25%">
                                    <highchart id="chart_resource_usage" config="chartConfig" style="margin: 12px;" ></highchart>
                                </div>
                            </md-tab>
                        </div>
                    </md-tabs>
                </md-content>
            </div>
        </div>
        {% endraw %}
        </body>
    </html>