X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=frontend%2Findex.html;h=dd4c635e2d923b204452556b91e5d778db7c619d;hb=6bbbdec8cd000259f978baf67ce8f54d5c3d4ed8;hp=2d97e1cb83fb16dc1afb4049894f5e231585ad64;hpb=d5940df06a4f498176dad293f66607fb69eb2a28;p=perso%2FImmae%2FProjets%2FNodejs%2FSurfer.git

diff --git a/frontend/index.html b/frontend/index.html
index 2d97e1c..dd4c635 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -36,6 +36,23 @@
     </span>
   </el-dialog>
 
+  <el-dialog title="Access Tokens" :visible.sync="accessTokensDialogVisible" width="40%">
+    Access tokens are useful to programmatically deploy assets for example within a CI/CD pipeline.
+    See the <a href="https://cloudron.io/documentation/apps/surfer/" target="_blank">docs</a> for more information on how to use this token.
+    <br/>
+    <br/>
+    <el-alert title="Tokens are shared between all users." type="warning" show-icon :closable="false"></el-alert>
+    <br/>
+    <div>
+      <div v-for="accessToken in accessTokens">
+        <el-input suffix-icon="el-icon-copy-document" v-model="accessToken" class="access-token-input" @focus="onCopyAccessToken" size="small"></el-input>
+        <el-button icon="el-icon-delete" type="danger" size="small" @click="onDeleteAccessToken(accessToken)"></el-button>
+      </div>
+    </div>
+    <br/>
+    <el-button @click="onCreateAccessToken()" size="small" type="primary">Create Access Token</el-button>
+  </el-dialog>
+
   <el-header>
     <el-row type="flex" justify="space-between">
       <div style="padding: 7px;">
@@ -66,6 +83,7 @@
             </el-dropdown-item>
             <el-dropdown-item disabled divided>WebDAV Endpoint</el-dropdown-item>
             <el-dropdown-item><a href="/_webdav/" target="_blank">{{ origin }}/_webdav/</a></el-dropdown-item>
+            <el-dropdown-item command="apiAccess" divided><i class="el-icon-connection"></i> Access Tokens</el-dropdown-item>
             <el-dropdown-item command="about" divided><i class="el-icon-info"></i> About</el-dropdown-item>
             <el-dropdown-item command="logout" id="logoutButton"><i class="el-icon-circle-close"></i> Logout</el-dropdown-item>
           </el-dropdown-menu>
@@ -84,7 +102,7 @@
         <el-table :data="entries" style="max-width: 1280px;width: 100%" height="100%" empty-text="Folder is emtpy" :default-sort="{ prop: 'filePath', order: 'descending' }" @row-click="open">
           <el-table-column prop="previewUrl" label="Type" width="100px" sortable>
             <template slot-scope="scope">
-              <img v-bind:src="scope.row.previewUrl" height="48px" width="48px" style="object-fit: cover;"/>
+              <img v-bind:src="scope.row.previewUrl" height="32px" width="32px" style="object-fit: cover;"/>
             </template>
           </el-table-column>
           <el-table-column prop="filePath" label="Name" sortable>