refactor(docker-run-converter): improve error handling

This commit is contained in:
Corentin Thomasset 2023-04-06 00:16:32 +02:00
parent 4872d71165
commit f68e859c20
No known key found for this signature in database
GPG key ID: DBD997E935996158

View file

@ -22,7 +22,9 @@
<div v-if="notComposable.length > 0"> <div v-if="notComposable.length > 0">
<br /> <br />
<n-alert title="This options are not translatable to docker-compose" type="info"> <n-alert title="This options are not translatable to docker-compose" type="info">
{{ notComposable }} <ul>
<li v-for="(message, index) of notComposable" :key="index">{{ message }}</li>
</ul>
</n-alert> </n-alert>
</div> </div>
@ -32,14 +34,18 @@
title="This options are not yet implemented and therefore haven't been translated to docker-compose" title="This options are not yet implemented and therefore haven't been translated to docker-compose"
type="warning" type="warning"
> >
{{ notImplemented }} <ul>
<li v-for="(message, index) of notImplemented" :key="index">{{ message }}</li>
</ul>
</n-alert> </n-alert>
</div> </div>
<div v-if="errors.length > 0"> <div v-if="errors.length > 0">
<br /> <br />
<n-alert title="The following errors occured" type="error"> <n-alert title="The following errors occured" type="error">
{{ errors }} <ul>
<li v-for="(message, index) of errors" :key="index">{{ message }}</li>
</ul>
</n-alert> </n-alert>
</div> </div>
</div> </div>
@ -63,22 +69,15 @@ const conversionResult = computed(() =>
); );
const dockerCompose = computed(() => conversionResult.value.yaml); const dockerCompose = computed(() => conversionResult.value.yaml);
const notImplemented = computed(() => const notImplemented = computed(() =>
conversionResult.value.messages conversionResult.value.messages.filter((msg) => msg.type === MessageType.notImplemented).map((msg) => msg.value),
.filter((msg) => msg.type === MessageType.notImplemented)
.map((msg) => msg.value)
.join('<br>'),
); );
const notComposable = computed(() => const notComposable = computed(() =>
conversionResult.value.messages conversionResult.value.messages.filter((msg) => msg.type === MessageType.notTranslatable).map((msg) => msg.value),
.filter((msg) => msg.type === MessageType.notTranslatable)
.map((msg) => msg.value)
.join('<br>'),
); );
const errors = computed(() => const errors = computed(() =>
conversionResult.value.messages conversionResult.value.messages
.filter((msg) => msg.type === MessageType.errorDuringConversion) .filter((msg) => msg.type === MessageType.errorDuringConversion)
.map((msg) => msg.value) .map((msg) => msg.value),
.join('<br>'),
); );
const dockerComposeBase64 = computed(() => 'data:application/yaml;base64,' + textToBase64(dockerCompose.value)); const dockerComposeBase64 = computed(() => 'data:application/yaml;base64,' + textToBase64(dockerCompose.value));
const { download } = useDownloadFileFromBase64({ source: dockerComposeBase64, filename: 'docker-compose.yml' }); const { download } = useDownloadFileFromBase64({ source: dockerComposeBase64, filename: 'docker-compose.yml' });