add Scenario outputType

This commit is contained in:
2024-10-24 10:42:17 +02:00
parent acf668979b
commit 29de8bdb6f
6 changed files with 30 additions and 19 deletions

View File

@@ -20,7 +20,7 @@ const model = ref([
items: [
{ label: 'Scenarios', icon: 'pi pi-fw pi-id-card', to: '/' },
{ label: 'CIA Scenario', icon: 'pi pi-fw pi-id-card', to: '/cia' },
{ label: 'Executions', icon: 'pi pi-fw pi-id-card', to: '/exectutions' }]
{ label: 'Executions', icon: 'pi pi-fw pi-id-card', to: '/executions' }]
}, {
label: 'Canvas',
items: [{ label: 'New Canvas', icon: 'pi pi-fw pi-id-card', to: '/mdcanvas' }]

View File

@@ -30,8 +30,8 @@ const router = createRouter({
name: 'scenario-exec',
component: () => import('@/views/pages/ScenarioExec.vue')
},{
path: '/exectutions',
name: 'exectutions',
path: '/executions',
name: 'executions',
component: () => import('@/views/pages/OldScenarioExec.vue')
},
{

View File

@@ -50,10 +50,11 @@
</template>
<div class="card flex flex-col gap-4 w-full">
<div v-if="scenario_output != null">
<!--<MdPreview class="editor" v-model="scenario_output" language="en-US" />-->
<ChangeImpactOutputViewer :scenario_output="scenario_output" />
<div v-if="scenario.outputType == 'ciaOutput'">
<ChangeImpactOutputViewer :scenario_output="scenario_output" />
</div>
<div v-else>
<MdPreview class="editor" v-model="scenario_output" language="en-US" />
</div>
</div>
</Panel>
@@ -74,6 +75,7 @@
<script setup>
import ChangeImpactOutputViewer from '@/components/ChangeImpactOutputViewer.vue';
import { MdPreview } from 'md-editor-v3';
import { ChevronLeftIcon } from '@heroicons/vue/24/solid';
import axios from 'axios';
import JsonEditorVue from 'json-editor-vue';
@@ -95,9 +97,8 @@ const loading_data = ref(false);
const formData = ref({});
const exec_id = ref(null);
const exec_scenario = ref({});
const debug_modal = ref(false)
const execution_id=ref("");
const debug_modal = ref(false);
const execution_id = ref("");
const retrieveScenarioExec = () => {
const id = execution_id.value
@@ -110,7 +111,7 @@ const retrieveScenarioExec = () => {
exec_scenario.value = response.data
data_loaded.value = true;
scenario_output.value = response.data.execSharedMap.scenario_output;
exec_id.value = response.data.scenarioExecution_id
exec_id.value = response.data.scenarioExecution_id
});
};

View File

@@ -75,8 +75,11 @@
</div>
</template>
<div class="card flex flex-col gap-4 w-full">
<div v-if="scenario_output != null">
<div class="card flex flex-col gap-4 w-full">
<div v-if="scenario.outputType == 'ciaOutput'">
<ChangeImpactOutputViewer :scenario_output="scenario_output" />
</div>
<div v-else>
<MdPreview class="editor" v-model="scenario_output" language="en-US" />
</div>
</div>
@@ -108,6 +111,8 @@ import { onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { MdPreview } from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
import ChangeImpactOutputViewer from '@/components/ChangeImpactOutputViewer.vue';
const router = useRouter();
@@ -121,7 +126,7 @@ const loading_data = ref(false);
const formData = ref({});
const exec_id = ref(null);
const exec_scenario = ref({});
const debug_modal = ref(false)
const debug_modal = ref(false);
onMounted(() => {
@@ -163,7 +168,6 @@ onMounted(() => {
data_loaded.value = true;
scenario_output.value = response.data.stringOutput;
exec_id.value = response.data.scenarioExecution_id
})
.catch(error => {
console.error('Error executing scenario:', error);

View File

@@ -88,7 +88,7 @@ import { UserPrefStore } from '../../stores/UserPrefStore.js';
const scenarioTypeOp = ref([
{ name: 'All', value: 'all' },
{ name: 'Croos', value: 'cross' },
{ name: 'Cross', value: 'cross' },
{ name: 'Project', value: 'project' },
{ name: 'Application', value: 'application' }

View File

@@ -24,7 +24,12 @@
</div>
<div class="flex mt-2">
<MdPreview class="editor" v-model="scenario_output" language="en-US" />
<div v-if="scenario.outputType == 'ciaOutput'">
<ChangeImpactOutputViewer :scenario_output="scenario_output" />
</div>
<div v-else>
<MdPreview class="editor" v-model="scenario_output" language="en-US" />
</div>
</div>
</div>
</div>
@@ -39,8 +44,9 @@
import Textarea from 'primevue/textarea';
import axios from 'axios';
import { MdEditor } from 'md-editor-v3';
import { MdPreview, MdCatalog } from 'md-editor-v3';
import 'md-editor-v3/lib/preview.css';
import { MdPreview } from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
import ChangeImpactOutputViewer from '@/components/ChangeImpactOutputViewer.vue';