Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-21 07:03:49 +00:00
Code Issues Actions Projects Releases Wiki Activity

design notification box in post menu area

Browse Source
This commit is contained in:
Mathieu Jaumotte
2022-01-05 14:39:00 +01:00
parent 1e0c62b09d
commit f5f5d66f3d
9 changed files with 174 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Bundle/ChillMainBundle/Resources/public/module/notification/toggle_read.js
View File

@@ -1,13 +1,18 @@
import {createApp} from "vue";
import NotificationReadToggle from "ChillMainAssets/vuejs/_components/Notification/NotificationReadToggle.vue";
import { _createI18n } from "ChillMainAssets/vuejs/_js/i18n";
const i18n = _createI18n({});
window.addEventListener('DOMContentLoaded', function (e) {
document.querySelectorAll('.notification_toggle_read_status')
.forEach(function (el) {
console.log('app', el);
const App = {
createApp({
template: '<notification-read-toggle ' +
':notificationId="notificationId" ' +
':buttonClass="buttonClass" ' +
':buttonNoText="buttonNoText" ' +
':showUrl="showUrl" ' +
':isRead="isRead"' +
'@markRead="onMarkRead" @markUnread="onMarkUnread"' +
'></notification-read-toggle>',
@@ -17,6 +22,9 @@ window.addEventListener('DOMContentLoaded', function (e) {
data() {
return {
notificationId: +el.dataset.notificationId,
buttonClass: el.dataset.buttonClass,
buttonNoText: 'true' === el.dataset.buttonNoText,
showUrl: el.dataset.showUrl,
isRead: 1 === +el.dataset.notificationCurrentIsRead,
}
},
@@ -28,8 +36,8 @@ window.addEventListener('DOMContentLoaded', function (e) {
this.isRead = true;
},
}
}
createApp(App).mount(el);
})
.use(i18n)
.mount(el);
});
})

20
src/Bundle/ChillMainBundle/Resources/public/module/pick-entity/index.js
View File

@@ -1,13 +1,13 @@
import {createApp} from 'vue';
import { createApp } from 'vue';
import PickEntity from 'ChillMainAssets/vuejs/PickEntity/PickEntity.vue';
import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n'
import {activityMessages} from "../../../../../ChillActivityBundle/Resources/public/vuejs/Activity/i18n";
window.addEventListener('DOMContentLoaded', function(e) {
let
apps = document.querySelectorAll('[data-module="pick-dynamic"]');
let apps = document.querySelectorAll('[data-module="pick-dynamic"]');
apps.forEach(function(el) {
const
isMultiple = parseInt(el.dataset.multiple) === 1,
input = document.querySelector('[data-input-uniqid="'+ el.dataset.uniqid +'"]'),
@@ -15,7 +15,13 @@ window.addEventListener('DOMContentLoaded', function(e) {
i18n = _createI18n({});
createApp({
template: '<pick-entity :multiple="multiple" :types="types" :picked="picked" :uniqid="uniqid" @addNewEntity="addNewEntity" @removeEntity="removeEntity"></pick-entity>',
template: '<pick-entity ' +
':multiple="multiple" ' +
':types="types" ' +
':picked="picked" ' +
':uniqid="uniqid" ' +
'@addNewEntity="addNewEntity" ' +
'@removeEntity="removeEntity"></pick-entity>',
components: {
PickEntity,
},
@@ -54,6 +60,8 @@ window.addEventListener('DOMContentLoaded', function(e) {
input.value = JSON.stringify(this.picked);
},
}
}).use(i18n).mount(el);
})
.use(i18n)
.mount(el);
});
});