Frontend, property > quality attribute category

mlte-team · Dec 10, 2024 · 2b62b0e · 2b62b0e
1 parent 680213c
commit 2b62b0e
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 31 deletions.
diff --git a/mlte/frontend/nuxt-app/components/FormFields/system-requirements.vue b/mlte/frontend/nuxt-app/components/FormFields/system-requirements.vue
@@ -36,7 +36,7 @@
       </p>
       <UsaTextInput v-model="requirement.quality">
         <template #label>
-          <b>System Quality:</b> What is the model qa category to be tested, such
+          <b>System Quality:</b> What is the model quaity attribute category to be tested, such
           as accuracy, performance, robustness, fairness, or resource
           consumption?
           <InfoIcon>
@@ -54,7 +54,7 @@
       <UsaTextInput v-model="requirement.stimulus">
         <template #label>
           <b>Stimulus:</b> What is the input to the model, the action, or the
-          event that will enable testing of the qa category, such as input data,
+          event that will enable testing of the quality attribute category, such as input data,
           system event, or user operation?
           <InfoIcon>
             A condition arriving at the system/model (e.g., data,

diff --git a/mlte/frontend/nuxt-app/components/TestCatalog/entry-edit.vue b/mlte/frontend/nuxt-app/components/TestCatalog/entry-edit.vue
@@ -55,20 +55,20 @@
     </div>
 
     <UsaSelect
-      v-model="modelValue.property_category"
-      :options="propertyCategoryOptions"
+      v-model="modelValue.qa_category"
+      :options="QACategoryOptions"
     >
       <template #label>
         Quality Attribute Category
         <InfoIcon>
-          High-level qa category that the test example is 
+          High-level quality attribute category that the test example is 
           validating, e.g., functional correctness, performance, robustness.
         </InfoIcon>
       </template>
       <template #error-message>Not defined</template>
     </UsaSelect>
 
-    <UsaTextInput v-model="modelValue.property">
+    <UsaTextInput v-model="modelValue.quality_attribute">
       <template #label>
         Quality Attribute
         <InfoIcon>
@@ -161,8 +161,8 @@ const props = defineProps({
         catalog_id: "",
       },
       tags: [],
-      property_category: "",
-      property: "",
+      qa_category: "",
+      quality_attribute: "",
       code_type: "",
       code: "",
       description: "",
@@ -229,7 +229,7 @@ const tagOptions = ref([
   { name: "Tabular", selected: false },
   { name: "Time Series", selected: false },
 ]);
-const propertyCategoryOptions = ref([
+const QACategoryOptions = ref([
   { value: "Explainability", text: "Explainability" },
   { value: "Fairness", text: "Fairness" },
   { value: "Functional Correctness", text: "Functional Correctness" },

diff --git a/mlte/frontend/nuxt-app/components/TestCatalog/entry-list.vue b/mlte/frontend/nuxt-app/components/TestCatalog/entry-list.vue
@@ -5,7 +5,7 @@
         <th data-sortable scope="col" role="columnheader">Identifier</th>
         <th data-sortable scope="col" role="columnheader">Catalog</th>
         <th data-sortable scope="col" role="columnheader">Tags</th>
-        <th data-sortable scope="col" role="columnheader">Property Category</th>
+        <th data-sortable scope="col" role="columnheader">Quality Attribute Category</th>
         <th data-sortable scope="col" role="columnheader">Code Type</th>
         <th data-sortable scope="col" role="columnheader">Actions</th>
       </tr>
@@ -24,7 +24,7 @@
         </span>
       </td>
       <td>
-        {{ entry.property_category }}
+        {{ entry.qa_category }}
       </td>
       <td>
         {{ entry.code_type }}

diff --git a/mlte/frontend/nuxt-app/composables/form-methods.ts b/mlte/frontend/nuxt-app/composables/form-methods.ts
@@ -24,15 +24,15 @@ export function loadFindings(proxyObject: object) {
   const findings = [];
   // TODO(Kyle): Standardize conversion of proxy objects.
   const validatedSpec = JSON.parse(JSON.stringify(proxyObject));
-  validatedSpec.body.spec.properties.forEach((property) => {
+  validatedSpec.body.spec.qa_categories.forEach((qa_category) => {
     // TODO(Kyle): This is not portable to some browsers.
     const results = new Map(
-      Object.entries(validatedSpec.body.results[property.name]),
+      Object.entries(validatedSpec.body.results[qa_category.name]),
     );
     results.forEach((value) => {
       const finding = {
         status: value.type,
-        property: property.name,
+        qa_category: qa_category.name,
         measurement: value.metadata.measurement_type,
         evidence_id: value.metadata.identifier.name,
         message: value.message,

diff --git a/mlte/frontend/nuxt-app/pages/report-export.vue b/mlte/frontend/nuxt-app/pages/report-export.vue
@@ -59,7 +59,7 @@
       <thead>
         <tr>
           <th data-sortable scope="col" role="columnheader">Status</th>
-          <th data-sortable scope="col" role="columnheader">Property</th>
+          <th data-sortable scope="col" role="columnheader">Quality Attribute Category</th>
           <th data-sortable scope="col" role="columnheader">Measurement</th>
           <th data-sortable scope="col" role="columnheader">Evidence ID</th>
           <th data-sortable scope="col" role="columnheader">Message</th>
@@ -86,7 +86,7 @@
             {{ finding.status }}
           </td>
           <td v-else>{{ finding.status }}</td>
-          <td>{{ finding.property }}</td>
+          <td>{{ finding.qa_category }}</td>
           <td>{{ finding.measurement }}</td>
           <td>{{ finding.evidence_id }}</td>
           <td>{{ finding.message }}</td>

diff --git a/mlte/frontend/nuxt-app/pages/report-form.vue b/mlte/frontend/nuxt-app/pages/report-form.vue
@@ -24,7 +24,7 @@
       <thead>
         <tr>
           <th data-sortable scope="col" role="columnheader">Status</th>
-          <th data-sortable scope="col" role="columnheader">Property</th>
+          <th data-sortable scope="col" role="columnheader">Quality Attribute Category</th>
           <th data-sortable scope="col" role="columnheader">Measurement</th>
           <th data-sortable scope="col" role="columnheader">Evidence ID</th>
           <th data-sortable scope="col" role="columnheader">Message</th>
@@ -51,7 +51,7 @@
             {{ finding.status }}
           </td>
           <td v-else>{{ finding.status }}</td>
-          <td>{{ finding.property }}</td>
+          <td>{{ finding.qa_category }}</td>
           <td>{{ finding.measurement }}</td>
           <td>{{ finding.evidence_id }}</td>
           <td>{{ finding.message }}</td>

diff --git a/mlte/frontend/nuxt-app/pages/test-catalog.vue b/mlte/frontend/nuxt-app/pages/test-catalog.vue
@@ -17,9 +17,9 @@
 
       <div class="inline-input-right">
         <label class="usa-label" style="margin-top: 0px">
-          Search by Property Category
+          Search by Quality Attribute Category
         </label>
-        <UsaTextInput v-model="propertySearchValue" @keyup.enter="search()" />
+        <UsaTextInput v-model="QACategorySearchValue" @keyup.enter="search()" />
       </div>
       <div class="inline-button">
         <UsaButton class="usa-button--unstyled" @click="search()">
@@ -51,12 +51,12 @@ const token = useCookie("token");
 const editFlag = ref(false);
 const newEntryFlag = ref(false);
 const tagSearchValue = ref("");
-const propertySearchValue = ref("");
+const QACategorySearchValue = ref("");
 const entryList = ref<{
   header: object;
   tags: Array<string>;
-  property_category: string;
-  property: string;
+  qa_category: string;
+  quality_attribute: string;
   code_type: string;
   code: string;
   description: string;
@@ -94,9 +94,9 @@ async function populateFullEntryList() {
 }
 
 async function search() {
-  if (tagSearchValue.value === "" && propertySearchValue.value === "") {
+  if (tagSearchValue.value === "" && QACategorySearchValue.value === "") {
     populateFullEntryList();
-  } else if (propertySearchValue.value === "") {
+  } else if (QACategorySearchValue.value === "") {
     await $fetch(config.public.apiPath + "/catalogs/entry/search", {
       retry: 0,
       method: "POST",
@@ -132,8 +132,8 @@ async function search() {
       body: {
         filter: {
           type: "property",
-          name: "property_category",
-          value: propertySearchValue.value,
+          name: "qa_category",
+          value: QACategorySearchValue.value,
         },
       },
       onRequestError() {
@@ -166,8 +166,8 @@ async function search() {
             },
             {
               type: "property",
-              name: "property_category",
-              value: propertySearchValue.value,
+              name: "qa_category",
+              value: QACategorySearchValue.value,
             },
           ],
         },
@@ -197,8 +197,8 @@ function resetSelectedEntry() {
       catalog_id: "",
     },
     tags: [],
-    property_category: "",
-    property: "",
+    qa_category: "",
+    quality_attribute: "",
     code_type: "",
     code: "",
     description: "",