{"id":1583,"date":"2022-06-30T15:39:36","date_gmt":"2022-06-30T08:39:36","guid":{"rendered":"http:\/\/10.41.207.92\/?page_id=1583"},"modified":"2022-07-01T10:37:11","modified_gmt":"2022-07-01T03:37:11","slug":"pdpa-core-team","status":"publish","type":"page","link":"http:\/\/10.41.207.92\/pdpa-core-team\/","title":{"rendered":"PDPA Core Team"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1583\" class=\"elementor elementor-1583\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6191fa3a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6191fa3a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a8c82d7\" data-id=\"5a8c82d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f338ef6 elementor-widget elementor-widget-heading\" data-id=\"f338ef6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.5.5 - 03-02-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-xl\">PDPA Core Team<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a31041f elementor-widget elementor-widget-html\" data-id=\"a31041f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bulma@0.9.4\/css\/bulma.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/use.fontawesome.com\/releases\/v5.7.2\/css\/all.css\" integrity=\"sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr\" crossorigin=\"anonymous\">\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.datatables.net\/v\/dt\/dt-1.10.19\/rg-1.1.0\/datatables.min.css\">\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.datatables.net\/1.10.23\/css\/jquery.dataTables.css\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/css\/select2.min.css\" rel=\"stylesheet\">\n<script>\nvar myscript = document.createElement('script');\nvar myscript2 = document.createElement('script');\n\nmyscript.onload = function () {\n    \/\/do stuff with the script\n    var tbEvent = \"\";\n   jQuery(document).ready(function ($) {\n\n\tfetch('https:\/\/privacy.mahidol.ac.th\/api-call-team.php', {\n\t\t\tmethod: 'POST'\n\t\t})\n\t\t.then((response) => {\n\n\t\t\tif(response.status==200){\n\t\t\t\treturn response.json();\n\t\t\t}else{\n\t\t\t\treturn [{\n\t\t\t\t\t\"no\": \"\",\n\t\t\t\t\t\"title\": \"\",\n\t\t\t\t\t\"name\": \"-\",\n\t\t\t\t\t\"surname\": \"\",\n\t\t\t\t\t\"unit\": \"*\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e48\u0e32\u0e19 intranet \u0e2b\u0e23\u0e37\u0e2d vpn \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\",\n\t\t\t\t\t\"e-mail\": \"-\"\n\t\t\t\t  }]\n\t\t\t}\n\t\t\t\n\t\t})\n\t\t.then((myJson) => {\n\n\t\t\ttbConf = {\n\t\t\t\t\"data\": myJson,\n\t\t\t\t\"pageLength\": 200,\n\t\t\t\t\"paging\": true,\n\t\t\t\t\"bLengthChange\": false,\n\t\t\t\t\"bFilter\": true,\n\t\t\t\t\"ordering\": true,\n                \"retrieve\": true,\n\t\t\t\t\"info\": false,\n\t\t\t\t\"search\": {\n\t\t\t\t\t\"smart\": false\n\t\t\t\t},\n\t\t\t\t\"columns\": [\n\t\t\t\t\t{\n\t\t\t\t\t\t\"data\": function(data){return \"\"}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"data\": function(data){return data.title+\"\"+data.name+\" \"+data.surname;}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"data\": \"e-mail\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t\"data\": \"unit\"\n\t\t\t\t\t},\n\t\t\t\t\t\n\t\t\t\t],\n\t\t\t\t\"rowGroup\": {\n\t\t\t\t\t\"dataSrc\": \"unit\",\n\t\t\t\t\t\"className\": ['gfaculty', 'gdate']\n\t\t\t\t},\n\t\t\t\t\"responsive\": {\n\t\t\t\t\tdetails: {\n\t\t\t\t\t\ttype: 'column',\n\t\t\t\t\t\ttarget: 0\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\n\t\t\t\t\"order\": [0, 'asc'],\n\t\t\t\t\"columnDefs\": [\n\t\t\t\t\t  {\"targets\": 0,\"orderable\": true},\n\t\t\t\t\t  {\"targets\": 1,\"orderable\": true},\n\t\t\t\t\t  {\"targets\": 2,\"orderable\": true},\n\t\t\t\t\t  {\"targets\": 3,\"orderable\": true,\"visible\": false},\n\n\n\n\t\t\t\t],\n\t\t\t};\n\t\t\ttbEvent = jQuery('#example').DataTable(tbConf);\n\/\/tbEvent.column(5).search(\"sc\",true).draw();\nconst urlParams = new URLSearchParams(window.location.search);\nurlParams.get('fc') ? jQuery('#example').DataTable(tbConf).column(3).search(urlParams.get('fc')).draw() : jQuery('#example').DataTable(tbConf).column(3).search(\"\",true).draw();\n\nfcode = [];\n\tfor(i in myJson){\n\t\tfcode[i]= myJson[i]['unit'];\n\t}\n\tfcode = Array.from(new Set(fcode));\n\topts = \"<option><\\\/option><option value='all'> \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 <\\\/option>\";\n\tfor( i in fcode) {\n\t\t opts += \"<option value='\"+fcode[i]+\"'>\"+fcode[i]+\"<\\\/option>\";\n\t}\n\n\t\/\/console.log(opts);\n\tjQuery('#selectList').empty().append(opts);\n\tjQuery('#selectList').on('change', function () {\n\t var selectedValue = this.selectedOptions[0].value;\n\t console.log(selectedValue);\n\t \/\/window.history.replaceState(null, null, \"?fc=\"+ selectedValue.toLowerCase() );\n\t if(selectedValue=='all'){\n\t\t jQuery('#example').DataTable(tbConf).column(3).search(\"\",true).draw();\n\t }else{\n\t\t jQuery('#example').DataTable(tbConf).column(3).search(selectedValue).draw();\n\t } \n});\t\t\t\t\t\n\njQuery(\"#selectList\").select2( {\nplaceholder: \"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e07\u0e32\u0e19\",\nallowClear: true\n  });\t\t});\n});\n    console.log(2);\n};\nmyscript.src = \"https:\/\/cdn.datatables.net\/v\/dt\/dt-1.10.19\/rg-1.1.0\/datatables.min.js\";\nmyscript2.src = \"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/js\/select2.min.js\";\n  ready(function() {\n   document.body.appendChild(myscript);\n   document.body.appendChild(myscript2);\n   console.log(1);\n\n  })\n\n  function ready(fn) {\n    if (document.attachEvent ? document.readyState === \"complete\" : document.readyState !== \"loading\"){\n      fn();\n    } else {\n      document.addEventListener('DOMContentLoaded', fn);\n    }\n  }\n<\/script>\n\n\n\n<style>#example,table td, table th{border:0px !important;}th { text-align: left; } .tlink{text-decoration:none;color:var(--go--color--text);}\nth{background-color:#1D4F91;color:#ffffff !important;}\ntr.group,\ntr.group:hover {\n\tbackground-color: rgb(173, 203, 238) !important;\n\tfont-size: medium;\n}\n\n.odd, .even{\n\tmargin-left: 200px !important;\n\tcursor: pointer;\n}\ntd p{ margin:0px;\n}\t\t\n.form-control{\n\twidth:auto !important;\n\tdisplay: inline-block;\n}\t\n.pagination li{\npadding:0px !important;\n}\n.round-status_xxx{\n\tfont-size:14px;\n\tpadding:15px 2px !important;\n\ttext-align:center;\n}\n.desc_tb{\n\tpadding-left:50px;\n\twidth:100%;\n\ttext-align:left;\n\tborder: 3px solid gray;\n\tborder-top: none;\n}\n.dtrg-level-0{\n\tbackground-color: #fbb331 !important;\n    font-weight: bold;\t\n\tcolor:#000;\n}\n.dtrg-level-1{\n\tbackground-color: gray !important;\n\tcolor:#fff;\n\ttext-indent: 25px;\n\tfont-size: 16px;\n}\nlabel,.mb-2{\nmargin-bottom: 4px;\ntext-align:center;\n}\n.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow{\nheight:40px;\n}\n.select2-container--default .select2-selection--single .select2-selection__rendered{\nline-height: 36px;\n}\n#example_filter,#example_paginate{display:none;}\nspan,.select2-container--default .select2-selection--single{padding:0px;}\n.dataTables_length{margin-bottom: 5px;}<\/style>\n<div class=\"container is-max-desktop mt-5\">\n\t<div class=\"grid-container\">\n<div class=\"mb-2 cList\">\t\n\t  <select id=\"selectList\" class=\"select2-selection__rendered \" style=\"width:100%;\"><\/select>\n\t  <\/div>\n\n<table id=\"example\" class=\"display responsive\" style=\"width:100%\">\n<thead>\n     <tr>\n        <th style=\"width: 10px;\"><\/th>\n\t<th class=\"round-status\">\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d<\/th>\n\t<th>E-Mail<\/th>\n\t<th>\u0e2a\u0e48\u0e27\u0e19\u0e07\u0e32\u0e19<\/th>\n        <\/tr>\n  <\/thead>\n<\/table>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PDPA Core Team \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d E-Mail \u0e2a\u0e48\u0e27\u0e19\u0e07\u0e32\u0e19<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"hide_page_title":""},"_links":{"self":[{"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/pages\/1583"}],"collection":[{"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/comments?post=1583"}],"version-history":[{"count":170,"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/pages\/1583\/revisions"}],"predecessor-version":[{"id":1767,"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/pages\/1583\/revisions\/1767"}],"wp:attachment":[{"href":"http:\/\/10.41.207.92\/wp-json\/wp\/v2\/media?parent=1583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}