+ <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>
+