chore: rename and delete unused components (#1016)

packages/client/hmi-client/src/App.vue

@@ -35,7 +35,11 @@
 		</div>
 	</footer>
 
-	<Modal v-if="isAboutModalVisible" class="modal" @modal-mask-clicked="isAboutModalVisible = false">
+	<tera-modal
+		v-if="isAboutModalVisible"
+		class="modal"
+		@modal-mask-clicked="isAboutModalVisible = false"
+	>
 		<template #header>
 			<h4>About Terarium</h4>
 		</template>
@@ -74,7 +78,7 @@
 				<Button class="p-button" @click="isAboutModalVisible = false">Close</Button>
 			</div>
 		</template>
-	</Modal>
+	</tera-modal>
 </template>
 
 <script setup lang="ts">
@@ -90,7 +94,7 @@ import useResourcesStore from '@/stores/resources';
 import { IProject } from '@/types/Project';
 import { ResourceType } from '@/types/common';
 import { useCurrentRoute } from './router/index';
-import Modal from './components/widgets/Modal.vue';
+import TeraModal from './components/widgets/tera-modal.vue';
 
 const toast = useToastService();
 /**

packages/client/hmi-client/src/components/documents/tera-document.vue

@@ -158,7 +158,7 @@
 				</template>
 				<ul>
 					<li class="extracted-item" v-for="(url, index) in githubUrls" :key="index">
-						<import-code-button v-if="isEditable" :urlString="url" @open-code="openCode" />
+						<tera-import-code-button v-if="isEditable" :urlString="url" @open-code="openCode" />
 					</li>
 				</ul>
 			</AccordionTab>
@@ -224,7 +224,7 @@
 				</DataTable>
 			</AccordionTab>
 		</Accordion>
-		<pdf-embed
+		<tera-pdf-embed
 			v-else-if="documentView === DocumentView.PDF && pdfLink"
 			:pdf-link="pdfLink"
 			:title="doc.title"
@@ -247,8 +247,8 @@ import { getDocumentDoi, isModel, isDataset, isDocument } from '@/utils/data-uti
 import { ResultType, Tab } from '@/types/common';
 import { getRelatedArtifacts } from '@/services/provenance';
 import TeraShowMoreText from '@/components/widgets/tera-show-more-text.vue';
-import ImportCodeButton from '@/components/widgets/import-code-button.vue';
-import PdfEmbed from '@/components/widgets/pdf-embed.vue';
+import TeraImportCodeButton from '@/components/widgets/tera-import-code-button.vue';
+import TeraPdfEmbed from '@/components/widgets/tera-pdf-embed.vue';
 import { Model } from '@/types/Model';
 import { Dataset } from '@/types/Dataset';
 import { ProvenanceType } from '@/types/Types';

packages/client/hmi-client/src/components/models/tera-forecast-launcher.vue

@@ -1,5 +1,5 @@
 <template>
-	<Modal class="modal" @modal-mask-clicked="close()">
+	<tera-modal class="modal" @modal-mask-clicked="close()">
 		<template #default>
 			<!-- initial values -->
 			<h4>Initial values</h4>
@@ -23,14 +23,14 @@
 			<Button @click="launch">Launch</Button>
 			<Button class="p-button-secondary" @click="close()">Cancel</Button>
 		</template>
-	</Modal>
+	</tera-modal>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
 import { ITypedModel } from '@/types/Model';
 import { PetriNet } from '@/petrinet/petrinet-service';
-import Modal from '@/components/widgets/Modal.vue';
+import TeraModal from '@/components/widgets/tera-modal.vue';
 import InputText from 'primevue/inputtext';
 import Button from 'primevue/button';
 import { makeForecast, createSimulation } from '@/services/models/simulation-service';