</span>
</el-dialog>
- <el-dialog title="Access Tokens" :visible.sync="accessTokensDialogVisible" width="30%">
- Tokens can be used with the surfer <a href="https://www.npmjs.com/package/cloudron-surfer" target="_blank">cli tool</a> or using the Api directly.
- They are shared between all users.
+ <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-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>