Free cookie consent management tool by TermsFeed Policy Generator

Ignore:
Timestamp:
06/02/16 12:35:30 (9 years ago)
Author:
jlodewyc
Message:

#2582 final commit / end of internship

Location:
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFile.cshtml

    r13862 r13871  
    252252            <li><a href="#finish"><i class="fa fa-flag-checkered"></i> Add to Hive or save to file</a></li>
    253253            <li style="position:fixed">
    254                 <div class="alert alert-success" id="success-alert">
     254                <div class="alert alert-success" id="success-alert" style="display:flex">
    255255                    <span id="succText"></span>
    256256                </div>
  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/OkbManagement/Index.cshtml

    r13862 r13871  
    44<div id="userId" style="display:none">@ViewBag.SessionId</div>
    55<script src="~/js/hubs/okbmanagerhubber.js"></script>
    6 <div ng-app="wjmokbmanager" ng-controller="okbmanangerCtrl" id="controllerdiv" class="animated fadeIn">
     6<div ng-app="wjmokbmanager" ng-controller="okbmanangerCtrl" id="controllerdiv" class="animated fadeIn" ng-init="init()">
    77
    88
    99    @Html.Partial("Navbar", new NavbarViewModel("OKBAdmin", Model.User))
    10 
    11     @Html.Partial("_ErrorMessage", Model.message)
     10    @if (ViewBag.Success != null && ViewBag.Success)
     11    {
     12
     13        @Html.Partial("_SuccessMessage", Model.message)
     14    }
     15    else
     16    {
     17        @Html.Partial("_ErrorMessage", Model.message)
     18
     19    }
     20   
    1221
    1322    <ul class="nav nav-pills nav-justified">
     
    1524        <li role="presentation"
    1625            ng-class="{active: currentData.name === 'Platforms'}">
    17                 <a ng-click="selectDataCat('platforms')" href="">
    18                     Platforms
    19                 </a>
     26            <a ng-click="selectDataCat('platforms')" href="">
     27                Platforms
     28            </a>
    2029        </li>
    2130        <li role="presentation"
     
    4049            ng-class="{active: currentData.name === 'Problems'}">
    4150            <a ng-click="selectDataCat('problems')" href="">
    42                 PlatformsProblems
    43             </a>
    44         </li>
    45 
     51                Problems
     52            </a>
     53        </li>
    4654    </ul>
     55    <div class="row animated fadeIn" style="padding:10px">
     56        <div class="col-sm-4" ng-if="currentData.name != ''" style="padding-left:15px">
     57            <div class="btn-group btn-group-justified btn-block"
     58                 role="group" style="margin-bottom:-4px">
     59                <a class="btn btn-info btn-lg disabled"
     60                   style="width:6%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     61                            text-shadow:2px 2px black;">
     62                    <i class="fa fa-list"></i> {{currentData.name}}
     63                </a>
     64                <a class="btn btn-success"
     65                   ng-class="{active: currentData.data.selected.Id === -1}"
     66                   style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     67                            text-shadow:2px 2px black;"
     68                   ng-click="selectDataMember(null)">
     69                    <i class="fa fa-plus-circle"></i>
     70                </a>
     71            </div>
     72            <div class="btn-group-vertical btn-block">
     73                <a class="btn btn-default"
     74                   ng-repeat="dat in currentData.data.arr track by $index"
     75                   ng-class="{active: currentData.data.selected.Id === dat.Id}"
     76                   style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); overflow:hidden"
     77                   ng-click="selectDataMember($index)">
     78                    {{dat.Name}}
     79                </a>
     80            </div>
     81        </div>
     82        <!--NOTIFICATIONS-->
     83        <div class="alert alert-success" id="success-alert" style="display:flex">
     84            <span id="succText"></span>
     85        </div>
     86        <!--Panel-->
     87        <div class="col-sm-8 animated fadeIn" ng-if="currentData.name != ''"
     88             id="content"
     89             style="padding:5px; padding-left:10px;">
     90            <div class="panel panel-primary"
     91                 style="border-width:2px!important;
     92                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
     93                <div class="panel-heading" style="padding:15px">
     94                    <!--Title for new algo class and problem class-->
     95                    <h1 ng-if="currentData.data.selected.Id === -1 && currentData.name.length >  11">Add new {{currentData.name.slice(0,-2) | lowercase}}</h1>
     96                    <!--Title for new others-->
     97                    <h1 ng-if="currentData.data.selected.Id === -1 && currentData.name.length < 11">Add new {{currentData.name.slice(0,-1) | lowercase}}</h1>
     98                    <!--Title for existing member-->
     99                    <h1 ng-if="currentData.data.selected.Id != -1"> {{currentData.data.selected.Name}}</h1>
     100                </div>
     101                <div class="panel-body" style="padding:10px">
     102                    <div class="form-group" style="padding-bottom:30px">
     103
     104                        <label for="inpusername"
     105                               class="col-sm-3 control-label">
     106                            Name
     107                        </label>
     108                        <div class="col-sm-8">
     109                            <input type="text"
     110                                   class="form-control"
     111                                   id="inpusername"
     112                                   name="inpusername"
     113                                   placeholder="Name"
     114                                   ng-model="currentData.data.selected.Name">
     115                        </div>
     116                    </div>
     117                    <div class="form-group">
     118
     119                        <label for="inpdesc"
     120                               class="col-sm-3 control-label">
     121                            Description
     122                        </label>
     123                        <div class="col-sm-8">
     124                            <textarea style="resize:vertical"
     125                                      class="form-control"
     126                                      id="inpdesc"
     127                                      name="inpdesc"
     128                                      placeholder="Description"
     129                                      ng-model="currentData.data.selected.Description"></textarea>
     130                        </div>
     131
     132                    </div>
     133                    <!-- PLATFORM-->
     134                    <div class="form-group"
     135                         style="padding-top:30px"
     136                         ng-if="currentData.type != 'ND'">
     137
     138                        <label for="inpplat"
     139                               class="col-sm-3 control-label">
     140                            Platform
     141                        </label>
     142                        <div class="col-sm-8">
     143                            <select class="form-control"
     144                                    id="inpplat"
     145                                    name="inpplat"
     146                                    ng-model="currentData.data.selected.PlatformId"
     147                                    ng-options="plat.Id as plat.Name for plat in platforms.arr"></select>
     148                        </div>
     149
     150                    </div>
     151                    <!--ALGO CLASS-->
     152                    <div class="form-group"
     153                         style="padding-top:30px"
     154                         ng-if="currentData.type === 'ALG'">
     155                        <label for="inpplat"
     156                               class="col-sm-3 control-label">
     157                            Algorithm Class
     158                        </label>
     159                        <div class="col-sm-8">
     160                            <select class="form-control"
     161                                    id="inpplat"
     162                                    name="inpplat"
     163                                    ng-model="currentData.data.selected.AlgorithmClassId"
     164                                    ng-options="alg.Id as alg.Name for alg in algoclass.arr"></select>
     165                        </div>
     166
     167                    </div>
     168                    <!--PROBLEM CLASS-->
     169                    <div class="form-group"
     170                         style="padding-top:30px"
     171                         ng-if="currentData.type === 'PROB'">
     172                        <label for="inpplat"
     173                               class="col-sm-3 control-label">
     174                            Problem Class
     175                        </label>
     176                        <div class="col-sm-8">
     177                            <select class="form-control"
     178                                    id="inpplat"
     179                                    name="inpplat"
     180                                    ng-model="currentData.data.selected.ProblemClassId"
     181                                    ng-options="prob.Id as prob.Name for prob in probclass.arr"></select>
     182                        </div>
     183
     184                    </div>
     185                    <!--DATA TYPE-->
     186
     187                </div>
     188                <div class="panel-body"
     189                     ng-if="currentData.data.selected.Id != -1">
     190                    <div class="row" ng-if="currentData.type != 'ND'" style="padding:20px;padding-top:0">
     191                        <h3>Data type</h3>
     192                        <div class="form-group"
     193                             style="padding-top:10px">
     194                            <label class="col-sm-3 control-label">
     195                                Name
     196                            </label>
     197                            <div class="col-sm-8">
     198                                <input type="text"
     199                                       class="form-control"
     200                                       disabled
     201                                       ng-model="currentData.data.selected.DataTypeName">
     202                            </div>
     203
     204                        </div>
     205                        <div class="form-group"
     206                             style="padding-top:30px">
     207                            <label class="col-sm-3 control-label">
     208                                Type Name
     209                            </label>
     210                            <div class="col-sm-8">
     211                                <input type="text"
     212                                       class="form-control"
     213                                       disabled
     214                                       ng-model="currentData.data.selected.DataTypeTypeName">
     215                            </div>
     216
     217                        </div>
     218                    </div>
     219                    <form method="post"
     220                          asp-action="Uploader"
     221                          asp-controller="OkbManagement" enctype="multipart/form-data">
     222                        <input onchange="printFile()"
     223                               type="file"
     224                               id="fileupl"
     225                               name="fileupl"
     226                               accept=".hl"
     227                               style="display:none" />
     228                        <div onclick="firefilebutton()"
     229                             class="btn btn-info"
     230                             id="uplbutt"
     231                             style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     232                                 text-shadow:1px 1px black;">
     233                            <i class="fa fa-folder-open-o"></i> Choose new file
     234                        </div>
     235
     236                        <input type="submit" class="btn btn-primary" id="upl" disabled value="Upload" />
     237                        <input type="text"
     238                               id="name"
     239                               name="name"
     240                               value="{{currentData.name }}"
     241                               style="display:none" />
     242                        <input type="text"
     243                               id="id"
     244                               name="id"
     245                               value="{{currentData.data.selected.Id }}"
     246                               style="display:none" />
     247                        <script type="text/javascript">
     248                            function firefilebutton() {
     249                                document.getElementById("fileupl").click();
     250
     251
     252                            }
     253                            function printFile() {
     254                                var files = document.getElementById("fileupl").files;
     255                                if (files.length > 0) {
     256                                    document.getElementById("upl").disabled = false;
     257
     258                                    for (var i = 0; i < files.length; i++) {
     259                                        document.getElementById("uplbutt").innerHTML =  files[i].name + " selected";
     260                                    }
     261                                }
     262                            }
     263
     264
     265                        </script>
     266                    </form>
     267                </div>
     268                <div class="panel-footer" style="height:60px">
     269                    <div class="col-sm-3">
     270                        <a class="btn btn-success btn-block"
     271                           style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     272                            text-shadow:2px 2px black;"
     273                           ng-if="currentData.data.selected.Id != -1"
     274                           ng-click="saveCurrent()">
     275                            <i class="fa fa-save"></i> Save
     276                        </a>
     277                        <a class="btn btn-success btn-block"
     278                           style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     279                            text-shadow:2px 2px black;"
     280                           ng-if="currentData.data.selected.Id === -1"
     281                           ng-click="saveCurrent()">
     282                            <i class="fa  fa-plus-circle"></i> Add
     283                        </a>
     284                    </div>
     285                    <div class="col-sm-offset-6 col-sm-3">
     286                        <a class="btn btn-danger btn-block"
     287                           style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     288                            text-shadow:2px 2px black;"
     289                           ng-if="currentData.data.selected.Id != -1"
     290                           ng-click="deleteCurrent()">
     291                            <i class="fa fa-trash-o"></i> Delete
     292                        </a>
     293                    </div>
     294                </div>
     295
     296
     297
     298            </div>
     299        </div>
     300
     301    </div>
    47302
    48303    <script type="text/javascript">
  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Query/Index.cshtml

    r13860 r13871  
    3939                {{item.Label}}
    4040            </p>
    41             <span ng-if="item.CompareType != 'HeuristicLab.Clients.OKB.Query.EqualityComparison'">
     41            <span ng-if="item.CompareType != 'HeuristicLab.Clients.OKB.Query.EqualityComparison'" style="margin-left:10px">
    4242                <select class="col-md-2"
    4343                        name="comparisonSelect"
     
    5050                    </option>
    5151                </select>
    52                 <select class="col-md-4" ng-if="item.AvailableValues != undefined" name="Values" ng-model="item.Value">
     52                <select class="col-md-4 col-sm-10" ng-if="item.AvailableValues != undefined" name="Values" ng-model="item.Value" style="margin-left:10px">
    5353                    <option ng-repeat="val in item.AvailableValues" value="{{val}}">{{val}}</option>
    5454                </select>
Note: See TracChangeset for help on using the changeset viewer.