Move the API token to account page

The OAuth page is less and less useful. Moreover, the tokens are
actually tied to the user and not for the system.

src/views/account.html

@@ -191,7 +191,22 @@
         </div>
       </div>
     </div>
-  </div>
+</div>
+
+<!-- Modal add token -->
+<div class="modal fade" id="tokenAddModal" tabindex="-1" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">New token created</h4>
+            </div>
+            <div class="modal-body"><b ng-click-select>{{ tokenAdd.token.accessToken }}</b></div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Done</button>
+            </div>
+        </div>
+    </div>
+</div>
 
 <div class="content">
 
@@ -246,6 +261,29 @@
 
   <br/>
 
+  <div class="text-left">
+    <h3>Access Tokens <button class="btn btn-xs btn-primary btn-outline pull-right" ng-click="tokenAdd.show(apiClient)"><i class="fa fa-plus"></i> New Token</button> </h3>
+  </div>
+
+  <!-- we will always at least have the webadmin token here, so activeClients always will have one entry with at least one token -->
+  <div class="card">
+      <div class="grid-item-top">
+          <div class="row">
+              <div class="col-xs-12">
+                  <p>These tokens can be used to access the <a ng-href="{{ config.webServerOrigin + '/developer/api/' }}" target="_blank">Cloudron API</a>.</p>
+                  <br/>
+                  <h4 class="text-muted">Active Tokens</h4>
+                  <hr/>
+                  <p ng-repeat="token in apiClient.activeTokens">
+                      <span ng-click-select>{{ token.accessToken }}</span> <button class="btn btn-xs btn-danger pull-right" ng-click="removeToken(apiClient, token)" title="Revoke Token"><i class="fa fa-trash-o"></i></button>
+                  </p>
+              </div>
+          </div>
+      </div>
+  </div>
+
+  <br/>
+
   <div class="text-left">
     <h3>Sessions</h3>
   </div>