|
@@ -4,6 +4,14 @@ import {getData, getDataObj} from "./base.js";
|
4
|
4
|
import {_serverUrl} from "./setting.js";
|
5
|
5
|
export var connection;
|
6
|
6
|
|
|
7
|
+export function dateTimeFormat(dateTime) {
|
|
8
|
+ var date = moment.utc(dateTime).local();
|
|
9
|
+ var difmonths = moment().diff(date, "months");
|
|
10
|
+ if (difmonths == 0) {
|
|
11
|
+ return moment(dateTime).fromNow();
|
|
12
|
+ }
|
|
13
|
+ return date.format("DD MMM, YYYY HH:mm");
|
|
14
|
+}
|
7
|
15
|
function createLoad(data) {
|
8
|
16
|
let html = "";
|
9
|
17
|
if (data.length != 0) {
|
|
@@ -157,24 +165,46 @@ function loadData() {
|
157
|
165
|
// Notifcations
|
158
|
166
|
let bdyUI = '<div class="accordion" id="notifi-list">';
|
159
|
167
|
for (var i = 0; i < response.length; i++) {
|
160
|
|
- bdyUI += `<li class="item-li" id="${response[i].ReminderId}" data-ref="${response[i].RedirectOptions.RefId}" data-installedAppId="${response[i].RedirectOptions.InstalledAppId}" data-formId="${response[i].RedirectOptions.CreateFormId}">
|
161
|
|
- <div class="accordion-header" id="accHeader-${response[i].ReminderId}">
|
162
|
|
- <div class="notifiListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${response[i].ReminderId}" aria-expanded="false" aria-controls="collapseOne">
|
|
168
|
+ bdyUI += `<li class="item-li" id="${
|
|
169
|
+ response[i].ReminderId
|
|
170
|
+ }" data-ref="${
|
|
171
|
+ response[i].RedirectOptions.RefId
|
|
172
|
+ }" data-installedAppId="${
|
|
173
|
+ response[i].RedirectOptions.InstalledAppId
|
|
174
|
+ }" data-formId="${response[i].RedirectOptions.CreateFormId}">
|
|
175
|
+ <div class="accordion-header" id="accHeader-${
|
|
176
|
+ response[i].ReminderId
|
|
177
|
+ }">
|
|
178
|
+ <div class="notifiListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${
|
|
179
|
+ response[i].ReminderId
|
|
180
|
+ }" aria-expanded="false" aria-controls="collapseOne">
|
163
|
181
|
<div class="row m-0 w-100 p-0 ">
|
164
|
182
|
<div class="col-3 px-0 d-flex flex-row text-truncate">
|
165
|
183
|
<input class="form-check-input mr-2" type="checkbox" value="" id="flexCheckDefault">
|
166
|
184
|
<div class="mx-3 w-75 text-truncate">
|
167
|
|
- <span class="mx-1">${response[i].Subject}</span>
|
|
185
|
+ <span class="mx-1">${
|
|
186
|
+ response[i].Subject
|
|
187
|
+ }</span>
|
168
|
188
|
</div>
|
169
|
189
|
</div>
|
170
|
190
|
<div class="col-9 text-truncate d-flex justify-content-between">
|
171
|
|
- <span class="mx-1 w-mes">${response[i].Message}</span>
|
172
|
|
- <span class="mx-1 t-sec-min">22 mins</span>
|
|
191
|
+ <span class="mx-1 w-mes">${
|
|
192
|
+ response[i].Message
|
|
193
|
+ }</span>
|
|
194
|
+ <span class="mx-1 t-sec-min">${dateTimeFormat(
|
|
195
|
+ response[i].ReminderDate
|
|
196
|
+ )}</span>
|
173
|
197
|
</div>
|
174
|
198
|
</div>
|
175
|
199
|
</div>
|
176
|
|
- <div id="collapse-${response[i].ReminderId}" class="accordion-collapse collapse" aria-labelledby="accHeader-${response[i].ReminderId}" data-bs-parent="#notifi-list">
|
177
|
|
- <div class="accordion-body" id="accBody${response[i].ReminderId}">
|
|
200
|
+ <div id="collapse-${
|
|
201
|
+ response[i].ReminderId
|
|
202
|
+ }" class="accordion-collapse collapse" aria-labelledby="accHeader-${
|
|
203
|
+ response[i].ReminderId
|
|
204
|
+ }" data-bs-parent="#notifi-list">
|
|
205
|
+ <div class="accordion-body" id="accBody${
|
|
206
|
+ response[i].ReminderId
|
|
207
|
+ }">
|
178
|
208
|
|
179
|
209
|
</div>
|
180
|
210
|
</div>
|
|
@@ -185,9 +215,7 @@ function loadData() {
|
185
|
215
|
$(".bdy-ul").append(bdyUI);
|
186
|
216
|
$('.sub-nav-item[data-buttonType="inbox"] .length').remove();
|
187
|
217
|
$('.sub-nav-item[data-buttonType="inbox"]').append(
|
188
|
|
- `<span class="length badge rounded-pill bg-light text-dark ml-auto">${
|
189
|
|
- $(".item-li").length
|
190
|
|
- }</span>`
|
|
218
|
+ `<span class="length badge rounded-pill bg-light text-dark ml-auto"></span>`
|
191
|
219
|
);
|
192
|
220
|
$(".notifiListItms").on("click", function () {
|
193
|
221
|
let _this = $(this).parents(".item-li");
|
|
@@ -264,29 +292,56 @@ function loadData() {
|
264
|
292
|
if (response.length != 0) {
|
265
|
293
|
let _tskhtml = '<div class="accordion" id="task-list">';
|
266
|
294
|
for (var i = 0; i < response.length; i++) {
|
267
|
|
- _tskhtml += `<li class="item-li" id="${response[i].ReminderId}" data-ref="${response[i].RedirectOptions.RefId}" data-installedAppId="${response[i].RedirectOptions.InstalledAppId}" data-formId="${response[i].RedirectOptions.CreateFormId}">
|
268
|
|
- <div class="accordion-header" id="accHeader-${response[i].ReminderId}">
|
269
|
|
- <div class="tskListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${response[i].ReminderId}" aria-expanded="false" aria-controls="collapseOne">
|
|
295
|
+ _tskhtml += `<li class="item-li" id="${
|
|
296
|
+ response[i].ReminderId
|
|
297
|
+ }" data-ref="${
|
|
298
|
+ response[i].RedirectOptions.RefId
|
|
299
|
+ }" data-installedAppId="${
|
|
300
|
+ response[i].RedirectOptions.InstalledAppId
|
|
301
|
+ }" data-formId="${response[i].RedirectOptions.CreateFormId}">
|
|
302
|
+ <div class="accordion-header" id="accHeader-${
|
|
303
|
+ response[i].ReminderId
|
|
304
|
+ }">
|
|
305
|
+ <div class="tskListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${
|
|
306
|
+ response[i].ReminderId
|
|
307
|
+ }" aria-expanded="false" aria-controls="collapseOne">
|
270
|
308
|
<div class="row m-0 w-100 p-0 ">
|
271
|
309
|
<div class="col-3 px-0 d-flex flex-row text-truncate">
|
272
|
310
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
273
|
311
|
<div class="mx-3 w-75 text-truncat">
|
274
|
|
- <span class="mx-1">${response[i].Subject}</span>
|
|
312
|
+ <span class="mx-1">${
|
|
313
|
+ response[i].Subject
|
|
314
|
+ }</span>
|
275
|
315
|
</div>
|
276
|
316
|
</div>
|
277
|
317
|
<div class="col-9 text-truncate d-flex justify-content-between">
|
278
|
|
- <span class="mx-1 w-mes">${response[i].Message}</span>
|
279
|
|
- <span class="mx-1 t-sec-min">22 mins</span>
|
|
318
|
+ <span class="mx-1 w-mes">${
|
|
319
|
+ response[i].Message
|
|
320
|
+ }</span>
|
|
321
|
+ <span class="mx-1 t-sec-min">${dateTimeFormat(
|
|
322
|
+ response[i].ReminderDate
|
|
323
|
+ )}</span>
|
280
|
324
|
</div>
|
281
|
325
|
</div>
|
282
|
326
|
</div>
|
283
|
|
- <div id="collapse-${response[i].ReminderId}" class="accordion-collapse collapse" aria-labelledby="accHeader-${response[i].ReminderId}" data-bs-parent="#notifi-list">
|
284
|
|
- <div class="accordion-body" id="accBody${response[i].ReminderId}">
|
|
327
|
+ <div id="collapse-${
|
|
328
|
+ response[i].ReminderId
|
|
329
|
+ }" class="accordion-collapse collapse" aria-labelledby="accHeader-${
|
|
330
|
+ response[i].ReminderId
|
|
331
|
+ }" data-bs-parent="#notifi-list">
|
|
332
|
+ <div class="accordion-body" id="accBody${
|
|
333
|
+ response[i].ReminderId
|
|
334
|
+ }">
|
285
|
335
|
<ul class="p-0 m-0 d-flex flex-row justify-content-between">
|
286
|
336
|
<li class="mx-2 btn-outline-success btn btn-sm">Confirm</li>
|
287
|
337
|
<li class="mx-2 btn-outline-danger btn btn-sm">Reject</li>
|
288
|
338
|
<li class="mx-2 btn-outline-primary btn btn-sm">Close</li>
|
289
|
|
- <li class="mx-2 btn-outline-info detailBtn btn btn-sm" data-appId="${response[i].RedirectOptions.InstalledAppId}" data-recordId="${response[i].RedirectOptions.RefId}">Details-Page</li>
|
|
339
|
+ <li class="mx-2 btn-outline-info detailBtn btn btn-sm" data-appId="${
|
|
340
|
+ response[i].RedirectOptions
|
|
341
|
+ .InstalledAppId
|
|
342
|
+ }" data-recordId="${
|
|
343
|
+ response[i].RedirectOptions.RefId
|
|
344
|
+ }">Details-Page</li>
|
290
|
345
|
</ul>
|
291
|
346
|
</div>
|
292
|
347
|
</div>
|