{"id":4800,"date":"2021-01-22T14:47:15","date_gmt":"2021-01-22T06:47:15","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=4800"},"modified":"2021-01-22T14:58:43","modified_gmt":"2021-01-22T06:58:43","slug":"popup-message-test-page","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/popup-message-test-page\/","title":{"rendered":"Popup Message Test Page"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#8221;theme-aboutus&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_custom_heading source=&#8221;post_title&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;]<style type=\"text\/CSS\">\r\n                .popup-overlay{\r\n                    background:rgba(255,255,255,0.7);\r\n                    background-size:contain;\r\n                    position:fixed;\r\n                    top:0px;left:0px;right:0px;bottom:0px;\r\n                    z-index:999;\r\n                    display:none;\r\n                }\r\n                .popup-container{\r\n                    position:absolute;\r\n                    background:#CCC url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/home\/popupbg.jpg) no-repeat center left; background-size:contain;\r\n                    left:50%;\r\n                    top:50%;\r\n                    transform: translate(-50%, -50%);\r\n                    width:500px;\r\n                    min-width:300px;\r\n                    max-width:1344px;\r\n                    height:250px;\r\n                    max-height:90%;\r\n                    box-shadow: 3px 3px 10px #000;\r\n                }\r\n                .popup-content{\r\n                    position:absolute;\r\n                    width:100%;\r\n                    top:0;\r\n                    right:0;\r\n                    bottom:0;\r\n                    padding:20px;\r\n                    background:#FFF;\r\n                }\r\n                #popup-close{width:25px;height:25px;\r\n                position:fixed;\r\n                right:20px; top:20px;cursor:pointer;\r\n                background:#FFF url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/home\/popup-close.png) no-repeat center center; background-size:contain;z-index:999;}\r\n                .popup-header{\r\n                    color:#003c80;\r\n                    width:100%;\r\n                    text-transform:uppercase;\r\n                    font-size:1.5rem;\r\n                    font-family: DINPro, sans-serif;\r\n                    font-weight:600;\r\n                }\r\n                .popup-msg-list{\r\n                    position:absolute;\r\n                    top:20px;\r\n                    bottom:20px;\r\n                    left:0px;\r\n                    right:20px;\r\n                    overflow:auto;\r\n                }\r\n                .popup-msg-list li{ \r\n                    border-bottom:#848788 solid 1px;\r\n                    padding:5px 0px;\r\n                    font-size:1rem;\r\n                    line-height:1.3;\r\n                    padding:10px 0px 15px 0px;\r\n                }\r\n                .popup-msg-list li:last-child{\r\n                    border-bottom:#848788 solid 0px;\r\n                }\r\n                .popup-msg-date{color:#003c80;width:100%; font-size:16px;padding-bottom:20px;}\r\n                .popup-msg-content{display:flex;}\r\n                .popup-msg-thumbnail{\/*width:25%;*\/ vertical-align: middle; text-align:center;}\r\n                .popup-msg-desc{width:100%; font-size:18px;}\r\n                .popup-msg-title{display:block;font-weight:700; font-size:20px;color:#003c80;}\r\n                <\/style><div id=\"popup-1\" class=\"popup-overlay\"><div class=\"popup-container\"><div class=\"popup-content\"><div id=\"popup-close\"><\/div><ul class=\"popup-msg-list menu\"><\/ul><\/div><\/div><\/div><script type=\"text\/javascript\">\r\n        $(\"#popup-close\").click(function(){$(\"#popup-1\").css(\"display\",\"none\");});\r\n        var dataJSON = {};\r\n        $.ajax({\r\n            url: \"https:\/\/isfapi2.isf.edu.hk\/kbquest\/api\/v1\/popupmsg\/check?siteId=academy&lang=en-US\",\r\n            type: \"GET\",\r\n            dataType: \"json\",\r\n            contentType: \"application\/json;charset=utf-8\",\r\n            success: function(returnData){\r\n                \/\/var obj = JSON.parse(returnData);\r\n                if(returnData.content.length!=0){\r\n                    $(\"#popup-1\").css(\"display\",\"block\");\r\n                    returnData.content.forEach(printMsg);\r\n                    \r\n                }else{\r\n                    console.log(\"No popup message\");\r\n                }\r\n                console.log(returnData.content);\r\n            },\r\n            error: function(xhr, ajaxOptions, thrownError){\r\n                console.log(xhr.status);\r\n                console.log(thrownError);\r\n            }\r\n        });\r\n        function printMsg(item, index) {\r\n            \/\/\"2015-03-25T12:00:00Z\"\r\n            var curLang = \"en\";\r\n            var year = item.displayDate.substring(0,4);\r\n            var month = \"\";\r\n            var mon = \"\";\r\n            switch(item.displayDate.substring(4,6)){\r\n                case \"01\": month = \"Jan\"; mon=\"1\";break;\r\n                case \"02\": month = \"Feb\"; mon=\"2\";break;\r\n                case \"03\": month = \"Mar\"; mon=\"3\";break;\r\n                case \"04\": month = \"Apr\"; mon=\"4\";break;\r\n                case \"05\": month = \"May\"; mon=\"5\";break;\r\n                case \"06\": month = \"Jun\"; mon=\"6\";break;\r\n                case \"07\": month = \"Jul\"; mon=\"7\";break;\r\n                case \"08\": month = \"Aug\"; mon=\"8\";break;\r\n                case \"09\": month = \"Sept\"; mon=\"9\";break;\r\n                case \"10\": month = \"Oct\"; mon=\"10\";break;\r\n                case \"11\": month = \"Nov\"; mon=\"11\";break;\r\n                case \"12\": month = \"Dec\"; mon=\"12\";break; \r\n            }\r\n            var msgLiContent = \"<li>\";\r\n            \r\n            \r\n            msgLiContent += \"<div class=\\\"popup-msg-content\\\">\";\r\n            if(item.iconId !=null){\r\n                msgLiContent += \"<div class=\\\"popup-msg-thumbnail\\\" style=\\\"width:25%;background:url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/home\/popup-icon-\"+item.iconId+\".png) no-repeat center center; background-size:contain;\\\"><\/div>\"\r\n                msgLiContent += \"<div class=\\\"popup-msg-desc\\\" style=\\\"width:75%;\\\">\";\r\n            }\r\n            else{msgLiContent += \"<div class=\\\"popup-msg-desc\\\" style=\\\"width:100%;\\\">\";\r\n            }\r\n            msgLiContent += \"<span class=\\\"popup-msg-title\\\">\" + item.msgTitle + \"<\/span>\";\r\n            var day = \"\"+parseInt(item.displayDate.substring(6,8));\r\n            var hour = \"\"+(parseInt(item.displayDate.substring(8,10))-(parseInt(item.displayDate.substring(8,10))>12?12:0));\r\n            var mins = item.displayDate.substring(10,12);\r\n            if( curLang == \"zh\"){\r\n                var ampm = parseInt(item.displayDate.substring(8,10))>12?\"\u4e0b\u5348\":\"\u4e0a\u5348\";\r\n                var reformatDate = year + \"\u5e74\" + mon + \"\u6708\" + day + \"\u65e5\" + ampm + \" \" + hour + \"\u6642\" + mins + \"\u5206\" ;\r\n                msgLiContent += \"<div class=\\\"popup-msg-date\\\">\u6700\u5f8c\u66f4\u65b0\u6642\u9593\uff1a\" + reformatDate + \"<\/div>\";\r\n            }else{\r\n                var ampm = parseInt(item.displayDate.substring(8,10))>12?\"pm\":\"am\";\r\n                var reformatDate = day + \" \" + month + \" \" + year + \" \" + hour + \":\" + mins + \" \" + ampm;\r\n                msgLiContent += \"<div class=\\\"popup-msg-date\\\">Last updated on \" + reformatDate + \"<\/div>\";\r\n            }\r\n            msgLiContent += item.msgBody + \"<\/div>\";\r\n            msgLiContent += \"<\/div><\/li>\";\r\n            $(\"ul.popup-msg-list\").append(msgLiContent);\r\n          }\r\n        \r\n        <\/script>\r\n        <\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_class=&#8221;theme-aboutus&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_custom_heading source=&#8221;post_title&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"neve_meta_sidebar":"full-width","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4800"}],"collection":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/comments?post=4800"}],"version-history":[{"count":3,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4800\/revisions"}],"predecessor-version":[{"id":12472,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4800\/revisions\/12472"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=4800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}