X-Git-Url: https://git.cweiske.de/grauphel.git/blobdiff_plain/0244b5bc748d26e8222a9d9fba73484d7b483875..HEAD:/templates/tokens.php

diff --git a/templates/tokens.php b/templates/tokens.php
index 531883d..9d812eb 100644
--- a/templates/tokens.php
+++ b/templates/tokens.php
@@ -1,13 +1,42 @@
-<link rel="stylesheet" href="<?php p(OCP\Util::linkTo('grauphel','grauphel.css')); ?>" type="text/css"/>
+<?php style('grauphel', 'grauphel'); ?>
+<?php script('grauphel', 'grauphel'); ?>
 
 <?php /** @var $l OC_L10N */ ?>
 <?php $_['appNavigation']->printPage(); ?>
 
-<div id="app-content">
+<div id="app-content" class="list">
+  <div id="searchresults" class="hidden"></div>
   <h1>Manage access tokens</h1>
-  <ul>
+  <p>
+    Here you see which applications have access to the notes.
+    You can permanently revoke access by clicking the "delete" icon on the right
+    side of each token row.
+  </p>
+  <table class="table" id="grauphel-tokens">
+   <thead>
+    <tr>
+     <th>Token</th>
+     <th>Client</th>
+     <th>Last use</th>
+    </tr>
+   </thead>
+   <tbody>
     <?php foreach ($_['tokens'] as $token) { ?>
-      <li data-id="<?php p($token->tokenKey); ?>"><a href="#"><?php p($token->tokenKey); ?></a></li>
+      <tr id="token-<?php p($token->tokenKey); ?>">
+       <td><?php p($token->tokenKey); ?></td>
+       <td title="<?php p($token->client); ?>"><?php p($_['client']->getNiceName($token->client)); ?></td>
+       <td>
+        <?php p($_['date']->formatDate($token->lastuse)); ?>
+        <form method="POST" action="<?php p(OC::$server->getURLGenerator()->linkToRoute('grauphel.token.delete', array('username' => $_['username'], 'tokenKey' => $token->tokenKey))); ?>">
+           <input type="hidden" name="delete" value="1" />
+           <button type="submit" class="icon-delete delete action"
+                   original-title="Delete"
+                   data-token="token-<?php p($token->tokenKey); ?>"
+           />
+        </form>
+       </td>
+      </tr>
     <?php } ?>
-  </ul>
+   </tbody>
+ </table>
 </div>