Skip to content

Commit efd60dd

Browse files
kemboi22kemboi22
committed
feat: update ui
1 parent 86a510a commit efd60dd

File tree

1 file changed

+99
-107
lines changed

1 file changed

+99
-107
lines changed

‎ui/src/views/Settings.vue‎

Lines changed: 99 additions & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -61,15 +61,7 @@
6161
$t("settings.enabled")
6262
}}</template>
6363
</cv-toggle>
64-
<div>Selected Modules: {{ erpSelectedModules }}</div>
65-
<cv-multi-select
66-
:label="'ERP Next Modules to be installed'"
67-
:options="erpNextModules"
68-
:title="'ERP Next Modules to be installed'"
69-
v-model="erpSelectedModules"
70-
:disabled="loading.getConfiguration || loading.configureModule"
71-
>
72-
</cv-multi-select>
64+
7365
<cv-dropdown
7466
:label="$t('settings.frappe_version')"
7567
v-model="frappeVersion"
@@ -173,6 +165,15 @@
173165
</cv-tile>
174166
</cv-column>
175167
</cv-row>
168+
<div>Selected Modules: {{ erpSelectedModules }}</div>
169+
<cv-multi-select
170+
:label="'ERP Next Modules to be installed'"
171+
:options="erpNextModules"
172+
:title="'ERP Next Modules to be installed'"
173+
v-model="erpSelectedModules"
174+
:disabled="loading.getConfiguration || loading.configureModule"
175+
>
176+
</cv-multi-select>
176177

177178
<cv-modal
178179
v-model="isAddAppModalOpen"
@@ -223,92 +224,6 @@
223224
<template slot="secondary-button">Cancel</template>
224225
</cv-modal>
225226

