Skip to content

Commit 644948b

Browse files
shwstpprshwstppr
committed
fix build
Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
1 parent 0285831 commit 644948b

File tree

1 file changed

+57
-82
lines changed

1 file changed

+57
-82
lines changed

‎ui/src/views/network/VpnDetails.vue‎

Lines changed: 57 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,11 @@
5555

5656
</div>
5757
<div v-else>
58-
<a-button :disabled="!('createRemoteAccessVpn' in $store.getters.apis)" type="primary" @click="enableVpn = true">
58+
<a-button
59+
:disabled="!('createRemoteAccessVpn' in $store.getters.apis)"
60+
type="primary"
61+
style="margin-left: 10px"
62+
@click="enableVpn = true">
5963
{{ $t('label.enable.vpn') }}
6064
</a-button>
6165

@@ -95,92 +99,63 @@
9599
</div>
96100
</div>
97101
</a-modal>
98-
</div>
99-
100-
</div>
101-
<div v-else>
102-
<a-button
103-
:disabled="!('createRemoteAccessVpn' in $store.getters.apis)"
104-
type="primary"
105-
style="margin-left: 10px"
106-
@click="enableVpn = true">
107-
{{ $t('label.enable.vpn') }}
108-
</a-button>
109-
110-
<a-modal
111-
:visible="enableVpn"
112-
:footer="null"
113-
:title="$t('label.enable.vpn')"
114-
:maskClosable="false"
115-
:closable="true"
116-
@cancel="enableVpn = false">
117-
<div v-ctrl-enter="handleCreateVpn">
118-
<p>{{ $t('message.enable.vpn') }}</p>
119102

120-
<a-divider />
103+
</div>
121104

122-
<div class="actions">
123-
<a-button @click="() => enableVpn = false">{{ $t('label.cancel') }}</a-button>
124-
<a-button type="primary" ref="submit" @click="handleCreateVpn">{{ $t('label.yes') }}</a-button>
125-
</div>
105+
<br>
106+
<div v-if="vpnGateway">
107+
<div>
108+
<a-button
109+
:disabled="!('deleteVpnGateway' in $store.getters.apis)"
110+
style="margin-left: 10px"
111+
danger
112+
type="primary"
113+
@click="deleteVpnGateway = true">
114+
{{ $t('label.delete.vpn.gateway') }}
115+
</a-button>
126116
</div>
127-
</a-modal>
128-
129-
</div>
130-
131-
<br>
132-
<div v-if="vpnGateway">
133-
<div>
134-
<a-button
135-
:disabled="!('deleteVpnGateway' in $store.getters.apis)"
136-
style="margin-left: 10px"
137-
danger
138-
type="primary"
139-
@click="deleteVpnGateway = true">
140-
{{ $t('label.delete.vpn.gateway') }}
141-
</a-button>
142-
</div>
143-
<a-modal
144-
:visible="deleteVpnGateway"
145-
:footer="null"
146-
:title="$t('label.enable.vpn')"
147-
:maskClosable="false"
148-
:closable="true"
149-
@cancel="deleteVpnGateway = false">
150-
<div v-ctrl-enter="handleDeleteVpnGateway">
151-
<p>{{ $t('message.delete.vpn.gateway') }}</p>
152-
<div :span="24" class="action-button">
153-
<a-button @click="deleteVpnGateway = false">{{ $t('label.cancel') }}</a-button>
154-
<a-button :loading="loading" type="primary" @click="handleDeleteVpnGateway" ref="submit">{{ $t('label.ok') }}</a-button>
117+
<a-modal
118+
:visible="deleteVpnGateway"
119+
:footer="null"
120+
:title="$t('label.enable.vpn')"
121+
:maskClosable="false"
122+
:closable="true"
123+
@cancel="deleteVpnGateway = false">
124+
<div v-ctrl-enter="handleDeleteVpnGateway">
125+
<p>{{ $t('message.delete.vpn.gateway') }}</p>
126+
<div :span="24" class="action-button">
127+
<a-button @click="deleteVpnGateway = false">{{ $t('label.cancel') }}</a-button>
128+
<a-button :loading="loading" type="primary" @click="handleDeleteVpnGateway" ref="submit">{{ $t('label.ok') }}</a-button>
129+
</div>
155130
</div>
156-
</div>
157-
</a-modal>
158-
</div>
159-
<div v-else-if="vpnGatewayEnabled">
160-
<div>
161-
<a-button
162-
:disabled="!('createVpnGateway' in $store.getters.apis)"
163-
style="margin-left: 10px"
164-
type="primary"
165-
@click="createVpnGateway = true">
166-
{{ $t('label.add.vpn.gateway') }}
167-
</a-button>
131+
</a-modal>
168132
</div>
169-
<a-modal
170-
:visible="createVpnGateway"
171-
:footer="null"
172-
:title="$t('label.add.vpn.gateway')"
173-
:maskClosable="false"
174-
:closable="true"
175-
@cancel="createVpnGateway = false">
176-
<div v-ctrl-enter="handleCreateVpnGateway">
177-
<p>{{ $t('message.add.vpn.gateway') }}</p>
178-
<div :span="24" class="action-button">
179-
<a-button @click="createVpnGateway = false">{{ $t('label.cancel') }}</a-button>
180-
<a-button :loading="loading" type="primary" @click="handleCreateVpnGateway" ref="submit">{{ $t('label.ok') }}</a-button>
181-
</div>
133+
<div v-else-if="vpnGatewayEnabled">
134+
<div>
135+
<a-button
136+
:disabled="!('createVpnGateway' in $store.getters.apis)"
137+
style="margin-left: 10px"
138+
type="primary"
139+
@click="createVpnGateway = true">
140+
{{ $t('label.add.vpn.gateway') }}
141+
</a-button>
182142
</div>
183-
</a-modal>
143+
<a-modal
144+
:visible="createVpnGateway"
145+
:footer="null"
146+
:title="$t('label.add.vpn.gateway')"
147+
:maskClosable="false"
148+
:closable="true"
149+
@cancel="createVpnGateway = false">
150+
<div v-ctrl-enter="handleCreateVpnGateway">
151+
<p>{{ $t('message.add.vpn.gateway') }}</p>
152+
<div :span="24" class="action-button">
153+
<a-button @click="createVpnGateway = false">{{ $t('label.cancel') }}</a-button>
154+
<a-button :loading="loading" type="primary" @click="handleCreateVpnGateway" ref="submit">{{ $t('label.ok') }}</a-button>
155+
</div>
156+
</div>
157+
</a-modal>
158+
</div>
184159
</div>
185160

186161
</template>
@@ -271,7 +246,7 @@ export default {
271246
if (this.specifyIpRange && this.vpnIpRange?.trim()) {
272247
params.iprange = this.vpnIpRange.trim()
273248
}
274-
api('createRemoteAccessVpn', params).then(response => {
249+
postAPI('createRemoteAccessVpn', params).then(response => {
275250
this.$pollJob({
276251
jobId: response.createremoteaccessvpnresponse.jobid,
277252
successMethod: result => {

0 commit comments

Comments
 (0)