|
|
@@ -4,6 +4,88 @@
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
pageEncoding="UTF-8"%>
|
|
|
<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
|
|
|
+<script>
|
|
|
+ $(function() {
|
|
|
+ // Select2
|
|
|
+ $(".select2").each(function() {
|
|
|
+ $(this)
|
|
|
+ .wrap("<div class=\"position-relative\"></div>")
|
|
|
+ .select2({
|
|
|
+ placeholder: "Select value",
|
|
|
+ dropdownParent: $(this).parent()
|
|
|
+ });
|
|
|
+ })
|
|
|
+ // Daterangepicker
|
|
|
+ $("input[name=\"daterange\"]").daterangepicker({
|
|
|
+ opens: "left"
|
|
|
+ });
|
|
|
+ $("input[name=\"datetimes\"]").daterangepicker({
|
|
|
+ timePicker: true,
|
|
|
+ opens: "left",
|
|
|
+ startDate: moment().startOf("hour"),
|
|
|
+ endDate: moment().startOf("hour").add(32, "hour"),
|
|
|
+ locale: {
|
|
|
+ format: "M/DD hh:mm A"
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $("input[name=\"datesingle\"]").daterangepicker({
|
|
|
+ singleDatePicker: true,
|
|
|
+ showDropdowns: true
|
|
|
+ });
|
|
|
+ // Datetimepicker
|
|
|
+ $('#datetimepicker-minimum').datetimepicker();
|
|
|
+ $('#datetimepicker-view-mode').datetimepicker({
|
|
|
+ viewMode: 'years'
|
|
|
+ });
|
|
|
+ $('#datetimepicker-time').datetimepicker({
|
|
|
+ format: 'LT'
|
|
|
+ });
|
|
|
+ $('#datetimepicker-date').datetimepicker({
|
|
|
+ format: 'L'
|
|
|
+ });
|
|
|
+ var start = moment().subtract(29, "days");
|
|
|
+ var end = moment();
|
|
|
+
|
|
|
+ function cb(start, end) {
|
|
|
+ $("#reportrange span").html(start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY"));
|
|
|
+ }
|
|
|
+ $("#reportrange").daterangepicker({
|
|
|
+ startDate: start,
|
|
|
+ endDate: end,
|
|
|
+ ranges: {
|
|
|
+ "Today": [moment(), moment()],
|
|
|
+ "Yesterday": [moment().subtract(1, "days"), moment().subtract(1, "days")],
|
|
|
+ "Last 7 Days": [moment().subtract(6, "days"), moment()],
|
|
|
+ "Last 30 Days": [moment().subtract(29, "days"), moment()],
|
|
|
+ "This Month": [moment().startOf("month"), moment().endOf("month")],
|
|
|
+ "Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
|
|
|
+ }
|
|
|
+ }, cb);
|
|
|
+ cb(start, end);
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<script>
|
|
|
+ $(function() {
|
|
|
+ // Datatables basic
|
|
|
+ $("#datatables-basic").DataTable({
|
|
|
+ responsive: true
|
|
|
+ });
|
|
|
+ // Datatables with Buttons
|
|
|
+ var datatablesButtons = $("#datatables-buttons").DataTable({
|
|
|
+ responsive: true,
|
|
|
+ lengthChange: !1,
|
|
|
+ buttons: ["copy", "print"]
|
|
|
+ });
|
|
|
+ datatablesButtons.buttons().container().appendTo("#datatables-buttons_wrapper .col-md-6:eq(0)");
|
|
|
+ // Datatables with Multiselect
|
|
|
+ var datatablesMulti = $("#datatables-multi").DataTable({
|
|
|
+ responsive: true,
|
|
|
+ select: {
|
|
|
+ style: "multi"
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="wrapper">
|
huiwon.seo