UGM Framework<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0\" \/>\n <meta name=\"csrf-token\" content=\"302da59ab2e84b0adee451c4bd38848a\"\/>\n <meta name=\"csrf-name\" content=\"simasterUGM_token\"\/>\n <meta name=\"csrf-cookie\" content=\"simasterUGM_cookie\"\/>\n <meta http-equiv='Cache-Control' content='no-cache, no-store, max-age=0, must-revalidate'>\n <meta http-equiv='Pragma' content='no-cache'>\n <meta http-equiv='Expires' content='0'>\n \n <link rel=\"shortcut icon\" href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/images\/favicon.ico\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,800,300&subset=latin\" rel=\"stylesheet\" type=\"text\/css\" \/>\n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/plugins\/pace\/css\/black\/pace-theme-minimal.css\" media=\"all\" rel=\"stylesheet\" type=\"text\/css\" \/> \n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/plugins\/fontawesome\/css\/font-awesome.min.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/jquery-ui-1.12.1.min.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/bootstrap-datetimepicker.min.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n \n \n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/jquery-2.2.0.min.js\"><\/script>\n \n \n <script>function _pxDemo_loadStylesheet(a, b, c){var c = c || decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-theme\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"default\"), d = \"1\" === decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-rtl\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"0\"); document.write(a.replace(\/^(.*?)((?:\\.min)?\\.css)$\/, '<link href=\"$1' + (c.indexOf(\"dark\") !== - 1 && a.indexOf(\"\/css\/\") !== - 1 && a.indexOf(\"\/themes\/\") === - 1?\"-dark\":\"\") + (d ?\".rtl\":\"\") + '$2\" rel=\"stylesheet\" type=\"text\/css\"' + (b?'class=\"' + b + '\"':\"\") + \">\"))}<\/script>\n <script>\"1\" === decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-rtl\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"0\") && document.getElementsByTagName(\"html\")[0].setAttribute(\"dir\", \"rtl\");<\/script>\n <script>\n _pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/bootstrap.min.css', 'px-demo-stylesheet-core');\n _pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/pixeladmin.min.css', 'px-demo-stylesheet-bs');\n _pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/widgets.min.css', 'px-demo-stylesheet-widgets');\n <\/script>\n <script>\n function _pxDemo_loadTheme(a){var b = decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-theme\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"default\"); _pxDemo_loadStylesheet(a + b + \".min.css\", \"px-demo-stylesheet-theme\", b)}\n _pxDemo_loadTheme('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/themes\/');\n <\/script>\n <script>_pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/demo.css');<\/script>\n <\/head>\n <body>\n <script type=\"text\/javascript\">\n var pxInit = [];\n var checked = [];\n var url = '';\n var env = \"production\";\n var base = \"https:\/\/simaster.ugm.ac.id\/\";\n var app = \"\";\n var cs = \"https:\/\/wa.me\/628112826546?text=Akun UGM: %0AMenu: %0AURL: -%0ALapor: \";\n var xhr = null;\n if (typeof XMLHttpRequest === \"undefined\") {\n xhr = function () {\n try { return new ActiveXObject(\"Msxml2.XMLHTTP.6.0\"); }\n catch (e) {}\n try { return new ActiveXObject(\"Msxml2.XMLHTTP.3.0\"); }\n catch (e) {}\n try { return new ActiveXObject(\"Microsoft.XMLHTTP\"); }\n catch (e) {}\n };\n } else {\n xhr = new XMLHttpRequest();\n }\n var to, to_10, to_20;\n localStorage['ugmfwCache'] = '';\n <\/script>\n <style type=\"text\/css\">\n .outer {\n display: table;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .middle {\n display: table-cell;\n vertical-align: middle;\n }\n .inner {\n margin-left: auto;\n margin-right: auto;\n width: 400px;\n }\n <\/style>\n <noscript>\n <div class=\"page-header\">\n <h1><i class=\"page-header-icon fa fa-unlink\"><\/i> Terjadi Galat<\/h1>\n <\/div>\n <div class=\"note note-danger\"><b>Mohon maaf<\/b>, javascript tidak aktif pada peramban yang Anda gunakan.<\/div>\n <\/noscript>\n <div id=\"noscript\" style=\"display:none;\">\n <div class=\"busy-indicator modal-backdrop fade in\" style='display:none;'>\n <div class=\"row\">\n <div class='col-sm-12' style='text-align:center;margin-top:15%;'>\n <img src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/images\/ugm.png\"\/><br\/>\n <h3>SIMASTER UGM<\/h3><br\/>\n <img src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/images\/load-baru.gif\"\/>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"px-content\" id=\"subcontent-element\">\n <ol class=\"breadcrumb page-breadcrumb\">\n <li>Presensi<\/li>\n <li class=\"active\">Presensi QR<\/li>\n<\/ol>\n<style type=\"text\/css\">\n .widget-pricing,\n .pricing-page-customers-logos {\n max-width: 1200px;\n }\n .pricing-page-header.page-header {\n margin-bottom: 0;\n padding-top: 5px;\n padding-bottom: 120px;\n }\n .widget-pricing {\n margin-top: -90px;\n }\n .widget-pricing-section, .widget-pricing-section2 {\n margin-top: 10px;\n }\n .my-custom-scrollbar {\n position: relative;\n height: 650px;\n overflow: auto;\n }\n .table-wrapper-scroll-y {\n display: block;\n }\n<\/style>\n<script type=\"text\/javascript\">\n var alistPresQr = [];\n<\/script>\n<div style=\"padding-bottom: 211px;\">\n <div class=\"pricing-page-header page-header panel text-xs-center\">\n <h1 class=\"font-size-24 font-weight-bold m-b-1\"><i class=\"page-header-icon fa fa-qrcode\"><\/i> <span class=\"text-muted font-weight-light\">Presensi <\/span><span class=\"text-primary\">QR<\/span><\/h1>\n <div id=\"message\" class=\"alert alert-info\" style=\"display:none;\"><\/div>\n <\/div>\n <hr class=\"page-wide-block m-y-0\">\n <div class=\"widget-pricing widget-pricing-expanded\">\n <div class=\"widget-pricing-inner\">\n <div class=\"widget-pricing-item row\">\n <div class=\"col-md-12\">\n <div class=\"col-md-6\">\n <h2 class=\"widget-pricing-plan\"><i>Scan<\/i> QR<\/h2>\n <div class=\"widget-pricing-section p-y-2 qrcode ugmfw-goto-modal\" style=\"width: 100%;height: auto;\" modal=\"#ugmfw-modal-def-full\" modal-title=\"<i class='page-header-icon fa fa-calculator'><\/i> <i>Scan<\/i> QR\" ret=\"modal\" dest=\"\" modal-html=\".qrcode-big\" data-trigger=\"hover\" data-container=\"body\" data-toggle=\"popover\" data-state=\"primary\" data-placement=\"top\" data-content=\"Tampilan QR yang lebih besar.\" data-title=\"Klik Untuk Memperbesar QR\" data-original-title=\"\" title=\"\" aria-describedby=\"popover893825\">\n Mengambil data ...\n <\/div>\n <div id=\"qrMuatUlang\" class=\"widget-pricing-section\">\n <a type=\"button\" class=\"btn btn-lg btn-warning btn-outline btn-labeled btn-3d ugmfw-goto\" dest=\"#subcontent-element\" url=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr\" href=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr\"><span class=\"btn-label-icon left fa fa-refresh\"><\/span>Muat Ulang<\/a>\n <a type=\"button\" class=\"btn btn-lg btn-danger btn-outline btn-3d ugmfw-delete peserta\" style=\"display:none\"; dest=\"#subcontent-element\" url=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr_signout\" href=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr_signout\"><span class=\"btn-label-icon right fa fa-sign-out\"><\/span>Akhiri Presensi<\/a>\n <\/div>\n <br \/>\n <div class=\"peserta\" style=\"display:none\";>\n <div class=\"note note-info font-size-14\">\n <ol class=\"m-b-4 font-size-14\">\n <li>Pastikan <i>handphone<\/i>\/gawai Anda telah terinstall Aplikasi SIMASTER UGM yang sudah ter<i>update<\/i>.<\/li> \n <li>Buka Aplikasi SIMASTER UGM <i>Mobile<\/i>(Android\/IOS).<\/li>\n <li>Pastikan <i>group<\/i>\/atribut Anda sesuai, \n apabila Anda memiliki lebih dari satu atribut untuk mengganti atribut \n silahkan pilih atribut yang sesuai melalui menu akun. \n <\/li>\n <li>Pilih Menu Presensi > QR - Peserta.<\/li>\n <li>Arahkan <i>handphone<\/i>\/gawai untuk memindai\/<i>scan<\/i> QR yang tertampil di proyektor\/<i>screen<\/i> untuk <b>mencatat presensi<\/b> Anda.<\/li>\n <li>Selamat menggunakan fitur Presensi QR, semoga bermanfaat.<br> Terima Kasih.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <hr class=\"hidden-lg hidden-md\" \/>\n <\/div>\n <div class=\"penyelenggara\" >\n <div class=\"col-md-6\">\n <h2 class=\"widget-pricing-plan\">Penyelenggara\/Pengajar<\/h2>\n <br \/>\n <div class=\"note note-info font-size-14\">\n <ol class=\"m-b-4 font-size-14\">\n <li>Buka laman https:\/\/simaster.ugm.ac.id\/presensi.<\/li>\n <li>Pastikan Hanya Ada <b>Satu Laman<\/b> Presensi QR yang Aktif pada <i>Browser<\/i>\/Penjelajah Anda<\/li>\n <li>Tampilkan QR di proyektor\/<i>screen<\/i> agar mempermudah Peserta\/Mahasiswa dalam melakukan pindai\/<i>scan<\/i>.<\/li>\n <li>Pastikan <i>handphone<\/i>\/gawai Anda telah terinstall Aplikasi SIMASTER UGM yang sudah ter<i>update<\/i>, silakan cari di PlayStore bagi pengguna Android dan Appstore bagi pengguna IOS dengan kata kunci \"SIMASTER UGM\".<\/li> \n <li>Buka Aplikasi SIMASTER UGM <i>Mobile<\/i> (Android\/IOS).<\/li>\n <li>Pilih Menu Presensi > QR - Penyelenggara.<\/li>\n <li>Pilih Acara bagi Penyelengara atau Kuliah bagi Pengajar.<\/li>\n <li>Arahkan <i>handphone<\/i>\/gawai untuk memindai\/<i>scan<\/i> QR yang tertampil di proyektor\/<i>screen<\/i> untuk <b>memulai acara\/kuliah<\/b>.<\/li>\n <li>Apabila berhasil <i>scan<\/i>, QR akan berganti dengan QR Peserta\/Mahasiswa.<\/li>\n <li>Peserta\/Mahasiswa diminta melakukan pindai\/<i>scan<\/i> agar <b>tercatat hadir<\/b> dalam acara\/kuliah.<\/li>\n <li>Selamat menggunakan fitur Presensi QR, semoga bermanfaat.<br> Terima Kasih.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"peserta\" style=\"display:none\"; height>\n <div class=\"col-md-6\">\n <h2 class=\"widget-pricing-plan\">Peserta\/Mahasiswa<\/h2>\n <br \/>\n <div class=\"alert\" style=\"text-align: left\">\n <ul type=\"none\">\n <li><b><text id=\"name\"><\/text><\/b><\/li>\n <li>\n <strong>Tempat: <\/strong><text id=\"room\"><\/text>\n , <text id=\"schdl\"> - <\/text>\n <\/li>\n <li><strong>PJ: <\/strong><text id=\"user\"><\/text> | <strong>Ket: <\/strong><text id=\"explanation\"><\/text>, Peserta: <text id=\"total\"><\/text><\/li>\n <li><strong>Jml: <\/strong><strong class=\"font-size-17\"><text id=\"presence\"><\/text><\/strong><\/li>\n <\/ul>\n <\/div>\n <div class=\"table-primary table-wrapper-scroll-y my-custom-scrollbar\">\n <table class=\"table table-striped table-sm table-bordered\" id=\"datatables\" cellspacing=\"0\"\n width=\"100%\">\n <thead>\n <tr>\n <th class=\"th-sm\">Presensi<\/th>\n <th class=\"th-sm\">No.ID<\/th>\n <th class=\"th-sm\">Nama<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class=\"qrcode-big\" style=\"display:none\">\n <div class=\"qrcode-big-image\" align=\"center\">Mengambil data ...<\/div>\n<\/div>\n<div class=\"modal modal-fullscreen fade in\" id=\"ugmfw-modal-def-full\" role=\"dialog\" tabindex=\"-1\" data-backdrop=\"static\" data-keyboard=\"false\">\n <div class=\"modal-dialog modal-lg\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\u00d7<\/button>\n <h4 class=\"modal-title\"><\/h4>\n <\/div>\n <div class=\"modal-body\"><\/div>\n <\/div>\n <\/div>\n<\/div>\n<style type=\"text\/css\">\n .modal-fullscreen {\n background: #ffffff;\n }\n .modal-fullscreen .modal-content {\n background: #ffffff;\n border: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n .modal-backdrop.modal-backdrop-fullscreen {\n background: #ffffff;\n }\n .modal-backdrop.modal-backdrop-fullscreen.in {\n opacity: .97;\n filter: alpha(opacity=97);\n }\n .modal-fullscreen .modal-dialog {\n margin: 0;\n margin-right: auto;\n margin-left: auto;\n width: 100%;\n }\n @media (min-width: 768px) {\n .modal-fullscreen .modal-dialog {\n width: 750px;\n }\n }\n @media (min-width: 992px) {\n .modal-fullscreen .modal-dialog {\n width: 970px;\n }\n }\n @media (min-width: 1280px) {\n .modal-fullscreen .modal-dialog {\n width: 1200px;\n }\n }\n<\/style>\n<script type=\"text\/javascript\" src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/qrcode.js\"><\/script>\n<script type=\"text\/javascript\">\n $(\".modal-fullscreen\").on('show.bs.modal', function () {\n setTimeout(function () {\n $(\".modal-backdrop\").addClass(\"modal-backdrop-fullscreen\");\n }, 0);\n });\n $(\".modal-fullscreen\").on('hidden.bs.modal', function () {\n $(\".modal-backdrop\").addClass(\"modal-backdrop-fullscreen\");\n });\n $('#ugmfw-modal-def-full').on('hidden.bs.modal', function () {\n $(\".modal-backdrop\").removeClass(\"modal-backdrop-fullscreen\");\n });\n var dTablePres;\n function showQRCode(text, dotsize) {\n \/\/var dotsize = 7;\n var padding = 0;\n var black = \"rgb(0,0,0)\";\n var white = \"rgb(255,255,255)\";\n var QRCodeVersion = 9;\n var canvas = document.createElement('canvas');\n var qrCanvasContext = canvas.getContext('2d');\n try {\n var qr = new QRCode(QRCodeVersion, QRErrorCorrectLevel.L);\n qr.addData(text);\n qr.make();\n } catch (err) {\n var errorChild = document.createElement(\"p\");\n var errorMSG = document.createTextNode(\"QR Code FAIL! \" + err);\n errorChild.appendChild(errorMSG);\n return errorChild;\n }\n var qrsize = qr.getModuleCount();\n canvas.setAttribute('height', (qrsize * dotsize) + padding);\n canvas.setAttribute('width', (qrsize * dotsize) + padding);\n var shiftForPadding = padding \/ 2;\n if (canvas.getContext) {\n for (var r = 0; r < qrsize; r++) {\n for (var c = 0; c < qrsize; c++) {\n if (qr.isDark(r, c))\n qrCanvasContext.fillStyle = black;\n else\n qrCanvasContext.fillStyle = white;\n qrCanvasContext.fillRect((c * dotsize) + shiftForPadding, (r * dotsize) + shiftForPadding, dotsize, dotsize); \/\/ x, y, w, h\n }\n }\n }\n var imgElement = document.createElement(\"img\");\n imgElement.src = canvas.toDataURL(\"image\/png\");\n return imgElement;\n }\n function connect() {\n try {\n var socket = new WebSocket('wss:\/\/simaster.ugm.ac.id\/qrsocket\/', ['31393038-6434-4930-a465-3537666133310a051e64-bf90-412f-abdb-3ab6e418aa18']);\n var client = {\n user_id: 1,\n recipient_id: null,\n message: null\n };\n\n socket.onopen = function () {\n if (socket.readyState) {\n $.growl.notice({message: \"Koneksi terhubung\", size: \"large\"});\n }\n }\n\n socket.onmessage = function (e) {\n var data = JSON.parse(e.data);\n if (data.type === 'qrcode') {\n $('.qrcode').html(showQRCode(data.message, 7));\n $('.qrcode-big-image').html(showQRCode(data.message, 12));\n }\n if (data.type === 'qrcodeOrganizer') {\n $('.penyelenggara').hide();\n $('.peserta').show();\n $('#name').html(data.message.name);\n $('#schdl').html(data.message.schdl);\n $('#user').html(data.message.user);\n $('#room').html(data.message.room);\n $('#explanation').html(data.message.explanation);\n $('#total').html(data.message.total);\n $.growl.success({message: data.message.notify, size: \"large\"});\n $.getJSON( \"https:\/\/simaster.ugm.ac.id\/presensi\/qrlog\", function( jdata ) {\n var items = [];\n $.each( jdata, function( key, val ) {\n dTablePres.row.add([\n val.created_time,\n val.noid,\n val.user_nama_lengkap\n ]).draw();\n alistPresQr.push(val.noid);\n $('#presence').html(countUnique(alistPresQr));\n });\n });\n }\n if (data.type === 'qrcodeEntrant') {\n dTablePres.row.add([\n data.message.presensi,\n data.message.noid,\n data.message.user\n ]).draw();\n\/\/ $.growl.notice({message: data.message.notify, size: \"small\"});\n $.growl.success({message: \"\", size: \"small\"});\n alistPresQr.push(data.message.noid);\n $('#presence').html(countUnique(alistPresQr));\n }\n }\n\n socket.onerror = function () {\n $('.qrcode').html(\"<div class='alert alert-danger'>Koneksi terputus\/tidak ada koneksi, silahkan muat ulang & cek koneksi Anda, pastikan hanya ada satu halaman presensi QR yang aktif<\/div>\");\n $.growl.error({message: \"Mohon maaf terjadi galat\", size: \"large\"});\n }\n\n socket.onclose = function () {\n $('.qrcode').html(\"<div class='alert alert-danger'>Koneksi terputus\/tidak ada koneksi, silahkan muat ulang & cek koneksi Anda, pastikan hanya ada satu halaman presensi QR yang aktif<\/div>\");\n $.growl.warning({message: \"Koneksi terputus\/tidak ada koneksi\", size: \"large\"});\n }\n\n } catch (exception) {\n $('.qrcode').html(\"<div class='alert alert-warning'>Terjadi kesalahan saat mengambil kode QR<\/b><\/div>\");\n $('#qrMuatUlang').remove();\n }\n }\n function countUnique(iterable) {\n return new Set(iterable).size;\n }\n $(document).ajaxComplete(function () {\n document.title = 'SIMASTER UGM: ' + 'PRESENSI QR UGM';\n });\n $(document).ready(function () {\n _set_page();\n $('#presence').html(countUnique(alistPresQr));\n document.title = 'SIMASTER UGM: ' + 'PRESENSI QR UGM';\n dTablePres = $('#datatables').DataTable({\n \"lengthMenu\": [[5, 10, 15, -1], [5, 10, 15, \"All\"]],\n \"pagingType\": \"simple\",\n \"order\": [[0, \"desc\"]]\n });\n $('.dataTables_length').addClass('bs-select')\n $('#datatables_wrapper .dataTables_filter input').attr('placeholder', 'Search...');\n if (!(\"WebSocket\" in window)) {\n $('.qrcode').html(\"<div class='alert alert-info'>Peramba Anda tidak mendukung untuk presensi QR<\/div>\");\n $('#qrMuatUlang').remove();\n } else {\n connect();\n }\n });\n<\/script> <\/div>\n <div id=\"busy-loading\" class=\"modal-backdrop fade in\" style=\"display:none;text-align: center\">\n <div class=\"outer\">\n <div class=\"middle\">\n <div class=\"inner\">\n <input type=\"text\" data-fgColor=\"#5ebd5e\" data-thickness=\".25\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"modal fade in\" id=\"ugmfw-modal-def\" tabindex=\"-1\" data-backdrop=\"static\" data-keyboard=\"false\">\n <div class=\"modal-dialog modal-lg\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\u00d7<\/button>\n <h4 class=\"modal-title\"><\/h4>\n <\/div>\n <div class=\"modal-body\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/demo.js\"><\/script> \n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/bootstrap.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/pixeladmin.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/jquery-ui-1.12.1.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/holder.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/ajax.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/main.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/ugmfw-jq.js?v=0.0.2\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/plugins\/pace\/js\/pace.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/bootstrap-datetimepicker.min.js\"><\/script>\n \n <script>\n pxDemo.initializeDemoSidebar();\n pxInit.push(function() {\n $('#px-demo-sidebar').pxSidebar();\n pxDemo.initializeDemo();\n });\n <\/script>\n <script type=\"text\/javascript\">\n $(window).load(function() {\n $(\"#noscript\").show();\n if (url) {\n url_selected(url);\n }\n });\n pxInit.unshift(function() {\n var file = String(document.location).split('\/').pop();\n file = file.replace(\/(\\.html).*\/i, '$1');\n if (!\/.html$\/i.test(file)) {\n file = 'index.html';\n }\n\n $('#px-demo-nav')\n .find('.px-nav-item > a[href=\"' + file + '\"]')\n .parent()\n .addClass('active');\n $('#px-demo-nav').pxNav();\n $('#px-demo-footer').pxFooter();\n });\n for (var i = 0, len = pxInit.length; i < len; i++) {\n pxInit[i].call(null);\n }\n <\/script>\n <\/body>\n<\/html>","url":"","dest":"#subcontent-element"}

