client-scopes-setup.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!--
  2. ~ Copyright 2017 Red Hat, Inc. and/or its affiliates
  3. ~ and other contributors as indicated by the @author tags.
  4. ~
  5. ~ Licensed under the Apache License, Version 2.0 (the "License");
  6. ~ you may not use this file except in compliance with the License.
  7. ~ You may obtain a copy of the License at
  8. ~
  9. ~ http://www.apache.org/licenses/LICENSE-2.0
  10. ~
  11. ~ Unless required by applicable law or agreed to in writing, software
  12. ~ distributed under the License is distributed on an "AS IS" BASIS,
  13. ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14. ~ See the License for the specific language governing permissions and
  15. ~ limitations under the License.
  16. -->
  17. <div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
  18. <ol class="breadcrumb">
  19. <li><a href="#/realms/{{realm.realm}}/clients">{{:: 'clients' | translate}}</a></li>
  20. <li>{{client.clientId}}</li>
  21. </ol>
  22. <kc-tabs-client></kc-tabs-client>
  23. <ul class="nav nav-tabs nav-tabs-pf">
  24. <li class="active">
  25. <a href="#/realms/{{realm.realm}}/clients/{{client.id}}/client-scopes/setup-scopes">{{:: 'client-scopes.setup' | translate}}</a>
  26. <kc-tooltip>{{:: 'client-scopes.setup.tooltip' | translate}}</kc-tooltip>
  27. </li>
  28. <li>
  29. <a href="#/realms/{{realm.realm}}/clients/{{client.id}}/client-scopes/evaluate-scopes">{{:: 'client-scopes.evaluate' | translate}}</a>
  30. <kc-tooltip>{{:: 'client-scopes.evaluate.tooltip' | translate}}</kc-tooltip>
  31. </li>
  32. </ul>
  33. <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageClients">
  34. <div class="form-group">
  35. <label class="col-md-2 control-label" class="control-label">{{:: 'client-scopes.default' | translate}}</label>
  36. <kc-tooltip>{{:: 'client-scopes.default.tooltip' | translate}}</kc-tooltip>
  37. <div class="col-md-10">
  38. <div class="row">
  39. <div class="col-md-4">
  40. <label class="control-label" for="available">{{:: 'client-scopes.default.available' | translate}}</label>
  41. <kc-tooltip>{{:: 'client-scopes.default.available.tooltip' | translate}}</kc-tooltip>
  42. <select id="available" class="form-control overflow-select" multiple size="5"
  43. ng-multiple="true"
  44. ng-model="selectedDefaultClientScopes">
  45. <option ng-repeat="r in availableClientScopes | orderBy:'name'"
  46. value="{{r}}" title="{{r.name}}">
  47. {{r.name}}
  48. </option>
  49. </select>
  50. <button ng-disabled="selectedDefaultClientScopes.length == 0" class="btn btn-default" type="submit" ng-click="addDefaultClientScope()">
  51. {{:: 'add-selected' | translate}} <i class="fa fa-angle-double-right"></i>
  52. </button>
  53. </div>
  54. <div class="col-md-4">
  55. <label class="control-label" for="assigned">{{:: 'client-scopes.default.assigned' | translate}}</label>
  56. <kc-tooltip>{{:: 'client-scopes.default.assigned.tooltip' | translate}}</kc-tooltip>
  57. <select id="assigned" class="form-control overflow-select" multiple size=5
  58. ng-multiple="true"
  59. ng-model="selectedDefDefaultClientScopes">
  60. <option ng-repeat="r in clientDefaultClientScopes | orderBy:'name'"
  61. value="{{r}}" title="{{r.name}}">
  62. {{r.name}}
  63. </option>
  64. </select>
  65. <button ng-disabled="selectedDefDefaultClientScopes.length == 0" class="btn btn-default" type="submit" ng-click="deleteDefaultClientScope()">
  66. <i class="fa fa-angle-double-left"></i> {{:: 'remove-selected' | translate}}
  67. </button>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="form-group" data-ng-show="client.protocol == 'openid-connect'">
  73. <label class="col-md-2 control-label" class="control-label">{{:: 'client-scopes.optional' | translate}}</label>
  74. <kc-tooltip>{{:: 'client-scopes.optional.tooltip' | translate}}</kc-tooltip>
  75. <div class="col-md-10">
  76. <div class="row">
  77. <div class="col-md-4">
  78. <label class="control-label" for="available-opt">{{:: 'client-scopes.optional.available' | translate}}</label>
  79. <kc-tooltip>{{:: 'client-scopes.optional.available.tooltip' | translate}}</kc-tooltip>
  80. <select id="available-opt" class="form-control overflow-select" multiple size="5"
  81. ng-multiple="true"
  82. ng-model="selectedOptionalClientScopes">
  83. <option ng-repeat="r in availableClientScopes | orderBy:'name'"
  84. value="{{r}}" title="{{r.name}}">
  85. {{r.name}}
  86. </option>
  87. </select>
  88. <button ng-disabled="selectedOptionalClientScopes.length == 0" class="btn btn-default" type="submit" ng-click="addOptionalClientScope()">
  89. {{:: 'add-selected' | translate}} <i class="fa fa-angle-double-right"></i>
  90. </button>
  91. </div>
  92. <div class="col-md-4">
  93. <label class="control-label" for="assigned-opt">{{:: 'client-scopes.optional.assigned' | translate}}</label>
  94. <kc-tooltip>{{:: 'client-scopes.optional.assigned.tooltip' | translate}}</kc-tooltip>
  95. <select id="assigned-opt" class="form-control overflow-select" multiple size=5
  96. ng-multiple="true"
  97. ng-model="selectedDefOptionalClientScopes">
  98. <option ng-repeat="r in clientOptionalClientScopes | orderBy:'name'"
  99. value="{{r}}" title="{{r.name}}">
  100. {{r.name}}
  101. </option>
  102. </select>
  103. <button ng-disabled="selectedDefOptionalClientScopes.length == 0" class="btn btn-default" type="submit" ng-click="deleteOptionalClientScope()">
  104. <i class="fa fa-angle-double-left"></i> {{:: 'remove-selected' | translate}}
  105. </button>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </form>
  111. </div>
  112. <kc-menu></kc-menu>