diff --git a/web/server/vue-cli/src/components/Run/LoadMultipleRunsBtn.vue b/web/server/vue-cli/src/components/Run/LoadMultipleRunsBtn.vue new file mode 100644 index 0000000000..b958d0f74e --- /dev/null +++ b/web/server/vue-cli/src/components/Run/LoadMultipleRunsBtn.vue @@ -0,0 +1,28 @@ + + + diff --git a/web/server/vue-cli/src/components/Run/RunFilterToolbar.vue b/web/server/vue-cli/src/components/Run/RunFilterToolbar.vue index e2cd3dbcce..8f16942ad3 100644 --- a/web/server/vue-cli/src/components/Run/RunFilterToolbar.vue +++ b/web/server/vue-cli/src/components/Run/RunFilterToolbar.vue @@ -69,7 +69,7 @@ label="History stored before..." prepend-inner-icon="mdi-calendar-arrow-left" variant="outlined" - density="compact" + density="compact" clearable > - - + + mdi-refresh + + + + @@ -153,7 +163,7 @@ import { import _ from "lodash"; import DateTimePicker from "@/components/DateTimePicker"; -import { DeleteRunBtn } from "@/components/Run"; +import { DeleteRunBtn, LoadMultipleRunsBtn } from "@/components/Run"; import TooltipHelpIcon from "@/components/TooltipHelpIcon"; const props = defineProps({ @@ -306,4 +316,15 @@ function updateUrl(params) { function update() { emit("update"); } + +function getSelectedRunsFilterQuery(selected) { + return { + run: selected.map(item => item.name) + }; +} + +const enoughRunsSelected = computed(() => { + return props.selected.length >= 2;; +}); + diff --git a/web/server/vue-cli/src/components/Run/index.js b/web/server/vue-cli/src/components/Run/index.js index ad6117841d..1221ea09ea 100644 --- a/web/server/vue-cli/src/components/Run/index.js +++ b/web/server/vue-cli/src/components/Run/index.js @@ -6,10 +6,12 @@ import ExpandedRun from "./ExpandedRun"; import RunDescription from "./RunDescription"; import RunFilterToolbar from "./RunFilterToolbar"; import RunNameColumn from "./RunNameColumn"; +import LoadMultipleRunsBtn from "./LoadMultipleRunsBtn.vue"; export { AnalysisInfoBtn, AnalyzerStatisticsBtn, AnalyzerStatisticsDialog, DeleteRunBtn, ExpandedRun, - RunDescription, RunFilterToolbar, RunNameColumn + RunDescription, RunFilterToolbar, RunNameColumn, + LoadMultipleRunsBtn }; diff --git a/web/server/vue-cli/src/views/RunList.vue b/web/server/vue-cli/src/views/RunList.vue index 871152057b..91426b11b5 100644 --- a/web/server/vue-cli/src/views/RunList.vue +++ b/web/server/vue-cli/src/views/RunList.vue @@ -196,10 +196,10 @@ const itemsPerPage = ref( itemsPerPageOptions[0].value ); const sortBy = ref( - route.query["sort-by"] - ? [ { - key: route.query["sort-by"], - order: route.query["sort-desc"] === "true" ? "desc" : "asc" + route.query["sort-by"] + ? [ { + key: route.query["sort-by"], + order: route.query["sort-desc"] === "true" ? "desc" : "asc" } ] : [ { key: "name", order: "asc" } ] );