226-
<cv-row class="mg-bottom">
227-
<cv-column :sm="4">
228-
<h4>Podman Images</h4>
229-
</cv-column>
230-
</cv-row>
231-
<cv-row class="mg-bottom">
232-
<cv-column>
233-
<cv-tile light>
234-
<div v-if="error.getPodmanImages" class="error-section">
235-
<NsInlineNotification
236-
kind="error"
237-
:title="$t('action.get-podman-images')"
238-
:description="error.getPodmanImages"
239-
:showCloseButton="false"
240-
/>
241-
</div>
242-
<div class="images-container">
243-
<div v-if="loading.getPodmanImages" class="loading-section">
244-
<cv-loading>Loading images...</cv-loading>
245-
</div>
246-
<div
247-
v-else-if="podmanImages.length === 0"
248-
class="empty-state"
249-
>
250-
<p>No podman images found</p>
251-
</div>
252-
<cv-structured-list v-else>
253-
<template slot="headings">
254-
<cv-structured-list-heading
255-
>Repository</cv-structured-list-heading
256-
>
257-
<cv-structured-list-heading
258-
>Tag</cv-structured-list-heading
259-
>
260-
<cv-structured-list-heading
261-
>Image ID</cv-structured-list-heading
262-
>
263-
<cv-structured-list-heading
264-
>Created</cv-structured-list-heading
265-
>
266-
<cv-structured-list-heading
267-
>Size</cv-structured-list-heading
268-
>
269-
</template>
270-
<template slot="items">
271-
<cv-structured-list-item
272-
v-for="(image, index) in podmanImages"
273-
:key="index"
274-
>
275-
<cv-structured-list-data>{{
276-
image.repositories && image.repositories.length > 0
277-
? image.repositories[0]
278-
: "N/A"
279-
}}</cv-structured-list-data>
280-
<cv-structured-list-data>{{
281-
image.tags && image.tags.length > 0
282-
? image.tags[0]
283-
: "N/A"
284-
}}</cv-structured-list-data>
285-
<cv-structured-list-data>{{
286-
image.id ? image.id.substring(0, 12) : "N/A"
287-
}}</cv-structured-list-data>
288-
<cv-structured-list-data>{{
289-
image.created || "N/A"
290-
}}</cv-structured-list-data>
291-
<cv-structured-list-data>{{
292-
image.size || "N/A"
293-
}}</cv-structured-list-data>
294-
</cv-structured-list-item>
295-
</template>
296-
</cv-structured-list>
297-
</div>
298-
<div class="images-actions">
299-
<cv-button
300-
kind="tertiary"
301-
:icon="Refresh20"
302-
@click.prevent="getPodmanImages"
303-
:disabled="loading.getPodmanImages"
304-
>
305-
Refresh Images
306-
</cv-button>
307-
</div>
308-
</cv-tile>
309-
</cv-column>
310-
</cv-row>
311-
312227
<!-- advanced options -->
313228
<cv-accordion ref="accordion" class="maxwidth mg-bottom">
314229
<cv-accordion-item :open="toggleAccordion[0]">
@@ -326,18 +241,95 @@
326241
:description="appJsonError"
327242
/>
328243
</div>
329-
<div v-for="module in erpNextModules" :key="module.value">
330-
<cv-toggle
331-
:label="module.value"
332-
:value="module.value"
333-
v-model="erpSelectedModules"
334-
:disabled="
335-
loading.getConfiguration || loading.configureModule
336-
"
337-
class="mg-bottom"
338-
>
339-
</cv-toggle>
340-
</div>
244+
<cv-row class="mg-bottom">
245+
<cv-column :sm="4">
246+
<h4>Podman Images</h4>
247+
</cv-column>
248+
</cv-row>
249+
<cv-row class="mg-bottom">
250+
<cv-column>
251+
<cv-tile light>
252+
<div v-if="error.getPodmanImages" class="error-section">
253+
<NsInlineNotification
254+
kind="error"
255+
:title="$t('action.get-podman-images')"
256+
:description="error.getPodmanImages"
257+
:showCloseButton="false"
258+
/>
259+
</div>
260+
<div class="images-container">
261+
<div
262+
v-if="loading.getPodmanImages"
263+
class="loading-section"
264+
>
265+
<cv-loading>Loading images...</cv-loading>
266+
</div>
267+
<div
268+
v-else-if="podmanImages.length === 0"
269+
class="empty-state"
270+
>
271+
<p>No podman images found</p>
272+
</div>
273+
<cv-structured-list v-else>
274+
<template slot="headings">
275+
<cv-structured-list-heading
276+
>Repository</cv-structured-list-heading
277+
>
278+
<cv-structured-list-heading
279+
>Tag</cv-structured-list-heading
280+
>
281+
<cv-structured-list-heading
282+
>Image ID</cv-structured-list-heading
283+
>
284+
<cv-structured-list-heading
285+
>Created</cv-structured-list-heading
286+
>
287+
<cv-structured-list-heading
288+
>Size</cv-structured-list-heading
289+
>
290+
</template>
291+
<template slot="items">
292+
<cv-structured-list-item
293+
v-for="(image, index) in podmanImages"
294+
:key="index"
295+
>
296+
<cv-structured-list-data>{{
297+
image.repositories &&
298+
image.repositories.length > 0
299+
? image.repositories[0]
300+
: "N/A"
301+
}}</cv-structured-list-data>
302+
<cv-structured-list-data>{{
303+
image.tags && image.tags.length > 0
304+
? image.tags[0]
305+
: "N/A"
306+
}}</cv-structured-list-data>
307+
<cv-structured-list-data>{{
308+
image.id ? image.id.substring(0, 12) : "N/A"
309+
}}</cv-structured-list-data>
310+
<cv-structured-list-data>{{
311+
image.created || "N/A"
312+
}}</cv-structured-list-data>
313+
<cv-structured-list-data>{{
314+
image.size || "N/A"
315+
}}</cv-structured-list-data>
316+
</cv-structured-list-item>
317+
</template>
318+
</cv-structured-list>
319+
</div>
320+
<div class="images-actions">
321+
<cv-button
322+
kind="tertiary"
323+
:icon="Refresh20"
324+
@click.prevent="getPodmanImages"
325+
:disabled="loading.getPodmanImages"
326+
>
327+
Refresh Images
328+
</cv-button>
329+
</div>
330+
</cv-tile>
331+
</cv-column>
332+
</cv-row>
341333
</template>
342334
</cv-accordion-item>
343335
</cv-accordion>

0 commit comments

Comments
 (0)