feat(fe): small ui enhancement

This commit is contained in:
Denis Gukov 2021-10-30 01:43:18 +05:00
parent f1712dd8dd
commit 6aa70383a3
3 changed files with 20 additions and 5 deletions

View File

@ -22,7 +22,7 @@
<v-text-field
v-model="item.git_url"
label="Git URL"
label="Repository URL"
:rules="[v => !!v || 'Repository is required']"
required
:disabled="formSaving"
@ -55,13 +55,22 @@
elevation="2"
class="mb-0"
>
<p v-if="helpKey === 'url'">Git or SSH URL of the repository
with your Ansible playbooks.</p>
<div v-if="helpKey === 'url'">
<p>
Address of the repository with your Ansible playbooks. It can be:
</p>
<ul>
<li>Git URL <code>git://</code></li>
<li>SSH URL <code>ssh://</code></li>
<li>HTTPS URL <code>https://</code></li>
<li>file URL <code>file://</code></li>
</ul>
</div>
<div v-else-if="helpKey === 'key'">
<p>Credentials to access to the Git repository. It should be:</p>
<ul>
<li><code>SSH</code> if you use SSH URL.</li>
<li><code>None</code> if you use HTTPS URL without authentication.</li>
<li><code>SSH</code> if you use Git or SSH URL.</li>
<li><code>None</code> if you use HTTPS or file URL.</li>
</ul>
</div>
</v-alert>

View File

@ -43,6 +43,9 @@
class="mt-4"
:items-per-page="Number.MAX_VALUE"
>
<template v-slot:item.type="{ item }">
<code>{{ item.type }}</code>
</template>
<template v-slot:item.inventory="{ item }">
{{ item.type === 'file' ? item.inventory : '&mdash;' }}
</template>

View File

@ -44,6 +44,9 @@
class="mt-4"
:items-per-page="Number.MAX_VALUE"
>
<template v-slot:item.type="{ item }">
<code>{{ item.type }}</code>
</template>
<template v-slot:item.actions="{ item }">
<div style="white-space: nowrap">
<v-btn