Port API info modal to Angular directive

1 files changed, 3 insertions, 24 deletions

diff --git a/resources/views/admin.blade.php b/resources/views/admin.blade.php
index 6f1b4e5..c255079 100644
--- a/resources/views/admin.blade.php
+++ b/resources/views/admin.blade.php
@@ -127,6 +127,9 @@
     <div class="angular-modals">
         <edit-long-link-modal ng-repeat="modal in modals.editLongLink" link-ending="modal.linkEnding"
             old-long-link="modal.oldLongLink" clean-modals="cleanModals"></edit-long-link-modal>
+        <edit-user-api-info-modal ng-repeat="modal in modals.editUserApiInfo" user-id="modal.userId"
+            api-quota="modal.apiQuota" api-active="modal.apiActive" api-key="modal.apiKey"
+            generate-new-api-key="generateNewAPIKey" clean-modals="cleanModals"></edit-user-api-info>
     </div>
 </div>
 
@@ -138,31 +141,7 @@
 @include('snippets.modals')
 
 {{-- Include extra JS --}}
-<script src='/js/handlebars-v4.0.5.min.js'></script>
 <script src='/js/datatables.min.js'></script>
 <script src='/js/api.js'></script>
 <script src='/js/AdminCtrl.js'></script>
-
-{{-- Extra templating --}}
-<script id="api-modal-template" type="text/x-handlebars-template">
-    <div>
-        <p>
-            <span>API Active</span>:
-
-            <code class='status-display'>
-                @{{#if api_active}}True@{{else}}False@{{/if}}</code>
-
-            <a ng-click="toggleAPIStatus($event, '@{{user_id}}')" class='btn btn-xs btn-success'>toggle</a>
-        </p>
-        <p>
-            <span>API Key: </span><code class='status-display'>@{{api_key}}</code>
-            <a ng-click="generateNewAPIKey($event, '@{{user_id}}', false)" class='btn btn-xs btn-danger'>reset</a>
-        </p>
-        <p>
-            <span>API Quota (req/min, -1 for unlimited):</span> <input type='number' class='form-control api-quota' value='@{{api_quota}}'>
-            <a ng-click="updateAPIQuota($event, '@{{user_id}}')" class='btn btn-xs btn-warning'>change</a>
-        </p>
-    </div>
-</script>
-
 @endsection