ayanova/src/components/extensions-control.vue

@@ -5,19 +5,20 @@
       <v-card-subtitle class="mt-1">{{ titleText() }}</v-card-subtitle>
       <v-card-text>
         <template v-if="errorObj.length > 0">
-          <v-data-table
+          <div class="mt-4 mb-8">
-            :headers="headers"
+            <v-icon large color="error">$ayiExclamationTriangle</v-icon>
-            :items="errorObj"
+            <v-data-table
-            class="elevation-1"
+              dense
-            :disable-pagination="true"
+              :headers="headers"
-            :disable-filtering="true"
+              :items="errorObj"
-            hide-default-footer
+              class="elevation-4"
-            :sort-by="['created']"
+              :disable-pagination="true"
-            :sort-desc="[true]"
+              :disable-filtering="true"
-            :header-props="{ sortByText: $ay.t('Sort') }"
+              hide-default-footer
-          >
+              hide-default-header
-          </v-data-table>
+            >
-          <v-spacer></v-spacer>
+            </v-data-table>
+          </div>
         </template>
         <v-expansion-panels focusable>
           <ExtensionTags :dataListSelection="dataListSelection" />
@@ -84,7 +85,7 @@ export default {
       }
 
       if (jobId == "clear") {
-        vm.errorObj = null;
+        vm.errorObj = [];
         return;
       }
       console.log("Fetching for job", jobId);