Initial version of the theme

Please note that this is currently still a WIP
and likely to change a lot in future.

Signed-off-by: Max Magorsch <arzano@gentoo.org>

1 files changed, 39 insertions, 0 deletions

diff --git a/admin/resources/partials/modal/role-selector.html b/admin/resources/partials/modal/role-selector.html
new file mode 100644
index 0000000..b4dd43f
--- /dev/null
+++ b/admin/resources/partials/modal/role-selector.html
@@ -0,0 +1,39 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="cancel()">
+        <span class="pficon pficon-close"></span>
+    </button>
+    <h4 class="modal-title">{{:: 'role-selector' | translate}}</h4>
+</div>
+<div style="padding: 0 15px 15px 15px;">
+    <form>
+        <div data-ng-show="realmRoles.length > 0" style="margin-bottom: 30px;">
+            <label class="control-label" for="available">{{:: 'realm-roles' | translate}}</label>
+            <kc-tooltip>{{:: 'realm-roles.tooltip' | translate}}</kc-tooltip>
+            <select id="available" class="form-control" size="5"
+                    ng-dblclick="selectRealmRole()"
+                    ng-model="selectedRealmRole.role"
+                    ng-options="r.name for r in realmRoles | orderBy:'toString()'">
+                <option style="display:none" value="">{{:: 'select-a-role' | translate}}</option>
+            </select>
+            <button class="btn btn-default" type="submit" data-ng-disabled="!selectedRealmRole.role" ng-click="selectRealmRole()" tooltip-trigger="mouseover mouseout" tooltip="Select realm role" tooltip-placement="right">
+                {{:: 'select-realm-role' | translate}}</i>
+            </button>
+        </div>
+        <div>
+           <label class="control-label" for="clients">{{:: 'client-roles' | translate}}
+                <kc-tooltip>{{:: 'client-roles.tooltip' | translate}}</kc-tooltip>        
+            </label>
+            <input type="hidden" style="margin-bottom: 10px;"ui-select2="clientsUiSelect" id="clients" data-ng-model="selectedClient" data-ng-change="changeClient(selectedClient);" data-placeholder="{{:: 'authz-select-client' | translate}}...">
+            </input>
+            <select id="available-client" class="form-control" size="5"
+                    ng-dblclick="selectClientRole()"
+                    ng-model="selectedClientRole.role"
+                    ng-options="r.name for r in clientRoles | orderBy:'toString()'">
+                <option style="display:none" value="">{{:: 'select-a-role' | translate}}</option>
+            </select>
+            <button class="btn btn-default" type="submit" data-ng-disabled="!selectedClientRole.role" ng-click="selectClientRole()" tooltip-trigger="mouseover mouseout" tooltip="Select client role" tooltip-placement="right">
+                {{:: 'select-client-role' | translate}}
+            </button>
+        </div>
+    </form>
+</div>