7x31/nginxconfig.io
1
0
Fork 0
mirror of https://github.com/digitalocean/nginxconfig.io.git synced 2025-11-06 11:56:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix remove button behaviour

Browse Source
This commit is contained in:
MattIPv4
2020-05-21 17:39:13 +01:00
parent 83fb5b126d
commit c6880c1222
2 changed files with 54 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/nginxconfig/templates/app.vue
View File

@@ -36,9 +36,11 @@ limitations under the License.
<div class="tabs">
<ul>
<li v-for="data in activeDomains" :class="data[1] === active ? 'is-active' : undefined">
<a @click="active = data[1]">
<a class="domain" @click="active = data[1]">
{{ data[0].server.domain.computed }}{{ changes(data[1]) }}
<i class="fas fa-times" @click="remove(data[1])"></i>
</a>
<a class="remove" @click="remove(data[1])">
<i class="fas fa-times"></i>
</a>
</li>
<li>
@@ -58,7 +60,7 @@ limitations under the License.
<Global :data="global"></Global>
<h2>Setup</h2>
<Setup :data="{ domains, global, confFiles }"></Setup>
<Setup :data="{ domains: domains.filter(d => d !== null), global, confFiles }"></Setup>
</div>
<div :class="`column ${splitColumn ? 'is-half' : 'is-full'} is-full-mobile is-full-tablet`">
@@ -157,7 +159,7 @@ limitations under the License.
},
remove(index) {
this.$set(this.$data.domains, index, null);
if (this.$data.active === index) this.$data.active = 0;
if (this.$data.active === index) this.$data.active = this.$data.domains.findIndex(d => d !== null);
},
},
};