{"csrf_name":"simasterUGM_token","csrf_value":"302da59ab2e84b0adee451c4bd38848a","stat":"notice","msg":"Akhiri acara berhasil","html":"\n\n\n \n \n \n UGM Framework<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0\" \/>\n <meta name=\"csrf-token\" content=\"302da59ab2e84b0adee451c4bd38848a\"\/>\n <meta name=\"csrf-name\" content=\"simasterUGM_token\"\/>\n <meta name=\"csrf-cookie\" content=\"simasterUGM_cookie\"\/>\n <meta http-equiv='Cache-Control' content='no-cache, no-store, max-age=0, must-revalidate'>\n <meta http-equiv='Pragma' content='no-cache'>\n <meta http-equiv='Expires' content='0'>\n \n <link rel=\"shortcut icon\" href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/images\/favicon.ico\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,800,300&subset=latin\" rel=\"stylesheet\" type=\"text\/css\" \/>\n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/plugins\/pace\/css\/black\/pace-theme-minimal.css\" media=\"all\" rel=\"stylesheet\" type=\"text\/css\" \/> \n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/plugins\/fontawesome\/css\/font-awesome.min.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/jquery-ui-1.12.1.min.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n <link href=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/bootstrap-datetimepicker.min.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n \n \n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/jquery-2.2.0.min.js\"><\/script>\n \n \n <script>function _pxDemo_loadStylesheet(a, b, c){var c = c || decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-theme\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"default\"), d = \"1\" === decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-rtl\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"0\"); document.write(a.replace(\/^(.*?)((?:\\.min)?\\.css)$\/, '<link href=\"$1' + (c.indexOf(\"dark\") !== - 1 && a.indexOf(\"\/css\/\") !== - 1 && a.indexOf(\"\/themes\/\") === - 1?\"-dark\":\"\") + (d ?\".rtl\":\"\") + '$2\" rel=\"stylesheet\" type=\"text\/css\"' + (b?'class=\"' + b + '\"':\"\") + \">\"))}<\/script>\n <script>\"1\" === decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-rtl\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"0\") && document.getElementsByTagName(\"html\")[0].setAttribute(\"dir\", \"rtl\");<\/script>\n <script>\n _pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/bootstrap.min.css', 'px-demo-stylesheet-core');\n _pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/pixeladmin.min.css', 'px-demo-stylesheet-bs');\n _pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/widgets.min.css', 'px-demo-stylesheet-widgets');\n <\/script>\n <script>\n function _pxDemo_loadTheme(a){var b = decodeURIComponent((new RegExp(\";\\\\s*\" + encodeURIComponent(\"px-demo-theme\") + \"\\\\s*=\\\\s*([^;]+)\\\\s*;\", \"g\").exec(\";\" + document.cookie + \";\") || [])[1] || \"default\"); _pxDemo_loadStylesheet(a + b + \".min.css\", \"px-demo-stylesheet-theme\", b)}\n _pxDemo_loadTheme('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/themes\/');\n <\/script>\n <script>_pxDemo_loadStylesheet('https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/css\/demo.css');<\/script>\n <\/head>\n <body>\n <script type=\"text\/javascript\">\n var pxInit = [];\n var checked = [];\n var url = '';\n var env = \"production\";\n var base = \"https:\/\/simaster.ugm.ac.id\/\";\n var app = \"\";\n var cs = \"https:\/\/wa.me\/628112826546?text=Akun UGM: %0AMenu: %0AURL: -%0ALapor: \";\n var xhr = null;\n if (typeof XMLHttpRequest === \"undefined\") {\n xhr = function () {\n try { return new ActiveXObject(\"Msxml2.XMLHTTP.6.0\"); }\n catch (e) {}\n try { return new ActiveXObject(\"Msxml2.XMLHTTP.3.0\"); }\n catch (e) {}\n try { return new ActiveXObject(\"Microsoft.XMLHTTP\"); }\n catch (e) {}\n };\n } else {\n xhr = new XMLHttpRequest();\n }\n var to, to_10, to_20;\n localStorage['ugmfwCache'] = '';\n <\/script>\n <style type=\"text\/css\">\n .outer {\n display: table;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .middle {\n display: table-cell;\n vertical-align: middle;\n }\n .inner {\n margin-left: auto;\n margin-right: auto;\n width: 400px;\n }\n <\/style>\n <noscript>\n <div class=\"page-header\">\n <h1><i class=\"page-header-icon fa fa-unlink\"><\/i> Terjadi Galat<\/h1>\n <\/div>\n <div class=\"note note-danger\"><b>Mohon maaf<\/b>, javascript tidak aktif pada peramban yang Anda gunakan.<\/div>\n <\/noscript>\n <div id=\"noscript\" style=\"display:none;\">\n <div class=\"busy-indicator modal-backdrop fade in\" style='display:none;'>\n <div class=\"row\">\n <div class='col-sm-12' style='text-align:center;margin-top:15%;'>\n <img src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/images\/ugm.png\"\/><br\/>\n <h3>SIMASTER UGM<\/h3><br\/>\n <img src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/images\/load-baru.gif\"\/>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"px-content\" id=\"subcontent-element\">\n <ol class=\"breadcrumb page-breadcrumb\">\n <li>Presensi<\/li>\n <li class=\"active\">Presensi QR<\/li>\n<\/ol>\n<style type=\"text\/css\">\n .widget-pricing,\n .pricing-page-customers-logos {\n max-width: 1200px;\n }\n .pricing-page-header.page-header {\n margin-bottom: 0;\n padding-top: 5px;\n padding-bottom: 120px;\n }\n .widget-pricing {\n margin-top: -90px;\n }\n .widget-pricing-section, .widget-pricing-section2 {\n margin-top: 10px;\n }\n .my-custom-scrollbar {\n position: relative;\n height: 650px;\n overflow: auto;\n }\n .table-wrapper-scroll-y {\n display: block;\n }\n<\/style>\n<script type=\"text\/javascript\">\n var alistPresQr = [];\n<\/script>\n<div style=\"padding-bottom: 211px;\">\n <div class=\"pricing-page-header page-header panel text-xs-center\">\n <h1 class=\"font-size-24 font-weight-bold m-b-1\"><i class=\"page-header-icon fa fa-qrcode\"><\/i> <span class=\"text-muted font-weight-light\">Presensi <\/span><span class=\"text-primary\">QR<\/span><\/h1>\n <div id=\"message\" class=\"alert alert-info\" style=\"display:none;\"><\/div>\n <\/div>\n <hr class=\"page-wide-block m-y-0\">\n <div class=\"widget-pricing widget-pricing-expanded\">\n <div class=\"widget-pricing-inner\">\n <div class=\"widget-pricing-item row\">\n <div class=\"col-md-12\">\n <div class=\"col-md-6\">\n <h2 class=\"widget-pricing-plan\"><i>Scan<\/i> QR<\/h2>\n <div class=\"widget-pricing-section p-y-2 qrcode ugmfw-goto-modal\" style=\"width: 100%;height: auto;\" modal=\"#ugmfw-modal-def-full\" modal-title=\"<i class='page-header-icon fa fa-calculator'><\/i> <i>Scan<\/i> QR\" ret=\"modal\" dest=\"\" modal-html=\".qrcode-big\" data-trigger=\"hover\" data-container=\"body\" data-toggle=\"popover\" data-state=\"primary\" data-placement=\"top\" data-content=\"Tampilan QR yang lebih besar.\" data-title=\"Klik Untuk Memperbesar QR\" data-original-title=\"\" title=\"\" aria-describedby=\"popover893825\">\n Mengambil data ...\n <\/div>\n <div id=\"qrMuatUlang\" class=\"widget-pricing-section\">\n <a type=\"button\" class=\"btn btn-lg btn-warning btn-outline btn-labeled btn-3d ugmfw-goto\" dest=\"#subcontent-element\" url=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr\" href=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr\"><span class=\"btn-label-icon left fa fa-refresh\"><\/span>Muat Ulang<\/a>\n <a type=\"button\" class=\"btn btn-lg btn-danger btn-outline btn-3d ugmfw-delete peserta\" style=\"display:none\"; dest=\"#subcontent-element\" url=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr_signout\" href=\"https:\/\/simaster.ugm.ac.id\/presensi\/qr_signout\"><span class=\"btn-label-icon right fa fa-sign-out\"><\/span>Akhiri Presensi<\/a>\n <\/div>\n <br \/>\n <div class=\"peserta\" style=\"display:none\";>\n <div class=\"note note-info font-size-14\">\n <ol class=\"m-b-4 font-size-14\">\n <li>Pastikan <i>handphone<\/i>\/gawai Anda telah terinstall Aplikasi SIMASTER UGM yang sudah ter<i>update<\/i>.<\/li> \n <li>Buka Aplikasi SIMASTER UGM <i>Mobile<\/i>(Android\/IOS).<\/li>\n <li>Pastikan <i>group<\/i>\/atribut Anda sesuai, \n apabila Anda memiliki lebih dari satu atribut untuk mengganti atribut \n silahkan pilih atribut yang sesuai melalui menu akun. \n <\/li>\n <li>Pilih Menu Presensi > QR - Peserta.<\/li>\n <li>Arahkan <i>handphone<\/i>\/gawai untuk memindai\/<i>scan<\/i> QR yang tertampil di proyektor\/<i>screen<\/i> untuk <b>mencatat presensi<\/b> Anda.<\/li>\n <li>Selamat menggunakan fitur Presensi QR, semoga bermanfaat.<br> Terima Kasih.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <hr class=\"hidden-lg hidden-md\" \/>\n <\/div>\n <div class=\"penyelenggara\" >\n <div class=\"col-md-6\">\n <h2 class=\"widget-pricing-plan\">Penyelenggara\/Pengajar<\/h2>\n <br \/>\n <div class=\"note note-info font-size-14\">\n <ol class=\"m-b-4 font-size-14\">\n <li>Buka laman https:\/\/simaster.ugm.ac.id\/presensi.<\/li>\n <li>Pastikan Hanya Ada <b>Satu Laman<\/b> Presensi QR yang Aktif pada <i>Browser<\/i>\/Penjelajah Anda<\/li>\n <li>Tampilkan QR di proyektor\/<i>screen<\/i> agar mempermudah Peserta\/Mahasiswa dalam melakukan pindai\/<i>scan<\/i>.<\/li>\n <li>Pastikan <i>handphone<\/i>\/gawai Anda telah terinstall Aplikasi SIMASTER UGM yang sudah ter<i>update<\/i>, silakan cari di PlayStore bagi pengguna Android dan Appstore bagi pengguna IOS dengan kata kunci \"SIMASTER UGM\".<\/li> \n <li>Buka Aplikasi SIMASTER UGM <i>Mobile<\/i> (Android\/IOS).<\/li>\n <li>Pilih Menu Presensi > QR - Penyelenggara.<\/li>\n <li>Pilih Acara bagi Penyelengara atau Kuliah bagi Pengajar.<\/li>\n <li>Arahkan <i>handphone<\/i>\/gawai untuk memindai\/<i>scan<\/i> QR yang tertampil di proyektor\/<i>screen<\/i> untuk <b>memulai acara\/kuliah<\/b>.<\/li>\n <li>Apabila berhasil <i>scan<\/i>, QR akan berganti dengan QR Peserta\/Mahasiswa.<\/li>\n <li>Peserta\/Mahasiswa diminta melakukan pindai\/<i>scan<\/i> agar <b>tercatat hadir<\/b> dalam acara\/kuliah.<\/li>\n <li>Selamat menggunakan fitur Presensi QR, semoga bermanfaat.<br> Terima Kasih.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"peserta\" style=\"display:none\"; height>\n <div class=\"col-md-6\">\n <h2 class=\"widget-pricing-plan\">Peserta\/Mahasiswa<\/h2>\n <br \/>\n <div class=\"alert\" style=\"text-align: left\">\n <ul type=\"none\">\n <li><b><text id=\"name\"><\/text><\/b><\/li>\n <li>\n <strong>Tempat: <\/strong><text id=\"room\"><\/text>\n , <text id=\"schdl\"> - <\/text>\n <\/li>\n <li><strong>PJ: <\/strong><text id=\"user\"><\/text> | <strong>Ket: <\/strong><text id=\"explanation\"><\/text>, Peserta: <text id=\"total\"><\/text><\/li>\n <li><strong>Jml: <\/strong><strong class=\"font-size-17\"><text id=\"presence\"><\/text><\/strong><\/li>\n <\/ul>\n <\/div>\n <div class=\"table-primary table-wrapper-scroll-y my-custom-scrollbar\">\n <table class=\"table table-striped table-sm table-bordered\" id=\"datatables\" cellspacing=\"0\"\n width=\"100%\">\n <thead>\n <tr>\n <th class=\"th-sm\">Presensi<\/th>\n <th class=\"th-sm\">No.ID<\/th>\n <th class=\"th-sm\">Nama<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class=\"qrcode-big\" style=\"display:none\">\n <div class=\"qrcode-big-image\" align=\"center\">Mengambil data ...<\/div>\n<\/div>\n<div class=\"modal modal-fullscreen fade in\" id=\"ugmfw-modal-def-full\" role=\"dialog\" tabindex=\"-1\" data-backdrop=\"static\" data-keyboard=\"false\">\n <div class=\"modal-dialog modal-lg\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\u00d7<\/button>\n <h4 class=\"modal-title\"><\/h4>\n <\/div>\n <div class=\"modal-body\"><\/div>\n <\/div>\n <\/div>\n<\/div>\n<style type=\"text\/css\">\n .modal-fullscreen {\n background: #ffffff;\n }\n .modal-fullscreen .modal-content {\n background: #ffffff;\n border: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n .modal-backdrop.modal-backdrop-fullscreen {\n background: #ffffff;\n }\n .modal-backdrop.modal-backdrop-fullscreen.in {\n opacity: .97;\n filter: alpha(opacity=97);\n }\n .modal-fullscreen .modal-dialog {\n margin: 0;\n margin-right: auto;\n margin-left: auto;\n width: 100%;\n }\n @media (min-width: 768px) {\n .modal-fullscreen .modal-dialog {\n width: 750px;\n }\n }\n @media (min-width: 992px) {\n .modal-fullscreen .modal-dialog {\n width: 970px;\n }\n }\n @media (min-width: 1280px) {\n .modal-fullscreen .modal-dialog {\n width: 1200px;\n }\n }\n<\/style>\n<script type=\"text\/javascript\" src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/qrcode.js\"><\/script>\n<script type=\"text\/javascript\">\n $(\".modal-fullscreen\").on('show.bs.modal', function () {\n setTimeout(function () {\n $(\".modal-backdrop\").addClass(\"modal-backdrop-fullscreen\");\n }, 0);\n });\n $(\".modal-fullscreen\").on('hidden.bs.modal', function () {\n $(\".modal-backdrop\").addClass(\"modal-backdrop-fullscreen\");\n });\n $('#ugmfw-modal-def-full').on('hidden.bs.modal', function () {\n $(\".modal-backdrop\").removeClass(\"modal-backdrop-fullscreen\");\n });\n var dTablePres;\n function showQRCode(text, dotsize) {\n \/\/var dotsize = 7;\n var padding = 0;\n var black = \"rgb(0,0,0)\";\n var white = \"rgb(255,255,255)\";\n var QRCodeVersion = 9;\n var canvas = document.createElement('canvas');\n var qrCanvasContext = canvas.getContext('2d');\n try {\n var qr = new QRCode(QRCodeVersion, QRErrorCorrectLevel.L);\n qr.addData(text);\n qr.make();\n } catch (err) {\n var errorChild = document.createElement(\"p\");\n var errorMSG = document.createTextNode(\"QR Code FAIL! \" + err);\n errorChild.appendChild(errorMSG);\n return errorChild;\n }\n var qrsize = qr.getModuleCount();\n canvas.setAttribute('height', (qrsize * dotsize) + padding);\n canvas.setAttribute('width', (qrsize * dotsize) + padding);\n var shiftForPadding = padding \/ 2;\n if (canvas.getContext) {\n for (var r = 0; r < qrsize; r++) {\n for (var c = 0; c < qrsize; c++) {\n if (qr.isDark(r, c))\n qrCanvasContext.fillStyle = black;\n else\n qrCanvasContext.fillStyle = white;\n qrCanvasContext.fillRect((c * dotsize) + shiftForPadding, (r * dotsize) + shiftForPadding, dotsize, dotsize); \/\/ x, y, w, h\n }\n }\n }\n var imgElement = document.createElement(\"img\");\n imgElement.src = canvas.toDataURL(\"image\/png\");\n return imgElement;\n }\n function connect() {\n try {\n var socket = new WebSocket('wss:\/\/simaster.ugm.ac.id\/qrsocket\/', ['31393038-6434-4930-a465-3537666133310a051e64-bf90-412f-abdb-3ab6e418aa18']);\n var client = {\n user_id: 1,\n recipient_id: null,\n message: null\n };\n\n socket.onopen = function () {\n if (socket.readyState) {\n $.growl.notice({message: \"Koneksi terhubung\", size: \"large\"});\n }\n }\n\n socket.onmessage = function (e) {\n var data = JSON.parse(e.data);\n if (data.type === 'qrcode') {\n $('.qrcode').html(showQRCode(data.message, 7));\n $('.qrcode-big-image').html(showQRCode(data.message, 12));\n }\n if (data.type === 'qrcodeOrganizer') {\n $('.penyelenggara').hide();\n $('.peserta').show();\n $('#name').html(data.message.name);\n $('#schdl').html(data.message.schdl);\n $('#user').html(data.message.user);\n $('#room').html(data.message.room);\n $('#explanation').html(data.message.explanation);\n $('#total').html(data.message.total);\n $.growl.success({message: data.message.notify, size: \"large\"});\n $.getJSON( \"https:\/\/simaster.ugm.ac.id\/presensi\/qrlog\", function( jdata ) {\n var items = [];\n $.each( jdata, function( key, val ) {\n dTablePres.row.add([\n val.created_time,\n val.noid,\n val.user_nama_lengkap\n ]).draw();\n alistPresQr.push(val.noid);\n $('#presence').html(countUnique(alistPresQr));\n });\n });\n }\n if (data.type === 'qrcodeEntrant') {\n dTablePres.row.add([\n data.message.presensi,\n data.message.noid,\n data.message.user\n ]).draw();\n\/\/ $.growl.notice({message: data.message.notify, size: \"small\"});\n $.growl.success({message: \"\", size: \"small\"});\n alistPresQr.push(data.message.noid);\n $('#presence').html(countUnique(alistPresQr));\n }\n }\n\n socket.onerror = function () {\n $('.qrcode').html(\"<div class='alert alert-danger'>Koneksi terputus\/tidak ada koneksi, silahkan muat ulang & cek koneksi Anda, pastikan hanya ada satu halaman presensi QR yang aktif<\/div>\");\n $.growl.error({message: \"Mohon maaf terjadi galat\", size: \"large\"});\n }\n\n socket.onclose = function () {\n $('.qrcode').html(\"<div class='alert alert-danger'>Koneksi terputus\/tidak ada koneksi, silahkan muat ulang & cek koneksi Anda, pastikan hanya ada satu halaman presensi QR yang aktif<\/div>\");\n $.growl.warning({message: \"Koneksi terputus\/tidak ada koneksi\", size: \"large\"});\n }\n\n } catch (exception) {\n $('.qrcode').html(\"<div class='alert alert-warning'>Terjadi kesalahan saat mengambil kode QR<\/b><\/div>\");\n $('#qrMuatUlang').remove();\n }\n }\n function countUnique(iterable) {\n return new Set(iterable).size;\n }\n $(document).ajaxComplete(function () {\n document.title = 'SIMASTER UGM: ' + 'PRESENSI QR UGM';\n });\n $(document).ready(function () {\n _set_page();\n $('#presence').html(countUnique(alistPresQr));\n document.title = 'SIMASTER UGM: ' + 'PRESENSI QR UGM';\n dTablePres = $('#datatables').DataTable({\n \"lengthMenu\": [[5, 10, 15, -1], [5, 10, 15, \"All\"]],\n \"pagingType\": \"simple\",\n \"order\": [[0, \"desc\"]]\n });\n $('.dataTables_length').addClass('bs-select')\n $('#datatables_wrapper .dataTables_filter input').attr('placeholder', 'Search...');\n if (!(\"WebSocket\" in window)) {\n $('.qrcode').html(\"<div class='alert alert-info'>Peramba Anda tidak mendukung untuk presensi QR<\/div>\");\n $('#qrMuatUlang').remove();\n } else {\n connect();\n }\n });\n<\/script> <\/div>\n <div id=\"busy-loading\" class=\"modal-backdrop fade in\" style=\"display:none;text-align: center\">\n <div class=\"outer\">\n <div class=\"middle\">\n <div class=\"inner\">\n <input type=\"text\" data-fgColor=\"#5ebd5e\" data-thickness=\".25\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"modal fade in\" id=\"ugmfw-modal-def\" tabindex=\"-1\" data-backdrop=\"static\" data-keyboard=\"false\">\n <div class=\"modal-dialog modal-lg\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\u00d7<\/button>\n <h4 class=\"modal-title\"><\/h4>\n <\/div>\n <div class=\"modal-body\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/demo.js\"><\/script> \n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/bootstrap.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/pixeladmin.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/jquery-ui-1.12.1.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/holder.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/ajax.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/main.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/ugmfw-jq.js?v=0.0.2\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/plugins\/pace\/js\/pace.min.js\"><\/script>\n <script src=\"https:\/\/simaster.ugm.ac.id\/ugmfw-assets\/js\/bootstrap-datetimepicker.min.js\"><\/script>\n \n <script>\n pxDemo.initializeDemoSidebar();\n pxInit.push(function() {\n $('#px-demo-sidebar').pxSidebar();\n pxDemo.initializeDemo();\n });\n <\/script>\n <script type=\"text\/javascript\">\n $(window).load(function() {\n $(\"#noscript\").show();\n if (url) {\n url_selected(url);\n }\n });\n pxInit.unshift(function() {\n var file = String(document.location).split('\/').pop();\n file = file.replace(\/(\\.html).*\/i, '$1');\n if (!\/.html$\/i.test(file)) {\n file = 'index.html';\n }\n\n $('#px-demo-nav')\n .find('.px-nav-item > a[href=\"' + file + '\"]')\n .parent()\n .addClass('active');\n $('#px-demo-nav').pxNav();\n $('#px-demo-footer').pxFooter();\n });\n for (var i = 0, len = pxInit.length; i < len; i++) {\n pxInit[i].call(null);\n }\n <\/script>\n <\/body>\n<\/html>","url":"","dest":"#subcontent-element"}