diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts b/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
index 8601d0de60..ab88c9db28 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
@@ -25,6 +25,7 @@ declare module '@vue/runtime-core' {
BaseMarkdownOutput: typeof import('./src/components/form/BaseMarkdownOutput.vue')['default']
ContrastModeSelection: typeof import('./src/components/UI/ContrastModeSelection.vue')['default']
CsvOutput: typeof import('./src/components/form/CsvOutput.vue')['default']
+ DwfButton: typeof import('./src/components/common/DwfButton.vue')['default']
FileOutput: typeof import('./src/components/form/FileOutput.vue')['default']
GroupTaskItem: typeof import('./src/components/task/GroupTaskItem.vue')['default']
ImageOutput: typeof import('./src/components/form/ImageOutput.vue')['default']
@@ -66,6 +67,7 @@ declare module '@vue/runtime-core' {
VFadeTransition: typeof import('vuetify/lib')['VFadeTransition']
VFlex: typeof import('vuetify/lib')['VFlex']
VForm: typeof import('vuetify/lib')['VForm']
+ VHover: typeof import('vuetify/lib')['VHover']
VIcon: typeof import('vuetify/lib')['VIcon']
VImg: typeof import('vuetify/lib')['VImg']
VLayout: typeof import('vuetify/lib')['VLayout']
diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/src/components/common/DwfButton.vue b/digiwf-apps/packages/apps/digiwf-tasklist/src/components/common/DwfButton.vue
new file mode 100644
index 0000000000..c4d0a699ad
--- /dev/null
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/src/components/common/DwfButton.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/src/components/task/TaskList.vue b/digiwf-apps/packages/apps/digiwf-tasklist/src/components/task/TaskList.vue
index 8cc7f7e3fb..fa4b8b3781 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/src/components/task/TaskList.vue
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/src/components/task/TaskList.vue
@@ -23,11 +23,8 @@
-
@@ -41,7 +38,8 @@
mdi-refresh
Aktualisieren
-
+
+
@@ -97,9 +95,10 @@ import SearchField from "../common/SearchField.vue";
import {HumanTask} from "../../middleware/tasks/tasksModels";
import {PropType} from "vue";
import SortBySelect from "../common/SortBySelect.vue";
+import DwfButton from "../common/DwfButton.vue";
export default {
- components: {SortBySelect, SearchField, AppToast},
+ components: {DwfButton, SortBySelect, SearchField, AppToast},
props: {
filter: {
type: String,
diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/src/plugins/vuetify.ts b/digiwf-apps/packages/apps/digiwf-tasklist/src/plugins/vuetify.ts
index f5a208fd65..53be217ab9 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/src/plugins/vuetify.ts
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/src/plugins/vuetify.ts
@@ -1,8 +1,8 @@
-import '@mdi/font/css/materialdesignicons.css';
-import Vue, {getCurrentInstance} from 'vue';
-import Vuetify from 'vuetify';
+import "@mdi/font/css/materialdesignicons.css";
+import Vue, {getCurrentInstance} from "vue";
+import Vuetify from "vuetify";
import {VuetifyThemeVariant} from "vuetify/types/services/theme";
-import store from '../store';
+import store from "../store";
Vue.use(Vuetify);
@@ -12,28 +12,10 @@ export const lightTheme: Partial = {
accent: '#7BA4D9',
success: '#69BE28',
error: '#FF0000',
-
};
export const highContrastTheme: Partial = {
- primary: {
- base: "#000000",
- lighten5: "#FFF3E0",
- lighten4: "#FFE0B2",
- lighten3: "#FFCC80",
- lighten2: "#FFB74D",
- lighten1: "#FFA726",
- darken1: "#FB8C00",
- darken2: "#F57C00",
- darken3: "#EF6C00",
- darken4: "#E65100"
- },
- secondary: '#ff0000',
- accent: '#acff1c',
- success: '#008dff',
- error: '#d24eff',
- anchor: "#ffea4b"
-
+ ...lightTheme,
};
// https://medium.com/@jogarcia/vuetify-multiple-themes-c580f41ece65
diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessDefinitions.vue b/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessDefinitions.vue
index f208dabf0a..58324a0a79 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessDefinitions.vue
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessDefinitions.vue
@@ -11,12 +11,8 @@
:on-filter-change="onFilterChanged"
/>
-
@@ -34,7 +30,7 @@
Aktualisieren
-
+
@@ -80,9 +76,11 @@ import {useGetPaginationData} from "../middleware/paginationData";
import SearchField from "../components/common/SearchField.vue";
import {useGetProcessDefinitions} from "../middleware/processDefinitions/processDefinitionMiddleware";
import AppPaginationFooter from "../components/UI/AppPaginationFooter.vue";
+import DwfButton from "../components/common/DwfButton.vue";
export default defineComponent({
components: {
+ DwfButton,
AppPaginationFooter,
SearchField, ProcessDefinitionItem, AppToast, AppViewLayout
},
diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessInstances.vue b/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessInstances.vue
index a8ae11249c..2169ee9ceb 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessInstances.vue
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/src/views/ProcessInstances.vue
@@ -10,12 +10,8 @@
:on-filter-change="onFilterChanged"
/>
-
@@ -33,7 +29,7 @@
Aktualisieren
-
+
@@ -98,9 +94,11 @@ import {useGetPaginationData} from "../middleware/paginationData";
import {useGetProcessInstances} from "../middleware/processInstances/processInstancesMiddleware";
import AppPaginationFooter from "../components/UI/AppPaginationFooter.vue";
import SearchField from "../components/common/SearchField.vue";
+import DwfButton from "../components/common/DwfButton.vue";
export default defineComponent({
components: {
+ DwfButton,
SearchField,
AppPaginationFooter, ProcessInstanceItem, AppToast, AppViewLayout
},