@dative-gpi/foundation-shared-components 0.0.17 → 0.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/FSButton.vue +2 -2
- package/components/FSDivider.vue +7 -2
- package/components/buttons/FSButtonCancel.vue +28 -0
- package/components/buttons/FSButtonCancelIcon.vue +28 -0
- package/components/buttons/FSButtonCancelLabel.vue +27 -0
- package/components/buttons/FSButtonCancelMini.vue +27 -0
- package/components/buttons/FSButtonDuplicate.vue +28 -0
- package/components/buttons/FSButtonDuplicateIcon.vue +28 -0
- package/components/buttons/FSButtonDuplicateLabel.vue +27 -0
- package/components/buttons/FSButtonDuplicateMini.vue +27 -0
- package/components/buttons/FSButtonEdit.vue +28 -0
- package/components/buttons/FSButtonEditIcon.vue +28 -0
- package/components/buttons/FSButtonEditLabel.vue +27 -0
- package/components/buttons/FSButtonEditMini.vue +27 -0
- package/components/buttons/FSButtonNext.vue +28 -0
- package/components/buttons/FSButtonNextIcon.vue +28 -0
- package/components/buttons/FSButtonNextLabel.vue +27 -0
- package/components/buttons/FSButtonNextMini.vue +27 -0
- package/components/buttons/FSButtonPrevious.vue +28 -0
- package/components/buttons/FSButtonPreviousIcon.vue +28 -0
- package/components/buttons/FSButtonPreviousLabel.vue +27 -0
- package/components/buttons/FSButtonPreviousMini.vue +27 -0
- package/components/buttons/FSButtonRedo.vue +28 -0
- package/components/buttons/FSButtonRedoIcon.vue +28 -0
- package/components/buttons/FSButtonRedoLabel.vue +27 -0
- package/components/buttons/FSButtonRedoMini.vue +27 -0
- package/components/buttons/FSButtonRemove.vue +28 -0
- package/components/buttons/FSButtonRemoveIcon.vue +28 -0
- package/components/buttons/FSButtonRemoveLabel.vue +27 -0
- package/components/buttons/FSButtonRemoveMini.vue +27 -0
- package/components/buttons/FSButtonSave.vue +28 -0
- package/components/buttons/FSButtonSaveIcon.vue +28 -0
- package/components/buttons/FSButtonSaveLabel.vue +27 -0
- package/components/buttons/FSButtonSaveMini.vue +27 -0
- package/components/buttons/FSButtonSearch.vue +28 -0
- package/components/buttons/FSButtonSearchIcon.vue +28 -0
- package/components/buttons/FSButtonSearchLabel.vue +27 -0
- package/components/buttons/FSButtonSearchMini.vue +27 -0
- package/components/buttons/FSButtonUndo.vue +28 -0
- package/components/buttons/FSButtonUndoIcon.vue +28 -0
- package/components/buttons/FSButtonUndoLabel.vue +27 -0
- package/components/buttons/FSButtonUndoMini.vue +27 -0
- package/components/buttons/FSButtonUpdate.vue +28 -0
- package/components/buttons/FSButtonUpdateIcon.vue +28 -0
- package/components/buttons/FSButtonUpdateLabel.vue +27 -0
- package/components/buttons/FSButtonUpdateMini.vue +27 -0
- package/components/buttons/FSButtonValidate.vue +28 -0
- package/components/buttons/FSButtonValidateIcon.vue +28 -0
- package/components/buttons/FSButtonValidateLabel.vue +27 -0
- package/components/buttons/FSButtonValidateMini.vue +27 -0
- package/components/fields/FSSearchField.vue +1 -1
- package/package.json +4 -4
- package/styles/globals/overrides.scss +7 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
:label="$tr('ui.button.redo', 'Redo')"
|
|
4
|
+
:color="ColorEnum.Light"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonRedoLabel",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-redo-variant"
|
|
4
|
+
:color="ColorEnum.Light"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonRedoMini",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-delete-outline"
|
|
4
|
+
:label="$tr('ui.button.remove', 'Remove')"
|
|
5
|
+
:color="ColorEnum.Error"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonRemove",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
icon="mdi-delete-outline"
|
|
4
|
+
variant="icon"
|
|
5
|
+
:color="ColorEnum.Error"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonRemoveIcon",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
:label="$tr('ui.button.remove', 'Remove')"
|
|
4
|
+
:color="ColorEnum.Error"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonRemoveLabel",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-delete-outline"
|
|
4
|
+
:color="ColorEnum.Error"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonRemoveMini",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-content-save-outline"
|
|
4
|
+
:label="$tr('ui.button.save', 'Save')"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonSave",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
icon="mdi-content-save-outline"
|
|
4
|
+
variant="icon"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonSaveIcon",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
:label="$tr('ui.button.save', 'Save')"
|
|
4
|
+
:color="ColorEnum.Primary"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonSaveLabel",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-content-save-outline"
|
|
4
|
+
:color="ColorEnum.Primary"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonSaveMini",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-magnify"
|
|
4
|
+
:label="$tr('ui.button.search', 'Search')"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonSearch",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
icon="mdi-magnify"
|
|
4
|
+
variant="icon"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonSearchIcon",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
:label="$tr('ui.button.search', 'Search')"
|
|
4
|
+
:color="ColorEnum.Primary"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonSearchLabel",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-magnify"
|
|
4
|
+
:color="ColorEnum.Primary"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonSearchMini",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-undo-variant"
|
|
4
|
+
:label="$tr('ui.button.undo', 'Undo')"
|
|
5
|
+
:color="ColorEnum.Light"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonUndo",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
icon="mdi-undo-variant"
|
|
4
|
+
variant="icon"
|
|
5
|
+
:color="ColorEnum.Light"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonUndoIcon",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
:label="$tr('ui.button.undo', 'Undo')"
|
|
4
|
+
:color="ColorEnum.Light"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonUndo",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-undo-variant"
|
|
4
|
+
:color="ColorEnum.Light"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonUndoMini",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-pencil-outline"
|
|
4
|
+
:label="$tr('ui.button.update', 'Update')"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonUpdate",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
icon="mdi-pencil-outline"
|
|
4
|
+
variant="icon"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonUpdateIcon",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
:label="$tr('ui.button.update', 'Update')"
|
|
4
|
+
:color="ColorEnum.Primary"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonUpdateLabel",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-pencil-outline"
|
|
4
|
+
:color="ColorEnum.Primary"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from "vue";
|
|
11
|
+
|
|
12
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
13
|
+
|
|
14
|
+
import FSButton from "../FSButton.vue";
|
|
15
|
+
|
|
16
|
+
export default defineComponent({
|
|
17
|
+
name: "FSButtonUpdateMini",
|
|
18
|
+
components: {
|
|
19
|
+
FSButton
|
|
20
|
+
},
|
|
21
|
+
setup() {
|
|
22
|
+
return {
|
|
23
|
+
ColorEnum
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
prependIcon="mdi-check"
|
|
4
|
+
:label="$tr('ui.button.validate', 'Validate')"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonValidate",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<FSButton
|
|
3
|
+
icon="mdi-check"
|
|
4
|
+
variant="icon"
|
|
5
|
+
:color="ColorEnum.Primary"
|
|
6
|
+
v-bind="$attrs"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { defineComponent } from "vue";
|
|
12
|
+
|
|
13
|
+
import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
|
|
14
|
+
|
|
15
|
+
import FSButton from "../FSButton.vue";
|
|
16
|
+
|
|
17
|
+
export default defineComponent({
|
|
18
|
+
name: "FSButtonValidateIcon",
|
|
19
|
+
components: {
|
|
20
|
+
FSButton
|
|
21
|
+
},
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
ColorEnum
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
</script>
|