Add placeholder image

google · Sep 21, 2024 · 43752dc · 43752dc
1 parent 46f4287
commit 43752dc
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 12 deletions.
diff --git a/timesketch/frontend-ng/dist/vis_placeholder.png b/timesketch/frontend-ng/dist/vis_placeholder.png
diff --git a/timesketch/frontend-ng/src/components/Visualization/AggregationEventSelect.vue b/timesketch/frontend-ng/src/components/Visualization/AggregationEventSelect.vue
@@ -34,36 +34,36 @@ limitations under the License.
           autofocus
           label="Event query"
           v-model="selectedQueryString"
-
         >
         </v-text-field>
       </v-col>
     </v-row>
     <v-row class="mt-n10">
       <v-col>
-        <v-autocomplete
+        <v-select
           v-bind="$attrs"
           v-model="selectedRecentSearch"
           :items="allRecentSearches"
           clearable
-          outlined
-          label="Select a recent search"
+          solo
+          dense
+          label="Recent search"
           :disabled="!!selectedSavedSearch"
-
         >
-        </v-autocomplete>
+        </v-select>
       </v-col>
-      <v-col >
-        <v-autocomplete
-          :disabled="!!selectedRecentSearch"
+      <v-col>
+        <v-select
           v-bind="$attrs"
           v-model="selectedSavedSearch"
           :items="allSavedSearches"
           clearable
-          outlined
-          label="Select a saved search"
+          solo
+          dense
+          label="Saved search"
+          :disabled="!!selectedRecentSearch"
         >
-        </v-autocomplete>
+        </v-select>
       </v-col>
     </v-row>
   </v-container>

diff --git a/timesketch/frontend-ng/src/components/Visualization/VisualizationEditor.vue b/timesketch/frontend-ng/src/components/Visualization/VisualizationEditor.vue
@@ -86,6 +86,12 @@ limitations under the License.
         ></TsChartConfig>
         </v-col>
         <v-col cols="8">
+          <v-img
+            v-if="chartSeries == null"
+            src="/dist/vis_placeholder.png"
+            width="750"
+            height="520"
+          ></v-img>
           <TsChartCard
             v-if="chartSeries && selectedChartType"
             :fieldName="selectedField.field"