options.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html lang="en" ng-controller="MasterCtrl" ng-csp>
  3. <head>
  4. <meta charset="utf-8">
  5. <title ng-bind="'options_title' | tr">SwitchyOmega Options</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
  8. <link rel="stylesheet" href="lib/spectrum/spectrum.css">
  9. <link rel="stylesheet" href="lib/ladda/ladda-themeless.min.css">
  10. <link rel="stylesheet" href="lib/shepherd.js/shepherd-theme-arrows.css">
  11. <link rel="stylesheet" href="css/options.css">
  12. </head>
  13. <body style="display: none;" ng-style="{display: options ? &quot;block&quot; : &quot;none&quot;}">
  14. <div class="container-fluid">
  15. <header class="col-lg-2 col-sm-3 side-nav">
  16. <h1><a ui-sref="about" title="{{&quot;about_title&quot; | tr}}">{{'appNameShort' | tr}}</a><sup ng-show="isExperimental" class="om-experimental text-danger">{{'options_experimental_badge' | tr}}</sup></h1>
  17. <nav class="nav nav-pills nav-stacked">
  18. <li class="nav-header">{{'options_navHeader_setting' | tr}}</li>
  19. <li ui-sref-active="active"><a ui-sref="ui"><span class="glyphicon glyphicon-wrench"></span> {{'options_tab_ui' | tr}}</a></li>
  20. <li ui-sref-active="active"><a ui-sref="general"><span class="glyphicon glyphicon-cog"></span> {{'options_tab_general' | tr}}</a></li>
  21. <li ui-sref-active="active"><a ui-sref="io"><span class="glyphicon glyphicon-floppy-save"></span> {{'options_tab_importExport' | tr}}</a></li>
  22. <li class="divider"></li>
  23. <li class="nav-header">{{'options_navHeader_profiles' | tr}}</li>
  24. <li ng-repeat="profile in options | profiles:&quot;sorted&quot;" ui-sref-active="active" data-profile-type="{{profile.profileType}}" class="nav-profile"><a ui-sref="profile({name: profile.name})"><span omega-profile-inline="profile" options="options"></span></a></li>
  25. <li class="nav-new-profile"><a role="button" ng-click="newProfile()"><span class="glyphicon glyphicon-plus"></span> <span>{{'options_newProfile' | tr}}</span></a></li>
  26. <li class="divider"></li>
  27. <li class="nav-header">Actions</li>
  28. <li><a role="button" ng-click="applyOptions()" ng-class="{&quot;btn-success&quot;: optionsDirty}" class="btn-default btn align-initial"><span class="glyphicon glyphicon-ok-circle"></span> {{'options_apply' | tr}}</a></li>
  29. <li ng-class="{disabled: !optionsDirty}"><a role="button" ng-click="revertOptions()" class="text-danger"><span class="glyphicon glyphicon-remove-circle"></span> {{'options_discard' | tr}}</a></li>
  30. </nav>
  31. </header>
  32. <main ui-view class="col-lg-10 col-sm-9 col-lg-offset-2 col-sm-offset-3 angular-animate"></main>
  33. </div>
  34. <div ng-show="alertShown" class="alert-top-wrapper">
  35. <div alert type="workaround" close="hideAlert()" class="{{alertClassForType(alert.type)}}"><span class="glyphicon {{alertIcons[alert.type]}}"></span> {{alert.i18n ? (alert.i18n | tr) : alert.message}}
  36. </div>
  37. </div>
  38. <script src="js/omega_debug.js"></script>
  39. <script src="js/log_error.js"></script>
  40. <script src="lib/script.js/script.min.js"></script>
  41. <script src="js/options.js"></script>
  42. </body>
  43. </html>