260 lines
10 KiB
PHP
Executable File
260 lines
10 KiB
PHP
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<!-- Meta, title, CSS, favicons, etc. -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<title>Click Mobile | @yield('page_title') </title>
|
|
|
|
<!-- Bootstrap -->
|
|
<link href="{!! url('public/assets/vendors/bootstrap/dist/css/bootstrap.min.css') !!}" rel="stylesheet">
|
|
<!-- Font Awesome -->
|
|
<link href="{!! url('public/assets/vendors/font-awesome/css/font-awesome.min.css') !!}" rel="stylesheet">
|
|
<!-- NProgress -->
|
|
<link href="{!! url('public/assets/vendors/nprogress/nprogress.css') !!}" rel="stylesheet">
|
|
<link href="{!! url('public/assets/vendors/select2/dist/css/select2.min.css') !!}" rel="stylesheet">
|
|
|
|
<!-- bootstrap-datetimepicker -->
|
|
<!-- <link href="../vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css" rel="stylesheet"> -->
|
|
<link href="{!! url('public/assets/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css') !!}" rel="stylesheet">
|
|
|
|
<link href="{!! url('public/assets/css/sweetalert.css') !!}" type="text/css" rel="stylesheet">
|
|
<link href="{!! url('public/assets/css/click.css') !!}" type="text/css" rel="stylesheet">
|
|
<link href="{!! url('public/assets/css/jquery-confirm.min.css') !!}" type="text/css" rel="stylesheet">
|
|
|
|
|
|
<script type="text/javascript">
|
|
var base_url = "{!! url('/') !!}";
|
|
</script>
|
|
@yield('css')
|
|
<!-- Custom Theme Style -->
|
|
<link href="{!! url('public/assets/build/css/custom.min.css') !!}" rel="stylesheet">
|
|
<style type="text/css">
|
|
hr.style-five {
|
|
border: 0;
|
|
height: 0; /* Firefox... */
|
|
box-shadow: 0 0 10px 1px black;
|
|
}
|
|
hr.style-five:after { /* Not really supposed to work, but does */
|
|
content: "\00a0"; /* Prevent margin collapse */
|
|
}åå
|
|
hr.style-four {
|
|
height: 12px;
|
|
border: 0;
|
|
box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="nav-md">
|
|
@include('systemusers.partials.profile')
|
|
<div class="container body">
|
|
<div class="main_container">
|
|
<div class="col-md-3 left_col">
|
|
<div class="left_col scroll-view">
|
|
<div class="navbar nav_title" style="padding-top: 10px; padding-left: 15px;">
|
|
<!-- <img src="{{ url('public/assets/img/cml-logo.png') }}" style="background-color: #fff;"> -->
|
|
<img src="{{ url('public/assets/img/cml-final-3_no-bg.png') }}" width="200" style="background-color: #fff;">
|
|
<!-- <a href="{{ url('/') }}" class="site_title"><i class="fa fa-paw"></i>
|
|
<span>Click ERP</span>
|
|
</a> -->
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<!-- menu profile quick info -->
|
|
<div class="profile clearfix">
|
|
<div class="profile_pic">
|
|
<img src="{{ url('public/assets/img/user.png') }}" alt="user avatar" class="img-circle profile_img">
|
|
</div>
|
|
<div class="profile_info">
|
|
<span>Welcome,</span>
|
|
<h2>{{ session('current_user.name') }}</h2>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<!-- /menu profile quick info -->
|
|
|
|
<br />
|
|
|
|
<!-- sidebar menu -->
|
|
@include('layouts.partials.sidebar')
|
|
<!-- /sidebar menu -->
|
|
|
|
<!-- /menu footer buttons -->
|
|
<div class="sidebar-footer hidden-small">
|
|
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
|
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
|
</a>
|
|
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
|
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
|
</a>
|
|
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
|
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
|
</a>
|
|
<a data-toggle="tooltip" data-placement="top" title="Logout" href="{!! url('logout') !!}">
|
|
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<!-- /menu footer buttons -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- top navigation -->
|
|
@include('layouts.partials.topbar')
|
|
<!-- /top navigation -->
|
|
|
|
<!-- page content -->
|
|
<div class="right_col" role="main">
|
|
@yield('content')
|
|
</div>
|
|
<!-- /page content -->
|
|
|
|
<!-- footer content -->
|
|
<footer>
|
|
<div class="pull-right" style="">
|
|
Click Mobile | Adding value to voice, data and media
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</footer>
|
|
<!-- /footer content -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jQuery -->
|
|
<script src="{!! url('public/assets/vendors/jquery/dist/jquery.min.js') !!}"></script>
|
|
<!-- Bootstrap -->
|
|
<script src="{!! url('public/assets/vendors/bootstrap/dist/js/bootstrap.min.js') !!}"></script>
|
|
<script src="{!! url('public/assets/vendors/moment/min/moment.min.js') !!}"></script>
|
|
|
|
<!-- <script src="../vendors/moment/min/moment.min.js"></script> -->
|
|
|
|
<!-- FastClick -->
|
|
<!-- <script src="{!! url('public/aseets/vendors/fastclick/lib/fastclick.js') !!}"></script> -->
|
|
<!-- NProgress -->
|
|
<script src="{!! url('public/assets/vendors/nprogress/nprogress.js') !!}"></script>
|
|
<script src="{!! url('public/assets/vendors/select2/dist/js/select2.min.js') !!}"></script>
|
|
|
|
<script src="{!! url('public/assets/js/sweetalert.min.js') !!}"></script>
|
|
<!-- bootstrap-datetimepicker -->
|
|
<!-- <script src="../vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> -->
|
|
<script src="{!! url('public/assets/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js') !!}"></script>
|
|
<script src="{!! url('public/assets/js/jquery-confirm.min.js') !!}"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$('.profileLink').click(function(evt){
|
|
evt.preventDefault();
|
|
$.ajax({
|
|
type: "GET",
|
|
url: base_url + '/getprofile',
|
|
processData: false,
|
|
contentType: false,
|
|
async: false,
|
|
success: function (data){
|
|
if (data.code === 1) {
|
|
console.log(data);
|
|
$('.staffId').val(data.staff_member.id);
|
|
$('.staffName').val(data.staff_member.name);
|
|
$('.staffEmail').val(data.staff_member.email);
|
|
// $('.staffPhone').val(data.staff_member.status).change();
|
|
$('.staffPhone').val(data.staff_member.phone);
|
|
// $('.staffDesignation').val(data.staff_member.designation);
|
|
$('.staffDateAdded').val(data.staff_member.created_at);
|
|
|
|
$('#profileModal').modal('show');
|
|
}
|
|
else if (data.code > 1) {
|
|
$.alert({
|
|
title: 'Alert!',
|
|
content: data.msg,
|
|
});
|
|
}
|
|
else {
|
|
$.alert({
|
|
title: 'Alert!',
|
|
content: 'Your request could not be handled. Try again !',
|
|
});
|
|
|
|
}
|
|
}
|
|
});
|
|
});
|
|
$('#staffProfileForm').submit(function(evt){
|
|
evt.preventDefault(evt);
|
|
|
|
$('#successArea').addClass('d-none');
|
|
$('#errorsArea').removeClass('d-none');
|
|
var formData = new FormData($('#staffProfileForm')[0]);
|
|
$.ajax({
|
|
url: base_url + '/profileupdate',
|
|
type: 'POST',
|
|
data: formData,
|
|
processData: false,
|
|
contentType: false,
|
|
beforeSend: function() {
|
|
$('#successArea').text("");
|
|
$('#successArea').text("Please wait ... profile update in progress!");
|
|
},
|
|
success: function(data) {
|
|
if (data['code'] === 1) {
|
|
$('#successArea').removeClass('d-none');
|
|
$('#errorsArea').addClass('d-none');
|
|
|
|
$('#successArea').text("");
|
|
$('#successArea').text(data['msg']);
|
|
// location.reload();
|
|
$.alert({
|
|
title: 'Alert!',
|
|
content: data['msg'],
|
|
});
|
|
setTimeout(function() {
|
|
$('#profileModal').modal('hide');
|
|
//location.reload(); // Reloads the current page
|
|
}, 2000);
|
|
}
|
|
else{
|
|
$('#successArea').addClass('d-none');
|
|
$('#errorArea').removeClass('d-none');
|
|
$('#errorArea').text("");
|
|
$('#errorArea').text("Account could not be updated!");
|
|
$.alert({
|
|
title: 'Alert!',
|
|
content: 'Account could not updated!',
|
|
});
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.error('Error:', error);
|
|
$('#successArea').text(error);
|
|
$('#successArea').text(error);
|
|
$.alert({
|
|
title: 'Alert!',
|
|
content: error,
|
|
});
|
|
}
|
|
});
|
|
});
|
|
if ($('.notification-alert').length) {
|
|
setTimeout(() => {
|
|
$('.notification-alert').slideUp()
|
|
}, 2000);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
@yield('javascript')
|
|
|
|
|
|
<!-- Custom Theme Scripts -->
|
|
<script src="{!! url('public/assets/build/js/custom.js') !!}"></script>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
|
1. User Service, 2. Payment Service 3. Notification Service 4. Transaction Service 5. Reporting Service.
|