This commit is contained in:
2019-10-11 20:13:27 -04:00
parent f216d6c153
commit dc0ecebf40
7 changed files with 129 additions and 5 deletions
+4 -4
View File
@@ -11,17 +11,17 @@ class Page extends Member_Controller {
}
public function email(){
$this->index();
$this->renderMemberPage("view_email");
}
public function chat(){
$this->index();
$this->renderMemberPage("view_chat");
}
public function todo(){
$this->index();
$this->renderMemberPage("view_todo");
}
public function calendar(){
$this->index();
$this->renderMemberPage("view_calendar");
}
}
@@ -0,0 +1,100 @@
<!-- Full calendar start -->
<section id="basic-examples">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-content">
<div class="card-body">
<div class="cal-category-bullets d-none">
<div class="bullets-group-1 mt-2">
<div class="category-business mr-1">
<span class="bullet bullet-success bullet-sm mr-25"></span>
Business
</div>
<div class="category-work mr-1">
<span class="bullet bullet-warning bullet-sm mr-25"></span>
Work
</div>
<div class="category-personal mr-1">
<span class="bullet bullet-danger bullet-sm mr-25"></span>
Personal
</div>
<div class="category-others">
<span class="bullet bullet-primary bullet-sm mr-25"></span>
Others
</div>
</div>
</div>
<div id='fc-default'></div>
</div>
</div>
</div>
</div>
</div>
<!-- calendar Modal starts-->
<div class="modal fade text-left modal-calendar" tabindex="-1" role="dialog" aria-labelledby="cal-modal" aria-modal="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-text-bold-600" id="cal-modal">Add Event</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action="#">
<div class="modal-body">
<div class="d-flex justify-content-between align-items-center add-category">
<div class="chip-wrapper"></div>
<div class="label-icon pt-1 pb-2 dropdown calendar-dropdown">
<i class="feather icon-tag dropdown-toggle" id="cal-event-category" data-toggle="dropdown"></i>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="cal-event-category">
<span class="dropdown-item business" data-color="success">
<span class="bullet bullet-success bullet-sm mr-25"></span>
Business
</span>
<span class="dropdown-item work" data-color="warning">
<span class="bullet bullet-warning bullet-sm mr-25"></span>
Work
</span>
<span class="dropdown-item personal" data-color="danger">
<span class="bullet bullet-danger bullet-sm mr-25"></span>
Personal
</span>
<span class="dropdown-item others" data-color="primary">
<span class="bullet bullet-primary bullet-sm mr-25"></span>
Others
</span>
</div>
</div>
</div>
<fieldset class="form-label-group">
<input type="text" class="form-control" id="cal-event-title" placeholder="Event Title">
<label for="cal-event-title">Event Title</label>
</fieldset>
<fieldset class="form-label-group">
<input type="text" class="form-control pickadate" id="cal-start-date" placeholder="Start Date">
<label for="cal-start-date">Start Date</label>
</fieldset>
<fieldset class="form-label-group">
<input type="text" class="form-control pickadate" id="cal-end-date" placeholder="End Date">
<label for="cal-end-date">End Date</label>
</fieldset>
<fieldset class="form-label-group">
<textarea class="form-control" id="cal-description" rows="5" placeholder="Description"></textarea>
<label for="cal-description">Description</label>
</fieldset>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary cal-add-event waves-effect waves-light" disabled>
Add Event</button>
<button type="button" class="btn btn-primary d-none cal-submit-event waves-effect waves-light" disabled>submit</button>
<button type="button" class="btn btn-flat-danger cancel-event waves-effect waves-light" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-flat-danger remove-event d-none waves-effect waves-light" data-dismiss="modal">Remove</button>
</div>
</form>
</div>
</div>
</div>
<!-- calendar Modal ends-->
</section>
<!-- // Full calendar end -->
@@ -0,0 +1 @@
Email
@@ -0,0 +1 @@
Email
@@ -0,0 +1 @@
Email
@@ -29,6 +29,15 @@
<script src="../../../app-assets/vendors/js/charts/apexcharts.min.js"></script>
<script src="../../../app-assets/vendors/js/extensions/tether.min.js"></script>
<script src="../../../app-assets/vendors/js/extensions/shepherd.min.js"></script>
<script src="../../../app-assets/vendors/js/extensions/moment.min.js"></script>
<script src="../../../app-assets/vendors/js/calendar/fullcalendar.min.js"></script>
<script src="../../../app-assets/vendors/js/calendar/extensions/daygrid.min.js"></script>
<script src="../../../app-assets/vendors/js/calendar/extensions/timegrid.min.js"></script>
<script src="../../../app-assets/vendors/js/calendar/extensions/interactions.min.js"></script>
<script src="../../../app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="../../../app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<!-- END: Page Vendor JS-->
<!-- BEGIN: Theme JS-->
@@ -39,6 +48,7 @@
<!-- BEGIN: Page JS-->
<script src="../../../app-assets/js/scripts/pages/dashboard-analytics.js"></script>
<script src="../../../app-assets/js/scripts/extensions/fullcalendar.js"></script>
<!-- END: Page JS-->
</body>
@@ -22,6 +22,14 @@
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/extensions/shepherd-theme-default.css">
<!-- END: Vendor CSS-->
<!-- BEGIN: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/calendars/fullcalendar.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/calendars/extensions/daygrid.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/calendars/extensions/timegrid.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/pickers/pickadate/pickadate.css">
<!-- END: Vendor CSS-->
<!-- BEGIN: Theme CSS-->
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap-extended.css">
@@ -38,7 +46,10 @@
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/plugins/tour/tour.css">
<!-- END: Page CSS-->
<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/plugins/calendars/fullcalendar.css">
<!-- END: Page CSS-->
<!-- BEGIN: Custom CSS-->
<link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">
<!-- END: Custom CSS-->