realm-theme-settings.html 5.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
  2. <kc-tabs-realm></kc-tabs-realm>
  3. <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">
  4. <fieldset class="border-top">
  5. <div class="form-group">
  6. <label class="col-md-2 control-label" for="loginTheme">{{:: 'login-theme' | translate}}</label>
  7. <div class="col-md-3">
  8. <div>
  9. <select class="form-control" id="loginTheme"
  10. ng-model="realm.loginTheme"
  11. ng-options="o.name as o.name for o in serverInfo.themes.login">
  12. <option value="" disabled selected>{{:: 'select-one.placeholder' | translate}}</option>
  13. </select>
  14. </div>
  15. </div>
  16. <kc-tooltip>{{:: 'login-theme.tooltip' | translate}}</kc-tooltip>
  17. </div>
  18. <div class="form-group">
  19. <label class="col-md-2 control-label" for="accountTheme">{{:: 'account-theme' | translate}}</label>
  20. <div class="col-md-3">
  21. <div>
  22. <select class="form-control" id="accountTheme"
  23. ng-model="realm.accountTheme"
  24. ng-options="o.name as o.name for o in serverInfo.themes.account">
  25. <option value="" disabled selected>{{:: 'select-one.placeholder' | translate}}</option>
  26. </select>
  27. </div>
  28. </div>
  29. <kc-tooltip>{{ 'account-theme.tooltip' | translate}}</kc-tooltip>
  30. </div>
  31. <div class="form-group">
  32. <label class="col-md-2 control-label" for="adminTheme">{{:: 'admin-console-theme' | translate}}</label>
  33. <div class="col-md-3">
  34. <div>
  35. <select class="form-control" id="adminTheme"
  36. ng-model="realm.adminTheme"
  37. ng-options="o.name as o.name for o in serverInfo.themes.admin">
  38. <option value="" disabled selected>{{:: 'select-one.placeholder' | translate}}</option>
  39. </select>
  40. </div>
  41. </div>
  42. <kc-tooltip>{{:: 'select-theme-admin-console' | translate}}</kc-tooltip>
  43. </div>
  44. <div class="form-group">
  45. <label class="col-md-2 control-label" for="emailTheme">{{:: 'email-theme' | translate}}</label>
  46. <div class="col-md-3">
  47. <div>
  48. <select class="form-control" id="emailTheme"
  49. ng-model="realm.emailTheme"
  50. ng-options="o.name as o.name for o in serverInfo.themes.email">
  51. <option value="" disabled selected>{{:: 'select-one.placeholder' | translate}}</option>
  52. </select>
  53. </div>
  54. </div>
  55. <kc-tooltip>{{:: 'select-theme-email' | translate}}</kc-tooltip>
  56. </div>
  57. <div class="form-group">
  58. <label class="col-md-2 control-label" for="internationalizationEnabled">{{:: 'i18n-enabled' | translate}}</label>
  59. <div class="col-md-3">
  60. <input ng-model="realm.internationalizationEnabled" name="internationalizationEnabled" id="internationalizationEnabled" onoffswitch on-text="{{:: 'onText' | translate}}" off-text="{{:: 'offText' | translate}}"/>
  61. </div>
  62. </div>
  63. <div class="form-group" data-ng-show="realm.internationalizationEnabled">
  64. <label class="col-md-2 control-label" for="supportedLocales" class="control-label two-lines">{{:: 'supported-locales' | translate}}</label>
  65. <div class="col-md-6">
  66. <input ui-select2="supportedLocalesOptions" id="supportedLocales" ng-model="realm.supportedLocales" data-placeholder="{{:: 'supported-locales.placeholder' | translate}}"/>
  67. </div>
  68. </div>
  69. <div class="form-group" data-ng-show="realm.internationalizationEnabled">
  70. <label class="col-md-2 control-label" for="defaultLocale">{{:: 'default-locale' | translate}}</label>
  71. <div class="col-md-3">
  72. <div>
  73. <select class="form-control" id="defaultLocale"
  74. ng-model="realm.defaultLocale"
  75. ng-options="o as o for o in realm.supportedLocales"
  76. ng-required="realm.internationalizationEnabled"
  77. ng-disabled="!realm.internationalizationEnabled">
  78. <option value="" disabled selected>{{:: 'select-one.placeholder' | translate}}</option>
  79. </select>
  80. </div>
  81. </div>
  82. </div>
  83. </fieldset>
  84. <div class="form-group" data-ng-show="access.manageRealm">
  85. <div class="col-md-10 col-md-offset-2">
  86. <button kc-save data-ng-disabled="!changed">{{:: 'save' | translate}}</button>
  87. <button kc-reset data-ng-disabled="!changed">{{:: 'cancel' | translate}}</button>
  88. </div>
  89. </div>
  90. </form>
  91. </div>
  92. <kc-menu></kc-menu>