lesli_bell 1.0.0 → 1.1.1
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.
- checksums.yaml +4 -4
- data/Rakefile +2 -1
- data/app/assets/stylesheets/lesli_bell/application.tailwind.css +2 -0
- data/app/controllers/lesli_bell/notifications_controller.rb +2 -2
- data/app/models/lesli_bell/announcement/user.rb +2 -2
- data/app/models/lesli_bell/announcement.rb +1 -1
- data/app/models/lesli_bell/dashboard.rb +0 -3
- data/app/views/lesli_bell/notifications/index.html.erb +49 -33
- data/config/routes.rb +1 -1
- data/db/seeds.rb +1 -1
- data/lib/lesli_bell/engine.rb +0 -3
- data/lib/lesli_bell/version.rb +2 -2
- data/readme.md +191 -35
- metadata +7 -21
- data/db/migrate/v1.0/0308003010_create_lesli_bell_dashboards.rb +0 -37
- data/lib/scss/application.scss +0 -0
- data/lib/vue/application.js +0 -73
- data/lib/vue/apps/announcements/components/form.vue +0 -237
- data/lib/vue/apps/announcements/index.vue +0 -145
- data/lib/vue/apps/announcements/new.vue +0 -48
- data/lib/vue/apps/notifications/components/notification-form.vue +0 -171
- data/lib/vue/apps/notifications/index.vue +0 -144
- data/lib/vue/apps/notifications/new.vue +0 -56
- data/lib/vue/stores/announcement.js +0 -147
- data/lib/vue/stores/notification.js +0 -148
- data/lib/vue/stores/translations.json +0 -232
data/lib/vue/application.js
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
|
|
3
|
-
Lesli
|
|
4
|
-
|
|
5
|
-
Copyright (c) 2023, Lesli Technologies, S. A.
|
|
6
|
-
|
|
7
|
-
This program is free software: you can redistribute it and/or modify
|
|
8
|
-
it under the terms of the GNU General Public License as published by
|
|
9
|
-
the Free Software Foundation, either version 3 of the License, or
|
|
10
|
-
(at your option) any later version.
|
|
11
|
-
|
|
12
|
-
This program is distributed in the hope that it will be useful,
|
|
13
|
-
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
14
|
-
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
15
|
-
GNU General Public License for more details.
|
|
16
|
-
|
|
17
|
-
You should have received a copy of the GNU General Public License
|
|
18
|
-
along with this program. If not, see http://www.gnu.org/licenses/.
|
|
19
|
-
|
|
20
|
-
Lesli · Ruby on Rails SaaS Development Framework.
|
|
21
|
-
|
|
22
|
-
Made with ♥ by LesliTech
|
|
23
|
-
Building a better future, one line of code at a time.
|
|
24
|
-
|
|
25
|
-
@contact hello@lesli.tech
|
|
26
|
-
@website https://www.lesli.tech
|
|
27
|
-
@license GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
|
|
28
|
-
|
|
29
|
-
// · ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~
|
|
30
|
-
// ·
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
// · Import Lesli builders
|
|
35
|
-
import application from "Lesli/vue/application"
|
|
36
|
-
import translation from "Lesli/vue/translation"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
// · Import engine translations
|
|
40
|
-
import translations from "LesliBell/vue/stores/translations.json"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
// · Import apps and components
|
|
44
|
-
// import appDashboard from "Lesli/cloud-objects/dashboards/apps/show.vue"
|
|
45
|
-
|
|
46
|
-
import appNotificationsIndex from "LesliBell/vue/apps/notifications/index.vue"
|
|
47
|
-
import appNotificationsNew from "LesliBell/vue/apps/notifications/new.vue"
|
|
48
|
-
|
|
49
|
-
import appAnnouncementsIndex from "LesliBell/vue/apps/announcements/index.vue"
|
|
50
|
-
// import appAnnouncementsNew from "./apps/announcements/new.vue"
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
// · Buil Lesli translations
|
|
54
|
-
translation(translations)
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
// · Build a new Lesli application
|
|
58
|
-
application("LesliBell", [{
|
|
59
|
-
path: "/notifications",
|
|
60
|
-
component: appNotificationsIndex
|
|
61
|
-
}, {
|
|
62
|
-
path: "/notifications/new",
|
|
63
|
-
component: appNotificationsNew
|
|
64
|
-
}, {
|
|
65
|
-
path: "/announcements",
|
|
66
|
-
component: appAnnouncementsIndex
|
|
67
|
-
}/*{
|
|
68
|
-
path: "/",
|
|
69
|
-
component: appDashboard
|
|
70
|
-
}, {
|
|
71
|
-
path: "/announcements/new",
|
|
72
|
-
component: appAnnouncementsNew
|
|
73
|
-
}*/])
|
|
@@ -1,237 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
/*
|
|
3
|
-
Copyright (c) 2022, all rights reserved.
|
|
4
|
-
|
|
5
|
-
All the information provided by this platform is protected by international laws related to
|
|
6
|
-
industrial property, intellectual property, copyright and relative international laws.
|
|
7
|
-
All intellectual or industrial property rights of the code, texts, trade mark, design,
|
|
8
|
-
pictures and any other information belongs to the owner of this platform.
|
|
9
|
-
|
|
10
|
-
Without the written permission of the owner, any replication, modification,
|
|
11
|
-
transmission, publication is strictly forbidden.
|
|
12
|
-
|
|
13
|
-
For more information read the license file including with this software.
|
|
14
|
-
|
|
15
|
-
// · ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~
|
|
16
|
-
// ·
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
// · import vue tools
|
|
20
|
-
import { onMounted, ref, watch } from "vue"
|
|
21
|
-
|
|
22
|
-
// · import store
|
|
23
|
-
import { useBellAnnouncement } from "LesliBell/stores/announcement"
|
|
24
|
-
|
|
25
|
-
import editorRichText from "Lesli/components/editors/richtext.vue"
|
|
26
|
-
import RichtextViewer from "Lesli/components/editors/richtext-viewer.vue"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
// · implement store
|
|
30
|
-
const announcementStore = useBellAnnouncement()
|
|
31
|
-
|
|
32
|
-
// . Defining translations
|
|
33
|
-
const translations = {
|
|
34
|
-
core: {
|
|
35
|
-
shared: I18n.t("core.shared")
|
|
36
|
-
},
|
|
37
|
-
bell: {
|
|
38
|
-
notifications: I18n.t("bell.notifications"),
|
|
39
|
-
announcements: I18n.t("bell.announcements")
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
const closeOptions = {
|
|
44
|
-
yes: {
|
|
45
|
-
label: "yes",
|
|
46
|
-
value: true
|
|
47
|
-
},
|
|
48
|
-
no: {
|
|
49
|
-
label: "no",
|
|
50
|
-
value: false
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
const selectOptions = [
|
|
56
|
-
{ label: "Info", value: "info"},
|
|
57
|
-
{ label: "Alert", value: "danger"},
|
|
58
|
-
{ label: "Primary", value: "primary"},
|
|
59
|
-
{ label: "Link", value: "link"},
|
|
60
|
-
{ label: "Success", value: "success"},
|
|
61
|
-
{ label: "Warning", value: "warning"}
|
|
62
|
-
]
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* @description This function is used to verify that the start date is before the end date
|
|
66
|
-
*/
|
|
67
|
-
function updateDates(){
|
|
68
|
-
if (announcementStore.record.start_at != "" && announcementStore.record.end_at != "") {
|
|
69
|
-
if (announcementStore.record.start_at >= announcementStore.record.end_at){
|
|
70
|
-
announcementStore.record.start_at = ""
|
|
71
|
-
announcementStore.msg.danger("Select valid range for date")
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
// · initializing
|
|
78
|
-
onMounted(() => {
|
|
79
|
-
announcementStore.getUsers()
|
|
80
|
-
announcementStore.getRoles()
|
|
81
|
-
})
|
|
82
|
-
</script>
|
|
83
|
-
|
|
84
|
-
<template>
|
|
85
|
-
<form @submit.prevent="announcementStore.post()" class="card py-4">
|
|
86
|
-
<div class="columns is-marginless has-border-bottom">
|
|
87
|
-
<div class="column is-4">
|
|
88
|
-
<label class="label">
|
|
89
|
-
{{ translations.bell.announcements.column_name }}
|
|
90
|
-
<sup class="has-text-danger">*</sup>
|
|
91
|
-
</label>
|
|
92
|
-
</div>
|
|
93
|
-
<div class="column">
|
|
94
|
-
<div class="control is-clearfix">
|
|
95
|
-
<input
|
|
96
|
-
type="text"
|
|
97
|
-
autocomplete="on"
|
|
98
|
-
name="subject"
|
|
99
|
-
required
|
|
100
|
-
class="input"
|
|
101
|
-
v-model="announcementStore.record.name"
|
|
102
|
-
/>
|
|
103
|
-
</div>
|
|
104
|
-
</div>
|
|
105
|
-
</div>
|
|
106
|
-
|
|
107
|
-
<div class="columns is-marginless has-border-bottom">
|
|
108
|
-
<div class="column is-4">
|
|
109
|
-
<label class="label">
|
|
110
|
-
{{ translations.bell.announcements.view_text_triggered_on }}
|
|
111
|
-
</label>
|
|
112
|
-
</div>
|
|
113
|
-
<div class="column">
|
|
114
|
-
<div class="control is-clearfix">
|
|
115
|
-
<input
|
|
116
|
-
type="text"
|
|
117
|
-
autocomplete="on"
|
|
118
|
-
name="subject"
|
|
119
|
-
class="input"
|
|
120
|
-
v-model="announcementStore.record.base_path"
|
|
121
|
-
/>
|
|
122
|
-
</div>
|
|
123
|
-
</div>
|
|
124
|
-
</div>
|
|
125
|
-
|
|
126
|
-
<div class="columns is-marginless has-border-bottom">
|
|
127
|
-
<div class="column is-4">
|
|
128
|
-
<label class="label">
|
|
129
|
-
{{translations.bell.announcements.column_message}}
|
|
130
|
-
<sup class="has-text-danger">*</sup>
|
|
131
|
-
</label>
|
|
132
|
-
</div>
|
|
133
|
-
<div class="column">
|
|
134
|
-
<div class="control is-clearfix">
|
|
135
|
-
<editor-rich-text mode="small" v-model="announcementStore.record.message"></editor-rich-text>
|
|
136
|
-
</div>
|
|
137
|
-
</div>
|
|
138
|
-
</div>
|
|
139
|
-
|
|
140
|
-
<div class="columns is-marginless has-border-bottom">
|
|
141
|
-
<div class="column is-4">
|
|
142
|
-
<label class="label">{{translations.bell.announcements.column_start_at}}</label>
|
|
143
|
-
</div>
|
|
144
|
-
<div class="column">
|
|
145
|
-
<input class="input is-info" type="date" v-model="announcementStore.record.start_at" @change="updateDates">
|
|
146
|
-
</div>
|
|
147
|
-
</div>
|
|
148
|
-
|
|
149
|
-
<div class="columns is-marginless has-border-bottom">
|
|
150
|
-
<div class="column is-4">
|
|
151
|
-
<label class="label">{{translations.bell.announcements.column_end_at}}</label>
|
|
152
|
-
</div>
|
|
153
|
-
<div class="column">
|
|
154
|
-
<input class="input is-info" type="date" v-model="announcementStore.record.end_at" @change="updateDates">
|
|
155
|
-
</div>
|
|
156
|
-
</div>
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
<div class="columns is-marginless has-border-bottom">
|
|
160
|
-
<div class="column is-4">
|
|
161
|
-
<label class="label">
|
|
162
|
-
{{translations.bell.announcements.column_kind}}
|
|
163
|
-
</label>
|
|
164
|
-
</div>
|
|
165
|
-
<div class="column">
|
|
166
|
-
<div class="control is-clearfix">
|
|
167
|
-
<lesli-select
|
|
168
|
-
v-model = "announcementStore.record.category"
|
|
169
|
-
:options="selectOptions">
|
|
170
|
-
</lesli-select>
|
|
171
|
-
</div>
|
|
172
|
-
</div>
|
|
173
|
-
</div>
|
|
174
|
-
|
|
175
|
-
<div class="columns is-marginless has-border-bottom">
|
|
176
|
-
<div class="column is-4">
|
|
177
|
-
<label class="label">
|
|
178
|
-
{{translations.bell.announcements.column_can_be_closed}}
|
|
179
|
-
<sup class="has-text-danger">*</sup>
|
|
180
|
-
</label>
|
|
181
|
-
</div>
|
|
182
|
-
<div class="column">
|
|
183
|
-
<label :for="option.label" class="radio" v-for="option in closeOptions" :key="option">
|
|
184
|
-
<input name="user_salutation" type="radio" :id="option.label" :value="option.value" v-model="announcementStore.record.can_be_closed" required/>
|
|
185
|
-
{{option.label}}
|
|
186
|
-
</label>
|
|
187
|
-
</div>
|
|
188
|
-
</div>
|
|
189
|
-
|
|
190
|
-
<div class="columns is-marginless has-border-bottom">
|
|
191
|
-
<div class="column is-4">
|
|
192
|
-
<label class="label">
|
|
193
|
-
{{ translations.bell.notifications.view_text_receiver_users }}
|
|
194
|
-
</label>
|
|
195
|
-
</div>
|
|
196
|
-
<div class="column">
|
|
197
|
-
<div class="control is-clearfix">
|
|
198
|
-
<lesli-input-tag
|
|
199
|
-
v-model="announcementStore.receiverUsers"
|
|
200
|
-
:placeholder="translations.core.shared.view_placeholder_search"
|
|
201
|
-
:options="announcementStore.users"
|
|
202
|
-
:filterFields="['name', 'email']"
|
|
203
|
-
showField="email"
|
|
204
|
-
/>
|
|
205
|
-
</div>
|
|
206
|
-
</div>
|
|
207
|
-
</div>
|
|
208
|
-
|
|
209
|
-
<div class="columns is-marginless has-border-bottom">
|
|
210
|
-
<div class="column is-4">
|
|
211
|
-
<label class="label">
|
|
212
|
-
{{ translations.bell.notifications.view_text_receiver_roles }}
|
|
213
|
-
</label>
|
|
214
|
-
</div>
|
|
215
|
-
<div class="column">
|
|
216
|
-
<div class="control is-clearfix">
|
|
217
|
-
<lesli-input-tag
|
|
218
|
-
v-model="announcementStore.receiverRoles"
|
|
219
|
-
:placeholder="translations.core.shared.view_placeholder_search"
|
|
220
|
-
:options="announcementStore.roles"
|
|
221
|
-
:filterFields="['name']"
|
|
222
|
-
showField="name"
|
|
223
|
-
/>
|
|
224
|
-
</div>
|
|
225
|
-
</div>
|
|
226
|
-
</div>
|
|
227
|
-
|
|
228
|
-
<div class="px-3 ql-bg-blue">
|
|
229
|
-
<button
|
|
230
|
-
type="submit"
|
|
231
|
-
class="button is-fullwidth has-text-centered submit-button is-primary"
|
|
232
|
-
>
|
|
233
|
-
{{ translations.core.shared.view_btn_save }}
|
|
234
|
-
</button>
|
|
235
|
-
</div>
|
|
236
|
-
</form>
|
|
237
|
-
</template>
|
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
/*
|
|
3
|
-
Lesli
|
|
4
|
-
|
|
5
|
-
Copyright (c) 2023, Lesli Technologies, S. A.
|
|
6
|
-
|
|
7
|
-
This program is free software: you can redistribute it and/or modify
|
|
8
|
-
it under the terms of the GNU General Public License as published by
|
|
9
|
-
the Free Software Foundation, either version 3 of the License, or
|
|
10
|
-
(at your option) any later version.
|
|
11
|
-
|
|
12
|
-
This program is distributed in the hope that it will be useful,
|
|
13
|
-
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
14
|
-
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
15
|
-
GNU General Public License for more details.
|
|
16
|
-
|
|
17
|
-
You should have received a copy of the GNU General Public License
|
|
18
|
-
along with this program. If not, see http://www.gnu.org/licenses/.
|
|
19
|
-
|
|
20
|
-
Lesli · Ruby on Rails SaaS Development Framework.
|
|
21
|
-
|
|
22
|
-
Made with ♥ by LesliTech
|
|
23
|
-
Building a better future, one line of code at a time.
|
|
24
|
-
|
|
25
|
-
@contact hello@lesli.tech
|
|
26
|
-
@website https://www.lesli.tech
|
|
27
|
-
@license GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
|
|
28
|
-
|
|
29
|
-
// · ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~
|
|
30
|
-
// ·
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
// · import vue tools
|
|
35
|
-
import { ref, reactive, onMounted, watch, computed, inject } from "vue"
|
|
36
|
-
import { useRouter, useRoute } from 'vue-router'
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
// · import lesli stores
|
|
40
|
-
import { useBellAnnouncement } from "LesliBell/vue/stores/announcement"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
// · initialize/inject plugins
|
|
44
|
-
const router = useRouter()
|
|
45
|
-
const msg = inject("msg")
|
|
46
|
-
const url = inject("url")
|
|
47
|
-
const date = inject("date")
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
// · implement stores
|
|
51
|
-
const storeAnnouncement = useBellAnnouncement()
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
// ·
|
|
55
|
-
const translations = {
|
|
56
|
-
lesli: i18n.t("lesli.shared"),
|
|
57
|
-
announcements: i18n.t("lesli_bell.announcements"),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
core: {
|
|
61
|
-
shared: I18n.t("core.shared")
|
|
62
|
-
},
|
|
63
|
-
bell: {
|
|
64
|
-
announcements: I18n.t("lesli_bell.announcements")
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
// ·
|
|
69
|
-
const columns = [{
|
|
70
|
-
field: "id",
|
|
71
|
-
label: translations.announcements.column_id
|
|
72
|
-
}, {
|
|
73
|
-
field: "name",
|
|
74
|
-
label: translations.announcements.column_name
|
|
75
|
-
}, {
|
|
76
|
-
field: "category",
|
|
77
|
-
label: translations.announcements.column_category
|
|
78
|
-
}, {
|
|
79
|
-
field: "start_at",
|
|
80
|
-
label: translations.announcements.column_start_at
|
|
81
|
-
}, {
|
|
82
|
-
field: "end_at",
|
|
83
|
-
label: translations.announcements.column_end_at
|
|
84
|
-
}]
|
|
85
|
-
|
|
86
|
-
// · initializing
|
|
87
|
-
onMounted(() => {
|
|
88
|
-
storeAnnouncement.fetch()
|
|
89
|
-
})
|
|
90
|
-
|
|
91
|
-
</script>
|
|
92
|
-
<template>
|
|
93
|
-
<lesli-application-container>
|
|
94
|
-
<lesli-header :title="translations.announcements.view_title">
|
|
95
|
-
<lesli-button :to="url.bell('announcements/new')" icon="add">
|
|
96
|
-
{{ translations.core.shared.view_btn_add }}
|
|
97
|
-
</lesli-button>
|
|
98
|
-
</lesli-header>
|
|
99
|
-
|
|
100
|
-
<lesli-table
|
|
101
|
-
:columns="columns"
|
|
102
|
-
:records="storeAnnouncement.announcements.records"
|
|
103
|
-
:pagination="storeAnnouncement.announcements.pagination"
|
|
104
|
-
@paginate="storeAnnouncement.paginate">
|
|
105
|
-
<template #id="{ value, record }">
|
|
106
|
-
<span :class="['tag', 'is-medium', 'is-' + record.category]">
|
|
107
|
-
{{ value }}
|
|
108
|
-
</span>
|
|
109
|
-
</template>
|
|
110
|
-
<template #category="{ value }">
|
|
111
|
-
<p :class="[`has-background-${value}-light`, 'px-2']">
|
|
112
|
-
{{ value }}
|
|
113
|
-
</p>
|
|
114
|
-
</template>
|
|
115
|
-
<template #start_at="{ value }">
|
|
116
|
-
<p>
|
|
117
|
-
<span class="icon-text">
|
|
118
|
-
<span class="icon">
|
|
119
|
-
<span class="has-text-grey material-icons">
|
|
120
|
-
calendar_month
|
|
121
|
-
</span>
|
|
122
|
-
</span>
|
|
123
|
-
<span>
|
|
124
|
-
{{ date.date(value) }}
|
|
125
|
-
</span>
|
|
126
|
-
</span>
|
|
127
|
-
</p>
|
|
128
|
-
</template>
|
|
129
|
-
<template #end_at="{ value }">
|
|
130
|
-
<p>
|
|
131
|
-
<span class="icon-text">
|
|
132
|
-
<span class="icon">
|
|
133
|
-
<span class="has-text-grey material-icons">
|
|
134
|
-
calendar_month
|
|
135
|
-
</span>
|
|
136
|
-
</span>
|
|
137
|
-
<span>
|
|
138
|
-
{{ date.date(value) }}
|
|
139
|
-
</span>
|
|
140
|
-
</span>
|
|
141
|
-
</p>
|
|
142
|
-
</template>
|
|
143
|
-
</lesli-table>
|
|
144
|
-
</lesli-application-container>
|
|
145
|
-
</template>
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
/*
|
|
3
|
-
Copyright (c) 2022, all rights reserved.
|
|
4
|
-
|
|
5
|
-
All the information provided by this platform is protected by international laws related to
|
|
6
|
-
industrial property, intellectual property, copyright and relative international laws.
|
|
7
|
-
All intellectual or industrial property rights of the code, texts, trade mark, design,
|
|
8
|
-
pictures and any other information belongs to the owner of this platform.
|
|
9
|
-
|
|
10
|
-
Without the written permission of the owner, any replication, modification,
|
|
11
|
-
transmission, publication is strictly forbidden.
|
|
12
|
-
|
|
13
|
-
For more information read the license file including with this software.
|
|
14
|
-
|
|
15
|
-
// · ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~
|
|
16
|
-
// ·
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
// · import vue tools
|
|
20
|
-
import { onMounted } from "vue"
|
|
21
|
-
|
|
22
|
-
// · import components
|
|
23
|
-
import ComponentAnnouncementForm from "LesliBell/apps/announcements/components/form.vue"
|
|
24
|
-
|
|
25
|
-
// ·
|
|
26
|
-
const translations = {
|
|
27
|
-
core: {
|
|
28
|
-
shared: I18n.t("core.shared")
|
|
29
|
-
},
|
|
30
|
-
bell: {
|
|
31
|
-
notifications: I18n.t("bell.notifications"),
|
|
32
|
-
announcements: I18n.t("bell.announcements")
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
// · initializing
|
|
37
|
-
onMounted(() => {})
|
|
38
|
-
|
|
39
|
-
</script>
|
|
40
|
-
<template>
|
|
41
|
-
<section class="application-component">
|
|
42
|
-
|
|
43
|
-
<lesli-header :title="translations.bell.announcements.view_title_new_announcement"></lesli-header>
|
|
44
|
-
|
|
45
|
-
<component-announcement-form></component-announcement-form>
|
|
46
|
-
|
|
47
|
-
</section>
|
|
48
|
-
</template>
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
/*
|
|
3
|
-
Lesli
|
|
4
|
-
|
|
5
|
-
Copyright (c) 2023, Lesli Technologies, S. A.
|
|
6
|
-
|
|
7
|
-
This program is free software: you can redistribute it and/or modify
|
|
8
|
-
it under the terms of the GNU General Public License as published by
|
|
9
|
-
the Free Software Foundation, either version 3 of the License, or
|
|
10
|
-
(at your option) any later version.
|
|
11
|
-
|
|
12
|
-
This program is distributed in the hope that it will be useful,
|
|
13
|
-
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
14
|
-
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
15
|
-
GNU General Public License for more details.
|
|
16
|
-
|
|
17
|
-
You should have received a copy of the GNU General Public License
|
|
18
|
-
along with this program. If not, see http://www.gnu.org/licenses/.
|
|
19
|
-
|
|
20
|
-
Lesli · Ruby on Rails SaaS Development Framework.
|
|
21
|
-
|
|
22
|
-
Made with ♥ by LesliTech
|
|
23
|
-
Building a better future, one line of code at a time.
|
|
24
|
-
|
|
25
|
-
@contact hello@lesli.tech
|
|
26
|
-
@website https://www.lesli.tech
|
|
27
|
-
@license GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
|
|
28
|
-
|
|
29
|
-
// · ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~ ~·~
|
|
30
|
-
// ·
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
// · import vue tools
|
|
35
|
-
import { onMounted, inject } from "vue"
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
// · import store
|
|
39
|
-
import { useBellNotification } from "LesliBell/vue/stores/notification"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
// · import vue router composable
|
|
43
|
-
import { useRouter, useRoute } from "vue-router"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
// · implement store
|
|
47
|
-
const notificationStore = useBellNotification()
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
// . Defining translations
|
|
51
|
-
const translations = {
|
|
52
|
-
lesli: {
|
|
53
|
-
shared: i18n.t("lesli.shared")
|
|
54
|
-
},
|
|
55
|
-
bell: {
|
|
56
|
-
notifications: i18n.t("lesli_bell.notifications")
|
|
57
|
-
},
|
|
58
|
-
|
|
59
|
-
core: {
|
|
60
|
-
shared: I18n.t("core.shared")
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
// · initialize/inject plugins
|
|
66
|
-
const router = useRouter()
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
// · initializing
|
|
70
|
-
onMounted(() => {
|
|
71
|
-
notificationStore.getUsers()
|
|
72
|
-
notificationStore.getRoles()
|
|
73
|
-
})
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
// ·
|
|
77
|
-
function onCreate() {
|
|
78
|
-
notificationStore.createNotification().then(() => {
|
|
79
|
-
router.push(notificationStore.url.bell('notifications').toString())
|
|
80
|
-
})
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
</script>
|
|
84
|
-
<template>
|
|
85
|
-
<lesli-form @submit="onCreate">
|
|
86
|
-
<div class="columns is-marginless has-border-bottom">
|
|
87
|
-
<div class="column is-4">
|
|
88
|
-
<label class="label">
|
|
89
|
-
{{ translations.bell.notifications.column_subject }}
|
|
90
|
-
<sup class="has-text-danger">*</sup>
|
|
91
|
-
</label>
|
|
92
|
-
</div>
|
|
93
|
-
<div class="column">
|
|
94
|
-
<div class="control is-clearfix">
|
|
95
|
-
<input
|
|
96
|
-
type="text"
|
|
97
|
-
autocomplete="on"
|
|
98
|
-
name="subject"
|
|
99
|
-
required
|
|
100
|
-
class="input"
|
|
101
|
-
v-model="notificationStore.record.subject"
|
|
102
|
-
/>
|
|
103
|
-
</div>
|
|
104
|
-
</div>
|
|
105
|
-
</div>
|
|
106
|
-
|
|
107
|
-
<div class="columns is-marginless has-border-bottom">
|
|
108
|
-
<div class="column is-4">
|
|
109
|
-
<label class="label">
|
|
110
|
-
{{ translations.bell.notifications.column_body }}
|
|
111
|
-
</label>
|
|
112
|
-
</div>
|
|
113
|
-
<div class="column">
|
|
114
|
-
<textarea
|
|
115
|
-
name="body"
|
|
116
|
-
rows="3"
|
|
117
|
-
maxlength="500"
|
|
118
|
-
class="textarea"
|
|
119
|
-
v-model="notificationStore.record.body"
|
|
120
|
-
></textarea>
|
|
121
|
-
</div>
|
|
122
|
-
</div>
|
|
123
|
-
|
|
124
|
-
<div class="columns is-marginless has-border-bottom">
|
|
125
|
-
<div class="column is-4">
|
|
126
|
-
<label class="label">
|
|
127
|
-
{{ translations.bell.notifications.view_text_receiver_users }}
|
|
128
|
-
</label>
|
|
129
|
-
</div>
|
|
130
|
-
<div class="column">
|
|
131
|
-
<div class="control is-clearfix">
|
|
132
|
-
<lesli-input-tag
|
|
133
|
-
v-model="notificationStore.receiverUsers"
|
|
134
|
-
:placeholder="translations.core.shared.view_placeholder_search"
|
|
135
|
-
:options="notificationStore.users"
|
|
136
|
-
:filterFields="['name', 'email']"
|
|
137
|
-
showField="email"
|
|
138
|
-
/>
|
|
139
|
-
</div>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
|
|
143
|
-
<div class="columns is-marginless has-border-bottom">
|
|
144
|
-
<div class="column is-4">
|
|
145
|
-
<label class="label">
|
|
146
|
-
{{ translations.bell.notifications.view_text_receiver_roles }}
|
|
147
|
-
</label>
|
|
148
|
-
</div>
|
|
149
|
-
<div class="column">
|
|
150
|
-
<div class="control is-clearfix">
|
|
151
|
-
<lesli-input-tag
|
|
152
|
-
v-model="notificationStore.receiverRoles"
|
|
153
|
-
:placeholder="translations.core.shared.view_placeholder_search"
|
|
154
|
-
:options="notificationStore.roles"
|
|
155
|
-
:filterFields="['name']"
|
|
156
|
-
showField="name"
|
|
157
|
-
/>
|
|
158
|
-
</div>
|
|
159
|
-
</div>
|
|
160
|
-
</div>
|
|
161
|
-
|
|
162
|
-
<div class="px-3 ql-bg-blue">
|
|
163
|
-
<button
|
|
164
|
-
type="submit"
|
|
165
|
-
class="button is-fullwidth has-text-centered submit-button is-primary"
|
|
166
|
-
>
|
|
167
|
-
{{ translations.lesli.shared.button_save }}
|
|
168
|
-
</button>
|
|
169
|
-
</div>
|
|
170
|
-
</lesli-form>
|
|
171
|
-
</template>
|