| 37513 |
ranu |
1 |
<link rel="stylesheet" href="${rc.contextPath}/resources/css/fullcalendar.css">
|
|
|
2 |
<script src="${rc.contextPath}/resources/js/fullcalendar.min.js"></script>
|
|
|
3 |
<script src="${rc.contextPath}/resources/js/notification-calendar.js"></script>
|
|
|
4 |
|
|
|
5 |
<style>
|
|
|
6 |
#notification-calendar {
|
|
|
7 |
max-width: 1100px;
|
|
|
8 |
margin: 0 auto;
|
|
|
9 |
background: white;
|
|
|
10 |
padding: 15px;
|
|
|
11 |
}
|
|
|
12 |
|
|
|
13 |
.nc-legend {
|
|
|
14 |
margin: 8px 0 16px 0;
|
|
|
15 |
font-size: 13px;
|
|
|
16 |
}
|
|
|
17 |
|
|
|
18 |
.nc-legend span {
|
|
|
19 |
display: inline-block;
|
|
|
20 |
width: 12px;
|
|
|
21 |
height: 12px;
|
|
|
22 |
border-radius: 3px;
|
|
|
23 |
margin: 0 6px 0 12px;
|
|
|
24 |
vertical-align: middle;
|
|
|
25 |
}
|
|
|
26 |
|
|
|
27 |
.nc-detail-label {
|
|
|
28 |
font-weight: bold;
|
|
|
29 |
display: inline-block;
|
|
|
30 |
width: 110px;
|
|
|
31 |
}
|
|
|
32 |
</style>
|
|
|
33 |
|
|
|
34 |
<section class="wrapper">
|
|
|
35 |
<div class="row">
|
|
|
36 |
<div class="col-lg-12">
|
|
|
37 |
<h3 class="page-header"><i class="fa fa-calendar"></i>NOTIFICATION CALENDAR</h3>
|
|
|
38 |
<ol class="breadcrumb">
|
|
|
39 |
<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
|
|
|
40 |
<li><i class="fa fa-calendar"></i>Notification Calendar</li>
|
|
|
41 |
</ol>
|
|
|
42 |
</div>
|
|
|
43 |
</div>
|
|
|
44 |
|
|
|
45 |
<div class="row">
|
|
|
46 |
<div class="col-lg-12">
|
|
|
47 |
<div class="nc-legend">
|
|
|
48 |
Legend:
|
|
|
49 |
<span style="background:#3a87ad;"></span>Scheduled
|
|
|
50 |
<span style="background:#5cb85c;"></span>Dispatched
|
|
|
51 |
<span style="background:#999999;"></span>Cancelled
|
|
|
52 |
<span style="background:#d9534f;"></span>Failed
|
|
|
53 |
</div>
|
|
|
54 |
<div id="notification-calendar"></div>
|
|
|
55 |
</div>
|
|
|
56 |
</div>
|
|
|
57 |
</section>
|
|
|
58 |
|
|
|
59 |
<div id="scheduleDetailModal" class="modal fade" tabindex="-1" role="dialog">
|
|
|
60 |
<div class="modal-dialog">
|
|
|
61 |
<div class="modal-content" style="background:white;">
|
|
|
62 |
<div class="modal-header">
|
|
|
63 |
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
|
64 |
<h4 class="modal-title">Scheduled Notification</h4>
|
|
|
65 |
</div>
|
|
|
66 |
<div class="modal-body">
|
|
|
67 |
<p><span class="nc-detail-label">Campaign:</span><span id="ncDetailCampaign"></span></p>
|
|
|
68 |
<p><span class="nc-detail-label">Scheduled at:</span><span id="ncDetailWhen"></span></p>
|
|
|
69 |
<p><span class="nc-detail-label">Status:</span><span id="ncDetailStatus"></span></p>
|
|
|
70 |
<p><span class="nc-detail-label">Schedule ID:</span><span id="ncDetailScheduleId"></span></p>
|
|
|
71 |
</div>
|
|
|
72 |
<div class="modal-footer">
|
|
|
73 |
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
|
74 |
<button type="button" id="ncCancelBtn" class="btn btn-danger">Cancel Schedule</button>
|
|
|
75 |
</div>
|
|
|
76 |
</div>
|
|
|
77 |
</div>
|
|
|
78 |
</div>
|