View | Details | Raw Unified | Return to bug 32925
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ButtonSubmit.vue (+44 lines)
Line 0 Link Here
1
<template>
2
    <input type="submit" variant="primary" :value="text" @click="submitting = true" />
3
    <div v-if="submitting" class="modal">
4
        <div class="spinner dialog alert">Submitting...</div>
5
    </div>
6
</template>
7
8
<script>
9
export default {
10
    name: "ButtonSubmit",
11
    props: {
12
        text: {
13
            type: String,
14
            default: __("Submit"),
15
            required: false,
16
        },
17
        submitting: {
18
            type: Boolean,
19
            default: false,
20
            required: false,
21
        },
22
    },
23
};
24
</script>
25
26
<style scoped>
27
.modal {
28
    position: fixed;
29
    z-index: 9998;
30
    display: table;
31
    transition: opacity 0.3s ease;
32
    left: 0px;
33
    top: 0px;
34
    width: 100%;
35
    height: 100%;
36
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
37
}
38
.spinner {
39
    position: absolute;
40
    top: 50%;
41
    left: 40%;
42
    width: 10%
43
}
44
</style>
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsFormAdd.vue (-1 / +3 lines)
Lines 169-175 Link Here
169
                />
169
                />
170
                <Documents :documents="agreement.documents" />
170
                <Documents :documents="agreement.documents" />
171
                <fieldset class="action">
171
                <fieldset class="action">
172
                    <input type="submit" value="Submit" />
172
                    <ButtonSubmit />
173
                    <router-link
173
                    <router-link
174
                        to="/cgi-bin/koha/erm/agreements"
174
                        to="/cgi-bin/koha/erm/agreements"
175
                        role="button"
175
                        role="button"
Lines 189-194 import UserRoles from "./UserRoles.vue" Link Here
189
import AgreementLicenses from "./AgreementLicenses.vue"
189
import AgreementLicenses from "./AgreementLicenses.vue"
190
import AgreementRelationships from "./AgreementRelationships.vue"
190
import AgreementRelationships from "./AgreementRelationships.vue"
191
import Documents from "./Documents.vue"
191
import Documents from "./Documents.vue"
192
import ButtonSubmit from "../ButtonSubmit.vue"
192
import { setMessage, setError, setWarning } from "../../messages"
193
import { setMessage, setError, setWarning } from "../../messages"
193
import { fetchAgreement } from "../../fetch"
194
import { fetchAgreement } from "../../fetch"
194
import { storeToRefs } from "pinia"
195
import { storeToRefs } from "pinia"
Lines 411-416 export default { Link Here
411
        AgreementLicenses,
412
        AgreementLicenses,
412
        AgreementRelationships,
413
        AgreementRelationships,
413
        Documents,
414
        Documents,
415
        ButtonSubmit,
414
    },
416
    },
415
    name: "AgreementsFormAdd",
417
    name: "AgreementsFormAdd",
416
}
418
}
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsFormConfirmDelete.vue (-6 / +5 lines)
Lines 18-28 Link Here
18
                    </ol>
18
                    </ol>
19
                </fieldset>
19
                </fieldset>
20
                <fieldset class="action">
20
                <fieldset class="action">
21
                    <input
21
                    <ButtonSubmit :text="$__('Yes, delete')"/>
22
                        type="submit"
23
                        variant="primary"
24
                        :value="$__('Yes, delete')"
25
                    />
26
                    <router-link
22
                    <router-link
27
                        to="/cgi-bin/koha/erm/agreements"
23
                        to="/cgi-bin/koha/erm/agreements"
28
                        role="button"
24
                        role="button"
Lines 38-43 Link Here
38
<script>
34
<script>
39
import { fetchAgreement } from "../../fetch"
35
import { fetchAgreement } from "../../fetch"
40
import { setMessage, setError } from "../../messages"
36
import { setMessage, setError } from "../../messages"
37
import ButtonSubmit from "../ButtonSubmit.vue"
41
38
42
export default {
39
export default {
43
    data() {
40
    data() {
Lines 83-88 export default { Link Here
83
                })
80
                })
84
        },
81
        },
85
    },
82
    },
83
    components: {
84
        ButtonSubmit,
85
    },
86
    name: "AgreementsFormConfirmDelete",
86
    name: "AgreementsFormConfirmDelete",
87
}
87
}
88
</script>
88
</script>
89
- 

Return to bug 32925