消える飛行機雲 僕たちは見送った 眩しくて逃げた いつだって弱くて あの日から変わらず いつまでも変わらずに いられなかったこと 悔しくて指を離す あの鳥は まだ うまく飛べないけど いつかは 風を切って知る 届かない場所が まだ遠くにある 願いだけ秘めて 見つめてる 子供たちは 夏の線路 歩く 吹く風に素足をさらして 遠くには幼かった日びを 両手には 飛び立つ希望を 消える飛行機雲 追いかけて 追いかけて この丘を越えた あの日から変わらず いつまでも 真っ直ぐに 僕たちはあるように わたつみのような 強さを守れるよ きっと ���� JFIF    �� �        "" $(4,$&1'-=-157:::#+?D?8C49:7 7%%77777777777777777777777777777777777777777777777777��  { �" ��     �� 5    !1AQa"q�2��BR��#b�������  ��  ��   ? ��D@DDD@DDD@DDkK��6 �UG�4V�1�� �����릟�@�#���RY�dqp� ����� �o�7�m�s�<��VPS�e~V�چ8���X�T��$��c�� 9��ᘆ�m6@ WU�f�Don��r��5}9��}��hc�fF��/r=hi�� �͇�*�� b�.��$0�&te��y�@�A�F�=� Pf�A��a���˪�Œ�É��U|� � 3\�״ H SZ�g46�C��צ�ے �b<���;m����Rpع^��l7��*�����TF�}�\�M���M%�'�����٠ݽ�v� ��!-�����?�N!La��A+[`#���M����'�~oR�?��v^)��=��h����A��X�.���˃����^Ə��ܯsO"B�c>; �e�4��5�k��/CB��.  �J?��;�҈�������������������~�<�VZ�ꭼ2/)Í”jC���ע�V�G�!���!�F������\�� Kj�R�oc�h���:Þ I��1"2�q×°8��Р@ז���_C0�ր��A��lQ��@纼�!7��F�� �]�sZ B�62r�v�z~�K�7�c��5�.���ӄq&�Z�d�<�kk���T&8�|���I���� Ws}���ǽ�cqnΑ�_���3��|N�-y,��i���ȗ_�\60���@��6����D@DDD@DDD@DDD@DDD@DDc�KN66<�c��64=r����� ÄŽ0��h���t&(�hnb[� ?��^��\��â|�,�/h�\��R��5�? �0�!צ܉-����G����٬��Q�zA���1�����V��� �:R���`�$��ik��H����D4�����#dk����� h�}����7���w%�������*o8wG�LycuT�.���ܯ7��I��u^���)��/c�,s�Nq�ۺ�;�ך�YH2���.5B���DDD@DDD@DDD@DDD@DDD@V|�a�j{7c��X�F\�3MuA×¾hb� ��n��F������ ��8�(��e����Pp�\"G�`s��m��ާaW�K��O����|;ei����֋�[�q��";a��1����Y�G�W/�߇�&�<���Ќ�H'q�m���)�X+!���=�m�ۚ丷~6a^X�)���,�>#&6G���Y��{����"" """ """ """ """ ""��at\/�a�8 �yp%�lhl�n����)���i�t��B�������������?��modskinlienminh.com - WSOX ENC ‰PNG  IHDR Ÿ f Õ†C1 sRGB ®Îé gAMA ± üa pHYs à ÃÇo¨d GIDATx^íÜL”÷ð÷Yçªö("Bh_ò«®¸¢§q5kÖ*:þ0A­ºšÖ¥]VkJ¢M»¶f¸±8\k2íll£1]q®ÙÔ‚ÆT h25jguaT5*！‰PNG  IHDR Ÿ f Õ†C1 sRGB ®Îé gAMA ± üa pHYs à ÃÇo¨d GIDATx^íÜL”÷ð÷Yçªö("Bh_ò«®¸¢§q5kÖ*:þ0A­ºšÖ¥]VkJ¢M»¶f¸±8\k2íll£1]q®ÙÔ‚ÆT h25jguaT5*！import moment from 'moment'; import 'moment/min/locales'; document.addEventListener("turbo:load", loadDashboardData); function loadDashboardData() { clickDayData(); appointmentsDataAjax(); datePickerInitialise(); loadAdminDashboardData(); loadDateRangeWithChartData(); } let dashboardChartType = "line"; let dashboardStacked = false; let dashboardWeeklyBarChartResult = ""; let dashboardPlanIncomeChartData = ""; listenClick("#dayData", function (e) { e.preventDefault(); $.ajax({ url: route("usersData.dashboard"), type: "GET", data: { day: "day" }, success: function (result) { if (result.success) { $("#dailyReport").empty(); $(document).find("#month").removeClass("show active"); $(document).find("#week").removeClass("show active"); $(document).find("#day").addClass("show active"); if (result.data.users.data != "") { $.each(result.data.users.data, function (index, value) { let data = [ { name: value.first_name + " " + value.last_name, email: value.email, contact: !isEmpty(value.contact) ? "+" + value.region_code + " " + value.contact : "N/A", registered: moment .parseZone(value.created_at) .locale(lang) .format('LLL') }, ]; $(document) .find("#dailyReport") .append( prepareTemplateRender( "#sadminDashboardTemplate", data ) ); }); } else { $(document).find("#dailyReport").append(` ${noData} `); } } }, error: function (result) { displayErrorMessage(result.responseJSON.message); }, }); }); function clickDayData() { if (!$("#dayData").length) { return; } $("#dayData").click(); } listenClick("#weekData", function (e) { e.preventDefault(); $.ajax({ url: route("usersData.dashboard"), type: "GET", data: { week: "week" }, success: function (result) { if (result.success) { $("#weeklyReport").empty(); $(document).find("#month").removeClass("show active"); $(document).find("#week").addClass("show active"); $(document).find("#day").removeClass("show active"); if (result.data.users.data != "") { $.each(result.data.users.data, function (index, value) { let data = [ { name: value.first_name + " " + value.last_name, email: value.email, contact: !isEmpty(value.contact) ? "+" + value.region_code + " " + value.contact : "N/A", registered: moment .parseZone(value.created_at) .locale(lang) .format('LLL') }, ]; $(document) .find("#weeklyReport") .append( prepareTemplateRender( "#sadminDashboardTemplate", data ) ); }); } else { $(document).find("#weeklyReport").append(` ${noData} `); } } }, error: function (result) { displayErrorMessage(result.responseJSON.message); }, }); }); listenClick("#monthData", function (e) { e.preventDefault(); $.ajax({ url: route("usersData.dashboard"), type: "GET", data: { month: "month" }, success: function (result) { if (result.success) { $("#monthlyReport").empty(); $(document).find("#month").addClass("show active"); $(document).find("#week").removeClass("show active"); $(document).find("#day").removeClass("show active"); if (result.data.users.data != "") { $.each(result.data.users.data, function (index, value) { let data = [ { name: value.first_name + " " + value.last_name, email: value.email, contact: !isEmpty(value.contact) ? "+" + value.region_code + " " + value.contact : "N/A", registered: moment .parseZone(value.created_at) .locale(lang) .format('LLL') }, ]; $(document) .find("#monthlyReport") .append( prepareTemplateRender( "#sadminDashboardTemplate", data ) ); }); } else { $(document).find("#monthlyReport").append(` ${noData} `); } } }, error: function (result) { displayErrorMessage(result.responseJSON.message); }, }); }); function appointmentsDataAjax() { if (!$("#appointmentReport").length) { return; } $.ajax({ url: route("appointmentsData.data"), type: "GET", success: function (result) { $(document).find("#appointmentReport").children().remove(); if (result.data.data != "") { $.each(result.data.data, function (index, value) { let data = [ { vcardname: value.vcard.name, name: value.name, phone: !isEmpty(value.phone) ? "+" + value.phone : "N/A", email: value.email, }, ]; $(document) .find("#appointmentReport") .append( prepareTemplateRender("#appointmentTemplate", data) ); }); } else { $(document).find("#appointmentReport").append(` ${noData} `); } }, error: function (result) { displayErrorMessage(result.responseJSON.message); }, }); } let start = ""; let end = ""; const datePickerInitialise = () => { if (!$("#dashboardTimeRange").length) { return; } let timeRange = $("#dashboardTimeRange"); let isPickerApply = true; const today = moment(); start = moment().subtract("7", "days"); end = today.clone().endOf("days"); timeRange.on("apply.daterangepicker", function (ev, picker) { isPickerApply = true; start = picker.startDate; end = picker.endDate; loadDashboardChart( start.format("YYYY-MM-D H:mm:ss"), end.format("YYYY-MM-D H:mm:ss") ); }); window.cb = function (start, end) { timeRange .find("span") .html( start.format("MMM D, YYYY") + " - " + end.format("MMM D, YYYY") ); }; timeRange.daterangepicker( { startDate: start, endDate: end, opens: "left", showDropdowns: true, autoUpdateInput: false, locale: { customRangeLabel: Lang.get("js.custom"), applyLabel: Lang.get("js.apply"), cancelLabel: Lang.get("js.cancel"), fromLabel: Lang.get("js.from"), toLabel: Lang.get("js.to"), monthNames: [ Lang.get("js.jan"), Lang.get("js.feb"), Lang.get("js.mar"), Lang.get("js.apr"), Lang.get("js.may"), Lang.get("js.jun"), Lang.get("js.jul"), Lang.get("js.aug"), Lang.get("js.sep"), Lang.get("js.oct"), Lang.get("js.nov"), Lang.get("js.dec"), ], daysOfWeek: [ Lang.get("js.sun"), Lang.get("js.mon"), Lang.get("js.tue"), Lang.get("js.wed"), Lang.get("js.thu"), Lang.get("js.fri"), Lang.get("js.sat"), ], }, ranges: { [Lang.get("js.this_week")]: [ moment().startOf("week"), moment().endOf("week"), ], [Lang.get("js.last_week")]: [ moment().startOf("week").subtract(7, "days"), moment().startOf("week").subtract(1, "days"), ], }, }, cb ); cb(start, end); loadDashboardChart( start.format("YYYY-MM-D H:mm:ss"), end.format("YYYY-MM-D H:mm:ss") ); }; const loadDashboardChart = (startDate, endDate) => { $.ajax({ type: "GET", url: route("dashboard.vcard.chart"), dataType: "json", data: { start_date: startDate, end_date: endDate, }, success: function (result) { dashboardWeeklyBarChartResult = result; dashboardWeeklyBarChart(result); }, cache: false, }); }; const dashboardWeeklyBarChart = (result) => { const dashboardWeeklyUserBarChartContainer = $( "#dashboardWeeklyUserBarChartContainer" ); if (!dashboardWeeklyUserBarChartContainer.length) { return; } dashboardWeeklyUserBarChartContainer.html(""); $("canvas#dashboardWeeklyUserBarChart").remove(); dashboardWeeklyUserBarChartContainer.append( '' ); let data = result.data; let barChartData = { labels: data.weeklyLabels, datasets: data.data, }; let ctx = $("#dashboardWeeklyUserBarChart"); let config = new Chart(ctx, { type: dashboardChartType, data: barChartData, options: { plugins: { legend: { display: false, }, }, scales: { y: { stacked: dashboardStacked, ticks: { min: 0, precision: 0, }, min: 0, }, x: { stacked: dashboardStacked, }, }, }, }); }; listenClick("#dashboardChangeChart", function () { if (dashboardChartType === "bar") { dashboardChartType = "line"; dashboardStacked = false; $(".chart").removeClass("fa-chart-line"); $(".chart").addClass("fa-chart-column"); dashboardWeeklyBarChart(dashboardWeeklyBarChartResult); } else { dashboardChartType = "bar"; dashboardStacked = true; $(".chart").addClass("fa-chart-line"); $(".chart").removeClass("fa-chart-column"); dashboardWeeklyBarChart(dashboardWeeklyBarChartResult); } }); window.statiscticsColors = [ "rgb(245, 158, 11)", "rgb(77, 124, 15)", "rgb(254, 199, 2)", "rgb(80, 205, 137)", "rgb(16, 158, 247)", "rgb(241, 65, 108)", "rgb(80, 205, 137)", "rgb(245, 152, 280)", "rgb(13, 148, 136)", "rgb(59, 130, 246)", ]; let incomeChartCanvasAttr = ""; function loadAdminDashboardData() { if (!$("#incomeChartCanvas").length) { return; } incomeChartCanvasAttr = $("#incomeChartCanvas"); dashboardPlanChart(); dashboardIncomeChart(); } const dashboardPlanChart = () => { $.ajax({ type: "post", url: route("dashboard.plan-chart"), dataType: "json", success: function (result) { dashboardPlanPieChart(result.data.breakDown, result.data.labels); }, cache: false, }); }; const dashboardPlanPieChart = (data, labels) => { if (!$("#dashboardPlanPieChart").length) { return; } let ctx = document.getElementById("dashboardPlanPieChart").getContext("2d"); new Chart(ctx, { type: "pie", options: { responsive: true, maintainAspectRatio: false, responsiveAnimationDuration: 500, plugins: { tooltip: { callbacks: { label: function (context) { return ( labels[context.dataIndex] + " " + context.formattedValue + "%" ); }, }, }, }, }, data: { datasets: [ { data: data, backgroundColor: statiscticsColors, }, ], }, }); }; let dashboardIncomeChartType = "line"; const dashboardIncomeChart = () => { $.ajax({ type: "post", url: route("dashboard.income-chart"), dataType: "json", success: function (result) { incomeChartCanvasAttr.empty(); dashboardPlanIncomeChartData = result.data; dashboardPlanIncomeChart(dashboardPlanIncomeChartData); }, cache: false, }); }; listenClick("#dashboardChangeIncomeChart", function () { if (dashboardIncomeChartType === "bar") { dashboardIncomeChartType = "line"; $(".income-chart").removeClass("fa-chart-line"); $(".income-chart").addClass("fa-chart-bar"); dashboardPlanIncomeChart(dashboardPlanIncomeChartData); } else { dashboardIncomeChartType = "bar"; $(".income-chart").addClass("fa-chart-line"); $(".income-chart").removeClass("fa-chart-bar"); dashboardPlanIncomeChart(dashboardPlanIncomeChartData); } }); // ................ dashboard income chart js ......... function loadDateRangeWithChartData() { let start = ""; let end = ""; let dashboardIncomeChartType = "line"; let customRangeSelected = false; const datePickerInitialise = () => { if (!$("#dashboardIncomeTimeRange").length) { return; } let timeRange = $("#dashboardIncomeTimeRange"); let today = moment(); start = moment().subtract(6, "days"); end = today.clone().endOf("day"); timeRange.on("apply.daterangepicker", function (ev, picker) { start = picker.startDate; end = picker.endDate; if (!customRangeSelected) { dashboardIncomeChart( start.format("YYYY-MM-DD H:mm:ss"), end.format("YYYY-MM-DD H:mm:ss") ); } customRangeSelected = false; }); window.cb = function (start, end) { timeRange .find("span") .html( start.format("MMM D, YYYY") + " - " + end.format("MMM D, YYYY") ); }; timeRange.daterangepicker( { startDate: start, endDate: end, opens: "left", showDropdowns: true, autoUpdateInput: false, locale: { customRangeLabel: Lang.get("js.custom"), applyLabel: Lang.get("js.apply"), cancelLabel: Lang.get("js.cancel"), fromLabel: Lang.get("js.from"), toLabel: Lang.get("js.to"), monthNames: [ Lang.get("js.jan"), Lang.get("js.feb"), Lang.get("js.mar"), Lang.get("js.apr"), Lang.get("js.may"), Lang.get("js.jun"), Lang.get("js.jul"), Lang.get("js.aug"), Lang.get("js.sep"), Lang.get("js.oct"), Lang.get("js.nov"), Lang.get("js.dec"), ], daysOfWeek: [ Lang.get("js.sun"), Lang.get("js.mon"), Lang.get("js.tue"), Lang.get("js.wed"), Lang.get("js.thu"), Lang.get("js.fri"), Lang.get("js.sat"), ], }, ranges: { [Lang.get("js.today")]: [moment(), moment()], [Lang.get("js.yesterday")]: [ moment().subtract(1, "days"), moment().subtract(1, "days"), ], [Lang.get("js.last_7_days")]: [ moment().subtract(6, "days"), moment(), ], [Lang.get("js.last_30_days")]: [ moment().subtract(29, "days"), moment(), ], [Lang.get("js.this_month")]: [ moment().startOf("month"), moment().endOf("month"), ], }, }, cb ); cb(start, end); dashboardIncomeChart( start.format("YYYY-MM-DD H:mm:ss"), end.format("YYYY-MM-DD H:mm:ss") ); }; const dashboardIncomeChart = (startDate, endDate) => { $.ajax({ type: "POST", url: route("dashboard.income-chart"), dataType: "json", data: { start_date: startDate, end_date: endDate, }, success: function (result) { dashboardPlanIncomeChart(result.data); }, cache: false, }); }; datePickerInitialise(); $("#dashboardIncomeTimeRange").click(function () { customRangeSelected = false; dashboardIncomeChart( start.format("YYYY-MM-DD H:mm:ss"), end.format("YYYY-MM-DD H:mm:ss") ); }); $("#dashboardChangeIncomeChart").click(function () { dashboardIncomeChartType = "bar"; dashboardIncomeChart( start.format("YYYY-MM-DD H:mm:ss"), end.format("YYYY-MM-DD H:mm:ss") ); }); } $(document).on("click", ".daterangepicker .applyBtn", function () { customRangeSelected = true; }); const dashboardPlanIncomeChart = (data) => { if (data == null) { return false; } incomeChartCanvasAttr.empty(); incomeChartCanvasAttr.append( '' ); let ctx = document.getElementById("dashboardIncomeChart").getContext("2d"); let incomeChartObj = new Chart(ctx, { type: dashboardIncomeChartType, data: { labels: data.labels, datasets: data.breakDown, }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false, }, tooltip: { callbacks: { label: function (context) { let label = context.dataset.label || ""; if (label) { label += ": "; } if (context.parsed.y !== null) { label += getCurrencyAmount( context.parsed.y.toFixed(2), getCurrencyCode ); } return label; }, }, }, }, scales: { y: { title: { display: true, text: Lang.get("js.amount"), }, min: 0, }, x: { title: { display: true, text: Lang.get("js.month"), }, }, }, }, }); incomeChartObj.canvas.parentNode.style.height = "334px"; };