Free cookie consent management tool by TermsFeed Policy Generator

source: branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/User/Roles.cshtml @ 13820

Last change on this file since 13820 was 13805, checked in by jlodewyc, 9 years ago

#2582 Bugfixing, email setup password and code commenting

File size: 11.1 KB
Line 
1@using HeuristicLab.Clients.Hive.WebJobManager.ViewModels.User;
2@using HeuristicLab.Clients.Access;
3@model UserViewModel
4
5<div>
6
7    @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("User"))
8
9    <ul class="nav nav-pills nav-justified">
10        <li role="presentation"
11            class="">
12            <a asp-controller="User"
13               asp-action="Index">
14                <i class="fa fa-user"></i> Users
15            </a>
16        </li>
17        <li role="presentation"
18            class="">
19            <a asp-controller="User"
20               asp-action="Groups">
21                <i class="fa fa-users"></i> Groups
22            </a>
23        </li>
24        <li role="presentation"
25            class="active">
26            <a asp-controller="User"
27               asp-action="Roles">
28                <i class="fa fa-gavel"></i> Roles
29            </a>
30        </li>
31    </ul>
32    <div class="row"
33         style="text-align:center">
34        @Model.message
35    </div>
36    <div class="row"
37         style="padding:10px; margin-right:0px!important">
38
39        <div class="col-sm-4">
40            <div class="btn-group btn-group-justified btn-block"
41                 role="group" style="margin-bottom:-4px">
42
43                <a class="btn btn-info btn-lg btn-block disabled"
44                   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);
45                            text-shadow:2px 2px black;">
46                    <i class="fa fa-gavel"></i> @Model.roles.Count Role@(Model.roles.Count != 1 ? "s" : "")
47                </a>
48                <a class="btn btn-success btn-block
49                       @(Model.SelectedRole.Name == "" ? "active" : "")
50                       "
51                   asp-controller="User"
52                   asp-action="SelectRole"
53                   asp-route-name=""
54                   onclick="showRole()"
55                   style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
56                            text-shadow:2px 2px black;">
57                    <i class="fa fa-plus-circle"></i>
58                </a>
59            </div>
60            <div class="btn-group-vertical btn-block">
61               
62                @foreach (var role in Model.roles)
63                {
64                    <a class="btn  btn-default @( role.Name == Model.SelectedRole.Name ? "active" : "" )"
65                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
66                       asp-controller="User"
67                       asp-action="SelectRole"
68                       asp-route-name="@role.Name"
69                       onclick="showRole()">
70                        @role.Name
71                    </a>
72                }
73            </div>
74        </div>
75        <p style="display:none"
76           id="saver"
77           class="text-center">
78            <br /><br /><br /><br /><br /><br /><br />
79            <i class="fa fa-save fa-spin fa-5x" id="spinner">
80            </i>
81        </p>
82        <p style="display:none"
83           id="role"
84           class="text-center">
85            <br /><br /><br /><br /><br /><br /><br />
86            <i class="fa fa-gavel fa-spin fa-5x" id="spinner">
87            </i>
88        </p>
89        <p style="display:none"
90           id="deleter"
91           class="text-center">
92            <br /><br /><br /><br /><br /><br /><br />
93            <i class="fa fa-trash-o fa-spin fa-5x" id="spinner">
94            </i>
95        </p>
96        <div class="col-sm-8"
97             id="content"
98             style="padding:5px; padding-left:10px;">
99            <div class="panel panel-default"
100                 style="border-width:2px!important;padding:17px;
101                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
102                <div class="row">
103                    <h2 style="padding-left:20px">
104                        @if (Model.SelectedRole.Name != "")
105                        {
106                            <i class="fa fa-gavel "></i> @Model.SelectedRole.Name;
107                        }
108                        else
109                        {
110                            <i class="fa fa-plus-circle "></i> @("Add new role")
111
112                        }
113                    </h2>
114                    <form class="form-horizontal"
115                          method="post"
116                          asp-action="saveRole"
117                          asp-controller="User" enctype="multipart/form-data">
118                        <div class="form-group">
119                            <label class="col-sm-3 control-label">
120                                Role name
121                            </label>
122                            <label class="col-sm-8 control-label"
123                                   style="text-align:left; @(Model.SelectedRole.Name == "" ? "display:none" : "")">
124                                @Model.SelectedRole.Name
125                            </label>
126                            <div class="col-sm-8"
127                                 style="@(Model.SelectedRole.Name == "" ? "" : "display:none")">
128                                <input type="text"
129                                       class="form-control"
130                                       id="inprolename"
131                                       name="inprolename"
132                                       placeholder="Role name"
133                                       value="@Model.SelectedRole.Name"
134                                       onkeydown="triggerSave()" />
135                            </div>
136                        </div>
137
138                        @if (Model.SelectedRole.Name == "")
139                        {
140                            <div class="form-group">
141                                <div class="col-sm-offset-3 col-sm-9">
142                                    <button type="submit"
143                                            id="inpsaver"
144                                            disabled
145                                            class="btn btn-default"
146                                            onclick="showSaver()">
147                                        <i class="fa fa-plus-square-o"></i> Add role
148                                    </button>
149                                </div>
150                            </div>
151
152
153                        }
154                        else
155                        {
156
157                            <div class="form-group">
158                                <label class="col-sm-3 control-label">
159                                    Users
160                                </label>
161                                <div class="col-sm-8 control-label" style="text-align:left">
162                                    @foreach (var us in Model.SelectedRoleEnrolled)
163                                    {
164                                        <div class="row">
165                                            <p class="col-sm-10">
166                                                <i class="fa fa-user"></i> @(((User)us).UserName) (@(((User)us).FullName))
167                                            </p>
168                                            <p class="col-sm-2">
169                                                <a class="btn btn-danger pull-right"
170                                                   asp-controller="User"
171                                                   asp-action="deleteRoleUser"
172                                                   asp-route-id="@us.Id"
173                                                   asp-route-role="@Model.SelectedRole.Name"
174                                                   onclick="showDeleter()">
175                                                    <i class="fa fa-trash-o"></i>
176                                                </a>
177                                            </p>
178                                           
179                                        </div>
180                                    }
181                                   @if (Model.SelectedRoleEnrolled.Count == 0)
182                                   {
183                                    <p>
184                                        There are currently no users who have this role
185                                    </p>
186
187                                   }
188                                </div>
189                            </div>
190                            <div class="form-group">
191                                <div class="col-sm-offset-3 col-sm-3">
192                                    <button type="submit"
193                                            id="inpsaver"
194                                            disabled
195                                            class="btn btn-default"
196                                            onclick="showSaver()">
197                                        <i class="fa fa-save"></i> Save changes
198                                    </button>
199                                </div>
200                                <div class="col-sm-5">
201                                    <a class="btn btn-danger pull-right"
202                                       asp-controller="User"
203                                       asp-action="deleteRole"
204                                       asp-route-name="@Model.SelectedRole.Name"
205                                       
206                                       onclick="showDeleter()">
207                                        <i class="fa fa-trash-o"></i> Delete role
208                                    </a>
209                                </div>
210                            </div>
211
212
213
214                        }
215                        <script type="text/javascript">
216                            function triggerSave() {
217                                if ($("#inprolename").val() != "") {
218                                    document.getElementById("inpsaver").className = "btn btn-lg btn-success";
219                                    document.getElementById("inpsaver").disabled = false;
220                                }
221                                else {
222                                    document.getElementById("inpsaver").className = "btn btn-default";
223                                    document.getElementById("inpsaver").disabled = true;
224
225                                }
226
227                            }
228                        </script>
229                    </form>
230                </div>
231            </div>
232        </div>
233    </div>
234    <script type="text/javascript">
235        function showSaver() {
236            document.getElementById("content").style.display = "none";
237            document.getElementById("saver").style.display = "";
238
239        }
240        function showRole() {
241            document.getElementById("content").style.display = "none";
242            document.getElementById("role").style.display = "";
243
244        }
245        function showDeleter() {
246            document.getElementById("content").style.display = "none";
247            document.getElementById("deleter").style.display = "";
248        }
249    </script>
250</div>
Note: See TracBrowser for help on using the repository browser.