%PDF-1.4
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>