#233

PlexRequests.UI/Helpers/BaseUrlHelper.cs

@@ -161,6 +161,7 @@ namespace PlexRequests.UI.Helpers
 
             var content = GetContentUrl(assetLocation);
 
+            sb.AppendLine($"<script src=\"{content}/Content/clipboard.min.js\" type=\"text/javascript\"></script>");
             sb.AppendLine($"<script src=\"{content}/Content/bootstrap-switch.min.js\" type=\"text/javascript\"></script>");
             sb.AppendLine($"<link rel=\"stylesheet\" href=\"{content}/Content/bootstrap-switch.min.css\" type=\"text/css\"/>");
 

PlexRequests.UI/PlexRequests.UI.csproj

@@ -289,6 +289,8 @@
     <Content Include="Content\angular.min.js">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Content>
+    <Content Include="Content\Angular\angular-loading-spinner.js" />
+    <Content Include="Content\Angular\angular-spinner.min.js" />
     <Content Include="Content\app\app.js">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Content>
@@ -339,6 +341,7 @@
     <Compile Include="Startup.cs" />
     <Compile Include="Validators\PlexRequestsValidator.cs" />
     <Compile Include="Modules\UserManagementModule.cs" />
+    <Content Include="Content\clipboard.min.js" />
     <Content Include="Content\datepicker.css">
       <DependentUpon>datepicker.scss</DependentUpon>
     </Content>

PlexRequests.UI/Views/Admin/Settings.cshtml

@@ -58,37 +58,31 @@
                 <label for="ApiKey" class="control-label">Api Key</label>
                 <div class="input-group">
                     <input type="text" hidden="hidden" name="ApiKey" value="@Model.ApiKey"/>
-                    <input type="text" disabled="disabled" class="form-control form-control-custom" id="ApiKey" name="ApiKey" value="@Model.ApiKey">
+                    <input type="text" readonly="readonly" class="form-control form-control-custom" id="ApiKey" name="ApiKey" value="@Model.ApiKey">
 
                     <div class="input-group-addon">
                         <div id="refreshKey" class="fa fa-refresh" title="Reset API Key"></div>
                     </div>
-                </div>
-            </div>
 
-            <div class="form-group">
-                <label for="select" class="control-label">Theme</label>
-                <div id="themes">
-                    <select class="form-control form-control-custom" id="select">
-                        <option @plexTheme class="form-control form-control-custom" value="@Themes.PlexTheme">Plex</option>
-                        <option @originalTheme class="form-control form-control-custom" value="@Themes.OriginalTheme">Original Blue</option>
-                    </select>
+                    <div class="input-group-addon">
+                        <div class="fa fa-clipboard" data-clipboard-action="copy" data-clipboard-target="#ApiKey"></div>
+                    </div>
+
                 </div>
             </div>
-            <div class="form-group">
-                <div class="checkbox">
-
-                    @if (Model.SearchForMovies)
-                    {
-                        <input type="checkbox" id="SearchForMovies" name="SearchForMovies" checked="checked"><label for="SearchForMovies">Search for Movies</label>
-                    }
-                    else
-                    {
-                        <input type="checkbox" id="SearchForMovies" name="SearchForMovies"><label for="SearchForMovies">Search for Movies</label>
-                    }
 
-                </div>
+        <div class="form-group">
+            <label for="select" class="control-label">Theme</label>
+            <div id="themes">
+                <select class="form-control form-control-custom" id="select">
+                    <option @plexTheme class="form-control form-control-custom" value="@Themes.PlexTheme">Plex</option>
+                    <option @originalTheme class="form-control form-control-custom" value="@Themes.OriginalTheme">Original Blue</option>
+                </select>
             </div>
+        </div>
+            
+            @Html.Checkbox(Model.SearchForMovies,"SearchForMovies","Search for Movies");
+
 
             <div class="form-group">
                 <div class="checkbox">
@@ -334,6 +328,11 @@
 
 <script>
     $(function () {
+
+
+        new Clipboard('.fa-clipboard');
+
+
         $('#save').click(function (e) {
             e.preventDefault();