|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/mis/app/Views/theme/BeyondAdmin/system/ |
<link rel="stylesheet" href="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/radio-button.css">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="navbar-container">
<!-- Navbar Barnd -->
<div class="navbar-header pull-left">
<a href="<?= base_url(); ?>" class="navbar-brand">
<small>
<img src="<?= base_url(); ?>/storage/images/perusahaan/logo_bln_dark.png" alt="" />
<!-- /storage/images/perusahaan/logo_bln_light.png -->
</small>
</a>
</div>
<!-- /Navbar Barnd -->
<!-- Sidebar Collapse -->
<div class="sidebar-collapse" id="sidebar-collapse">
<i class="collapse-icon fa fa-bars" style="color:black"></i>
</div>
<!-- /Sidebar Collapse -->
<!-- Account Area and Settings --->
<div class="navbar-header pull-right">
<div class="navbar-account">
<ul class="account-area">
<!--<li>
<a class=" dropdown-toggle" data-toggle="dropdown" title="Help" href="blank.html#">
<i class="icon fa fa-warning"></i>
</a>
<!--Notification Dropdown
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-notifications">
<li>
<a href="blank.html#">
<div class="clearfix">
<div class="notification-icon">
<i class="fa fa-phone bg-themeprimary white"></i>
</div>
<div class="notification-body">
<span class="title">Skype meeting with Patty</span>
<span class="description">01:00 pm</span>
</div>
<div class="notification-extra">
<i class="fa fa-clock-o themeprimary"></i>
<span class="description">office</span>
</div>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<div class="clearfix">
<div class="notification-icon">
<i class="fa fa-check bg-darkorange white"></i>
</div>
<div class="notification-body">
<span class="title">Uncharted break</span>
<span class="description">03:30 pm - 05:15 pm</span>
</div>
<div class="notification-extra">
<i class="fa fa-clock-o darkorange"></i>
</div>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<div class="clearfix">
<div class="notification-icon">
<i class="fa fa-gift bg-warning white"></i>
</div>
<div class="notification-body">
<span class="title">Kate birthday party</span>
<span class="description">08:30 pm</span>
</div>
<div class="notification-extra">
<i class="fa fa-calendar warning"></i>
<i class="fa fa-clock-o warning"></i>
<span class="description">at home</span>
</div>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<div class="clearfix">
<div class="notification-icon">
<i class="fa fa-glass bg-success white"></i>
</div>
<div class="notification-body">
<span class="title">Dinner with friends</span>
<span class="description">10:30 pm</span>
</div>
</div>
</a>
</li>
<li class="dropdown-footer ">
<span>
Today, March 28
</span>
<span class="pull-right">
10°c
<i class="wi wi-cloudy"></i>
</span>
</li>
</ul>
<!--/Notification Dropdown
</li>
<li>
<a class="wave in dropdown-toggle" data-toggle="dropdown" title="Help" href="blank.html#">
<i class="icon fa fa-envelope"></i>
<span class="badge">3</span>
</a>
<!--Messages Dropdown
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-messages">
<li>
<a href="blank.html#">
<img src="<?= base_url(); ?>/assets/theme/BeyondAdmin/img/avatars/divyia.jpg" class="message-avatar" alt="Divyia Austin">
<div class="message">
<span class="message-sender">
Divyia Austin
</span>
<span class="message-time">
2 minutes ago
</span>
<span class="message-subject">
Here's the recipe for apple pie
</span>
<span class="message-body">
to identify the sending application when the senders image is shown for the main icon
</span>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<img src="<?= base_url(); ?>/assets/theme/BeyondAdmin/img/avatars/bing.png" class="message-avatar" alt="Microsoft Bing">
<div class="message">
<span class="message-sender">
Bing.com
</span>
<span class="message-time">
Yesterday
</span>
<span class="message-subject">
Bing Newsletter: The January Issue
</span>
<span class="message-body">
Discover new music just in time for the Grammy® Awards.
</span>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<img src="<?= base_url(); ?>/assets/theme/BeyondAdmin/img/avatars/adam-jansen.jpg" class="message-avatar" alt="Divyia Austin">
<div class="message">
<span class="message-sender">
Nicolas
</span>
<span class="message-time">
Friday, September 22
</span>
<span class="message-subject">
New 4K Cameras
</span>
<span class="message-body">
The 4K revolution has come over the horizon and is reaching the general populous
</span>
</div>
</a>
</li>
</ul>
<!--/Messages Dropdown
</li>
<li>
<a class="dropdown-toggle" data-toggle="dropdown" title="Tasks" href="blank.html#">
<i class="icon fa fa-tasks"></i>
<span class="badge">4</span>
</a>
<!--Tasks Dropdown
<ul class="pull-right dropdown-menu dropdown-tasks dropdown-arrow ">
<li class="dropdown-header bordered-darkorange">
<i class="fa fa-tasks"></i>
4 Tasks In Progress
</li>
<li>
<a href="blank.html#">
<div class="clearfix">
<span class="pull-left">Account Creation</span>
<span class="pull-right">65%</span>
</div>
<div class="progress progress-xs">
<div style="width:65%" class="progress-bar"></div>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<div class="clearfix">
<span class="pull-left">Profile Data</span>
<span class="pull-right">35%</span>
</div>
<div class="progress progress-xs">
<div style="width:35%" class="progress-bar progress-bar-success"></div>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<div class="clearfix">
<span class="pull-left">Updating Resume</span>
<span class="pull-right">75%</span>
</div>
<div class="progress progress-xs">
<div style="width:75%" class="progress-bar progress-bar-darkorange"></div>
</div>
</a>
</li>
<li>
<a href="blank.html#">
<div class="clearfix">
<span class="pull-left">Adding Contacts</span>
<span class="pull-right">10%</span>
</div>
<div class="progress progress-xs">
<div style="width:10%" class="progress-bar progress-bar-warning"></div>
</div>
</a>
</li>
<li class="dropdown-footer">
<a href="blank.html#">
See All Tasks
</a>
<button class="btn btn-xs btn-default shiny darkorange icon-only pull-right"><i class="fa fa-check"></i></button>
</li>
</ul>
<!--/Tasks Dropdown
</li>-->
<?php
$firstname = session()->get('firstname');
$lastname = session()->get('lastname');
$email = session()->get('email');
$id = session()->get('user_id');
$color_theme = session()->get('color_theme');
$url_image = session()->get('url_image');
// var_dump(session()->get());
?>
<li style="min-width: 200px;">
<a class="login-area dropdown-toggle" data-toggle="dropdown">
<div class="avatar" title="View your public profile">
<img src="<?= $url_image ?>">
</div>
<section>
<h2><span class="profile"><span style="font-weight: 600;color:black">
<?= $firstname . ' ' . $lastname ?>
</span></span></h2>
</section>
</a>
<!--Login Area Dropdown-->
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
<li class="username"><a>
<?= $firstname . ' ' . $lastname ?>
</a></li>
<li class="email"><a style="color: grey;">
<?= $email ?>
</a></li>
<!--Avatar Area-->
<li>
<div class="avatar-area">
<img src="<?= $url_image ?>" class="avatar">
<form action="<?= base_url('users/edit_photo') ?>" role="form" method="post"
enctype="multipart/form-data" accept-charset="utf-8">
<input type="hidden" name="sampulLama" value="<?= $url_image ?>">
<input type="file" id="imgupload" name="imgupload" style="display:none"
accept="image/jpeg,image/pjpeg,image/png,image/x-png"
onchange="handleFile()" />
<button id="klik" type="submit" style="display:none"></button>
</form>
<a id="OpenImgUpload" class="caption"><i class="fa fa-camera"
aria-hidden="true"></i>
Change Photo</a>
</div>
</li>
<script>
$('#OpenImgUpload').click(function() {
$('#imgupload').trigger('click');
});
function handleFile() {
$('#klik').trigger('click');
}
// function upload(event, id) {
// var reader = new FileReader();
// reader.onload = function() {
// var output = reader.result;
// // reader.readAsDataURL(event.target.files[0])
// if (output != null) {
// $.ajax({
// type: "post",
// url: '<?= '' //base_url() ?>/users/edit_photo',
// data: {
// ids: id,
// url_image: output
// },
// beforeSend: function() {},
// success: function(result) {},
// complete: function() {}
// });
// // window.location.reload();
// console.log(output);
// console.log(2)
// } else {
// console.log(output);
// // window.location.reload();
// }
// }
// reader.readAsDataURL(event.target.files[0]);
// }
</script>
<!--Avatar Area-->
<li class="edit">
<a href="<?= base_url('/users/edit/' . $id) ?>" class="pull-right">Edit Profile</a>
</li>
<li>
<label>Themes color :</label>
<center>
<span class="input-icon icon-right">
<label>
<input id="color_theme_1" type="radio" class="colored-white" value="1" <?php if ($color_theme == 1) {
echo "checked";
} ?> onclick="editColorTheme(<?= $id ?>,1)">
<span class="text"></span>
</label>
<label>
<input id="color_theme_2" type="radio" class="colored-green" value="2" <?php if ($color_theme == 2) {
echo "checked";
} ?> onclick="editColorTheme(<?= $id ?>,2)">
<span class="text"></span>
</label>
<label>
<input id="color_theme_3" type="radio" class="colored-darkred" value="3" <?php if ($color_theme == 3) {
echo "checked";
} ?> onclick="editColorTheme(<?= $id ?>,3)">
<span class="text"></span>
</label>
<label>
<input id="color_theme_4" type="radio" class="colored-gold" value="4" <?php if ($color_theme == 4) {
echo "checked";
} ?> onclick="editColorTheme(<?= $id ?>,4)">
<span class="text"></span>
</label>
<label>
<input id="color_theme_5" type="radio" class="colored-darkblue"
value="5" <?php if ($color_theme == 5) {
echo "checked";
} ?> onclick="editColorTheme(<?= $id ?>,5)">
<span class="text"></span>
</label>
<label>
<input id="color_theme_6" type="radio" class="colored-aqua" value="6" <?php if ($color_theme == 6) {
echo "checked";
} ?> onclick="editColorTheme(<?= $id ?>,6)">
<span class="text"></span>
</label>
</span>
</center>
</li>
<script>
function editColorTheme(id, color_theme) {
var input_id = "color_theme_" + color_theme;
var checkBox = document.getElementById(input_id);
color = checkBox.value;
$.ajax({
type: "post",
url: '<?= base_url() ?>/users/color_theme',
data: {
ids: id,
color: color
},
success: function(response) {
if (response.success) {
// Jika perubahan berhasil dan perlu me-reload halaman
if (response.reload_page) {
// Me-reload halaman
location.reload();
} else {
console.error('Gagal memperbarui tema warna.');
}
} else {
console.error('Gagal memperbarui tema warna.');
}
},
error: function(xhr, status, error) {
console.error('Terjadi kesalahan: ' + error);
}
});
// window.location.reload();
}
</script>
<!--Theme Selector Area-->
<!-- <li class="theme-area">
<ul class="colorpicker" id="skin-changer">
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#5DB2FF;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/blue.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#2dc3e8;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/azure.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#03B3B2;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/teal.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#53a93f;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/green.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#FF8F32;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/orange.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#cc324b;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/pink.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#AC193D;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/darkred.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#8C0095;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/purple.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#0072C6;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/darkblue.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#585858;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/gray.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#474544;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/black.min.css"></a></li>
<li><a class="colorpick-btn" href="blank.html#" style="background-color:#001940;" rel="<?= base_url(); ?>/assets/theme/BeyondAdmin/css/skins/deepblue.min.css"></a></li>
</ul>
</li> -->
<!--/Theme Selector Area-->
<li class="dropdown-footer">
<a href="<?= base_url('login/logout') ?>">
<i class="fa fa-sign-out" aria-hidden="true" style="font-weight:700"> Logout</i>
</a>
</li>
</ul>
<!--/Login Area Dropdown-->
</li>
<!-- /Account Area -->
<!--Note: notice that setting div must start right after account area list.
no space must be between these elements-->
</ul>
<!-- Settings
<div class="setting">
<a id="btn-setting" title="Setting" href="#">
<i class="icon glyphicon glyphicon-cog"></i>
</a>
</div>
<div class="setting-container">
<label>
<input type="checkbox" id="checkbox_fixednavbar">
<span class="text">Fixed Navbar</span>
</label>
<label>
<input type="checkbox" id="checkbox_fixedsidebar">
<span class="text">Fixed SideBar</span>
</label>
<label>
<input type="checkbox" id="checkbox_fixedbreadcrumbs">
<span class="text">Fixed BreadCrumbs</span>
</label>
<label>
<input type="checkbox" id="checkbox_fixedheader">
<span class="text">Fixed Header</span>
</label>
</div>
Settings -->
</div>
</div>
<!-- /Account Area and Settings -->
</div>
</div>
</div>