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

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Admin/CirculationTriggers/CirculationTriggersFormAdd.vue (-10 / +7 lines)
Lines 1-7 Link Here
1
<template>
1
<template>
2
    <router-link :to="{ name: 'CirculationTriggersList' }" class="close_modal">
3
        <i class="fa fa-fw fa-close"></i>
4
    </router-link>
5
    <div v-if="initialized" class="modal-content">
2
    <div v-if="initialized" class="modal-content">
6
        <form @submit="addCircRule($event)">
3
        <form @submit="addCircRule($event)">
7
            <div class="modal-header">
4
            <div class="modal-header">
Lines 11-16 Link Here
11
                <h1 class="modal-title" v-else>
8
                <h1 class="modal-title" v-else>
12
                    {{ $__("Edit circulation trigger") }}
9
                    {{ $__("Edit circulation trigger") }}
13
                </h1>
10
                </h1>
11
                <router-link
12
                    class="btn-close"
13
                    type="button"
14
                    :to="{
15
                        name: 'CirculationTriggersList',
16
                    }"
17
                ></router-link>
14
            </div>
18
            </div>
15
            <div class="modal-body">
19
            <div class="modal-body">
16
                <div class="page-section bg-info" v-if="circRules.length">
20
                <div class="page-section bg-info" v-if="circRules.length">
Lines 750-762 export default { Link Here
750
</script>
754
</script>
751
755
752
<style scoped>
756
<style scoped>
753
.close_modal {
754
    position: absolute;
755
    top: 0.5rem;
756
    right: 0.5rem;
757
    font-size: 2rem;
758
}
759
760
form li {
757
form li {
761
    display: flex;
758
    display: flex;
762
    align-items: center;
759
    align-items: center;
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Admin/CirculationTriggers/CirculationTriggersList.vue (-6 / +13 lines)
Lines 65-79 Link Here
65
            <ul class="nav nav-tabs" role="tablist">
65
            <ul class="nav nav-tabs" role="tablist">
66
                <li
66
                <li
67
                    v-for="(number, i) in numberOfTabs"
67
                    v-for="(number, i) in numberOfTabs"
68
                    class="nav-item"
68
                    role="presentation"
69
                    role="presentation"
69
                    v-bind:class="
70
                        tabSelected === `Notice ${number}` ? 'active' : ''
71
                    "
72
                    :key="`noticeTab${i}`"
70
                    :key="`noticeTab${i}`"
73
                >
71
                >
74
                    <a
72
                    <a
75
                        href="#"
73
                        href="#"
74
                        class="nav-link"
76
                        role="tab"
75
                        role="tab"
76
                        v-bind:class="
77
                            tabSelected === `Notice ${number}` ? 'active' : ''
78
                        "
77
                        @click="changeTabContent"
79
                        @click="changeTabContent"
78
                        :data-content="`Notice ${number}`"
80
                        :data-content="`Notice ${number}`"
79
                        >{{ $__("Trigger") + " " + number }}</a
81
                        >{{ $__("Trigger") + " " + number }}</a
Lines 81-89 Link Here
81
                </li>
83
                </li>
82
            </ul>
84
            </ul>
83
        </div>
85
        </div>
84
        <div class="tab_content">
86
        <div class="tab-content">
85
            <template v-for="(number, i) in numberOfTabs">
87
            <template v-for="(number, i) in numberOfTabs">
86
                <div
88
                <div
89
                    class="tab-pane"
90
                    role="tabpanel"
91
                    v-bind:class="
92
                        tabSelected === `Notice ${number}` ? 'show active' : ''
93
                    "
87
                    v-if="tabSelected === `Notice ${number}`"
94
                    v-if="tabSelected === `Notice ${number}`"
88
                    :key="`noticeTabContent${i}`"
95
                    :key="`noticeTabContent${i}`"
89
                >
96
                >
Lines 98-104 Link Here
98
            </template>
105
            </template>
99
        </div>
106
        </div>
100
    </div>
107
    </div>
101
    <div v-if="showModal" class="modal_centered">
108
    <div v-if="showModal" class="modal" role="dialog">
102
        <div
109
        <div
103
            class="modal-dialog modal-dialog-centered modal-lg"
110
            class="modal-dialog modal-dialog-centered modal-lg"
104
            role="document"
111
            role="document"
Lines 244-250 export default { Link Here
244
    margin-bottom: 0;
251
    margin-bottom: 0;
245
}
252
}
246
253
247
.modal_centered {
254
.modal {
248
    position: fixed;
255
    position: fixed;
249
    z-index: 9998;
256
    z-index: 9998;
250
    display: table;
257
    display: table;
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Admin/CirculationTriggers/Main.vue (-3 / +2 lines)
Lines 6-19 Link Here
6
        </div>
6
        </div>
7
        <div class="main container-fluid">
7
        <div class="main container-fluid">
8
            <div class="row">
8
            <div class="row">
9
                <div class="col-sm-10 col-sm-push-2">
9
                <div class="col-md-10 order-md-2 order-sm-1">
10
                    <main>
10
                    <main>
11
                        <Dialog />
11
                        <Dialog />
12
                        <router-view />
12
                        <router-view />
13
                    </main>
13
                    </main>
14
                </div>
14
                </div>
15
15
16
                <div class="col-sm-2 col-sm-pull-10"></div>
16
                <div class="col-md-2 order-sm-2 order-md-1"></div>
17
            </div>
17
            </div>
18
        </div>
18
        </div>
19
    </div>
19
    </div>
20
- 

Return to bug 10190