This commit is contained in:
2020-07-21 19:32:50 +00:00
parent 67ac7c8fe1
commit 973788e63b
2 changed files with 18 additions and 28 deletions

View File

@@ -11,33 +11,10 @@ ____________
## CURRENT STAGE:
todo: BAckend inapp notification form
Thinking of Vuetify List component https://vuetifyjs.com/en/components/lists/
I'm pretty sure somewhere I've used this kind of layout with actions before, maybe in attachments or history?
Layout:
3 LINE style
Listed in order from newest at top to oldest at bottom
AVATAR to left side which is icon of ayatype
TITLE which is the event type translation AND object name and date
SUBTITLE which is the message if applicable
ACTION buttons open object, delete notification, open subscription
POSSIBLE: Items approaching 90 days old should show differently to indicate they are about to be deleted, like faded or something?
TODO: Vuetify List - Layout: 3 LINE style Listed in order from newest at top
to oldest at bottom AVATAR to left side which is icon of ayatype TITLE which
is the event type translation AND object name SUBTITLE which is the message
if applicable ACTION buttons open object, delete notification
todo: add Client app notification form
todo: Add backend routes to support client app notification
todo: subscribe to widget CRUD events
todo: get delivery of widget CRUD events
todo: ops and backup notify add code
todo: ops and backup subscribe and confirm delivery and proper handling
todo: do I add server operations problem notify when server has an unhandled exception?
todo: //Open question - do we need a priority level for notifications, i.e. if system is having backup issue slightly more important than something run of the mill?
//or, maybe it's an option to popup if this occurs so user can decide if they want to see a red notice or not

View File

@@ -16,8 +16,10 @@
>{{ i.uicreated }} - {{ i.uievent }}</v-card-subtitle
>
<v-card-text
><v-icon large class="mr-2">{{ i.icon }}</v-icon
>{{ i.uiayatype }}
><template v-if="i.ayaType != 0"
><v-icon large class="mr-2">{{ i.icon }}</v-icon
>{{ i.uiayatype }}</template
>
<div class="mt-4" v-if="i.message">{{ i.message }}</div>
</v-card-text>
@@ -26,7 +28,9 @@
<v-btn text @click="openSubscription(i)">{{
$ay.t("NotifySubscription")
}}</v-btn>
<v-btn text @click="openItem(i)">{{ $ay.t("Open") }}</v-btn>
<v-btn text @click="openItem(i)" v-if="i.objectId != 0">{{
$ay.t("Open")
}}</v-btn>
</v-card-actions>
</v-card>
</v-timeline-item>
@@ -145,6 +149,15 @@ export default {
let temp = res.data;
//Nice touch to show super faded just before deletion but don't have time for this fuckery at the moment
// let dtNow = window.$gz.DateTime.local();
// let dtToday = window.$gz.DateTime.local(
// dtNow.year,
// dtNow.month,
// dtNow.day
// );
// let dtPrecipice = dtToday.plus({ days: -85 }).toUTC();
let timeZoneName = window.$gz.locale.getBrowserTimeZoneName();
let languageName = window.$gz.locale.getBrowserLanguages();
let hour12 = window.$gz.store.state.locale.hour12;
@@ -173,7 +186,7 @@ export default {
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique aliquam luctus. Suspendisse molestie lacus ac varius cursus. Praesent facilisis sem quam, vitae tincidunt ligula porttitor maximus. Sed quis mi commodo, dictum nunc sed, elementum leo. In tincidunt porta risus, et tristique orci congue at.";
}
if (temp[i].name == "~SERVER~") {
temp[i].name = vm.$t("Server");
temp[i].name = vm.$ay.t("Server");
}
}