Subversion Repositories SmartDukaan

<link rel="stylesheet" href="${rc.contextPath}/resources/css/fullcalendar.css">
<script src="${rc.contextPath}/resources/js/fullcalendar.min.js"></script>
<script src="${rc.contextPath}/resources/js/notification-calendar.js"></script>

<style>
    #notification-calendar {
        max-width: 1100px;
        margin: 0 auto;
        background: white;
        padding: 15px;
    }

    .nc-legend {
        margin: 8px 0 16px 0;
        font-size: 13px;
    }

    .nc-legend span {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 3px;
        margin: 0 6px 0 12px;
        vertical-align: middle;
    }

    .nc-detail-label {
        font-weight: bold;
        display: inline-block;
        width: 110px;
    }
</style>

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="fa fa-calendar"></i>NOTIFICATION CALENDAR</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="fa fa-calendar"></i>Notification Calendar</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="nc-legend">
                Legend:
                <span style="background:#3a87ad;"></span>Scheduled
                <span style="background:#5cb85c;"></span>Dispatched
                <span style="background:#999999;"></span>Cancelled
                <span style="background:#d9534f;"></span>Failed
            </div>
            <div id="notification-calendar"></div>
        </div>
    </div>
</section>

<div id="scheduleDetailModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content" style="background:white;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Scheduled Notification</h4>
            </div>
            <div class="modal-body">
                <p><span class="nc-detail-label">Campaign:</span><span id="ncDetailCampaign"></span></p>
                <p><span class="nc-detail-label">Scheduled at:</span><span id="ncDetailWhen"></span></p>
                <p><span class="nc-detail-label">Status:</span><span id="ncDetailStatus"></span></p>
                <p><span class="nc-detail-label">Schedule ID:</span><span id="ncDetailScheduleId"></span></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" id="ncCancelBtn" class="btn btn-danger">Cancel Schedule</button>
            </div>
        </div>
    </div>
</div>