Viewing file:  dashboard.blade.php (21.26 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title')
Dashboard
@endsection
@section('extra-css')
<style>
.cache_clear_btn {
display: block !important;
}
.list-style-none {
list-style: none;
}
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.form-group label {
position: relative;
cursor: pointer;
}
.form-group label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #0079bf;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 9px;
width: 6px;
height: 14px;
border: solid #0079bf;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.list-style-none {
list-style: none;
background: whitesmoke;
padding: 7px 20px;
border-radius: 5px;
}
input[type=checkbox] {
display: block !important;
}
.task-preview-section {
width: 100%;
}
#previewImage {
width: 100%;
}
video {
width: 100%;
}
.task-h-box {
background: #f3ecec;
padding: 4px 7px;
border-radius: 5px !important;
line-height: 14px;
}
.meal-task-status-sec {
text-align: right;
}
.progress-text{
font-style: italic;
font-size: 11px;
}
.preview_task{
padding: 0px 4px 1px 4px !important;
}
</style>
<style>
.content-wrapper {
padding-top: 0px !important;
}
.content-header {
padding: 0px .5rem !important;
}
#settingsCard{
background: linear-gradient(to bottom,#fc865a,#fafafa);
min-height: 250px;
}
</style>
@endsection
@section('content')
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="settingsCard"
class="d-flex flex-column order-manage customer-dashboard-card p-3 align-items-center mb-4 card">
<div class="d-flex w-100">
<div class="welcome-text-sec">
<div class="welcome-text-heading">
Welcome to <span class="custome-app-name">{{get_settings('app_name')}}</span>
</div>
<div class="trainer-info-sec">
You are awesome {{ucfirst(auth('customer')->user()->full_name)}}
</div>
<div class="date-sec">
Today {{date("Y-m-d")}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<strong>Meal Plan Task Progress</strong>
</div>
<div class="card-body">
<div class="progress-text mb-1"><strong>{{isset($completed_meal_plan)?$completed_meal_plan:''}}</strong> Percentage Completed out of <strong>100</strong></div>
<div class="progress mb-3">
<div class="progress-bar bg-primary" role="progressbar" aria-valuenow="{{isset($completed_meal_plan)?$completed_meal_plan:''}}" aria-valuemin="0" aria-valuemax="100" style="width:{{isset($completed_meal_plan)?$completed_meal_plan:''}}%">
<span class="sr-only">{{isset($completed_meal_plan)?$completed_meal_plan:''}}% Complete (success)</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<strong>
Work Out Plan Progress
</strong>
</div>
<div class="card-body">
<div class="progress-text mb-1"><strong>{{isset($completed_work_out_plan)?$completed_work_out_plan:''}}</strong> Percentage Completed out of <strong>100</strong></div>
<div class="progress mb-3">
<div class="progress-bar bg-primary" role="progressbar" aria-valuenow="{{isset($completed_work_out_plan)?$completed_work_out_plan:''}}" aria-valuemin="0" aria-valuemax="100" style="width: {{isset($completed_work_out_plan)?$completed_work_out_plan:''}}%">
<span class="sr-only">{{isset($completed_work_out_plan)?$completed_work_out_plan:''}}% Complete (success)</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-header border-0">
<h3 class="card-title">
<i class="fas fa-th mr-1"></i>
@lang('Weight Analytics')
</h3>
<div class="card-tools">
<button type="button" class="btn bg-primary btn-sm" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn bg-primary btn-sm" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas class="chart admin-dashboard-canvas" id="line-chart"></canvas>
</div>
<!-- /.card-body -->
<!-- /.card-footer -->
</div>
<!-- /.card -->
</div>
</div>
<div class="row">
<div class="col-md-12">
@if(isset($customer_meal_plan) && $customer_meal_plan)
<div class="card">
<div class="card-body">
<p>Meal Plan Information</p>
<div class="mt-3">
<h5>{{$customer_meal_plan->meal_plan->title}}</h5>
</div>
@if($customer_meal_plan->plan_details)
@foreach($customer_meal_plan->plan_details as $detail)
<div class="card">
<div class="card-header text-center">
<h4>{{isset($detail->day)?$detail->day:''}}</h4>
</div>
<div class="card-body text-center">
<div class="row justify-content-between t-head-sec">
<div class="task-header"><strong> Breakfast</strong></div>
<div class="task-header"><strong> Launch</strong></div>
<div class="task-header"><strong> Snack</strong></div>
<div class="task-header"><strong> Dinner</strong></div>
<div class="task-header"><strong>Dinner Snack </strong></div>
</div>
<div class="row justify-content-between mt-2">
<div class="task-result">
@foreach($detail->plan_tasks()->where('type', 'breakfast')->get() as $plan_task)
{{isset($plan_task->task)?$plan_task->task:''}}
<hr class="task-list">
@endforeach
</div>
<div class="task-result">
@foreach($detail->plan_tasks()->where('type', 'launch')->get() as $plan_task)
{{isset($plan_task->task)?$plan_task->task:''}}
<hr class="task-list">
@endforeach
</div>
<div class="task-result">
@foreach($detail->plan_tasks()->where('type', 'snack')->get() as $plan_task)
{{isset($plan_task->task)?$plan_task->task:''}}
<hr class="task-list">
@endforeach
</div>
<div class="task-result">
@foreach($detail->plan_tasks()->where('type', 'dinner')->get() as $plan_task)
{{isset($plan_task->task)?$plan_task->task:''}}
<hr class="task-list">
@endforeach
</div>
<div class="task-result">
@foreach($detail->plan_tasks()->where('type', 'dinner_snack')->get() as $plan_task)
{{isset($plan_task->task)?$plan_task->task:''}}
<hr class="task-list">
@endforeach
</div>
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
@endif
</div>
<div class="col-md-12">
@if(isset($customer_workout_plan) && $customer_workout_plan)
<div class="card">
<div class="card-body">
<p>Workout Plan Information</p>
<div class="mt-3">
<h5>{{$customer_workout_plan->meal_plan->title}}</h5>
</div>
@if($customer_workout_plan->customer_workout_sections)
<div class="mt-3">
@foreach($customer_workout_plan->customer_workout_sections as $s_key=>$section)
<div class="card mt-3">
<div class="card-header text-center">
<h6>{{isset($section->title)?$section->title:''}}</h6>
</div>
<div class="card-body">
@foreach($section->customer_workout_tasks as $key=>$task)
<ul class="list-style-none">
<li>
<strong>Task: </strong> {{isset($task->workout_task->name)?$task->workout_task->name:''}}
</li>
<li><strong>Repetation and
set: </strong> {{isset($task->repetation_and_set)?$task->repetation_and_set:''}}
</li>
<li>
<strong>Rest
Time: </strong> {{isset($task->rest_time)?$task->rest_time:''}}
@php
$attach_file='';
if(isset($task->workout_task->image_or_video) && $task->workout_task->image_or_video){
$file_name=explode('.',$task->workout_task->image_or_video);
if(isset($file_name[1]) && $file_name[1]=='mp4'){
$attach_file='mp4';
}
}
@endphp
<button
data-path="{{asset('uploads/'.$task->workout_task->image_or_video)}}"
data-type="{{$attach_file}}" type="button"
class="btn-sm btn btn-info float-right preview_task">
<small>Preview</small>
</button>
</li>
</ul>
@endforeach
</div>
</div>
@endforeach
</div>
@endif
</div>
</div>
@endif
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /.content -->
<!-- Modal -->
<div class="modal fade" id="previewModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header bg-white">
<button type="button" class="close pause_video" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="task-preview-section">
<div class="section-video">
</div>
<img id="previewImage" alt="">
</div>
</div>
</div>
</div>
</div>
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/chart.js/Chart.min.js')}}"></script>
<script>
"use strict";
// Sales graph chart
var salesGraphChartCanvas = $('#line-chart').get(0).getContext('2d');
// var sentCanvas = $('#sent-chart').get(0).getContext('2d');
//$('#revenue-chart').get(0).getContext('2d');
var salesGraphChartData = {
labels: @json($weekDates),
datasets: [
{
label: 'weight',
fill: false,
borderWidth: 2,
lineTension: 0,
spanGaps: true,
borderColor: '#7367F0',
pointRadius: 3,
pointHoverRadius: 7,
pointColor: '#636363',
pointBackgroundColor: '#636363',
data: @json($weights)
}
]
}
var salesGraphChartOptions = {
maintainAspectRatio: false,
responsive: true,
legend: {
display: false,
},
scales: {
xAxes: [{
ticks: {
fontColor: '#636363',
},
gridLines: {
display: false,
color: '#636363',
drawBorder: false,
}
}],
yAxes: [{
ticks: {
stepSize: 5000,
fontColor: '#636363',
},
gridLines: {
display: true,
color: '#636363',
drawBorder: false,
}
}]
}
}
var salesGraphChart = new Chart(salesGraphChartCanvas, {
type: 'line',
data: salesGraphChartData,
options: salesGraphChartOptions
}
);
</script>
<script>
"use strict";
$(document).on("click", ".check_meal_task", function () {
const data_id = $(this).attr('data-id');
let status = 'incomplete';
if ($(this).is(':checked')) {
status = 'complete';
} else {
status = 'incomplete';
}
$.ajax({
type: 'POST',
url: '{{route('customer.meal.plan.status')}}',
data: {
status: status,
id: data_id,
'_token': '{{csrf_token()}}',
},
success: function (res) {
if (res.status == 'success') {
}
}
})
});
</script>
<script>
"use strict";
$(document).on('click', '.preview_task', function (e) {
const type = $(this).attr('data-type');
const file = $(this).attr('data-path');
if (type && type == 'mp4') {
$('#videoTag').removeClass('d-none');
$('.section-video').html(`<video id="videoTag" controls autoplay> <source src="${file}" type="video/mp4"></video>`)
} else {
$('#videoTag').addClass('d-none');
$('#previewImage').attr('src', file);
}
$('#previewModal').modal('show');
});
$(document).on('click', '.pause_video', function (e) {
$('#videoTag').get(0).pause();
});
</script>
<script>
"use strict";
let workout_task_status = 'incomplete';
$(document).on("click", ".check_workout_task", function (e) {
const data_id = $(this).attr('data-id');
if ($(this).is(':checked')) {
workout_task_status = 'complete';
} else {
workout_task_status = 'incomplete';
}
$.ajax({
url: '{{route('customer.work.out.plan.status')}}',
method: 'POST',
data: {
'_token': '{{csrf_token()}}',
workout_task_status: workout_task_status,
id: data_id
},
success: function (response) {
}
});
});
</script>
@endsection
|