├── AssistBot.png
├── AssistBot.php
├── README.md
├── AssistBot.css
├── AssistBotSample3.htm
├── AssistBotSample1.htm
├── AssistBotSample5.htm
├── AssistBotSample4.htm
├── AssistBotSample2.htm
└── TimeZoneTest.htm


/AssistBot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lrusso/AssistBot/HEAD/AssistBot.png


--------------------------------------------------------------------------------
/AssistBot.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | if ($_GET[type]!="" && $_GET[name]!="" && $_GET[email]!="" && $_GET[message]!="")
 4 | 	{
 5 | 	$contactMessageYear = date("Y");
 6 | 	$contactMessageMonth = date("m");
 7 | 	$contactMessageDayNumber = date("d");
 8 | 	$contactMessageDayHour = date("H");
 9 | 	$contactMessageDayMinute = date("i");
10 | 	$contactMessageDaySeconds = date("s");
11 | 
12 | 	if ($contactMessageMonth=="01")			{$contactMessageMonth="Jan";}
13 | 	else if ($contactMessageMonth=="02")	{$contactMessageMonth="Feb";}
14 | 	else if ($contactMessageMonth=="03")	{$contactMessageMonth="Mar";}
15 | 	else if ($contactMessageMonth=="04")	{$contactMessageMonth="Apr";}
16 | 	else if ($contactMessageMonth=="05")	{$contactMessageMonth="May";}
17 | 	else if ($contactMessageMonth=="06")	{$contactMessageMonth="Jun";}
18 | 	else if ($contactMessageMonth=="07")	{$contactMessageMonth="Jul";}
19 | 	else if ($contactMessageMonth=="08")	{$contactMessageMonth="Aug";}
20 | 	else if ($contactMessageMonth=="09")	{$contactMessageMonth="Sep";}
21 | 	else if ($contactMessageMonth=="10")	{$contactMessageMonth="Oct";}
22 | 	else if ($contactMessageMonth=="11")	{$contactMessageMonth="Nov";}
23 | 	else if ($contactMessageMonth=="12")	{$contactMessageMonth="Dec";}
24 | 
25 | 	$contactMessage = 	$contactMessageYear        . "/" .
26 | 						$contactMessageMonth       . "/" .
27 | 						$contactMessageDayNumber   . " " .
28 | 						$contactMessageDayHour     . ":" .
29 | 						$contactMessageDayMinute   . ":" .
30 | 						$contactMessageDaySeconds  . " - " .
31 | 
32 | 						htmlentities($_GET[type])  . " - " .
33 | 						htmlentities($_GET[name])  . " - " .
34 | 						htmlentities($_GET[email]) . " - " .
35 | 						htmlentities($_GET[message]);
36 | 
37 | 	// PUT YOUR SAVING CODE HERE FOR THE VARIABLE $contactMessage
38 | 
39 | 	}
40 | 
41 | // --------------------------------------------------------------------------------------------------------
42 | // DON'T DELETE THE LINES BELOW, IT RETURNS A 1x1 PNG IMAGE AND IS RECEIVED BY THE BROWSER AS A VALID REPLY
43 | // --------------------------------------------------------------------------------------------------------
44 | 
45 | header("Content-type: image/png");
46 | $data = "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
47 | echo base64_decode($data);
48 | 
49 | ?>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # AssistBot - Chatbots in JavaScript
 2 | 
 3 | ![alt screen](https://raw.githubusercontent.com/lrusso/AssistBot/master/AssistBot.png)
 4 | 
 5 | ## Bot samples
 6 | 
 7 | |  BOT URL  | DETAILS |
 8 | | :---------------:| :-----|
 9 | | https://lrusso.github.io/AssistBot/AssistBotSample1.htm | Web receptionist.
10 | | https://lrusso.github.io/AssistBot/AssistBotSample2.htm | Hotel receptionist.
11 | | https://lrusso.github.io/AssistBot/AssistBotSample3.htm | Hospital receptionist.
12 | | https://lrusso.github.io/AssistBot/AssistBotSample4.htm | Tech Support receptionist.
13 | | https://lrusso.github.io/AssistBot/AssistBotSample5.htm | 3D Bot Web receptionist.
14 | 
15 | ## Bots working in time ranges and time zones
16 | 
17 | Is possible to set a working time range for the bots. The window dialog with the bot will only appear within that time range. If you don't want or need this feature, just set the bot to work from 0 to 23.
18 | 
19 | ```javascript
20 | var workingFrom = 9;
21 | var workingTo = 18;
22 | var workingTimeZone = "-3"; // EXAMPLE TIME ZONE
23 | ```
24 | ## Time zone values
25 | 
26 | https://lrusso.github.io/AssistBot/TimeZoneTest.htm
27 | 
28 | ## Sending the data (client side)
29 | 
30 | There are two methods for posting data in the samples:
31 | 
32 | - First method: Standard XMLHttpRequest.
33 | - Second method: Creating an image variable, setting in the src value a server URL where all the parameters are sent by GET and the answer of the server must be an image in order to get a valid reply from the bot. This method is useful if you want to avoid the CORS limitation that may exists between servers.
34 | 
35 | ## Receiving the data (server side)
36 | 
37 | There is a AssistBot.php file in this repository with a sample logic.
38 | 
39 | ## Based on BotUI 
40 | 
41 | https://github.com/botui/botui **(Version 0.3.8)**
42 | 
43 | ## Bugfixes and updates
44 | 
45 | | TYPE  | ELEMENT  | DETAILS |
46 | | :------------: |:---------------:| :-----|
47 | | Fixed | Core | Prevents from inputting HTML content.
48 | | Fixed | Core | Prevents from automatically showing a response.
49 | | Fixed | Style | Bugfix when inputting a blank space.
50 | | Fixed | Style | Bugfix where the messages were misplaced by 2 pixels.
51 | | Fixed | Style | Bugfix where the icons inherits the box-sizing property.
52 | | Fixed | Style | Bugfix where the input box inherits the box-sizing property.
53 | | Fixed | Style | Bugfix where the messages inherits the box-sizing property.
54 | | Fixed | Style | Bugfix where the three dots inherits the box-sizing property.
55 | | Updated | Core | Scroll to bottom when new content.
56 | | Updated | Core | Agent and Human icons are loaded from the CSS file.
57 | | Updated | Core | Send button by default and with a different CSS class.
58 | | Updated | Samples | Looping checkings for inputted data.
59 | | Updated | Samples | Implemented scrolling chatbot window.
60 | | Updated | Samples | Implemented close button in the chatbot window.
61 | 


--------------------------------------------------------------------------------
/AssistBot.css:
--------------------------------------------------------------------------------
 1 | a.botui-message-content-link:focus{outline:thin dotted}
 2 | a.botui-message-content-link:focus:active,a.botui-message-content-link:focus:hover{outline:0}
 3 | form.botui-actions-text{margin:0}
 4 | button.botui-actions-buttons-button,button.botui-actions-buttons-button-send,input.botui-actions-text-input{margin:0;font-size:100%;line-height:normal;vertical-align:baseline}
 5 | button.botui-actions-buttons-button::-moz-focus-inner,button.botui-actions-buttons-button-send::-moz-focus-inner,input.botui-actions-text-input::-moz-focus-inner{border:0;padding:0}
 6 | button.botui-actions-buttons-button,button.botui-actions-buttons-button-send{cursor:pointer;-webkit-appearance:button}
 7 | .botui-app-container{position:fixed;bottom:0;right:15px;width:300px;z-index:9999;border-left:1px solid silver;border-top:1px solid silver;border-right:1px solid silver;background-color:white;display:none;}
 8 | .botui-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;font-size:14px;background-color:#fff;font-family:Arial}
 9 | .botui-message{margin:10px 0;min-height:20px}
10 | .botui-message:after{display:block;content:"";clear:both}
11 | .botui-message-content{width:auto;max-width:75%;display:inline-block}
12 | .botui-message-content.human{float:right}
13 | .botui-message-content iframe{width:100%}
14 | .botui-message-content-image{margin:5px 0;display:block;max-width:200px;max-height:200px}
15 | .botui-message-content-link{text-decoration:underline}
16 | .profil{position:relative;border-radius:50%}
17 | .profil.human{float:right;margin-left:5px}
18 | .profil.agent{float:left;margin-right:5px}
19 | .profil>span{display:inline-block;width:26px;height:26px;padding:2px;border:2px solid #e8e8e8;border-radius:50%;background-repeat:no-repeat;box-sizing:content-box}
20 | .profil>span.agent{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAvVJREFUOI2FlE1oXFUUx3/nvjdv5k1mmplME4N1khJspjZtitpKKMKAVgRFVyoqymg3xbYWxC5c2YUrQSw2btwqiBCUohW6ENEuRIMfCyUgVFuqaU2aj+k4vkze3HdvFxM1M2+mPfDgcu49v3PO/75zhR5WLp90E8Wl57H2Way6a8M9J4oPc+sLH8zMzETd4qQrrHJkOBGpT4H9fSkh6Qq1wACCNhYws0a7j3/50emFWwLLlUoqobPfIUwWtjgs17oWQgQ/J/Oy/9z09Ppmv+o86ETZ4wiTvicxmKOE8W2J1hr2NFei453xMaDCHgJYC22bP+UJ2wcd3nwuz9asA4AVefmmwKknXvFBSp06DPQpHtuX5tCDW0h5itefym8ES7FcqaR6Avv8MA2wubbRQZe3XiigI8vdY612d9zu4jmttK7J9PUEat2UoYzCbXXEwUmft18c4JtfGzx5IIPI/7WPDTmMDii0brY15HZqsHPYZaTgMFny2T3i8cvlkIN7ffrT7XI/tCvJwormwrVGmz92KVdrEY9OJNk9kkAE9ox6MRjAA+MeV2om5o+dvHAtYu6K3viRu5uOLL8vNpm9pG8NtBbeOFfn8x/XegLPzzV49eM6YWRje/FeNuyTbwOWukzJWmh5/6t6z2Q9gf80DKc/qyJmUxUWTp2pslDtPo7Q5ZbbshmQaoi40pp6bQhuoi2A8+/i3ZNHMsNiy64rT9/hC1PFNHduddi1zQFjWx+weh2KaQ/PNskow968nH/m4Xvmz379Q/O/lk+dOPxeVI9Wcyl1ZiJryXmWfNJhqRZ/3ZZrQi6pGEw6TPRbcgnOBoFTfefES9MAMv3a0YJp6kWUatPzb5IU8z6PHMiQy7SUWboe8sVswHwtxNdBeyZjNKFXUEbb+zthBuxtWXdZCVxullbrpWPUS8eYj3asAAxlEotxwZUrSX2fa4UxsbS9vApoBOvfp/oTU1cv/vbn9nuDHMBfFy/9AdgwaPxkjNnXyRSlxm8AdbAFzoG/yN4AAAAASUVORK5CYII=");background-position:5px 4px}
21 | .profil>span.human{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAKL2lDQ1BJQ0MgcHJvZmlsZQAASMedlndUVNcWh8+9d3qhzTDSGXqTLjCA9C4gHQRRGGYGGMoAwwxNbIioQEQREQFFkKCAAaOhSKyIYiEoqGAPSBBQYjCKqKhkRtZKfHl57+Xl98e939pn73P32XuftS4AJE8fLi8FlgIgmSfgB3o401eFR9Cx/QAGeIABpgAwWempvkHuwUAkLzcXerrICfyL3gwBSPy+ZejpT6eD/0/SrFS+AADIX8TmbE46S8T5Ik7KFKSK7TMipsYkihlGiZkvSlDEcmKOW+Sln30W2VHM7GQeW8TinFPZyWwx94h4e4aQI2LER8QFGVxOpohvi1gzSZjMFfFbcWwyh5kOAIoktgs4rHgRm4iYxA8OdBHxcgBwpLgvOOYLFnCyBOJDuaSkZvO5cfECui5Lj25qbc2ge3IykzgCgaE/k5XI5LPpLinJqUxeNgCLZ/4sGXFt6aIiW5paW1oamhmZflGo/7r4NyXu7SK9CvjcM4jW94ftr/xS6gBgzIpqs+sPW8x+ADq2AiB3/w+b5iEAJEV9a7/xxXlo4nmJFwhSbYyNMzMzjbgclpG4oL/rfzr8DX3xPSPxdr+Xh+7KiWUKkwR0cd1YKUkpQj49PZXJ4tAN/zzE/zjwr/NYGsiJ5fA5PFFEqGjKuLw4Ubt5bK6Am8Kjc3n/qYn/MOxPWpxrkSj1nwA1yghI3aAC5Oc+gKIQARJ5UNz13/vmgw8F4psXpjqxOPefBf37rnCJ+JHOjfsc5xIYTGcJ+RmLa+JrCdCAACQBFcgDFaABdIEhMANWwBY4AjewAviBYBAO1gIWiAfJgA8yQS7YDApAEdgF9oJKUAPqQSNoASdABzgNLoDL4Dq4Ce6AB2AEjIPnYAa8AfMQBGEhMkSB5CFVSAsygMwgBmQPuUE+UCAUDkVDcRAPEkK50BaoCCqFKqFaqBH6FjoFXYCuQgPQPWgUmoJ+hd7DCEyCqbAyrA0bwwzYCfaGg+E1cBycBufA+fBOuAKug4/B7fAF+Dp8Bx6Bn8OzCECICA1RQwwRBuKC+CERSCzCRzYghUg5Uoe0IF1IL3ILGUGmkXcoDIqCoqMMUbYoT1QIioVKQ21AFaMqUUdR7age1C3UKGoG9QlNRiuhDdA2aC/0KnQcOhNdgC5HN6Db0JfQd9Dj6DcYDIaG0cFYYTwx4ZgEzDpMMeYAphVzHjOAGcPMYrFYeawB1g7rh2ViBdgC7H7sMew57CB2HPsWR8Sp4sxw7rgIHA+XhyvHNeHO4gZxE7h5vBReC2+D98Oz8dn4Enw9vgt/Az+OnydIE3QIdoRgQgJhM6GC0EK4RHhIeEUkEtWJ1sQAIpe4iVhBPE68QhwlviPJkPRJLqRIkpC0k3SEdJ50j/SKTCZrkx3JEWQBeSe5kXyR/Jj8VoIiYSThJcGW2ChRJdEuMSjxQhIvqSXpJLlWMkeyXPKk5A3JaSm8lLaUixRTaoNUldQpqWGpWWmKtKm0n3SydLF0k/RV6UkZrIy2jJsMWyZf5rDMRZkxCkLRoLhQWJQtlHrKJco4FUPVoXpRE6hF1G+o/dQZWRnZZbKhslmyVbJnZEdoCE2b5kVLopXQTtCGaO+XKC9xWsJZsmNJy5LBJXNyinKOchy5QrlWuTty7+Xp8m7yifK75TvkHymgFPQVAhQyFQ4qXFKYVqQq2iqyFAsVTyjeV4KV9JUCldYpHVbqU5pVVlH2UE5V3q98UXlahabiqJKgUqZyVmVKlaJqr8pVLVM9p/qMLkt3oifRK+g99Bk1JTVPNaFarVq/2ry6jnqIep56q/ojDYIGQyNWo0yjW2NGU1XTVzNXs1nzvhZei6EVr7VPq1drTltHO0x7m3aH9qSOnI6XTo5Os85DXbKug26abp3ubT2MHkMvUe+A3k19WN9CP16/Sv+GAWxgacA1OGAwsBS91Hopb2nd0mFDkqGTYYZhs+GoEc3IxyjPqMPohbGmcYTxbuNe408mFiZJJvUmD0xlTFeY5pl2mf5qpm/GMqsyu21ONnc332jeaf5ymcEyzrKDy+5aUCx8LbZZdFt8tLSy5Fu2WE5ZaVpFW1VbDTOoDH9GMeOKNdra2Xqj9WnrdzaWNgKbEza/2BraJto22U4u11nOWV6/fMxO3Y5pV2s3Yk+3j7Y/ZD/ioObAdKhzeOKo4ch2bHCccNJzSnA65vTC2cSZ79zmPOdi47Le5bwr4urhWuja7ybjFuJW6fbYXd09zr3ZfcbDwmOdx3lPtKe3527PYS9lL5ZXo9fMCqsV61f0eJO8g7wrvZ/46Pvwfbp8Yd8Vvnt8H67UWslb2eEH/Lz89vg98tfxT/P/PgAT4B9QFfA00DQwN7A3iBIUFdQU9CbYObgk+EGIbogwpDtUMjQytDF0Lsw1rDRsZJXxqvWrrocrhHPDOyOwEaERDRGzq91W7109HmkRWRA5tEZnTdaaq2sV1iatPRMlGcWMOhmNjg6Lbor+wPRj1jFnY7xiqmNmWC6sfaznbEd2GXuKY8cp5UzE2sWWxk7G2cXtiZuKd4gvj5/munAruS8TPBNqEuYS/RKPJC4khSW1JuOSo5NP8WR4ibyeFJWUrJSBVIPUgtSRNJu0vWkzfG9+QzqUvia9U0AV/Uz1CXWFW4WjGfYZVRlvM0MzT2ZJZ/Gy+rL1s3dkT+S453y9DrWOta47Vy13c+7oeqf1tRugDTEbujdqbMzfOL7JY9PRzYTNiZt/yDPJK817vSVsS1e+cv6m/LGtHlubCyQK+AXD22y31WxHbedu799hvmP/jk+F7MJrRSZF5UUfilnF174y/ariq4WdsTv7SyxLDu7C7OLtGtrtsPtoqXRpTunYHt897WX0ssKy13uj9l4tX1Zes4+wT7hvpMKnonO/5v5d+z9UxlfeqXKuaq1Wqt5RPXeAfWDwoOPBlhrlmqKa94e4h+7WetS212nXlR/GHM44/LQ+tL73a8bXjQ0KDUUNH4/wjowcDTza02jV2Nik1FTSDDcLm6eORR67+Y3rN50thi21rbTWouPguPD4s2+jvx064X2i+yTjZMt3Wt9Vt1HaCtuh9uz2mY74jpHO8M6BUytOdXfZdrV9b/T9kdNqp6vOyJ4pOUs4m3924VzOudnzqeenL8RdGOuO6n5wcdXF2z0BPf2XvC9duex++WKvU++5K3ZXTl+1uXrqGuNax3XL6+19Fn1tP1j80NZv2d9+w+pG503rm10DywfODjoMXrjleuvyba/b1++svDMwFDJ0dzhyeOQu++7kvaR7L+9n3J9/sOkh+mHhI6lH5Y+VHtf9qPdj64jlyJlR19G+J0FPHoyxxp7/lP7Th/H8p+Sn5ROqE42TZpOnp9ynbj5b/Wz8eerz+emCn6V/rn6h++K7Xxx/6ZtZNTP+kv9y4dfiV/Kvjrxe9rp71n/28ZvkN/NzhW/l3x59x3jX+z7s/cR85gfsh4qPeh+7Pnl/eriQvLDwG/eE8/vMO7xsAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wMGBTscELeXHAAAAOZJREFUSMft0zFKA0EYxfGfgmBjmtReQC8QpotYpBuw9wbWY2MtOKUnED3BYiVIyvUGir2lhSgW2sRmqiDZTTYgkjyY6s18/xneG9b6a2202RRStY+MISYYI9U5PnUGlOEP2Jmy3jFogmy2eED+ZTj0cNF0uA1gOMM7WAZg0iXkNoDxDO9+GYBUAp3WG047A0pLBrjFZ1lVadDziv/kkKpdHOMQe+gX6xWPJeSbOseXuQAhVds4xwm2Gi75jUuc1Tl+NQJCqnq4K8HOoxqjOsePphZdLzAcAq7a1DR2yPRokY+21j/XD6U8NBIHk7Q1AAAAAElFTkSuQmCC");background-position:center}
22 | button.botui-actions-buttons-button{margin-top:10px;margin-bottom:10px}
23 | button.botui-actions-buttons-button:not(:last-child),button.botui-actions-buttons-button-send:not(:last-child){margin-right:10px}
24 | .botui-messages-container{padding-left:10px;padding-top:5px;padding-bottom:10px;padding-right:10px;display:block;width:auto;}
25 | .botui-actions-container{padding-left:10px;padding-top:5px;padding-bottom:10px;padding-right:10px}
26 | .botui-message{min-height:30px}
27 | .botui-message-content{padding:8px 13px;border-radius:15px;color:#595a5a;background-color:#ebebeb;box-sizing:content-box}
28 | .botui-message-content.human{color:#f7f8f8;background-color:#919292}
29 | .botui-message-content.text{min-height:18px;line-height:18px}
30 | .botui-message-content.loading{background-color:rgba(206,206,206,.5);line-height:1.3;text-align:center;box-sizing:content-box}
31 | .botui-message-content.embed{padding:5px;border-radius:5px}
32 | .botui-message-content-link{color:#919292}
33 | .botui-actions-text-input{border:0;outline:0;border-radius:0;width:100%;padding:5px 7px;font-family:Arial;background-color:transparent;color:#595a5a;border-bottom:1px solid #919292;box-sizing:content-box}
34 | .botui-actions-buttons-button{border:0;color:#fff;line-height:1;cursor:pointer;font-size:14px;font-weight:500;padding:7px 15px;border-radius:4px;font-family:Arial;background:#3a76b1;box-shadow:2px 3px 4px 0 rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
35 | .botui-actions-buttons-button-send{width:70px;border:0;color:#fff;line-height:1;cursor:pointer;font-size:14px;font-weight:500;padding:7px 15px;border-radius:4px;font-family:Arial;background:#3a76b1;box-shadow:2px 3px 4px 0 rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
36 | .botui-actions-text-select{border:0;outline:0;border-radius:0;padding:5px 7px;font-family:Arial;background-color:transparent;color:#595a5a;border-bottom:1px solid #919292}
37 | .botui-actions-text-searchselect{border:0;outline:0;border-radius:0;padding:5px 7px;font-family:Arial;background-color:transparent;color:#595a5a;border-bottom:1px solid #919292}
38 | .botui-actions-text-searchselect .dropdown-toggle{border:none!important}
39 | .botui-actions-text-searchselect .selected-tag{background-color:transparent!important;border:0!important}
40 | .slide-fade-enter-active{transition:all .3s ease}
41 | .slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateX(-10px)}
42 | .dot{width:.5rem;height:.5rem;border-radius:.5rem;display:inline-block;background-color:#919292;box-sizing:content-box}
43 | .dot:nth-last-child(1){margin-left:.3rem;animation:loading .6s .3s linear infinite}
44 | .dot:nth-last-child(2){margin-left:.3rem;animation:loading .6s .2s linear infinite}
45 | .dot:nth-last-child(3){animation:loading .6s .1s linear infinite}
46 | @keyframes loading
47 | 	{
48 | 	0%{transform:translate(0,0);background-color:#ababab}
49 | 	25%{transform:translate(0,-3px)}
50 | 	50%{transform:translate(0,0);background-color:#ababab}
51 | 	75%{transform:translate(0,3px)}
52 | 	100%{transform:translate(0,0)}
53 | 	}
54 | .botui-title{float:left;width:100%;padding-top:1px;border-bottom:1px solid silver;font-family:Arial;font-size:14px;line-height:30px;text-align:left;color:white;font-weight:bold;background-color:#3a76b1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
55 | .botui-titlename{padding-left:7px}
56 | .botui-scroller{display:block;width:100%;height:200px;overflow-y:hidden}
57 | .botui-closeicon{float:right;margin-right:5px;margin-top:8px;width:16px;height:16px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAHdElNRQfiBh4ALjMcCa0fAAABK0lEQVQoz4WRv0sCYRyHH88UXGwKSglpuKGIogiEmtsCx5ZcGpzirT8ghOaGBoObgsjdMChoiganotGDarHupB/UlJmn59vw3nvVUH2Xl/f9fIbneb8Rwd9jqGNzaaeRL+tHk+27tfPxBMAAQHFxsGLEplegnAeTghNPm6NGjQW7jSAz1L6RUkopPXlRLtFx1K0nrS0BAoFb8KWu9INYStexEkIxzO89b/QBiBFJK46me2Ta7QAy52d3deVnHFrk/Gyp96TjHrenKoZoNhDbv4+PfLmnZpLD9eOwoMS+f0+U1FxQEWSS71ea/MF5WddGHWkJZeH5TQnAo3s4NRvidt9ogAG5j8nl1pmK7Vdt1PIqq3YVImpZ1Vh94uBak0Nx7LJ74kBY+Hebv88nsLefxkmy4roAAAAASUVORK5CYII=")}


--------------------------------------------------------------------------------
/AssistBotSample3.htm:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 	<head>
  4 | 		<meta charset="UTF-8">
  5 | 		<title>AssistBot | Demo</title>
  6 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  7 | 		<link rel="stylesheet" href="AssistBot.css" type="text/css">
  8 | 	</head>
  9 | 	<body style="background-color:grey;">
 10 | 		<div class="botui-app-container" id="AssistBot">
 11 | 			<div class="botui-title"><span class="botui-titlename"></span><div class="botui-closeicon"></div></div>
 12 | 			<div class="botui-scroller">
 13 | 				<bot-ui></bot-ui>
 14 | 			</div>
 15 | 		</div>
 16 | 		<script src="AssistBot.min.js"></script>
 17 | 		<script>
 18 | 			var workingFrom = 0;
 19 | 			var workingTo = 23;
 20 | 			var workingTimeZone = "-3"; // EXAMPLE TIME ZONE
 21 | 
 22 | 			var homeBot = BotUI("AssistBot");
 23 | 
 24 | 			var userLanguage = window.navigator.userLanguage || window.navigator.language;
 25 | 
 26 | 			var textTitle = "";
 27 | 			var textWelcome = "";
 28 | 			var textCheckName = "";
 29 | 			var textDownloadReport = "";
 30 | 			var textCheckNameQuestion = "";
 31 | 			var textCheckNameQuestionRetry = "";
 32 | 			var textCheckNameQuestionAnswerYes = "";
 33 | 			var textCheckNameQuestionAnswerNo = "";
 34 | 			var textDownloadReportQuestion = "";
 35 | 			var textDownloadReportQuestionRetry = "";
 36 | 			var textDownloadReportAnswerYes = "";
 37 | 			var textDownloadReportAnswerNo = "";
 38 | 			var textDownloadReportExampleURL = "";
 39 | 			var textPlaceHolder = "";
 40 | 			var textSend = "";
 41 | 
 42 | 			if (userLanguage.substring(0,2)=="es")
 43 | 				{
 44 | 				textTitle = "Asistente virtual";
 45 | 				textWelcome = "Hola, soy la asistente virtual del Hospital Ejemplo. &iquest;Qu&eacute; puedo hacer por usted?";
 46 | 				textCheckName = "Consultar paciente";
 47 | 				textDownloadReport = "Retirar estudio";
 48 | 				textCheckNameQuestion = "&iquest;Cu&aacute;l es el nombre completo del paciente por el cual desea consultar?";
 49 | 				textCheckNameQuestionRetry = "Por favor, ingrese el nombre completo del paciente por el cual desea consultar.";
 50 | 				textCheckNameQuestionAnswerYes = " se encuentra en el piso %FLOOR%, habitaci&oacute;n %ROOM%. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 51 | 				textCheckNameQuestionAnswerNo = " no aparece registrado en ninguna habitaci&oacute;n. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 52 | 				textDownloadReportQuestion = "&iquest;Cu&aacute;l es el nombre completo de la persona que se hizo el estudio?";
 53 | 				textDownloadReportQuestionRetry = "Por favor, ingrese el nombre completo de la persona que se hizo el estudio.";
 54 | 				textDownloadReportAnswerYes = " posee un estudio para retirar. Haga click en el link [%URLTITLE%](%URL%) para descargarlo. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 55 | 				textDownloadReportAnswerNo = " no posee ningun estudio para retirar. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 56 | 				textDownloadReportExampleURL = "https://www.ejemplo.com/estudio.pdf";
 57 | 				textPlaceHolder = "Escriba un mensaje";
 58 | 				textSend = "Enviar";
 59 | 				}
 60 | 				else
 61 | 				{
 62 | 				textTitle = "Virtual assistant";
 63 | 				textWelcome = "Hello, I'm the virtual assistant at the Example Hotel. What can I do for you?";
 64 | 				textCheckName = "Check pacient";
 65 | 				textDownloadReport = "Get report";
 66 | 				textCheckNameQuestion = "What is the full name of the pacient that you want to check?";
 67 | 				textCheckNameQuestionRetry = "Please, input the full name of the pacient that you want to check.";
 68 | 				textCheckNameQuestionAnswerYes = " is in the %FLOOR% floor, room %ROOM%. What else can I do for you?";
 69 | 				textCheckNameQuestionAnswerNo = " is not registered in any room. What else can I do for you?";
 70 | 				textDownloadReportQuestion = "What is the full name of the pacient that has a medical report?";
 71 | 				textDownloadReportQuestionRetry = "Please input the full name of the pacient that has a medical report.";
 72 | 				textDownloadReportAnswerYes = " has a medical report to download. Please click in the link [%URLTITLE%](%URL%) to download it. What else can I do for you?";
 73 | 				textDownloadReportAnswerNo = " doesn't have a medical report to download. What else can I do for you?";
 74 | 				textDownloadReportExampleURL = "https://www.example.com/report.pdf";
 75 | 				textPlaceHolder = "Write a message";
 76 | 				textSend = "Send";
 77 | 				}
 78 | 
 79 | 			function AssistBot_Step_1_Welcome(a)
 80 | 				{
 81 | 				homeBot.message.add(
 82 | 					{
 83 | 					delay: 1200,
 84 | 					loading: true,
 85 | 					photo: true,
 86 | 					content: a
 87 | 					}).then(function ()
 88 | 					{
 89 | 					return homeBot.action.button(
 90 | 						{
 91 | 						delay: 1000,
 92 | 						action: [
 93 | 									{text: textCheckName, value: "name"},
 94 | 									{text: textDownloadReport, value: "report"},
 95 | 								]
 96 | 						});
 97 | 					}).then(function (res)
 98 | 					{
 99 | 					homeBot.message.add({human: true, photo: true, content: res.text});
100 | 
101 | 					if(res.value=="name")
102 | 						{
103 | 						AssistBot_Step_2_Name(textCheckNameQuestion);
104 | 						}
105 | 						else
106 | 						{
107 | 						AssistBot_Step_3_Report(textDownloadReportQuestion);
108 | 						}
109 | 					});
110 | 				}
111 | 
112 | 			function AssistBot_Step_2_Name(a)
113 | 				{
114 | 				homeBot.message.add(
115 | 					{
116 | 					delay: 1200,
117 | 					loading: true,
118 | 					photo: true,
119 | 					content: a
120 | 					}).then(function ()
121 | 					{
122 | 					return homeBot.action.text(
123 | 						{
124 | 						delay: 800,
125 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
126 | 						});
127 | 					}).then(function (res)
128 | 					{
129 | 					homeBot.message.add({human: true, photo: true, content: res.value});
130 | 
131 | 					if (res.value.trim()=="")
132 | 						{
133 | 						AssistBot_Step_2_Name(textCheckNameQuestionRetry);
134 | 						}
135 | 						else
136 | 						{
137 | 						if (countWords(res.value)<2)
138 | 							{
139 | 							AssistBot_Step_2_Name(textCheckNameQuestionRetry);
140 | 							}
141 | 							else
142 | 							{
143 | 							var pacientName = res.value;
144 | 							var pacientFloor = "2";
145 | 							var pacientRoom = "3";
146 | 
147 | 							var isInARoom = true;
148 | 
149 | 							if (isInARoom==true)
150 | 								{
151 | 								var answer = pacientName + textCheckNameQuestionAnswerYes;
152 | 								answer = answer.replace("%FLOOR%",pacientFloor);
153 | 								answer = answer.replace("%ROOM%",pacientRoom);
154 | 								AssistBot_Step_1_Welcome(answer);
155 | 								}
156 | 								else
157 | 								{
158 | 								var answer = pacientName + textCheckNameQuestionAnswerNo;
159 | 								AssistBot_Step_1_Welcome(answer);
160 | 								}
161 | 							}
162 | 						}
163 | 					});
164 | 				}
165 | 
166 | 			function AssistBot_Step_3_Report(a)
167 | 				{
168 | 				homeBot.message.add(
169 | 					{
170 | 					delay: 1200,
171 | 					loading: true,
172 | 					photo: true,
173 | 					content: a
174 | 					}).then(function ()
175 | 					{
176 | 					return homeBot.action.text(
177 | 						{
178 | 						delay: 800,
179 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
180 | 						});
181 | 					}).then(function (res)
182 | 					{
183 | 					homeBot.message.add({human: true, photo: true, content: res.value});
184 | 
185 | 					if (res.value.trim()=="")
186 | 						{
187 | 						AssistBot_Step_3_Report(textDownloadReportQuestionRetry);
188 | 						}
189 | 						else
190 | 						{
191 | 						if (countWords(res.value)<2)
192 | 							{
193 | 							AssistBot_Step_3_Report(textDownloadReportQuestionRetry);
194 | 							}
195 | 							else
196 | 							{
197 | 							var pacientName = res.value;
198 | 							var pacientReportURL = "#"; // FOR DEMO ONLY
199 | 							var pacientReportURLTitle = textDownloadReportExampleURL; // FOR DEMO ONLY
200 | 
201 | 							var pacientReportAvailable = true;
202 | 
203 | 							if (pacientReportAvailable==true)
204 | 								{
205 | 								var answer = pacientName + textDownloadReportAnswerYes;
206 | 								answer = answer.replace("%URL%",pacientReportURL);
207 | 								answer = answer.replace("%URLTITLE%",pacientReportURLTitle);
208 | 								AssistBot_Step_1_Welcome(answer);
209 | 								}
210 | 								else
211 | 								{
212 | 								var answer = pacientName + textDownloadReportAnswerNo;
213 | 								AssistBot_Step_1_Welcome(answer);
214 | 								}
215 | 							}
216 | 						}
217 | 					});
218 | 				}
219 | 
220 | 			function countWords(s)
221 | 				{
222 | 				s = s.replace(/(^\s*)|(\s*$)/gi,"");
223 | 				s = s.replace(/[ ]{2,}/gi," ");
224 | 				s = s.replace(/\n /,"\n");
225 | 				return s.split(" ").filter(function(str){return str!="";}).length;
226 | 				}
227 | 
228 | 			function getTime(offset)
229 | 				{
230 | 				var d = new Date();
231 | 				var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
232 | 				var nd = new Date(utc + (3600000*offset));
233 | 				var hours = nd.getHours();
234 | 				return hours;
235 | 				}
236 | 
237 | 			function isInRange(hour)
238 | 				{
239 | 				if (workingFrom>=workingTo)
240 | 					{
241 | 					if (workingFrom<=hour)
242 | 						{
243 | 						return true;
244 | 						}
245 | 						else
246 | 						{
247 | 						return false;
248 | 						}
249 | 					}
250 | 				else
251 | 					{
252 | 					if (workingTo>=hour)
253 | 						{
254 | 						return true;
255 | 						}
256 | 						else
257 | 						{
258 | 						return false;
259 | 						}
260 | 					}
261 | 				}
262 | 
263 | 			window.addEventListener("load", function()
264 | 				{
265 | 				// UPDATING THE CHATBOT WINDOW TITLE
266 | 				document.getElementsByClassName("botui-titlename")[0].innerHTML = textTitle;
267 | 
268 | 				// SETTING WHAT WILL HAPPEN WHEN THE USER CLICKS OR TOUCHES IN THE CHATBOT WINDOW TITLE
269 | 				document.getElementsByClassName("botui-title")[0].addEventListener("click",function(event)
270 | 					{
271 | 					// CHECKING IF THE CHATBOT WINDOW IS MINIMIZED
272 | 					if (document.getElementById("AssistBot").style.overflowY == "hidden")
273 | 						{
274 | 						// SHOWING THE CHATBOT WINDOW
275 | 						document.getElementById("AssistBot").style.overflowY = "visible";
276 | 						document.getElementById("AssistBot").style.height = "auto";
277 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "block";
278 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "block";
279 | 
280 | 						// SCROLLING TO THE BOTTOM OF THE CHATBOT WINDOW
281 | 						setTimeout(function(){document.getElementsByClassName("botui botui-container")[0].scrollTop = document.getElementsByClassName("botui botui-container")[0].scrollHeight;},100);
282 | 						}
283 | 						else
284 | 						{
285 | 						// HIDING THE CHATBOT WINDOW
286 | 						document.getElementById("AssistBot").style.overflowY = "hidden";
287 | 						document.getElementById("AssistBot").style.height = "30" + "px";
288 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "none";
289 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "none";
290 | 						}
291 | 					});
292 | 
293 | 				// GETTING THE CURRENT TIME
294 | 				var checkWorkingHour = getTime(workingTimeZone);
295 | 
296 | 				// CHECKING IF IS WORKING TIME FOR THE CHATBOT
297 | 				if (isInRange(checkWorkingHour)==true)
298 | 					{
299 | 					// SHOWING THE CHATBOT WINDOW
300 | 					document.getElementById("AssistBot").style.display = "block";
301 | 
302 | 					// SHOWING THE WELCOME MESSAGE
303 | 					AssistBot_Step_1_Welcome(textWelcome);
304 | 					}
305 | 				});
306 | 
307 | 			/*
308 | 			---------------------------
309 | 			IMAGE EXAMPLE
310 | 			---------------------------
311 | 			delay: 1200,
312 | 			type: "embed",
313 | 			content: "https://giphy.com/embed/v1PSPwbLIrata"
314 | 
315 | 			---------------------------
316 | 			URL EXAMPLE
317 | 			---------------------------
318 | 			delay: 1000,
319 | 			content: "!(book) [Read the docs](https:///docs.botui.org), see [examples](https:///examples.botui.org) or explore the code on !(github) [GitHub](https://github.com/moinism/botui)"
320 | 			*/
321 | 
322 | 		</script>
323 | 	</body>
324 | </html>


--------------------------------------------------------------------------------
/AssistBotSample1.htm:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 	<head>
  4 | 		<meta charset="UTF-8">
  5 | 		<title>AssistBot | Demo</title>
  6 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  7 | 		<link rel="stylesheet" href="AssistBot.css" type="text/css">
  8 | 	</head>
  9 | 	<body style="background-color:grey;">
 10 | 		<div class="botui-app-container" id="AssistBot">
 11 | 			<div class="botui-title"><span class="botui-titlename"></span><div class="botui-closeicon"></div></div>
 12 | 			<div class="botui-scroller">
 13 | 				<bot-ui></bot-ui>
 14 | 			</div>
 15 | 		</div>
 16 | 		<script src="AssistBot.min.js"></script>
 17 | 		<script>
 18 | 			var workingFrom = 0;
 19 | 			var workingTo = 23;
 20 | 			var workingTimeZone = "-3"; // EXAMPLE TIME ZONE
 21 | 
 22 | 			var homeBot = BotUI("AssistBot");
 23 | 
 24 | 			var userLanguage = window.navigator.userLanguage || window.navigator.language;
 25 | 
 26 | 			var textTitle = "";
 27 | 			var textWelcome = "";
 28 | 			var textInputName = "";
 29 | 			var textInputNameRetry = "";
 30 | 			var textInputEmail = "";
 31 | 			var textInputEmailRetry = "";
 32 | 			var textInputMessage = "";
 33 | 			var textInputMessageRetry = "";
 34 | 			var textTypePress = "";
 35 | 			var textTypeWork = "";
 36 | 			var textTypeContact = "";
 37 | 			var textThankYou = "";
 38 | 			var textError = "";
 39 | 			var textPlaceHolder = "";
 40 | 			var textSend = "";
 41 | 
 42 | 			var contactType = "";
 43 | 			var contactName = "";
 44 | 			var contactEmail = "";
 45 | 			var contactMessage = "";
 46 | 
 47 | 			if (userLanguage.substring(0,2)=="es")
 48 | 				{
 49 | 				textTitle = "Asistente virtual";
 50 | 				textWelcome = "Hola, soy la asistente virtual de este sitio Web. &iquest;Cu&aacute;l es el motivo de su visita?";
 51 | 				textInputName = "&iquest;Cu&aacute;l es su nombre?";
 52 | 				textInputNameRetry = "Por favor, ingrese un nombre v&aacute;lido.";
 53 | 				textInputEmail = "&iquest;Cu&aacute;l es su correo?";
 54 | 				textInputEmailRetry = "Por favor, ingrese un correo v&aacute;lido.";
 55 | 				textInputMessage = "&iquest;Cu&aacute;l es su mensaje?";
 56 | 				textInputMessageRetry = "Por favor, ingrese un mensaje v&aacute;lido.";
 57 | 				textTypePress = "Prensa";
 58 | 				textTypeWork = "Trabajo";
 59 | 				textTypeContact = "Consulta";
 60 | 				textThankYou = "Su mensaje ha sido entregado, muchas gracias. &iquest;Lo puedo ayudar con otro tema?";
 61 | 				textError = "Error al enviar el mensaje, por favor vuelva a intentarlo en otro momento. &iquest;Lo puedo ayudar con otro tema?";
 62 | 				textPlaceHolder = "Escriba un mensaje";
 63 | 				textSend = "Enviar";
 64 | 				}
 65 | 				else
 66 | 				{
 67 | 				textTitle = "Virtual assistant";
 68 | 				textWelcome = "Hello, I'm the virtual assistant of this Website. What is the reason of your visit?";
 69 | 				textInputName = "What is your name?";
 70 | 				textInputNameRetry = "Please, input a valid name.";
 71 | 				textInputEmail = "What is your email?";
 72 | 				textInputEmailRetry = "Please, input a valid email.";
 73 | 				textInputMessage = "What is your message?";
 74 | 				textInputMessageRetry = "Please, input a valid message";
 75 | 				textTypePress = "Press";
 76 | 				textTypeWork = "Work";
 77 | 				textTypeContact = "Contact";
 78 | 				textThankYou = "Your message has been delivered, thank you. Can I help you with another subject?";
 79 | 				textError = "Error while sending message, please try again later. Can I help you with another subject?";
 80 | 				textPlaceHolder = "Write a message";
 81 | 				textSend = "Send";
 82 | 				}
 83 | 
 84 | 			function AssistBot_Step_1_Welcome(a)
 85 | 				{
 86 | 				homeBot.message.add(
 87 | 					{
 88 | 					delay: 1200,
 89 | 					loading: true,
 90 | 					photo: true,
 91 | 					content: a
 92 | 					}).then(function ()
 93 | 					{
 94 | 					return homeBot.action.button(
 95 | 						{
 96 | 						delay: 1000,
 97 | 						action: [
 98 | 									{text: textTypePress, value: "press"},
 99 | 									{text: textTypeWork, value: "work"},
100 | 									{text: textTypeContact, value: "contact"}
101 | 								]
102 | 						});
103 | 					}).then(function (res)
104 | 					{
105 | 					homeBot.message.add({human: true, photo: true, content: res.text});
106 | 
107 | 					contactType = res.value;
108 | 
109 | 					AssistBot_Step_2_Name(textInputName);
110 | 					});
111 | 				}
112 | 
113 | 			function AssistBot_Step_2_Name(a)
114 | 				{
115 | 				homeBot.message.add(
116 | 					{
117 | 					delay: 1200,
118 | 					loading: true,
119 | 					photo: true,
120 | 					content: a
121 | 					}).then(function ()
122 | 					{
123 | 					return homeBot.action.text(
124 | 						{
125 | 						delay: 800,
126 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
127 | 						});
128 | 					}).then(function (res)
129 | 					{
130 | 					homeBot.message.add({human: true, photo: true, content: res.value});
131 | 
132 | 					if (res.value.trim()=="")
133 | 						{
134 | 						AssistBot_Step_2_Name(textInputNameRetry);
135 | 						}
136 | 						else
137 | 						{
138 | 						contactName = res.value;
139 | 						AssistBot_Step_3_Email(textInputEmail);
140 | 						}
141 | 					});
142 | 				}
143 | 
144 | 			function AssistBot_Step_3_Email(a)
145 | 				{
146 | 				homeBot.message.add(
147 | 					{
148 | 					delay: 1200,
149 | 					loading: true,
150 | 					photo: true,
151 | 					content: a
152 | 					}).then(function ()
153 | 					{
154 | 					return homeBot.action.text(
155 | 						{
156 | 						delay: 800,
157 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
158 | 						});
159 | 					}).then(function (res)
160 | 					{
161 | 					homeBot.message.add({human: true, photo: true, content: res.value});
162 | 
163 | 					if (validateEmail(res.value)==true)
164 | 						{
165 | 						contactEmail = res.value;
166 | 						AssistBot_Step_4_Message(textInputMessage);
167 | 						}
168 | 						else
169 | 						{
170 | 						AssistBot_Step_3_Email(textInputEmailRetry);
171 | 						}
172 | 					});
173 | 				}
174 | 
175 | 			function AssistBot_Step_4_Message(a)
176 | 				{
177 | 				homeBot.message.add(
178 | 					{
179 | 					delay: 1200,
180 | 					loading: true,
181 | 					photo: true,
182 | 					content: a
183 | 					}).then(function ()
184 | 					{
185 | 					return homeBot.action.text(
186 | 						{
187 | 						delay: 800,
188 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
189 | 						});
190 | 					}).then(function (res)
191 | 					{
192 | 					homeBot.message.add({human: true, photo: true, content: res.value});
193 | 
194 | 					if (res.value.trim()=="")
195 | 						{
196 | 						AssistBot_Step_4_Message(textInputMessageRetry);
197 | 						}
198 | 						else
199 | 						{
200 | 						contactMessage = res.value;
201 | 						AssistBot_Step_5_Posting();
202 | 						}
203 | 					});
204 | 				}
205 | 
206 | 			function AssistBot_Step_5_Posting()
207 | 				{
208 | 				contactEmail = contactEmail.toLowerCase();
209 | 				contactName = normalizeName(contactName);
210 | 
211 | 				// SETTING THE PARAMETERS
212 | 				var myUrl = "example.php";
213 | 				var params = "type=" + encodeURIComponent(contactType) + "&name=" + encodeURIComponent(contactName) + "&email=" + encodeURIComponent(contactEmail) + "&message=" + encodeURIComponent(contactMessage);
214 | 
215 | 				// VERSION 1 - STANDARD XMLHTTPREQUEST
216 | 				/*
217 | 				var http = new XMLHttpRequest();
218 | 				http.open("GET", myUrl, true);
219 | 				http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
220 | 				http.timeout = serverTimeout;
221 | 				http.onreadystatechange = function()
222 | 					{
223 | 					if(http.readyState == 4)
224 | 						{
225 | 						}
226 | 					};
227 | 				http.onerror = function (){AssistBot_Step_6_Error();};
228 | 				http.ontimeout = function (e){AssistBot_Step_6_Error();};
229 | 				http.send(params);
230 | 				*/
231 | 
232 | 				// VERSION 2 - IMG SRC FOR AVOIDING CORS REQUEST
233 | 				/*
234 | 				var myImageSubmittter = document.createElement("img");
235 | 				myImageSubmittter.onload = function()
236 | 					{
237 | 					AssistBot_Step_6_Thanks();
238 | 					};
239 | 				myImageSubmittter.onerror = function()
240 | 					{
241 | 					AssistBot_Step_6_Error();
242 | 					};
243 | 				myImageSubmittter.setAttribute("src", myUrl + "?" + params);
244 | 				*/
245 | 
246 | 				// FOR DEMO ONLY
247 | 				AssistBot_Step_6_Thanks();
248 | 				}
249 | 
250 | 			function AssistBot_Step_6_Thanks()
251 | 				{
252 | 				AssistBot_Step_1_Welcome(textThankYou);
253 | 				}
254 | 
255 | 			function AssistBot_Step_6_Error()
256 | 				{
257 | 				AssistBot_Step_1_Welcome(textError);
258 | 				}
259 | 
260 | 			function validateEmail(email)
261 | 				{
262 | 				var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
263 | 				return re.test(String(email).toLowerCase());
264 | 				}
265 | 
266 | 			function normalizeName(str)
267 | 				{
268 | 				var splitStr = str.toLowerCase().split(" ");
269 | 				for (var i = 0; i < splitStr.length; i++)
270 | 					{
271 | 					splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
272 | 					}
273 | 				return splitStr.join(" ");
274 | 				}
275 | 
276 | 			function getTime(offset)
277 | 				{
278 | 				var d = new Date();
279 | 				var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
280 | 				var nd = new Date(utc + (3600000*offset));
281 | 				var hours = nd.getHours();
282 | 				return hours;
283 | 				}
284 | 
285 | 			function isInRange(hour)
286 | 				{
287 | 				if (workingFrom>=workingTo)
288 | 					{
289 | 					if (workingFrom<=hour)
290 | 						{
291 | 						return true;
292 | 						}
293 | 						else
294 | 						{
295 | 						return false;
296 | 						}
297 | 					}
298 | 				else
299 | 					{
300 | 					if (workingTo>=hour)
301 | 						{
302 | 						return true;
303 | 						}
304 | 						else
305 | 						{
306 | 						return false;
307 | 						}
308 | 					}
309 | 				}
310 | 
311 | 			window.addEventListener("load", function()
312 | 				{
313 | 				// UPDATING THE CHATBOT WINDOW TITLE
314 | 				document.getElementsByClassName("botui-titlename")[0].innerHTML = textTitle;
315 | 
316 | 				// SETTING WHAT WILL HAPPEN WHEN THE USER CLICKS OR TOUCHES IN THE CHATBOT WINDOW TITLE
317 | 				document.getElementsByClassName("botui-title")[0].addEventListener("click",function(event)
318 | 					{
319 | 					// CHECKING IF THE CHATBOT WINDOW IS MINIMIZED
320 | 					if (document.getElementById("AssistBot").style.overflowY == "hidden")
321 | 						{
322 | 						// SHOWING THE CHATBOT WINDOW
323 | 						document.getElementById("AssistBot").style.overflowY = "visible";
324 | 						document.getElementById("AssistBot").style.height = "auto";
325 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "block";
326 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "block";
327 | 
328 | 						// SCROLLING TO THE BOTTOM OF THE CHATBOT WINDOW
329 | 						setTimeout(function(){document.getElementsByClassName("botui botui-container")[0].scrollTop = document.getElementsByClassName("botui botui-container")[0].scrollHeight;},100);
330 | 						}
331 | 						else
332 | 						{
333 | 						// HIDING THE CHATBOT WINDOW
334 | 						document.getElementById("AssistBot").style.overflowY = "hidden";
335 | 						document.getElementById("AssistBot").style.height = "30" + "px";
336 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "none";
337 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "none";
338 | 						}
339 | 					});
340 | 
341 | 				// GETTING THE CURRENT TIME
342 | 				var checkWorkingHour = getTime(workingTimeZone);
343 | 
344 | 				// CHECKING IF IS WORKING TIME FOR THE CHATBOT
345 | 				if (isInRange(checkWorkingHour)==true)
346 | 					{
347 | 					// SHOWING THE CHATBOT WINDOW
348 | 					document.getElementById("AssistBot").style.display = "block";
349 | 
350 | 					// SHOWING THE WELCOME MESSAGE
351 | 					AssistBot_Step_1_Welcome(textWelcome);
352 | 					}
353 | 				});
354 | 
355 | 			/*
356 | 			---------------------------
357 | 			IMAGE EXAMPLE
358 | 			---------------------------
359 | 			delay: 1200,
360 | 			type: "embed",
361 | 			content: "https://giphy.com/embed/v1PSPwbLIrata"
362 | 
363 | 			---------------------------
364 | 			URL EXAMPLE
365 | 			---------------------------
366 | 			delay: 1000,
367 | 			content: "!(book) [Read the docs](https:///docs.botui.org), see [examples](https:///examples.botui.org) or explore the code on !(github) [GitHub](https://github.com/moinism/botui)"
368 | 			*/
369 | 
370 | 		</script>
371 | 	</body>
372 | </html>


--------------------------------------------------------------------------------
/AssistBotSample5.htm:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 	<head>
  4 | 		<meta charset="UTF-8">
  5 | 		<title>AssistBot | Demo</title>
  6 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  7 | 		<link rel="stylesheet" href="AssistBot.css" type="text/css">
  8 | 		<style>
  9 | 			body{padding:0;margin:0;background-color:white;}
 10 | 			canvas{float:left;border:0;padding:0;margin:0;display:block}
 11 | 			.botui-app-container3D{position:fixed;top:0;height:100%;left:424px;right:0;z-index:9999;background-color:white}
 12 | 			.botui-scroller3D{display:block;width:100%;height:100%;overflow-y:hidden}
 13 | 			.demo-starter{position:fixed;left:0;right:0;top:0;bottom:0;background-color:silver;z-index:10000}
 14 | 			.demo-starter-label{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto auto;width:auto;height:100px;text-align:center;font-family:Arial;font-size:36px;font-weight:bold;cursor:default}
 15 | 			.pleasewait_container{position:fixed;left:0;top:0;right:0;bottom:0;background-color:black;z-index:99999}
 16 | 			.pleasewait{position:fixed;width:64px;height:64px;left:0;right:0;top:0;bottom:0;margin:auto auto;border:0;z-index:9}
 17 | 			.lds-spinner{color:white;display:inline-block;position:relative;width:64px;height:64px}
 18 | 			.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite}
 19 | 			.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:white}
 20 | 			.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}
 21 | 			.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}
 22 | 			.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}
 23 | 			.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}
 24 | 			.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}
 25 | 			.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}
 26 | 			.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}
 27 | 			.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}
 28 | 			.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}
 29 | 			.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}
 30 | 			.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}
 31 | 			.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}
 32 | 			@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}
 33 | 
 34 | 			@media only screen and (orientation:portrait)
 35 | 				{
 36 | 				.botui-app-container3D{background-color:red;position:fixed;top:unset;bottom:0;height:230px !important;left:0 !important;right:0;z-index:9999;background-color:white}
 37 | 				.demo-starter-label{font-size:30px}
 38 | 				}
 39 | 
 40 | 		</style>
 41 | 	</head>
 42 | 	<body>
 43 | 		<canvas id="threeCanvas"></canvas>
 44 | 		<div class="botui-app-container3D" id="AssistBot">
 45 | 			<div class="botui-scroller3D" id="botui-scroller">
 46 | 				<bot-ui></bot-ui>
 47 | 			</div>
 48 | 		</div>
 49 | 		<div class="demo-starter"><span class="demo-starter-label"></span></div>
 50 | 		<div class="pleasewait_container"><div class="pleasewait" id="loading"><div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div></div>
 51 | 
 52 | 		<script src="AssistBotSample5.js"></script>
 53 | 		<script src="AssistBot.min.js"></script>
 54 | 		<script>
 55 | 
 56 | 			var homeBot = BotUI("AssistBot");
 57 | 
 58 | 			var userLanguage = window.navigator.userLanguage || window.navigator.language;
 59 | 
 60 | 			var textStart = "";
 61 | 			var textTitle = "";
 62 | 			var textWelcome = "";
 63 | 			var textInputName = "";
 64 | 			var textInputNameRetry = "";
 65 | 			var textInputEmail = "";
 66 | 			var textInputEmailRetry = "";
 67 | 			var textInputMessage = "";
 68 | 			var textInputMessageRetry = "";
 69 | 			var textTypePress = "";
 70 | 			var textTypeWork = "";
 71 | 			var textTypeContact = "";
 72 | 			var textThankYou = "";
 73 | 			var textError = "";
 74 | 			var textPlaceHolder = "";
 75 | 			var textSend = "";
 76 | 
 77 | 			var contactType = "";
 78 | 			var contactName = "";
 79 | 			var contactEmail = "";
 80 | 			var contactMessage = "";
 81 | 
 82 | 			if (userLanguage.substring(0,2)=="es")
 83 | 				{
 84 | 				textStart = "HAGA CLICK PARA<br/>COMENZAR LA DEMO";
 85 | 				textTitle = "Asistente virtual";
 86 | 				textWelcome = "Hola, soy la asistente virtual de este sitio Web. &iquest;Cu&aacute;l es el motivo de su visita?";
 87 | 				textInputName = "&iquest;Cu&aacute;l es su nombre?";
 88 | 				textInputNameRetry = "Por favor, ingrese un nombre v&aacute;lido.";
 89 | 				textInputEmail = "&iquest;Cu&aacute;l es su correo?";
 90 | 				textInputEmailRetry = "Por favor, ingrese un correo v&aacute;lido.";
 91 | 				textInputMessage = "&iquest;Cu&aacute;l es su mensaje?";
 92 | 				textInputMessageRetry = "Por favor, ingrese un mensaje v&aacute;lido.";
 93 | 				textTypePress = "Prensa";
 94 | 				textTypeWork = "Trabajo";
 95 | 				textTypeContact = "Consulta";
 96 | 				textThankYou = "Su mensaje ha sido entregado, muchas gracias. &iquest;Lo puedo ayudar con otro tema?";
 97 | 				textError = "Error al enviar el mensaje, por favor vuelva a intentarlo en otro momento. &iquest;Lo puedo ayudar con otro tema?";
 98 | 				textPlaceHolder = "Escriba un mensaje";
 99 | 				textSend = "Enviar";
100 | 				}
101 | 				else
102 | 				{
103 | 				textStart = "CLICK TO START<br />THE BOT DEMO";
104 | 				textTitle = "Virtual assistant";
105 | 				textWelcome = "Hello, I'm the virtual assistant of this Website. What is the reason of your visit?";
106 | 				textInputName = "What is your name?";
107 | 				textInputNameRetry = "Please, input a valid name.";
108 | 				textInputEmail = "What is your email?";
109 | 				textInputEmailRetry = "Please, input a valid email.";
110 | 				textInputMessage = "What is your message?";
111 | 				textInputMessageRetry = "Please, input a valid message";
112 | 				textTypePress = "Press";
113 | 				textTypeWork = "Work";
114 | 				textTypeContact = "Contact";
115 | 				textThankYou = "Your message has been delivered, thank you. Can I help you with another subject?";
116 | 				textError = "Error while sending message, please try again later. Can I help you with another subject?";
117 | 				textPlaceHolder = "Write a message";
118 | 				textSend = "Send";
119 | 				}
120 | 
121 | 			document.getElementsByClassName("demo-starter-label")[0].innerHTML = textStart;
122 | 
123 | 			function AssistBot_Step_1_Welcome(a)
124 | 				{
125 | 				homeBot.message.add(
126 | 					{
127 | 					delay: 1200,
128 | 					loading: true,
129 | 					photo: true,
130 | 					content: a
131 | 					}).then(function ()
132 | 					{
133 | 					speak(onlyText(a));
134 | 					return homeBot.action.button(
135 | 						{
136 | 						delay: 1000,
137 | 						action: [
138 | 									{text: textTypePress, value: "press"},
139 | 									{text: textTypeWork, value: "work"},
140 | 									{text: textTypeContact, value: "contact"}
141 | 								]
142 | 						});
143 | 					}).then(function (res)
144 | 					{
145 | 					homeBot.message.add({human: true, photo: true, content: res.text});
146 | 
147 | 					contactType = res.value;
148 | 
149 | 					AssistBot_Step_2_Name(textInputName);
150 | 					});
151 | 				}
152 | 
153 | 			function AssistBot_Step_2_Name(a)
154 | 				{
155 | 				homeBot.message.add(
156 | 					{
157 | 					delay: 1200,
158 | 					loading: true,
159 | 					photo: true,
160 | 					content: a
161 | 					}).then(function ()
162 | 					{
163 | 					speak(onlyText(a));
164 | 					return homeBot.action.text(
165 | 						{
166 | 						delay: 800,
167 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
168 | 						});
169 | 					}).then(function (res)
170 | 					{
171 | 					homeBot.message.add({human: true, photo: true, content: res.value});
172 | 
173 | 					if (res.value.trim()=="")
174 | 						{
175 | 						surpriseFace();
176 | 						AssistBot_Step_2_Name(textInputNameRetry);
177 | 						}
178 | 						else
179 | 						{
180 | 						contactName = res.value;
181 | 						AssistBot_Step_3_Email(textInputEmail);
182 | 						}
183 | 					});
184 | 				}
185 | 
186 | 			function AssistBot_Step_3_Email(a)
187 | 				{
188 | 				homeBot.message.add(
189 | 					{
190 | 					delay: 1200,
191 | 					loading: true,
192 | 					photo: true,
193 | 					content: a
194 | 					}).then(function ()
195 | 					{
196 | 					speak(onlyText(a));
197 | 					return homeBot.action.text(
198 | 						{
199 | 						delay: 800,
200 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
201 | 						});
202 | 					}).then(function (res)
203 | 					{
204 | 					homeBot.message.add({human: true, photo: true, content: res.value});
205 | 
206 | 					if (validateEmail(res.value)==true)
207 | 						{
208 | 						contactEmail = res.value;
209 | 						AssistBot_Step_4_Message(textInputMessage);
210 | 						}
211 | 						else
212 | 						{
213 | 						surpriseFace();
214 | 						AssistBot_Step_3_Email(textInputEmailRetry);
215 | 						}
216 | 					});
217 | 				}
218 | 
219 | 			function AssistBot_Step_4_Message(a)
220 | 				{
221 | 				homeBot.message.add(
222 | 					{
223 | 					delay: 1200,
224 | 					loading: true,
225 | 					photo: true,
226 | 					content: a
227 | 					}).then(function ()
228 | 					{
229 | 					speak(onlyText(a));
230 | 					return homeBot.action.text(
231 | 						{
232 | 						delay: 800,
233 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
234 | 						});
235 | 					}).then(function (res)
236 | 					{
237 | 					homeBot.message.add({human: true, photo: true, content: res.value});
238 | 
239 | 					if (res.value.trim()=="")
240 | 						{
241 | 						AssistBot_Step_4_Message(textInputMessageRetry);
242 | 						}
243 | 						else
244 | 						{
245 | 						contactMessage = res.value;
246 | 						AssistBot_Step_5_Posting();
247 | 						}
248 | 					});
249 | 				}
250 | 
251 | 			function AssistBot_Step_5_Posting()
252 | 				{
253 | 				contactEmail = contactEmail.toLowerCase();
254 | 				contactName = normalizeName(contactName);
255 | 
256 | 				// SETTING THE PARAMETERS
257 | 				var myUrl = "example.php";
258 | 				var params = "type=" + encodeURIComponent(contactType) + "&name=" + encodeURIComponent(contactName) + "&email=" + encodeURIComponent(contactEmail) + "&message=" + encodeURIComponent(contactMessage);
259 | 
260 | 				// VERSION 1 - STANDARD XMLHTTPREQUEST
261 | 				/*
262 | 				var http = new XMLHttpRequest();
263 | 				http.open("GET", myUrl, true);
264 | 				http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
265 | 				http.timeout = serverTimeout;
266 | 				http.onreadystatechange = function()
267 | 					{
268 | 					if(http.readyState == 4)
269 | 						{
270 | 						}
271 | 					};
272 | 				http.onerror = function (){AssistBot_Step_6_Error();};
273 | 				http.ontimeout = function (e){AssistBot_Step_6_Error();};
274 | 				http.send(params);
275 | 				*/
276 | 
277 | 				// VERSION 2 - IMG SRC FOR AVOIDING CORS REQUEST
278 | 				/*
279 | 				var myImageSubmittter = document.createElement("img");
280 | 				myImageSubmittter.onload = function()
281 | 					{
282 | 					AssistBot_Step_6_Thanks();
283 | 					};
284 | 				myImageSubmittter.onerror = function()
285 | 					{
286 | 					AssistBot_Step_6_Error();
287 | 					};
288 | 				myImageSubmittter.setAttribute("src", myUrl + "?" + params);
289 | 				*/
290 | 
291 | 				// FOR DEMO ONLY
292 | 				AssistBot_Step_6_Thanks();
293 | 				}
294 | 
295 | 			function AssistBot_Step_6_Thanks()
296 | 				{
297 | 				happyFace();
298 | 				AssistBot_Step_1_Welcome(textThankYou);
299 | 				}
300 | 
301 | 			function AssistBot_Step_6_Error()
302 | 				{
303 | 				AssistBot_Step_1_Welcome(textError);
304 | 				}
305 | 
306 | 			function minimize()
307 | 				{
308 | 				if (document.getElementById("AssistBot").style.overflowY == "hidden")
309 | 					{
310 | 					document.getElementById("AssistBot").style.overflowY = "visible"; 
311 | 					document.getElementById("AssistBot").style.height = "auto";
312 | 					document.getElementById("botui-closeicon").style.display = "block";
313 | 					}
314 | 					else
315 | 					{
316 | 					document.getElementById("AssistBot").style.overflowY = "hidden"; 
317 | 					document.getElementById("AssistBot").style.height = "30" + "px";
318 | 					document.getElementById("botui-closeicon").style.display = "none";
319 | 					}
320 | 				}
321 | 
322 | 			function validateEmail(email)
323 | 				{
324 | 				var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
325 | 				return re.test(String(email).toLowerCase());
326 | 				}
327 | 
328 | 			function normalizeName(str)
329 | 				{
330 | 				var splitStr = str.toLowerCase().split(" ");
331 | 				for (var i = 0; i < splitStr.length; i++)
332 | 					{
333 | 					splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
334 | 					}
335 | 				return splitStr.join(" ");
336 | 				}
337 | 
338 | 			function onlyText(a)
339 | 				{
340 | 				var div = document.createElement("div");
341 | 				div.innerHTML = a;
342 | 				return div.textContent || div.innerText || "";
343 | 				}
344 | 
345 | 			/*
346 | 			---------------------------
347 | 			IMAGE EXAMPLE
348 | 			---------------------------
349 | 			delay: 1200,
350 | 			type: "embed",
351 | 			content: "https://giphy.com/embed/v1PSPwbLIrata"
352 | 
353 | 			---------------------------
354 | 			URL EXAMPLE
355 | 			---------------------------
356 | 			delay: 1000,
357 | 			content: "!(book) [Read the docs](https:///docs.botui.org), see [examples](https:///examples.botui.org) or explore the code on !(github) [GitHub](https://github.com/moinism/botui)"
358 | 			*/
359 | 
360 | 		</script>
361 | 	</body>
362 | </html>


--------------------------------------------------------------------------------
/AssistBotSample4.htm:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 	<head>
  4 | 		<meta charset="UTF-8">
  5 | 		<title>AssistBot | Demo</title>
  6 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  7 | 		<link rel="stylesheet" href="AssistBot.css" type="text/css">
  8 | 	</head>
  9 | 	<body style="background-color:grey;">
 10 | 		<div class="botui-app-container" id="AssistBot">
 11 | 			<div class="botui-title"><span class="botui-titlename"></span><div class="botui-closeicon"></div></div>
 12 | 			<div class="botui-scroller">
 13 | 				<bot-ui></bot-ui>
 14 | 			</div>
 15 | 		</div>
 16 | 		<script src="AssistBot.min.js"></script>
 17 | 		<script>
 18 | 			var workingFrom = 0;
 19 | 			var workingTo = 23;
 20 | 			var workingTimeZone = "-3"; // EXAMPLE TIME ZONE
 21 | 
 22 | 			var homeBot = BotUI("AssistBot");
 23 | 
 24 | 			var userLanguage = window.navigator.userLanguage || window.navigator.language;
 25 | 
 26 | 			var textTitle = "";
 27 | 			var textWelcome = "";
 28 | 			var textNewReport = "";
 29 | 			var textQueryReport = "";
 30 | 			var textDeviceType = "";
 31 | 			var textTabletBroken = "";
 32 | 			var textSmartphoneBroken = "";
 33 | 			var textQuestion1 = "";
 34 | 			var textQuestion1Answer1 = "";
 35 | 			var textQuestion1Answer2 = "";
 36 | 			var textQuestion1Answer3 = "";
 37 | 			var textQuestion1Answer4 = "";
 38 | 			var textSuggestion1 = "";
 39 | 			var textSuggestion2 = "";
 40 | 			var textYes = "";
 41 | 			var textNo = "";
 42 | 			var textInputName = "";
 43 | 			var textInputNameRetry = "";
 44 | 			var textInputEmail = "";
 45 | 			var textInputEmailRetry = "";
 46 | 			var textInputReportNumber = "";
 47 | 			var textInputReportNumberRetry = "";
 48 | 			var textInputReportNumberRetryInvalid = "";
 49 | 			var textInputReportNumberFound = "";
 50 | 			var textInputReportNumberNotFound = "";
 51 | 			var textThankYou = "";
 52 | 			var textError = "";
 53 | 			var textGladToHelp = "";
 54 | 			var textPlaceHolder = "";
 55 | 			var textSend = "";
 56 | 
 57 | 			var reportDevice = "";
 58 | 			var reportProblem = "";
 59 | 			var reportName = "";
 60 | 			var reportEmail = "";
 61 | 
 62 | 			if (userLanguage.substring(0,2)=="es")
 63 | 				{
 64 | 				textTitle = "Asistente virtual";
 65 | 				textWelcome = "Hola, soy la asistente virtual del Soporte T&eacute;cnico Ejemplo. &iquest;Qu&eacute; puedo hacer por usted?";
 66 | 				textNewReport = "Dispositivo roto";
 67 | 				textQueryReport = "Consultar ticket";
 68 | 				textDeviceType = "&iquest;Es un smartphone o una tablet?";
 69 | 				textTablet = "Tablet";
 70 | 				textSmartphone = "Smartphone";
 71 | 				textQuestion1 = "&iquest;Qu&eacute; le sucede al dispositivo?";
 72 | 				textQuestion1Answer1 = "No enciende";
 73 | 				textQuestion1Answer2 = "No responde";
 74 | 				textQuestion1Answer3 = "Pantalla rota";
 75 | 				textQuestion1Answer4 = "Bater" + String.fromCharCode(237) +  "a agotada";
 76 | 				textSuggestion1 = "Intente reestablecer el dispositivo de f&aacute;brica. &iquest;Esto ha solucionado el problema?";
 77 | 				textSuggestion2 = "Intente esperar a que la bater&iacute;a se agote y luego cargue el dispositivo. &iquest;Esto ha solucionado el problema?";
 78 | 				textYes = "S" + String.fromCharCode(237);
 79 | 				textNo = "No";
 80 | 				textInputName = "&iquest;Cu&aacute;l es su nombre completo?";
 81 | 				textInputNameRetry = "Por favor, ingrese su nombre completo.";
 82 | 				textInputEmail = "&iquest;Cu&aacute;l es su correo?";
 83 | 				textInputEmailRetry = "Por favor, ingrese un correo v&aacute;lido.";
 84 | 				textInputReportNumber = "&iquest;Cu&aacute;l es su n&uacute;mero de ticket?";
 85 | 				textInputReportNumberRetry = "Por favor, ingrese su n&uacute;mero de ticket.";
 86 | 				textInputReportNumberRetryInvalid = "Por favor, ingrese un n&uacute;mero de ticket v&aacute;lido.";
 87 | 				textInputReportNumberFound = "Su ticket indica que el dispositivo est&aacute; siendo reparado y ser&aacute; notificado durante el d&iacute;a de hoy. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 88 | 				textInputReportNumberNotFound = "No se encontr&oacute; un ticket con ese n&uacute;mero. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 89 | 				textThankYou = "Su consulta ha sido derivada al personal t&eacute;cnico, su n&uacute;mero de ticket es %TICKET%, muchas gracias. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 90 | 				textError = "Error al derivar la consulta, por favor vuelva a intentarlo en otro momento. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 91 | 				textGladToHelp = "Fue un gusto haber sido de ayuda. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 92 | 				textPlaceHolder = "Escriba un mensaje";
 93 | 				textSend = "Enviar";
 94 | 				}
 95 | 				else
 96 | 				{
 97 | 				textTitle = "Virtual assistant";
 98 | 				textWelcome = "Hello, I'm the virtual assistant at the Technical Support Example. What can I do for you?";
 99 | 				textNewReport = "Broken device";
100 | 				textQueryReport = "Check ticket";
101 | 				textDeviceType = "Is a smartphone or a tablet?";
102 | 				textTablet = "Tablet";
103 | 				textSmartphone = "Smartphone";
104 | 				textQuestion1 = "What happened with the device?";
105 | 				textQuestion1Answer1 = "Can't turn on";
106 | 				textQuestion1Answer2 = "Frozen screen";
107 | 				textQuestion1Answer3 = "Broken screen";
108 | 				textQuestion1Answer4 = "Dead battery";
109 | 				textSuggestion1 = "Try to restart the device to the factory settings. Does this solved your problem?";
110 | 				textSuggestion2 = "Try to wait until the battery is dried and then charge the device. Does this solved your problem?";
111 | 				textYes = "Yes";
112 | 				textNo = "No";
113 | 				textInputName = "What is your full name?";
114 | 				textInputNameRetry = "Please, input your full name.";
115 | 				textInputEmail = "What is your email?";
116 | 				textInputEmailRetry = "Please, input a valid email.";
117 | 				textInputReportNumber = "What is your ticket number?";
118 | 				textInputReportNumberRetry = "Please, input your ticket number.";
119 | 				textInputReportNumberRetryInvalid = "Please, input a valid ticket number.";
120 | 				textInputReportNumberFound = "Your ticket says that the device is been repaired and you are going to be notified during the day. What else can I do for you?";
121 | 				textInputReportNumberNotFound = "No ticket found with that number. What else can I do for you?";
122 | 				textThankYou = "A report was made to the technical support team, your ticket number is %TICKET%, thank you. What else can I do for you?";
123 | 				textError = "Error while making the report, please try again later. What else can I do for you?";
124 | 				textGladToHelp = "It was a pleasure to help you. What else can I do for you?";
125 | 				textPlaceHolder = "Escriba un mensaje";
126 | 				textPlaceHolder = "Write a message";
127 | 				textSend = "Send";
128 | 				}
129 | 
130 | 			function AssistBot_Step_1_Welcome(a)
131 | 				{
132 | 				homeBot.message.add(
133 | 					{
134 | 					delay: 1200,
135 | 					loading: true,
136 | 					photo: true,
137 | 					content: a
138 | 					}).then(function ()
139 | 					{
140 | 					return homeBot.action.button(
141 | 						{
142 | 						delay: 1000,
143 | 						action: [
144 | 									{text: textNewReport, value: textNewReport},
145 | 									{text: textQueryReport, value: textQueryReport},
146 | 								]
147 | 						});
148 | 					}).then(function (res)
149 | 					{
150 | 					homeBot.message.add({human: true, photo: true, content: res.text});
151 | 
152 | 					if (res.value==textNewReport)
153 | 						{
154 | 						AssistBot_Step_2_DeviceType();
155 | 						}
156 | 					else if(res.value==textQueryReport)
157 | 						{
158 | 						AssistBot_Step_11_QueryReport(textInputReportNumber);
159 | 						}
160 | 					});
161 | 				}
162 | 			function AssistBot_Step_2_DeviceType()
163 | 				{
164 | 				homeBot.message.add(
165 | 					{
166 | 					delay: 1200,
167 | 					loading: true,
168 | 					photo: true,
169 | 					content: textDeviceType
170 | 					}).then(function ()
171 | 					{
172 | 					return homeBot.action.button(
173 | 						{
174 | 						delay: 1000,
175 | 						action: [
176 | 									{text: textSmartphone, value: textSmartphone},
177 | 									{text: textTablet, value: textTablet}
178 | 								]
179 | 						});
180 | 					}).then(function (res)
181 | 					{
182 | 					homeBot.message.add({human: true, photo: true, content: res.text});
183 | 
184 | 					reportDevice = res.value;
185 | 
186 | 					AssistBot_Step_3_Question1();
187 | 
188 | 					});
189 | 				}
190 | 
191 | 			function AssistBot_Step_3_Question1()
192 | 				{
193 | 				homeBot.message.add(
194 | 					{
195 | 					delay: 1200,
196 | 					loading: true,
197 | 					photo: true,
198 | 					content: textQuestion1
199 | 					}).then(function ()
200 | 					{
201 | 					return homeBot.action.button(
202 | 						{
203 | 						delay: 1000,
204 | 						action: [
205 | 									{text: textQuestion1Answer1, value: textQuestion1Answer1},
206 | 									{text: textQuestion1Answer2, value: textQuestion1Answer2},
207 | 									{text: textQuestion1Answer3, value: textQuestion1Answer3},
208 | 									{text: textQuestion1Answer4, value: textQuestion1Answer4}
209 | 								]
210 | 						});
211 | 					}).then(function (res)
212 | 					{
213 | 					homeBot.message.add({human: true, photo: true, content: res.text});
214 | 
215 | 					reportProblem = res.value;
216 | 
217 | 					AssistBot_Step_4_Suggestion1();
218 | 
219 | 					});
220 | 				}
221 | 
222 | 			function AssistBot_Step_4_Suggestion1()
223 | 				{
224 | 				homeBot.message.add(
225 | 					{
226 | 					delay: 1200,
227 | 					loading: true,
228 | 					photo: true,
229 | 					content: textSuggestion1
230 | 					}).then(function ()
231 | 					{
232 | 					return homeBot.action.button(
233 | 						{
234 | 						delay: 1000,
235 | 						action: [
236 | 									{text: textYes, value: "yes"},
237 | 									{text: textNo, value: "no"}
238 | 								]
239 | 						});
240 | 					}).then(function (res)
241 | 					{
242 | 					homeBot.message.add({human: true, photo: true, content: res.text});
243 | 
244 | 					if (res.value=="no")
245 | 						{
246 | 						AssistBot_Step_5_Suggestion2();
247 | 						}
248 | 						else
249 | 						{
250 | 						AssistBot_Step_10_GladToHelp();
251 | 						}
252 | 					});
253 | 				}
254 | 
255 | 			function AssistBot_Step_5_Suggestion2(a)
256 | 				{
257 | 				homeBot.message.add(
258 | 					{
259 | 					delay: 1200,
260 | 					loading: true,
261 | 					photo: true,
262 | 					content: textSuggestion2
263 | 					}).then(function ()
264 | 					{
265 | 					return homeBot.action.button(
266 | 						{
267 | 						delay: 1000,
268 | 						action: [
269 | 									{text: textYes, value: "yes"},
270 | 									{text: textNo, value: "no"}
271 | 								]
272 | 						});
273 | 					}).then(function (res)
274 | 					{
275 | 					homeBot.message.add({human: true, photo: true, content: res.text});
276 | 
277 | 					if (res.value=="no")
278 | 						{
279 | 						AssistBot_Step_6_Name(textInputName);
280 | 						}
281 | 						else
282 | 						{
283 | 						AssistBot_Step_10_GladToHelp();
284 | 						}
285 | 					});
286 | 				}
287 | 
288 | 			function AssistBot_Step_6_Name(a)
289 | 				{
290 | 				homeBot.message.add(
291 | 					{
292 | 					delay: 1200,
293 | 					loading: true,
294 | 					photo: true,
295 | 					content: a
296 | 					}).then(function ()
297 | 					{
298 | 					return homeBot.action.text(
299 | 						{
300 | 						delay: 800,
301 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
302 | 						});
303 | 					}).then(function (res)
304 | 					{
305 | 					homeBot.message.add({human: true, photo: true, content: res.value});
306 | 
307 | 					if (res.value.trim()=="")
308 | 						{
309 | 						AssistBot_Step_6_Name(textInputNameRetry);
310 | 						}
311 | 						else
312 | 						{
313 | 						if (countWords(res.value)<2)
314 | 							{
315 | 							AssistBot_Step_6_Name(textInputNameRetry);
316 | 							}
317 | 							else
318 | 							{
319 | 							reportName = res.value;
320 | 							AssistBot_Step_7_Email(textInputEmail);
321 | 							}
322 | 						}
323 | 					});
324 | 				}
325 | 
326 | 			function AssistBot_Step_7_Email(a)
327 | 				{
328 | 				homeBot.message.add(
329 | 					{
330 | 					delay: 1200,
331 | 					loading: true,
332 | 					photo: true,
333 | 					content: a
334 | 					}).then(function ()
335 | 					{
336 | 					return homeBot.action.text(
337 | 						{
338 | 						delay: 800,
339 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
340 | 						});
341 | 					}).then(function (res)
342 | 					{
343 | 					homeBot.message.add({human: true, photo: true, content: res.value});
344 | 
345 | 					if (validateEmail(res.value)==true)
346 | 						{
347 | 						reportEmail = res.value;
348 | 						AssistBot_Step_8_Posting();
349 | 						}
350 | 						else
351 | 						{
352 | 						AssistBot_Step_7_Email(textInputEmailRetry);
353 | 						}
354 | 					});
355 | 				}
356 | 
357 | 			function AssistBot_Step_8_Posting()
358 | 				{
359 | 				reportEmail = reportEmail.toLowerCase();
360 | 				reportName = normalizeName(reportName);
361 | 
362 | 				// SETTING THE PARAMETERS
363 | 				var myUrl = "example.php";
364 | 				var params = "device=" + encodeURIComponent(reportDevice) + "&problem=" + encodeURIComponent(reportProblem) + "&name=" + encodeURIComponent(reportName) + "&email=" + encodeURIComponent(reportEmail);
365 | 				var ticketNumber = "1234";
366 | 
367 | 				// VERSION 1 - STANDARD XMLHTTPREQUEST
368 | 				/*
369 | 				var http = new XMLHttpRequest();
370 | 				http.open("GET", myUrl, true);
371 | 				http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
372 | 				http.timeout = serverTimeout;
373 | 				http.onreadystatechange = function()
374 | 					{
375 | 					if(http.readyState == 4)
376 | 						{
377 | 						}
378 | 					};
379 | 				http.onerror = function (){AssistBot_Step_6_Error();};
380 | 				http.ontimeout = function (e){AssistBot_Step_6_Error();};
381 | 				http.send(params);
382 | 				*/
383 | 
384 | 				// VERSION 2 - IMG SRC FOR AVOIDING CORS REQUEST
385 | 				/*
386 | 				var myImageSubmittter = document.createElement("img");
387 | 				myImageSubmittter.onload = function()
388 | 					{
389 | 					AssistBot_Step_6_Thanks();
390 | 					};
391 | 				myImageSubmittter.onerror = function()
392 | 					{
393 | 					AssistBot_Step_6_Error();
394 | 					};
395 | 				myImageSubmittter.setAttribute("src", myUrl + "?" + params);
396 | 				*/
397 | 
398 | 				// FOR DEMO ONLY
399 | 				AssistBot_Step_9_Thanks(ticketNumber);
400 | 				}
401 | 
402 | 			function AssistBot_Step_9_Thanks(ticketNumber)
403 | 				{
404 | 				var answer = textThankYou;
405 | 				answer = answer.replace("%TICKET%",ticketNumber);
406 | 				AssistBot_Step_1_Welcome(answer);
407 | 				}
408 | 
409 | 			function AssistBot_Step_9_Error()
410 | 				{
411 | 				AssistBot_Step_1_Welcome(textError);
412 | 				}
413 | 
414 | 			function AssistBot_Step_10_GladToHelp()
415 | 				{
416 | 				AssistBot_Step_1_Welcome(textGladToHelp);
417 | 				}
418 | 
419 | 			function AssistBot_Step_11_QueryReport(a)
420 | 				{
421 | 				homeBot.message.add(
422 | 					{
423 | 					delay: 1200,
424 | 					loading: true,
425 | 					photo: true,
426 | 					content: a
427 | 					}).then(function ()
428 | 					{
429 | 					return homeBot.action.text(
430 | 						{
431 | 						delay: 800,
432 | 						action: {value: "", sub_type: "number", placeholder: textPlaceHolder, button: {label: textSend}},
433 | 						});
434 | 					}).then(function (res)
435 | 					{
436 | 					homeBot.message.add({human: true, photo: true, content: res.value});
437 | 
438 | 					if (res.value.trim()=="")
439 | 						{
440 | 						AssistBot_Step_11_QueryReport(textInputReportNumberRetry);
441 | 						}
442 | 						else
443 | 						{
444 | 						if (res.value<1)
445 | 							{
446 | 							AssistBot_Step_11_QueryReport(textInputReportNumberRetryInvalid);
447 | 							}
448 | 							else
449 | 							{
450 | 							var reportFound = true;
451 | 
452 | 							if (reportFound==true)
453 | 								{
454 | 								AssistBot_Step_1_Welcome(textInputReportNumberFound);
455 | 								}
456 | 								else
457 | 								{
458 | 								AssistBot_Step_1_Welcome(textInputReportNumberNotFound);
459 | 								}
460 | 							}
461 | 						}
462 | 					});
463 | 				}
464 | 
465 | 			function validateEmail(email)
466 | 				{
467 | 				var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
468 | 				return re.test(String(email).toLowerCase());
469 | 				}
470 | 
471 | 			function normalizeName(str)
472 | 				{
473 | 				var splitStr = str.toLowerCase().split(" ");
474 | 				for (var i = 0; i < splitStr.length; i++)
475 | 					{
476 | 					splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
477 | 					}
478 | 				return splitStr.join(" ");
479 | 				}
480 | 
481 | 			function countWords(s)
482 | 				{
483 | 				s = s.replace(/(^\s*)|(\s*$)/gi,"");
484 | 				s = s.replace(/[ ]{2,}/gi," ");
485 | 				s = s.replace(/\n /,"\n");
486 | 				return s.split(" ").filter(function(str){return str!="";}).length;
487 | 				}
488 | 
489 | 			function getTime(offset)
490 | 				{
491 | 				var d = new Date();
492 | 				var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
493 | 				var nd = new Date(utc + (3600000*offset));
494 | 				var hours = nd.getHours();
495 | 				return hours;
496 | 				}
497 | 
498 | 			function isInRange(hour)
499 | 				{
500 | 				if (workingFrom>=workingTo)
501 | 					{
502 | 					if (workingFrom<=hour)
503 | 						{
504 | 						return true;
505 | 						}
506 | 						else
507 | 						{
508 | 						return false;
509 | 						}
510 | 					}
511 | 				else
512 | 					{
513 | 					if (workingTo>=hour)
514 | 						{
515 | 						return true;
516 | 						}
517 | 						else
518 | 						{
519 | 						return false;
520 | 						}
521 | 					}
522 | 				}
523 | 
524 | 			window.addEventListener("load", function()
525 | 				{
526 | 				// UPDATING THE CHATBOT WINDOW TITLE
527 | 				document.getElementsByClassName("botui-titlename")[0].innerHTML = textTitle;
528 | 
529 | 				// SETTING WHAT WILL HAPPEN WHEN THE USER CLICKS OR TOUCHES IN THE CHATBOT WINDOW TITLE
530 | 				document.getElementsByClassName("botui-title")[0].addEventListener("click",function(event)
531 | 					{
532 | 					// CHECKING IF THE CHATBOT WINDOW IS MINIMIZED
533 | 					if (document.getElementById("AssistBot").style.overflowY == "hidden")
534 | 						{
535 | 						// SHOWING THE CHATBOT WINDOW
536 | 						document.getElementById("AssistBot").style.overflowY = "visible";
537 | 						document.getElementById("AssistBot").style.height = "auto";
538 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "block";
539 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "block";
540 | 
541 | 						// SCROLLING TO THE BOTTOM OF THE CHATBOT WINDOW
542 | 						setTimeout(function(){document.getElementsByClassName("botui botui-container")[0].scrollTop = document.getElementsByClassName("botui botui-container")[0].scrollHeight;},100);
543 | 						}
544 | 						else
545 | 						{
546 | 						// HIDING THE CHATBOT WINDOW
547 | 						document.getElementById("AssistBot").style.overflowY = "hidden";
548 | 						document.getElementById("AssistBot").style.height = "30" + "px";
549 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "none";
550 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "none";
551 | 						}
552 | 					});
553 | 
554 | 				// GETTING THE CURRENT TIME
555 | 				var checkWorkingHour = getTime(workingTimeZone);
556 | 
557 | 				// CHECKING IF IS WORKING TIME FOR THE CHATBOT
558 | 				if (isInRange(checkWorkingHour)==true)
559 | 					{
560 | 					// SHOWING THE CHATBOT WINDOW
561 | 					document.getElementById("AssistBot").style.display = "block";
562 | 
563 | 					// SHOWING THE WELCOME MESSAGE
564 | 					AssistBot_Step_1_Welcome(textWelcome);
565 | 					}
566 | 				});
567 | 
568 | 			/*
569 | 			---------------------------
570 | 			IMAGE EXAMPLE
571 | 			---------------------------
572 | 			delay: 1200,
573 | 			type: "embed",
574 | 			content: "https://giphy.com/embed/v1PSPwbLIrata"
575 | 
576 | 			---------------------------
577 | 			URL EXAMPLE
578 | 			---------------------------
579 | 			delay: 1000,
580 | 			content: "!(book) [Read the docs](https:///docs.botui.org), see [examples](https:///examples.botui.org) or explore the code on !(github) [GitHub](https://github.com/moinism/botui)"
581 | 			*/
582 | 
583 | 		</script>
584 | 	</body>
585 | </html>


--------------------------------------------------------------------------------
/AssistBotSample2.htm:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 	<head>
  4 | 		<meta charset="UTF-8">
  5 | 		<title>AssistBot | Demo</title>
  6 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  7 | 		<link rel="stylesheet" href="AssistBot.css" type="text/css">
  8 | 	</head>
  9 | 	<body style="background-color:grey;">
 10 | 		<div class="botui-app-container" id="AssistBot">
 11 | 			<div class="botui-title"><span class="botui-titlename"></span><div class="botui-closeicon"></div></div>
 12 | 			<div class="botui-scroller">
 13 | 				<bot-ui></bot-ui>
 14 | 			</div>
 15 | 		</div>
 16 | 		<script src="AssistBot.min.js"></script>
 17 | 		<script>
 18 | 			var workingFrom = 0;
 19 | 			var workingTo = 23;
 20 | 			var workingTimeZone = "-3"; // EXAMPLE TIME ZONE
 21 | 
 22 | 			var homeBot = BotUI("AssistBot");
 23 | 
 24 | 			var userLanguage = window.navigator.userLanguage || window.navigator.language;
 25 | 
 26 | 			var textTitle = "";
 27 | 			var textWelcome = "";
 28 | 			var textMakeReservation = "";
 29 | 			var textCheckReservation = "";
 30 | 			var textInputDate = "";
 31 | 			var textInputDateWho = "";
 32 | 			var textInputDateWhoRetry = "";
 33 | 			var textInputDateError1 = "";
 34 | 			var textInputDateError2 = "";
 35 | 			var textVacancy = "";
 36 | 			var textNoVacancy = "";
 37 | 			var textRoomSimple = "";
 38 | 			var textRoomDouble = "";
 39 | 			var textHowManyDays = "";
 40 | 			var textHowManyDaysError = "";
 41 | 			var textInputName = "";
 42 | 			var textInputNameRetry = "";
 43 | 			var textInputEmail = "";
 44 | 			var textInputEmailRetry = "";
 45 | 			var textReservationMade = "";
 46 | 			var textNoReservationMade = "";
 47 | 			var textMonth1 = "";
 48 | 			var textMonth2 = "";
 49 | 			var textMonth3 = "";
 50 | 			var textMonth4 = "";
 51 | 			var textMonth5 = "";
 52 | 			var textMonth6 = "";
 53 | 			var textMonth7 = "";
 54 | 			var textMonth8 = "";
 55 | 			var textMonth9 = "";
 56 | 			var textMonth10 = "";
 57 | 			var textMonth11 = "";
 58 | 			var textMonth12 = "";
 59 | 			var textThankYou = "";
 60 | 			var textError = "";
 61 | 			var textPlaceHolder = "";
 62 | 			var textSend = "";
 63 | 
 64 | 			var reservationDate = "";
 65 | 			var reservationRoomType = "";
 66 | 			var reservationDays = "";
 67 | 			var reservationName = "";
 68 | 			var reservationEmail = "";
 69 | 
 70 | 			if (userLanguage.substring(0,2)=="es")
 71 | 				{
 72 | 				textTitle = "Asistente virtual";
 73 | 				textWelcome = "Hola, soy la asistente virtual del Hotel Ejemplo. &iquest;Qu&eacute; puedo hacer por usted?";
 74 | 				textMakeReservation = "Reservar";
 75 | 				textCheckReservation = "Consultar reserva";
 76 | 				textInputDate = "&iquest;A partir de qu&eacute; fecha desea hacer la reserva?";
 77 | 				textInputDateWho = "&iquest;Cu&aacute;l es el nombre completo de la persona que hizo la reserva?";
 78 | 				textInputDateWhoRetry = "Por favor, ingrese el nombre completo de la persona que hizo la reserva.";
 79 | 				textInputDateError1 = "La fecha ingresada no puede ser anterior o igual a la fecha actual. Por favor seleccione otra fecha.";
 80 | 				textInputDateError2 = "La fecha ingresada no puede ser superior a dos años de la fecha actual. Por favor seleccione otra fecha.";
 81 | 				textVacancy = "Hay disponibilidad en esa fecha. &iquest;Qu&eacute; tipo de habitaci&oacute;n desea?";
 82 | 				textNoVacancy = "No hay disponibilidad en esa fecha. Por favor seleccione otra.";
 83 | 				textRoomSimple = "Simple";
 84 | 				textRoomDouble = "Matrimonial";
 85 | 				textHowManyDays = "&iquest;Cuantos d&iacute;as desea quedarse?";
 86 | 				textHowManyDaysError = "Por favor, ingrese una cantidad v&aacute;lida de d&iacute;as.";
 87 | 				textInputName = "&iquest;Cu&aacute;l es su nombre completo?";
 88 | 				textInputNameRetry = "Por favor, ingrese su nombre completo.";
 89 | 				textInputEmail = "&iquest;Cu&aacute;l es su correo?";
 90 | 				textInputEmailRetry = "Por favor, ingrese un correo v&aacute;lido.";
 91 | 				textReservationMade = " tiene reservada una habitaci&oacute;n matrimonial del %FROMDAY% de %FROMMONTH% de %FROMYEAR% al %TODAY% de %TOMONTH% de %TOYEAR%, en el piso %FLOOR%, habitaci&oacute;n %ROOM%. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 92 | 				textNoReservationMade = " no tiene reservada ninguna habitaci&oacute;n. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
 93 | 				textMonth1 = "Enero";
 94 | 				textMonth2 = "Febrero";
 95 | 				textMonth3 = "Marzo";
 96 | 				textMonth4 = "Abril";
 97 | 				textMonth5 = "Mayo";
 98 | 				textMonth6 = "Junio";
 99 | 				textMonth7 = "Julio";
100 | 				textMonth8 = "Agosto";
101 | 				textMonth9 = "Septiembre";
102 | 				textMonth10 = "Octubre";
103 | 				textMonth11 = "Noviembre";
104 | 				textMonth12 = "Diciembre";
105 | 				textThankYou = "Su reserva se ha realizado, muchas gracias. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
106 | 				textError = "Error al realizar la reserva, por favor vuelva a intentarlo en otro momento. &iquest;Qu&eacute; m&aacute;s puedo hacer por usted?";
107 | 				textPlaceHolder = "Escriba un mensaje";
108 | 				textSend = "Enviar";
109 | 				}
110 | 				else
111 | 				{
112 | 				textTitle = "Virtual assistant";
113 | 				textWelcome = "Hello, I'm the virtual assistant at the Example Hotel. What can I do for you?";
114 | 				textMakeReservation = "Reservation";
115 | 				textCheckReservation = "Check reservation";
116 | 				textInputDate = "From which date you want to make the reservation?";
117 | 				textInputDateWho = "What is the full name of the person that did the reservation?";
118 | 				textInputDateWhoRetry = "Please, input the full name of the person that did the reservation.";
119 | 				textInputDateError1 = "The date can't be before or equal to the current date. Please select another date.";
120 | 				textInputDateError2 = "The date can't be more than two years after the current date. Please select another date.";
121 | 				textVacancy = "There is vacancy in that date. What kind of room would you like?";
122 | 				textNoVacancy = "There is no vacancy in the selected date. Please select another one.";
123 | 				textRoomSimple = "Simple";
124 | 				textRoomDouble = "Double";
125 | 				textHowManyDays = "How many days are you going to stay?";
126 | 				textHowManyDaysError = "Please, input a valid amount of days.";
127 | 				textInputName = "What is your full name?";
128 | 				textInputNameRetry = "Please, input your full name.";
129 | 				textInputEmail = "What is your email?";
130 | 				textInputEmailRetry = "Please, input a valid email.";
131 | 				textReservationMade = " has a double room reserved from %FROMDAY% %FROMMONTH% %FROMYEAR% to %TODAY% %TOMONTH% %TOYEAR%, on the floor %FLOOR%, room %ROOM%. What else can I do for you?";
132 | 				textNoReservationMade = " hasn't any room reserved. What else can I do for you?";
133 | 				textMonth1 = "January";
134 | 				textMonth2 = "February";
135 | 				textMonth3 = "March";
136 | 				textMonth4 = "April";
137 | 				textMonth5 = "May";
138 | 				textMonth6 = "June";
139 | 				textMonth7 = "July";
140 | 				textMonth8 = "August";
141 | 				textMonth9 = "September";
142 | 				textMonth10 = "October";
143 | 				textMonth11 = "November";
144 | 				textMonth12 = "December";
145 | 				textThankYou = "You reservation was made, thank you. What else can I do for you?";
146 | 				textError = "Error while making the reservation, please try again later. What else can I do for you?";
147 | 				textPlaceHolder = "Write a message";
148 | 				textSend = "Send";
149 | 				}
150 | 
151 | 			function AssistBot_Step_1_Welcome(a)
152 | 				{
153 | 				homeBot.message.add(
154 | 					{
155 | 					delay: 1200,
156 | 					loading: true,
157 | 					photo: true,
158 | 					content: a
159 | 					}).then(function ()
160 | 					{
161 | 					return homeBot.action.button(
162 | 						{
163 | 						delay: 1000,
164 | 						action: [
165 | 									{text: textMakeReservation, value: "make"},
166 | 									{text: textCheckReservation, value: "check"},
167 | 								]
168 | 						});
169 | 					}).then(function (res)
170 | 					{
171 | 					homeBot.message.add({human: true, photo: true, content: res.text});
172 | 
173 | 					if(res.value=="make")
174 | 						{
175 | 						AssistBot_Step_2_Date(textInputDate);
176 | 						}
177 | 						else
178 | 						{
179 | 						AssistBot_Step_10_CheckingReservation(textInputDateWho);
180 | 						}
181 | 					});
182 | 				}
183 | 
184 | 			function AssistBot_Step_2_Date(a)
185 | 				{
186 | 				homeBot.message.add(
187 | 					{
188 | 					delay: 1200,
189 | 					loading: true,
190 | 					photo: true,
191 | 					content: a
192 | 					}).then(function ()
193 | 					{
194 | 					return homeBot.action.text(
195 | 						{
196 | 						delay: 800,
197 | 						action: {value: "", sub_type: "date", placeholder: textPlaceHolder, button: {label: textSend}},
198 | 						});
199 | 					}).then(function (res)
200 | 					{
201 | 					var response = res.value.split("-");
202 | 					var valueYear = response[0];
203 | 					var valueMonth = response[1];
204 | 					var valueDay = response[2];
205 | 
206 | 					var dateText = "";
207 | 
208 | 					if (userLanguage.substring(0,2)=="es")
209 | 						{
210 | 						dateText = valueDay + "/" + valueMonth + "/" + valueYear;
211 | 						}
212 | 						else
213 | 						{
214 | 						dateText = valueMonth + "/" + valueDay + "/" + valueYear;
215 | 						}
216 | 
217 | 					homeBot.message.add({human: true, photo: true, content: dateText});
218 | 
219 | 					var selectedDate = new Date(res.value);
220 | 					var selectedYear = selectedDate.getFullYear();
221 | 					var currentDate = new Date();
222 | 					var currentYear = currentDate.getFullYear();
223 | 
224 | 					if (selectedYear<currentYear) // IF THE SELECTED YEAR IS BEFORE THE CURRENT YEAR
225 | 						{
226 | 						AssistBot_Step_2_Date(textInputDateError1);
227 | 						}
228 | 					else if (selectedYear>currentYear+1) // IF THE SELECTED DATE IS MORE THAN TWO YEARS AFTER THE CURRENT DATE
229 | 						{
230 | 						AssistBot_Step_2_Date(textInputDateError2);
231 | 						}
232 | 					else if (isNaN(selectedYear)) // IF THE SELECTED YEAR DO NOT EXISTS
233 | 						{
234 | 						AssistBot_Step_2_Date(textInputDateError2);
235 | 						}
236 | 					else if (selectedDate<currentDate) // IF THE SELECTED DATE IS BEFORE CURRENT DATE
237 | 						{
238 | 						AssistBot_Step_2_Date(textInputDateError1);
239 | 						}
240 | 						else
241 | 						{
242 | 						var reservationDate = res.value;
243 | 
244 | 						var vacancy = true;
245 | 
246 | 						// IF THERE IS ANY VACANCY
247 | 						if (vacancy == true)
248 | 							{
249 | 							AssistBot_Step_3_RoomType(textVacancy);
250 | 							}
251 | 							else
252 | 							{
253 | 							AssistBot_Step_2_Date(textNoVacancy);
254 | 							}
255 | 						}
256 | 					});
257 | 				}
258 | 
259 | 			function AssistBot_Step_3_RoomType(a)
260 | 				{
261 | 				homeBot.message.add(
262 | 					{
263 | 					delay: 1200,
264 | 					loading: true,
265 | 					photo: true,
266 | 					content: a
267 | 					}).then(function ()
268 | 					{
269 | 					return homeBot.action.button(
270 | 						{
271 | 						delay: 1000,
272 | 						action: [
273 | 									{text: textRoomSimple, value: "simple"},
274 | 									{text: textRoomDouble, value: "double"},
275 | 								]
276 | 						});
277 | 					}).then(function (res)
278 | 					{
279 | 					homeBot.message.add({human: true, photo: true, content: res.text});
280 | 
281 | 					reservationRoomType = res.value;
282 | 
283 | 					AssistBot_Step_5_Days(textHowManyDays);
284 | 					});
285 | 				}
286 | 
287 | 			function AssistBot_Step_5_Days(a)
288 | 				{
289 | 				homeBot.message.add(
290 | 					{
291 | 					delay: 1200,
292 | 					loading: true,
293 | 					photo: true,
294 | 					content: a
295 | 					}).then(function ()
296 | 					{
297 | 					return homeBot.action.text(
298 | 						{
299 | 						delay: 800,
300 | 						action: {value: "", sub_type: "number", placeholder: textPlaceHolder, button: {label: textSend}},
301 | 						});
302 | 					}).then(function (res)
303 | 					{
304 | 					homeBot.message.add({human: true, photo: true, content: res.value});
305 | 
306 | 					if (res.value<1)
307 | 						{
308 | 						AssistBot_Step_5_Days(textHowManyDaysError);
309 | 						}
310 | 						else
311 | 						{
312 | 						reservationDays = res.value;
313 | 
314 | 						AssistBot_Step_6_Name(textInputName);
315 | 						}
316 | 					});
317 | 				}
318 | 
319 | 			function AssistBot_Step_6_Name(a)
320 | 				{
321 | 				homeBot.message.add(
322 | 					{
323 | 					delay: 1200,
324 | 					loading: true,
325 | 					photo: true,
326 | 					content: a
327 | 					}).then(function ()
328 | 					{
329 | 					return homeBot.action.text(
330 | 						{
331 | 						delay: 800,
332 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
333 | 						});
334 | 					}).then(function (res)
335 | 					{
336 | 					homeBot.message.add({human: true, photo: true, content: res.value});
337 | 
338 | 					if (res.value.trim()=="")
339 | 						{
340 | 						AssistBot_Step_6_Name(textInputNameRetry);
341 | 						}
342 | 						else
343 | 						{
344 | 						if (countWords(res.value)<2)
345 | 							{
346 | 							AssistBot_Step_6_Name(textInputNameRetry);
347 | 							}
348 | 							else
349 | 							{
350 | 							reservationName = res.value;
351 | 							AssistBot_Step_7_Email(textInputEmail);
352 | 							}
353 | 						}
354 | 					});
355 | 				}
356 | 
357 | 			function AssistBot_Step_7_Email(a)
358 | 				{
359 | 				homeBot.message.add(
360 | 					{
361 | 					delay: 1200,
362 | 					loading: true,
363 | 					photo: true,
364 | 					content: a
365 | 					}).then(function ()
366 | 					{
367 | 					return homeBot.action.text(
368 | 						{
369 | 						delay: 800,
370 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
371 | 						});
372 | 					}).then(function (res)
373 | 					{
374 | 					homeBot.message.add({human: true, photo: true, content: res.value});
375 | 
376 | 					if (validateEmail(res.value)==true)
377 | 						{
378 | 						reservationEmail = res.value;
379 | 						AssistBot_Step_8_Posting();
380 | 						}
381 | 						else
382 | 						{
383 | 						AssistBot_Step_7_Email(textInputEmailRetry);
384 | 						}
385 | 					});
386 | 				}
387 | 
388 | 			function AssistBot_Step_8_Posting()
389 | 				{
390 | 				reservationEmail = reservationEmail.toLowerCase();
391 | 				reservationName = normalizeName(reservationName);
392 | 
393 | 				// SETTING THE PARAMETERS
394 | 				var myUrl = "example.php";
395 | 				var params = "date=" + encodeURIComponent(reservationDate) + "&days=" + encodeURIComponent(reservationDays) + "&type=" + encodeURIComponent(reservationRoomType) + "&name=" + encodeURIComponent(reservationName) + "&email=" + encodeURIComponent(reservationEmail);
396 | 
397 | 				// VERSION 1 - STANDARD XMLHTTPREQUEST
398 | 				/*
399 | 				var http = new XMLHttpRequest();
400 | 				http.open("GET", myUrl, true);
401 | 				http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
402 | 				http.timeout = serverTimeout;
403 | 				http.onreadystatechange = function()
404 | 					{
405 | 					if(http.readyState == 4)
406 | 						{
407 | 						}
408 | 					};
409 | 				http.onerror = function (){AssistBot_Step_6_Error();};
410 | 				http.ontimeout = function (e){AssistBot_Step_6_Error();};
411 | 				http.send(params);
412 | 				*/
413 | 
414 | 				// VERSION 2 - IMG SRC FOR AVOIDING CORS REQUEST
415 | 				/*
416 | 				var myImageSubmittter = document.createElement("img");
417 | 				myImageSubmittter.onload = function()
418 | 					{
419 | 					AssistBot_Step_6_Thanks();
420 | 					};
421 | 				myImageSubmittter.onerror = function()
422 | 					{
423 | 					AssistBot_Step_6_Error();
424 | 					};
425 | 				myImageSubmittter.setAttribute("src", myUrl + "?" + params);
426 | 				*/
427 | 
428 | 				// FOR DEMO ONLY
429 | 				AssistBot_Step_9_Thanks();
430 | 				}
431 | 
432 | 			function AssistBot_Step_9_Thanks()
433 | 				{
434 | 				AssistBot_Step_1_Welcome(textThankYou);
435 | 				}
436 | 
437 | 			function AssistBot_Step_9_Error()
438 | 				{
439 | 				AssistBot_Step_1_Welcome(textError);
440 | 				}
441 | 
442 | 			function AssistBot_Step_10_CheckingReservation(a)
443 | 				{
444 | 				homeBot.message.add(
445 | 					{
446 | 					delay: 1200,
447 | 					loading: true,
448 | 					photo: true,
449 | 					content: a
450 | 					}).then(function ()
451 | 					{
452 | 					return homeBot.action.text(
453 | 						{
454 | 						delay: 800,
455 | 						action: {value: "", placeholder: textPlaceHolder, button: {label: textSend}},
456 | 						});
457 | 					}).then(function (res)
458 | 					{
459 | 					homeBot.message.add({human: true, photo: true, content: res.value});
460 | 
461 | 					if (res.value.trim()=="")
462 | 						{
463 | 						AssistBot_Step_10_CheckingReservation(textInputDateWhoRetry);
464 | 						}
465 | 						else
466 | 						{
467 | 						if (countWords(res.value)<2)
468 | 							{
469 | 							AssistBot_Step_10_CheckingReservation(textInputDateWhoRetry);
470 | 							}
471 | 							else
472 | 							{
473 | 							var reserved = true;
474 | 
475 | 							var myDate = new Date();
476 | 							var year = myDate.getFullYear();
477 | 							var fromYear = year + 1;
478 | 							var fromMonth = textMonth5;
479 | 							var fromDay = "3";
480 | 							var toYear = year + 1;
481 | 							var toMonth = textMonth6;
482 | 							var toDay = "20";
483 | 							var floor = "2";
484 | 							var room = "3";
485 | 
486 | 							if (reserved==true)
487 | 								{
488 | 								var answer = res.value + textReservationMade;
489 | 								answer = answer.replace("%FROMYEAR%",fromYear);
490 | 								answer = answer.replace("%FROMMONTH%",fromMonth);
491 | 								answer = answer.replace("%FROMDAY%",fromDay);
492 | 								answer = answer.replace("%TOYEAR%",toYear);
493 | 								answer = answer.replace("%TOMONTH%",toMonth);
494 | 								answer = answer.replace("%TODAY%",toDay);
495 | 								answer = answer.replace("%FLOOR%",floor);
496 | 								answer = answer.replace("%ROOM%",room);
497 | 								AssistBot_Step_1_Welcome(answer);
498 | 								}
499 | 								else
500 | 								{
501 | 								AssistBot_Step_1_Welcome(res.value + textNoReservationMade);
502 | 								}
503 | 							}
504 | 						}
505 | 					});
506 | 				}
507 | 
508 | 			function validateEmail(email)
509 | 				{
510 | 				var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
511 | 				return re.test(String(email).toLowerCase());
512 | 				}
513 | 
514 | 			function validateDate(d)
515 | 				{
516 | 				return d instanceof Date && !isNaN(d);
517 | 				}
518 | 
519 | 			function normalizeName(str)
520 | 				{
521 | 				var splitStr = str.toLowerCase().split(" ");
522 | 				for (var i = 0; i < splitStr.length; i++)
523 | 					{
524 | 					splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
525 | 					}
526 | 				return splitStr.join(" ");
527 | 				}
528 | 
529 | 			function countWords(s)
530 | 				{
531 | 				s = s.replace(/(^\s*)|(\s*$)/gi,"");
532 | 				s = s.replace(/[ ]{2,}/gi," ");
533 | 				s = s.replace(/\n /,"\n");
534 | 				return s.split(" ").filter(function(str){return str!="";}).length;
535 | 				}
536 | 
537 | 			function getTime(offset)
538 | 				{
539 | 				var d = new Date();
540 | 				var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
541 | 				var nd = new Date(utc + (3600000*offset));
542 | 				var hours = nd.getHours();
543 | 				return hours;
544 | 				}
545 | 
546 | 			function isInRange(hour)
547 | 				{
548 | 				if (workingFrom>=workingTo)
549 | 					{
550 | 					if (workingFrom<=hour)
551 | 						{
552 | 						return true;
553 | 						}
554 | 						else
555 | 						{
556 | 						return false;
557 | 						}
558 | 					}
559 | 				else
560 | 					{
561 | 					if (workingTo>=hour)
562 | 						{
563 | 						return true;
564 | 						}
565 | 						else
566 | 						{
567 | 						return false;
568 | 						}
569 | 					}
570 | 				}
571 | 
572 | 			window.addEventListener("load", function()
573 | 				{
574 | 				// UPDATING THE CHATBOT WINDOW TITLE
575 | 				document.getElementsByClassName("botui-titlename")[0].innerHTML = textTitle;
576 | 
577 | 				// SETTING WHAT WILL HAPPEN WHEN THE USER CLICKS OR TOUCHES IN THE CHATBOT WINDOW TITLE
578 | 				document.getElementsByClassName("botui-title")[0].addEventListener("click",function(event)
579 | 					{
580 | 					// CHECKING IF THE CHATBOT WINDOW IS MINIMIZED
581 | 					if (document.getElementById("AssistBot").style.overflowY == "hidden")
582 | 						{
583 | 						// SHOWING THE CHATBOT WINDOW
584 | 						document.getElementById("AssistBot").style.overflowY = "visible";
585 | 						document.getElementById("AssistBot").style.height = "auto";
586 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "block";
587 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "block";
588 | 
589 | 						// SCROLLING TO THE BOTTOM OF THE CHATBOT WINDOW
590 | 						setTimeout(function(){document.getElementsByClassName("botui botui-container")[0].scrollTop = document.getElementsByClassName("botui botui-container")[0].scrollHeight;},100);
591 | 						}
592 | 						else
593 | 						{
594 | 						// HIDING THE CHATBOT WINDOW
595 | 						document.getElementById("AssistBot").style.overflowY = "hidden";
596 | 						document.getElementById("AssistBot").style.height = "30" + "px";
597 | 						document.getElementsByClassName("botui-scroller")[0].style.display = "none";
598 | 						document.getElementsByClassName("botui-closeicon")[0].style.display = "none";
599 | 						}
600 | 					});
601 | 
602 | 				// GETTING THE CURRENT TIME
603 | 				var checkWorkingHour = getTime(workingTimeZone);
604 | 
605 | 				// CHECKING IF IS WORKING TIME FOR THE CHATBOT
606 | 				if (isInRange(checkWorkingHour)==true)
607 | 					{
608 | 					// SHOWING THE CHATBOT WINDOW
609 | 					document.getElementById("AssistBot").style.display = "block";
610 | 
611 | 					// SHOWING THE WELCOME MESSAGE
612 | 					AssistBot_Step_1_Welcome(textWelcome);
613 | 					}
614 | 				});
615 | 
616 | 			/*
617 | 			---------------------------
618 | 			IMAGE EXAMPLE
619 | 			---------------------------
620 | 			delay: 1200,
621 | 			type: "embed",
622 | 			content: "https://giphy.com/embed/v1PSPwbLIrata"
623 | 
624 | 			---------------------------
625 | 			URL EXAMPLE
626 | 			---------------------------
627 | 			delay: 1000,
628 | 			content: "!(book) [Read the docs](https:///docs.botui.org), see [examples](https:///examples.botui.org) or explore the code on !(github) [GitHub](https://github.com/moinism/botui)"
629 | 			*/
630 | 
631 | 		</script>
632 | 	</body>
633 | </html>


--------------------------------------------------------------------------------
/TimeZoneTest.htm:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 	<head>
  4 | 		<meta charset="UTF-8">
  5 | 		<title>Time zone test in JavaScript</title>
  6 | 		<style>
  7 | 			body{font-family:Arial;font-size:14px;}
  8 | 			table{border-right:1px solid silver;border-bottom:1px solid silver;border-top:0;border-left:0;padding:0;margin:0;border-collapse:separate;border-spacing:0 0;font-family:Arial;font-size:14px;line-height:20px;margin-top:10px;width:100%;}
  9 | 			table td{border-left:1px solid silver;border-top:1px solid silver;border-bottom:0;border-right:0;padding:0;margin:0;}
 10 | 			.table_utc_value{width:100px;text-align:center;}
 11 | 			.table_utc_location{padding-left:5px;}
 12 | 			.utc_textbox{display:inline-block;margin-top:7px;border:1px solid silver;width:150px;height:20px;font-family:Arial;font-size:14px;padding-left:4px;padding-right:4px;}
 13 | 			.utc_submitbox{display:inline-block;margin-top:7px;border:1px solid silver;height:23px;font-family:Arial;font-size:14px;}
 14 | 		</style>
 15 | 	</head>
 16 | 	<body>
 17 | 		<script>
 18 | 			function calcTime(offset)
 19 | 				{
 20 | 				// create Date object for current location
 21 | 				var d = new Date();
 22 | 
 23 | 				// convert to msec
 24 | 				// subtract local time zone offset
 25 | 				// get UTC time in msec
 26 | 				var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
 27 | 
 28 | 				// create new Date object for different city
 29 | 				// using supplied offset
 30 | 				var nd = new Date(utc + (3600000*offset));
 31 | 
 32 | 				// getting the time
 33 | 				var hours = nd.getHours();
 34 | 				var minutes = nd.getMinutes();
 35 | 				var seconds = nd.getSeconds();
 36 | 				var resultString = hours + ":" + minutes + ":" + seconds;
 37 | 
 38 | 				// return the hour as a string
 39 | 				return resultString;
 40 | 				}
 41 | 		</script>
 42 | 		Time: <span id="result"></span><br/>
 43 | 		<input type="text" class="utc_textbox" id="utc_value" placeholder="Input a UTC VALUE">
 44 | 		<input type="button" class="utc_submitbox" onclick="document.getElementById('result').innerHTML=calcTime(document.getElementById('utc_value').value);" value="Get time">
 45 | 		<script>
 46 | 			document.getElementById("utc_value").focus();
 47 | 			document.getElementById("utc_value").onkeydown = function(event)
 48 | 				{
 49 | 				if (event.keyCode === 13)
 50 | 					{
 51 | 					document.getElementById("result").innerHTML=calcTime(document.getElementById("utc_value").value);
 52 | 					}
 53 | 				}
 54 | 		</script>
 55 | 
 56 | 		<table>
 57 | 			<tr><td class="table_utc_value"><b>UTC VALUE</b></td><td class="table_utc_location"><b>LOCATION</b></td></tr>
 58 | 			<tr><td class="table_utc_value">-12</td><td class="table_utc_location">United States Minor Outlying Islands</td></tr>
 59 | 			<tr><td class="table_utc_value">-12</td><td class="table_utc_location">Baker Island</td></tr>
 60 | 			<tr><td class="table_utc_value">-12</td><td class="table_utc_location">Howland Island</td></tr>
 61 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">United States</td></tr>
 62 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">American Samoa</td></tr>
 63 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">United States Minor Outlying Islands</td></tr>
 64 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">Jarvis Island</td></tr>
 65 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">Kingman Reef</td></tr>
 66 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">Midway Atoll</td></tr>
 67 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">Palmyra Atoll</td></tr>
 68 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">New Zealand</td></tr>
 69 | 			<tr><td class="table_utc_value">-11</td><td class="table_utc_location">Niue</td></tr>
 70 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">France</td></tr>
 71 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">French Polynesia (except Marquesas Islands and Gambier Islands)</td></tr>
 72 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">New Zealand</td></tr>
 73 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">Cook Islands</td></tr>
 74 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">United States (Hawaii–Aleutian Time Zone)</td></tr>
 75 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">Alaska</td></tr>
 76 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">Aleutian Islands west of 169.30°W</td></tr>
 77 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">Hawaii</td></tr>
 78 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">United States Minor Outlying Islands</td></tr>
 79 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">Johnston Atoll</td></tr>
 80 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">Honolulu</td></tr>
 81 | 			<tr><td class="table_utc_value">-10</td><td class="table_utc_location">Papeete</td></tr>
 82 | 			<tr><td class="table_utc_value">-9.5</td><td class="table_utc_location">France</td></tr>
 83 | 			<tr><td class="table_utc_value">-9.5</td><td class="table_utc_location">French Polynesia</td></tr>
 84 | 			<tr><td class="table_utc_value">-9.5</td><td class="table_utc_location">Marquesas Islands</td></tr>
 85 | 			<tr><td class="table_utc_value">-9</td><td class="table_utc_location">France</td></tr>
 86 | 			<tr><td class="table_utc_value">-9</td><td class="table_utc_location">French Polynesia</td></tr>
 87 | 			<tr><td class="table_utc_value">-9</td><td class="table_utc_location">Gambier Islands</td></tr>
 88 | 			<tr><td class="table_utc_value">-9</td><td class="table_utc_location">United States (Alaska Time Zone)</td></tr>
 89 | 			<tr><td class="table_utc_value">-9</td><td class="table_utc_location">Alaska (except Aleutian Islands west of 169.30°W)</td></tr>
 90 | 			<tr><td class="table_utc_value">-9</td><td class="table_utc_location">Anchorage</td></tr>
 91 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Canada (Pacific Time Zone)</td></tr>
 92 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">British Columbia (except Northern Rockies Regional Municipality, Peace River Regional District, and the south-eastern communities of Cranbrook, Golden and Invermere)</td></tr>
 93 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Yukon</td></tr>
 94 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">France</td></tr>
 95 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Clipperton Island</td></tr>
 96 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Mexico</td></tr>
 97 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Baja California</td></tr>
 98 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">United Kingdom</td></tr>
 99 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Pitcairn Islands</td></tr>
100 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">United States (Pacific Time Zone)</td></tr>
101 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">California</td></tr>
102 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Idaho</td></tr>
103 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">North of Salmon River</td></tr>
104 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Nevada (except West Wendover)</td></tr>
105 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Oregon (except Malheur County)</td></tr>
106 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Washington</td></tr>
107 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Los Angeles</td></tr>
108 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Vancouver</td></tr>
109 | 			<tr><td class="table_utc_value">-8</td><td class="table_utc_location">Tijuana</td></tr>
110 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Canada (Mountain Time Zone)</td></tr>
111 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Alberta</td></tr>
112 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">British Columbia</td></tr>
113 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Northern Rockies Regional Municipality</td></tr>
114 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Peace River Regional District</td></tr>
115 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">The south-eastern communities of Cranbrook, Golden and Invermere</td></tr>
116 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Northwest Territories</td></tr>
117 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Nunavut</td></tr>
118 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Kitikmeot Region</td></tr>
119 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Saskatchewan</td></tr>
120 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Lloydminster</td></tr>
121 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Mexico</td></tr>
122 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Baja California Sur, Chihuahua, Nayarit, Sinaloa and Sonora states</td></tr>
123 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">United States (Mountain Time Zone)</td></tr>
124 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Arizona</td></tr>
125 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Colorado</td></tr>
126 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Idaho</td></tr>
127 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">South of Salmon River</td></tr>
128 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Kansas</td></tr>
129 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">The western counties of Greeley, Hamilton, Sherman and Wallace</td></tr>
130 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Montana</td></tr>
131 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Nebraska</td></tr>
132 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">The western counties of Cherry (western part), Hooker, Arthur, Keith, Perkins, Chase and Dundy, and all counties to the west of these</td></tr>
133 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Nevada</td></tr>
134 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">West Wendover</td></tr>
135 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">New Mexico</td></tr>
136 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">North Dakota</td></tr>
137 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">The Southwestern counties of Adams, Billings, Bowman, Dunn (southern part), Golden Valley, Grant, Hettinger, McKenzie (southern part), Sioux (west of ND route 31), Slope and Stark</td></tr>
138 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Oregon</td></tr>
139 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Malheur County (except a small strip in the south)</td></tr>
140 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">South Dakota</td></tr>
141 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">The western counties of Corson, Dewey, Stanley (western part), Jackson and Bennett, and all counties to the west of these</td></tr>
142 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Texas</td></tr>
143 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">The western counties of Culberson (northwestern part), El Paso and Hudspeth</td></tr>
144 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Utah</td></tr>
145 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Wyoming</td></tr>
146 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Phoenix</td></tr>
147 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Calgary</td></tr>
148 | 			<tr><td class="table_utc_value">-7</td><td class="table_utc_location">Ciudad Juárez</td></tr>
149 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Belize</td></tr>
150 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Canada (Central Time Zone)</td></tr>
151 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Manitoba</td></tr>
152 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Nunavut</td></tr>
153 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Kivalliq Region (except Southampton Island)</td></tr>
154 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Ontario</td></tr>
155 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Ontario (West of 90° west)</td></tr>
156 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Saskatchewan (except Lloydminster)</td></tr>
157 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Chile</td></tr>
158 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Easter Island</td></tr>
159 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Costa Rica</td></tr>
160 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Ecuador</td></tr>
161 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Galápagos Islands</td></tr>
162 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">El Salvador</td></tr>
163 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Guatemala</td></tr>
164 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Honduras</td></tr>
165 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Mexico (All except Baja California, Baja California Sur, Chihuahua, Nayarit, Quintana Roo, Sinaloa and Sonora)</td></tr>
166 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Nicaragua</td></tr>
167 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">United States (Central Time Zone)</td></tr>
168 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Alabama (Except for Chambers, Lee, Macon, & Russel counties)</td></tr>
169 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Arkansas</td></tr>
170 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Florida</td></tr>
171 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">The counties of Bay, Calhoun, Escambia, Holmes, Jackson, Okaloosa, Santa Rosa, Walton, and Washington, and northern Gulf county (panhandle)</td></tr>
172 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Illinois</td></tr>
173 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Indiana</td></tr>
174 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Northwestern counties of Jasper, Lake, LaPorte, Newton, Porter and Starke</td></tr>
175 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Southwestern counties of Gibson, Perry, Posey, Spencer, Vanderburgh and Warrick</td></tr>
176 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Iowa</td></tr>
177 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Kansas (except westernmost counties)</td></tr>
178 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Kentucky</td></tr>
179 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">The counties of Breckinridge, Grayson, Hart, Green, Adair, Russell and Clinton, and all counties to the west of these</td></tr>
180 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Louisiana</td></tr>
181 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Michigan</td></tr>
182 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">The western counties of Dickinson, Gogebic, Iron and Menominee</td></tr>
183 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Minnesota</td></tr>
184 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Mississippi</td></tr>
185 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Missouri</td></tr>
186 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Nebraska</td></tr>
187 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Central and eastern Nebraska</td></tr>
188 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">North Dakota (except southwest)</td></tr>
189 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Oklahoma (except Kenton)</td></tr>
190 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">South Dakota</td></tr>
191 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Eastern half</td></tr>
192 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Tennessee</td></tr>
193 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Counties located to the west of the counties of Scott, Morgan, Roane, Rhea, and Hamilton</td></tr>
194 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Texas (except westernmost counties)</td></tr>
195 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Wisconsin</td></tr>
196 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Chicago</td></tr>
197 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Guatemala City</td></tr>
198 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Mexico City</td></tr>
199 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">San José</td></tr>
200 | 			<tr><td class="table_utc_value">-6</td><td class="table_utc_location">Winnipeg</td></tr>
201 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Bahamas</td></tr>
202 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Brazil</td></tr>
203 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Acre</td></tr>
204 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Amazonas (13 western municipalities, approximately marked by a line between Tabatinga and Porto Acre)</td></tr>
205 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Canada (Eastern Time Zone)</td></tr>
206 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Nunavut (Qikiqtaaluk Region except Resolute)</td></tr>
207 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Ontario</td></tr>
208 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Ontario (East of 90° West)</td></tr>
209 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Quebec (Most of province except easternmost area)</td></tr>
210 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Colombia</td></tr>
211 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Cuba</td></tr>
212 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Ecuador</td></tr>
213 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Haiti</td></tr>
214 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Jamaica</td></tr>
215 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Mexico</td></tr>
216 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Quintana Roo</td></tr>
217 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Panama</td></tr>
218 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Peru</td></tr>
219 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">United Kingdom</td></tr>
220 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Cayman Islands</td></tr>
221 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Turks and Caicos Islands</td></tr>
222 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">United States (Eastern Time Zone)</td></tr>
223 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Alabama</td></tr>
224 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Chambers, Lee, Macon, & Russel counties</td></tr>
225 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Delaware</td></tr>
226 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">District of Columbia</td></tr>
227 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Florida (except the counties of Bay, Calhoun, Escambia, Holmes, Jackson, Okaloosa, Santa Rosa, Walton, and Washington, and northern Gulf county (panhandle))</td></tr>
228 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Georgia</td></tr>
229 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Indiana (except the northwestern counties of Jasper, Lake, LaPorte, Newton, Porter and Starke, and the southwestern counties of Gibson, Perry, Posey, Spencer, Vanderburgh and Warrick)</td></tr>
230 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Kentucky</td></tr>
231 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Counties located to the east of the counties of Breckinridge, Grayson, Hart, Green, Adair, Russell and Clinton</td></tr>
232 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Maryland</td></tr>
233 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Michigan (except the western counties of Dickinson, Gogebic, Iron and Menominee)</td></tr>
234 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">New England (states of Connecticut, Massachusetts, Maine, New Hampshire, Rhode Island and Vermont)</td></tr>
235 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">New Jersey</td></tr>
236 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">New York</td></tr>
237 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">North Carolina</td></tr>
238 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Ohio</td></tr>
239 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Pennsylvania</td></tr>
240 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">South Carolina</td></tr>
241 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Tennessee</td></tr>
242 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">The counties of Scott, Morgan, Roane, Rhea, Meigs and Bradley, and all counties to the east of these</td></tr>
243 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Virginia</td></tr>
244 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">West Virginia</td></tr>
245 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">United States Minor Outlying Islands</td></tr>
246 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Navassa Island</td></tr>
247 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">New York</td></tr>
248 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Lima</td></tr>
249 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Toronto</td></tr>
250 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Bogotá</td></tr>
251 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Havana</td></tr>
252 | 			<tr><td class="table_utc_value">-5</td><td class="table_utc_location">Kingston</td></tr>
253 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Antigua and Barbuda</td></tr>
254 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Barbados</td></tr>
255 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Bolivia</td></tr>
256 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Brazil</td></tr>
257 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">The states of Amazonas (except westernmost municipalities), Mato Grosso, Mato Grosso do Sul, Rondônia and Roraima</td></tr>
258 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Canada (Atlantic Time Zone)</td></tr>
259 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">New Brunswick</td></tr>
260 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Newfoundland and Labrador</td></tr>
261 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Labrador (except the area between L"Anse-au-Clair and Norman Bay)</td></tr>
262 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Nova Scotia</td></tr>
263 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Prince Edward Island</td></tr>
264 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Quebec</td></tr>
265 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">East of the 63°W longitude</td></tr>
266 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Chile (except Easter Island)</td></tr>
267 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Denmark</td></tr>
268 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Greenland</td></tr>
269 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Pituffik (Thule)</td></tr>
270 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Dominica</td></tr>
271 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Dominican Republic</td></tr>
272 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">France</td></tr>
273 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Guadeloupe</td></tr>
274 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Martinique</td></tr>
275 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Saint Barthélemy</td></tr>
276 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Saint-Martin</td></tr>
277 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Grenada</td></tr>
278 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Guyana</td></tr>
279 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Netherlands</td></tr>
280 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Aruba</td></tr>
281 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Caribbean Netherlands</td></tr>
282 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Bonaire</td></tr>
283 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Saba</td></tr>
284 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Sint Eustatius</td></tr>
285 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Curaçao</td></tr>
286 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Sint Maarten</td></tr>
287 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Paraguay</td></tr>
288 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Saint Kitts and Nevis</td></tr>
289 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Saint Lucia</td></tr>
290 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Saint Vincent and the Grenadines</td></tr>
291 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Trinidad and Tobago</td></tr>
292 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">United Kingdom</td></tr>
293 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Anguilla</td></tr>
294 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Bermuda</td></tr>
295 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">British Virgin Islands</td></tr>
296 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Montserrat</td></tr>
297 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">United States (Atlantic Time Zone)</td></tr>
298 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Puerto Rico</td></tr>
299 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">U.S. Virgin Islands</td></tr>
300 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Venezuela</td></tr>
301 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Santiago</td></tr>
302 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Santo Domingo</td></tr>
303 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Manaus</td></tr>
304 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Caracas</td></tr>
305 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">La Paz</td></tr>
306 | 			<tr><td class="table_utc_value">-4</td><td class="table_utc_location">Halifax</td></tr>
307 | 			<tr><td class="table_utc_value">-3.5</td><td class="table_utc_location">Canada (Newfoundland Time Zone)</td></tr>
308 | 			<tr><td class="table_utc_value">-3.5</td><td class="table_utc_location">Newfoundland and Labrador</td></tr>
309 | 			<tr><td class="table_utc_value">-3.5</td><td class="table_utc_location">Labrador</td></tr>
310 | 			<tr><td class="table_utc_value">-3.5</td><td class="table_utc_location">The area between L"Anse-au-Clair and Norman Bay</td></tr>
311 | 			<tr><td class="table_utc_value">-3.5</td><td class="table_utc_location">Newfoundland</td></tr>
312 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Argentina</td></tr>
313 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Brazil (except the western states of Acre, Amazonas, Mato Grosso, Mato Grosso do Sul, Rondônia and Roraima; and offshore islands)</td></tr>
314 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Denmark</td></tr>
315 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Greenland (except areas around Pituffik (Thule), Danmarkshavn and Ittoqqortoormiit)</td></tr>
316 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">France</td></tr>
317 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">French Guiana</td></tr>
318 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Saint-Pierre and Miquelon</td></tr>
319 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Suriname</td></tr>
320 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">United Kingdom</td></tr>
321 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Falkland Islands</td></tr>
322 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Uruguay</td></tr>
323 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">São Paulo</td></tr>
324 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Buenos Aires</td></tr>
325 | 			<tr><td class="table_utc_value">-3</td><td class="table_utc_location">Montevideo</td></tr>
326 | 			<tr><td class="table_utc_value">-2</td><td class="table_utc_location">Brazil</td></tr>
327 | 			<tr><td class="table_utc_value">-2</td><td class="table_utc_location">Fernando de Noronha</td></tr>
328 | 			<tr><td class="table_utc_value">-2</td><td class="table_utc_location">United Kingdom</td></tr>
329 | 			<tr><td class="table_utc_value">-2</td><td class="table_utc_location">South Georgia and the South Sandwich Islands</td></tr>
330 | 			<tr><td class="table_utc_value">-1</td><td class="table_utc_location">Cape Verde</td></tr>
331 | 			<tr><td class="table_utc_value">-1</td><td class="table_utc_location">Denmark</td></tr>
332 | 			<tr><td class="table_utc_value">-1</td><td class="table_utc_location">Greenland</td></tr>
333 | 			<tr><td class="table_utc_value">-1</td><td class="table_utc_location">Ittoqqortoormiit and surrounding area</td></tr>
334 | 			<tr><td class="table_utc_value">-1</td><td class="table_utc_location">Portugal</td></tr>
335 | 			<tr><td class="table_utc_value">-1</td><td class="table_utc_location">Azores islands</td></tr>
336 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Burkina Faso</td></tr>
337 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Côte d"Ivoire</td></tr>
338 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Denmark</td></tr>
339 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Faroe Islands</td></tr>
340 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Greenland</td></tr>
341 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Danmarkshavn and surrounding area</td></tr>
342 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Gambia</td></tr>
343 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Ghana</td></tr>
344 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Guinea</td></tr>
345 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Guinea-Bissau</td></tr>
346 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Iceland</td></tr>
347 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Ireland</td></tr>
348 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Liberia</td></tr>
349 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Mali</td></tr>
350 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Mauritania</td></tr>
351 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Portugal (Including Madeira and excluding Azores islands)</td></tr>
352 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">São Tomé and Príncipe</td></tr>
353 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Spain</td></tr>
354 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Canary Islands</td></tr>
355 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Senegal</td></tr>
356 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Sierra Leone</td></tr>
357 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Togo</td></tr>
358 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">United Kingdom (Including Guernsey, Isle of Man, Jersey and Saint Helena, Ascension and Tristan da Cunha)</td></tr>
359 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">London</td></tr>
360 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Accra</td></tr>
361 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Dakar</td></tr>
362 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Dublin</td></tr>
363 | 			<tr><td class="table_utc_value">0</td><td class="table_utc_location">Lisbon</td></tr>
364 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Albania</td></tr>
365 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Algeria</td></tr>
366 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Andorra</td></tr>
367 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Angola</td></tr>
368 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Austria</td></tr>
369 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Belgium</td></tr>
370 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Benin</td></tr>
371 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Bosnia and Herzegovina</td></tr>
372 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Cameroon</td></tr>
373 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Central African Republic</td></tr>
374 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Chad</td></tr>
375 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Republic of the Congo</td></tr>
376 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Democratic Republic of the Congo</td></tr>
377 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Democratic Republic of the Congo(The provinces of Bandundu, Bas-Congo, Équateur and Kinshasa)</td></tr>
378 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Croatia</td></tr>
379 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Czech Republic</td></tr>
380 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Denmark</td></tr>
381 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Equatorial Guinea</td></tr>
382 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">France</td></tr>
383 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Gabon</td></tr>
384 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Germany</td></tr>
385 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Hungary</td></tr>
386 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Italy</td></tr>
387 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Kosovo</td></tr>
388 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Liechtenstein</td></tr>
389 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Luxembourg</td></tr>
390 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Macedonia</td></tr>
391 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Malta</td></tr>
392 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Monaco</td></tr>
393 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Montenegro</td></tr>
394 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Morocco</td></tr>
395 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Netherlands</td></tr>
396 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Niger</td></tr>
397 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Nigeria</td></tr>
398 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Norway (Including Svalbard and Jan Mayen)</td></tr>
399 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Poland</td></tr>
400 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">San Marino</td></tr>
401 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Serbia</td></tr>
402 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Slovakia</td></tr>
403 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Slovenia</td></tr>
404 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Spain (Including Balearic Islands, Ceuta and Melilla and excluding Canary Islands)</td></tr>
405 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Sweden</td></tr>
406 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Switzerland</td></tr>
407 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Tunisia</td></tr>
408 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">United Kingdom</td></tr>
409 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Gibraltar</td></tr>
410 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Vatican City</td></tr>
411 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Western Sahara</td></tr>
412 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Lagos</td></tr>
413 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Kinshasa</td></tr>
414 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Casablanca</td></tr>
415 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Berlin</td></tr>
416 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Rome</td></tr>
417 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Paris</td></tr>
418 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Madrid</td></tr>
419 | 			<tr><td class="table_utc_value">+1</td><td class="table_utc_location">Warsaw</td></tr>
420 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Botswana</td></tr>
421 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Bulgaria</td></tr>
422 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Burundi</td></tr>
423 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Cyprus</td></tr>
424 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Democratic Republic of the Congo</td></tr>
425 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Democratic Republic of the Congo (the provinces of Kasaï Occidental, Kasaï Oriental, Katanga, Maniema, Nord-Kivu, Orientale and Sud-Kivu)</td></tr>
426 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Egypt</td></tr>
427 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Estonia</td></tr>
428 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Finland</td></tr>
429 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Greece</td></tr>
430 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Israel</td></tr>
431 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Jordan</td></tr>
432 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Latvia</td></tr>
433 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Lebanon</td></tr>
434 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Lesotho</td></tr>
435 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Lithuania</td></tr>
436 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Libya</td></tr>
437 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Malawi</td></tr>
438 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Moldova</td></tr>
439 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Transnistria</td></tr>
440 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Mozambique</td></tr>
441 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Namibia</td></tr>
442 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">State of Palestine</td></tr>
443 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Romania</td></tr>
444 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Russia</td></tr>
445 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Northwestern Federal District</td></tr>
446 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Kaliningrad Oblast</td></tr>
447 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Rwanda</td></tr>
448 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">South Africa</td></tr>
449 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Sudan</td></tr>
450 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Swaziland</td></tr>
451 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Syria</td></tr>
452 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Ukraine (except part of Donetsk and Luhansk regions, Crimea (occupied by Russia))</td></tr>
453 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">United Kingdom</td></tr>
454 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Akrotiri and Dhekelia</td></tr>
455 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Zambia</td></tr>
456 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Zimbabwe</td></tr>
457 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Cairo</td></tr>
458 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Khartoum</td></tr>
459 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Johannesburg</td></tr>
460 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Kiev</td></tr>
461 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Bucharest</td></tr>
462 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Jerusalem</td></tr>
463 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Athens</td></tr>
464 | 			<tr><td class="table_utc_value">+2</td><td class="table_utc_location">Kaliningrad</td></tr>
465 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Bahrain</td></tr>
466 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Belarus</td></tr>
467 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Comoros</td></tr>
468 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Djibouti</td></tr>
469 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Eritrea</td></tr>
470 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Ethiopia</td></tr>
471 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">France</td></tr>
472 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">French Southern and Antarctic Lands</td></tr>
473 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Scattesilver Islands in the Indian Ocean</td></tr>
474 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Bassas da India, Europa Island and Juan de Nova Island</td></tr>
475 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Mayotte</td></tr>
476 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Georgia</td></tr>
477 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Abkhazia and South Ossetia</td></tr>
478 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Iraq</td></tr>
479 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Kenya</td></tr>
480 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Kuwait</td></tr>
481 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Madagascar</td></tr>
482 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Qatar</td></tr>
483 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Russia – Moscow Time</td></tr>
484 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Central Federal District</td></tr>
485 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">North Caucasian Federal District</td></tr>
486 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Northwestern Federal District (except Kaliningrad Oblast)</td></tr>
487 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Southern Federal District (except Astrakhan Oblast and Volgograd Oblast)</td></tr>
488 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Volga Federal District (except Ulyanovsk Oblast, Samara Oblast, Saratov Oblast, Udmurtia, Bashkortostan, Orenburg Oblast and Perm Krai)</td></tr>
489 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Saudi Arabia</td></tr>
490 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Somalia</td></tr>
491 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">South Africa</td></tr>
492 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Prince Edward Islands</td></tr>
493 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">South Sudan</td></tr>
494 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Tanzania</td></tr>
495 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Turkey</td></tr>
496 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Uganda</td></tr>
497 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Ukraine</td></tr>
498 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Part of Donetsk and Luhansk regions, Crimea (occupied by Russia)</td></tr>
499 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Yemen</td></tr>
500 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Moscow</td></tr>
501 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Istanbul</td></tr>
502 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Riyadh</td></tr>
503 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Baghdad</td></tr>
504 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Nairobi</td></tr>
505 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Minsk</td></tr>
506 | 			<tr><td class="table_utc_value">+3</td><td class="table_utc_location">Doha</td></tr>
507 | 			<tr><td class="table_utc_value">+3.5</td><td class="table_utc_location">Iran</td></tr>
508 | 			<tr><td class="table_utc_value">+3.5</td><td class="table_utc_location">Tehran</td></tr>
509 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Armenia</td></tr>
510 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Azerbaijan</td></tr>
511 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">France</td></tr>
512 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">French Southern and Antarctic Lands</td></tr>
513 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Crozet Islands</td></tr>
514 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Scattesilver Islands in the Indian Ocean</td></tr>
515 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Glorioso Islands and Tromelin Island</td></tr>
516 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Réunion</td></tr>
517 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Georgia (except Abkhazia and South Ossetia)</td></tr>
518 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Mauritius</td></tr>
519 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Oman</td></tr>
520 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Russia – Samara Time</td></tr>
521 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Southern Federal District</td></tr>
522 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Astrakhan Oblast</td></tr>
523 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Volgograd Oblast</td></tr>
524 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Volga Federal District</td></tr>
525 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Samara Oblast, Saratov Oblast, Udmurtia and Ulyanovsk Oblast</td></tr>
526 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Seychelles</td></tr>
527 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">United Arab Emirates</td></tr>
528 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Dubai</td></tr>
529 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Baku</td></tr>
530 | 			<tr><td class="table_utc_value">+4</td><td class="table_utc_location">Samara</td></tr>
531 | 			<tr><td class="table_utc_value">+4.5</td><td class="table_utc_location">Afghanistan</td></tr>
532 | 			<tr><td class="table_utc_value">+4.5</td><td class="table_utc_location">Kabul</td></tr>
533 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Australia</td></tr>
534 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Heard Island and McDonald Islands</td></tr>
535 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">France</td></tr>
536 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">French Southern and Antarctic Lands</td></tr>
537 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Île Amsterdam</td></tr>
538 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Île Saint-Paul</td></tr>
539 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Kerguelen Islands</td></tr>
540 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Kazakhstan</td></tr>
541 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">The provinces of Aktobe, Atyrau, Kyzylorda, Mangystau and West Kazakhstan</td></tr>
542 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Maldives</td></tr>
543 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Pakistan</td></tr>
544 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Russia – Yekaterinburg Time</td></tr>
545 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Ural Federal District</td></tr>
546 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Volga Federal District</td></tr>
547 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Bashkortostan, Orenburg Oblast and Perm Krai</td></tr>
548 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Tajikistan</td></tr>
549 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Turkmenistan</td></tr>
550 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Uzbekistan</td></tr>
551 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Karachi</td></tr>
552 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Tashkent</td></tr>
553 | 			<tr><td class="table_utc_value">+5</td><td class="table_utc_location">Yekaterinburg</td></tr>
554 | 			<tr><td class="table_utc_value">+5.5</td><td class="table_utc_location">India</td></tr>
555 | 			<tr><td class="table_utc_value">+5.5</td><td class="table_utc_location">Sri Lanka</td></tr>
556 | 			<tr><td class="table_utc_value">+5.5</td><td class="table_utc_location">Delhi</td></tr>
557 | 			<tr><td class="table_utc_value">+5.5</td><td class="table_utc_location">Colombo</td></tr>
558 | 			<tr><td class="table_utc_value">+5.75</td><td class="table_utc_location">Nepal</td></tr>
559 | 			<tr><td class="table_utc_value">+5.75</td><td class="table_utc_location">Kathmandu</td></tr>
560 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Bangladesh</td></tr>
561 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Bhutan</td></tr>
562 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Kazakhstan (except the provinces of Aktobe, Atyrau, Kyzylorda, Mangystau and West Kazakhstan)</td></tr>
563 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Kyrgyzstan</td></tr>
564 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Russia – Omsk Time</td></tr>
565 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Siberian Federal District</td></tr>
566 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Omsk Oblast</td></tr>
567 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">United Kingdom</td></tr>
568 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">British Indian Ocean Territory</td></tr>
569 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Dhaka</td></tr>
570 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Almaty</td></tr>
571 | 			<tr><td class="table_utc_value">+6</td><td class="table_utc_location">Omsk</td></tr>
572 | 			<tr><td class="table_utc_value">+6.5</td><td class="table_utc_location">Australia</td></tr>
573 | 			<tr><td class="table_utc_value">+6.5</td><td class="table_utc_location">Cocos (Keeling) Islands</td></tr>
574 | 			<tr><td class="table_utc_value">+6.5</td><td class="table_utc_location">Myanmar</td></tr>
575 | 			<tr><td class="table_utc_value">+6.5</td><td class="table_utc_location">Yangon</td></tr>
576 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Australia</td></tr>
577 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Christmas Island</td></tr>
578 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Cambodia</td></tr>
579 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Indonesia</td></tr>
580 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Java, Sumatra, Riau Islands, West Kalimantan and Central Kalimantan</td></tr>
581 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Laos</td></tr>
582 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Mongolia</td></tr>
583 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Western part, including Hovd</td></tr>
584 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Russia – Krasnoyarsk Time</td></tr>
585 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Siberian Federal District</td></tr>
586 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Altai Krai</td></tr>
587 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Altai Republic</td></tr>
588 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Kemerovo Oblast</td></tr>
589 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Khakassia</td></tr>
590 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Krasnoyarsk Krai</td></tr>
591 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Novosibirsk Oblast</td></tr>
592 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Tomsk Oblast</td></tr>
593 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Tuva</td></tr>
594 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Thailand</td></tr>
595 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Vietnam</td></tr>
596 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Jakarta</td></tr>
597 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Bangkok</td></tr>
598 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Ho Chi Minh City</td></tr>
599 | 			<tr><td class="table_utc_value">+7</td><td class="table_utc_location">Krasnoyarsk</td></tr>
600 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Australia (Western Australia (except Eucla))</td></tr>
601 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Brunei</td></tr>
602 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">China</td></tr>
603 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Hong Kong</td></tr>
604 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Indonesia</td></tr>
605 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">North Kalimantan, East Kalimantan, South Kalimantan, Lesser Sunda Islands and Sulawesi</td></tr>
606 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Macau</td></tr>
607 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Malaysia</td></tr>
608 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Mongolia</td></tr>
609 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Mongolia (Eastern part, including Ulaanbaatar)</td></tr>
610 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Philippines</td></tr>
611 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Russia – Irkutsk Time</td></tr>
612 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Siberian Federal District</td></tr>
613 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Buryatia</td></tr>
614 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Irkutsk Oblast</td></tr>
615 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Singapore</td></tr>
616 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Taiwan</td></tr>
617 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Shanghai</td></tr>
618 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Hong Kong</td></tr>
619 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Kuala Lumpur</td></tr>
620 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Singapore</td></tr>
621 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Taipei</td></tr>
622 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Perth</td></tr>
623 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Manila</td></tr>
624 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Makassar</td></tr>
625 | 			<tr><td class="table_utc_value">+8</td><td class="table_utc_location">Irkutsk</td></tr>
626 | 			<tr><td class="table_utc_value">+8.75</td><td class="table_utc_location">Australia</td></tr>
627 | 			<tr><td class="table_utc_value">+8.75</td><td class="table_utc_location">Western Australia</td></tr>
628 | 			<tr><td class="table_utc_value">+8.75</td><td class="table_utc_location">Eucla</td></tr>
629 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Indonesia</td></tr>
630 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Maluku Islands</td></tr>
631 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Papua and West Papua</td></tr>
632 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Japan</td></tr>
633 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">North Korea</td></tr>
634 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Palau</td></tr>
635 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Russia</td></tr>
636 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Far Eastern Federal District</td></tr>
637 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Amur Oblast, Sakha Republic (western part; west of the Lena River as well as territories adjacent to the Lena on the eastern side)</td></tr>
638 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Siberian Federal District</td></tr>
639 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Zabaykalsky Krai</td></tr>
640 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">South Korea</td></tr>
641 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Timor-Leste</td></tr>
642 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Tokyo</td></tr>
643 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Seoul</td></tr>
644 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Pyongyang</td></tr>
645 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Ambon</td></tr>
646 | 			<tr><td class="table_utc_value">+9</td><td class="table_utc_location">Yakutsk</td></tr>
647 | 			<tr><td class="table_utc_value">+9.5</td><td class="table_utc_location">Australia</td></tr>
648 | 			<tr><td class="table_utc_value">+9.5</td><td class="table_utc_location">Northern Territory</td></tr>
649 | 			<tr><td class="table_utc_value">+9.5</td><td class="table_utc_location">South Australia</td></tr>
650 | 			<tr><td class="table_utc_value">+9.5</td><td class="table_utc_location">New South Wales</td></tr>
651 | 			<tr><td class="table_utc_value">+9.5</td><td class="table_utc_location">Broken Hill</td></tr>
652 | 			<tr><td class="table_utc_value">+9.5</td><td class="table_utc_location">Adelaide</td></tr>
653 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Australia</td></tr>
654 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Australian Capital Territory</td></tr>
655 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">New South Wales (except Broken Hill)</td></tr>
656 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Queensland</td></tr>
657 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Tasmania</td></tr>
658 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Victoria</td></tr>
659 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Federated States of Micronesia</td></tr>
660 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Western part</td></tr>
661 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Papua New Guinea</td></tr>
662 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">All of the country except Autonomous Region of Bougainville</td></tr>
663 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Russia – Vladivostok Time</td></tr>
664 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Far Eastern Federal District</td></tr>
665 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Primorsky Krai, Jewish Autonomous Oblast, Khabarovsk Krai, and Sakha Republic (central part; east of 140 degrees longitude and including the Abyysky, Allaikhovsky, Momsky, Nizhnekolymsky, and Ssilvernekolymsky districts)</td></tr>
666 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">United States</td></tr>
667 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Guam</td></tr>
668 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Northern Mariana Islands</td></tr>
669 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Sydney</td></tr>
670 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Port Moresby</td></tr>
671 | 			<tr><td class="table_utc_value">+10</td><td class="table_utc_location">Vladivostok</td></tr>
672 | 			<tr><td class="table_utc_value">+10.5</td><td class="table_utc_location">Australia</td></tr>
673 | 			<tr><td class="table_utc_value">+10.5</td><td class="table_utc_location">New South Wales</td></tr>
674 | 			<tr><td class="table_utc_value">+10.5</td><td class="table_utc_location">Lord Howe Island</td></tr>
675 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Australia</td></tr>
676 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Norfolk Island</td></tr>
677 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Federated States of Micronesia</td></tr>
678 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Eastern part</td></tr>
679 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">France</td></tr>
680 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">New Caledonia</td></tr>
681 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Papua New Guinea</td></tr>
682 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Autonomous Region of Bougainville</td></tr>
683 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Russia – Magadan Time</td></tr>
684 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Far Eastern Federal District</td></tr>
685 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Sakha Republic (eastern part; Oymyakonsky, Ust-Yansky, and Verkhoyansky districts), Magadan Oblast and Sakhalin Oblast</td></tr>
686 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Solomon Islands</td></tr>
687 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Vanuatu</td></tr>
688 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Nouméa</td></tr>
689 | 			<tr><td class="table_utc_value">+11</td><td class="table_utc_location">Magadan</td></tr>
690 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">France</td></tr>
691 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Wallis and Futuna</td></tr>
692 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Fiji</td></tr>
693 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Kiribati</td></tr>
694 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Gilbert Islands</td></tr>
695 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Marshall Islands</td></tr>
696 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Nauru</td></tr>
697 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">New Zealand (except Chatham Islands)</td></tr>
698 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Russia – Kamchatka Time</td></tr>
699 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Far Eastern Federal District</td></tr>
700 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Chukotka Autonomous Okrug and Kamchatka Krai</td></tr>
701 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Tuvalu</td></tr>
702 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">United States</td></tr>
703 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Wake Island</td></tr>
704 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Auckland</td></tr>
705 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Suva</td></tr>
706 | 			<tr><td class="table_utc_value">+12</td><td class="table_utc_location">Petropavlovsk-Kamchatsky</td></tr>
707 | 			<tr><td class="table_utc_value">+12.75</td><td class="table_utc_location">New Zealand</td></tr>
708 | 			<tr><td class="table_utc_value">+12.75</td><td class="table_utc_location">Chatham Islands</td></tr>
709 | 			<tr><td class="table_utc_value">+13</td><td class="table_utc_location">Kiribati</td></tr>
710 | 			<tr><td class="table_utc_value">+13</td><td class="table_utc_location">Phoenix Islands</td></tr>
711 | 			<tr><td class="table_utc_value">+13</td><td class="table_utc_location">New Zealand</td></tr>
712 | 			<tr><td class="table_utc_value">+13</td><td class="table_utc_location">Tokelau</td></tr>
713 | 			<tr><td class="table_utc_value">+13</td><td class="table_utc_location">Samoa</td></tr>
714 | 			<tr><td class="table_utc_value">+13</td><td class="table_utc_location">Tonga</td></tr>
715 | 			<tr><td class="table_utc_value">+14</td><td class="table_utc_location">Kiribati</td></tr>
716 | 			<tr><td class="table_utc_value">+14</td><td class="table_utc_location">Line Islands</td></tr>
717 | 		</table>
718 | 	</body>
719 | </html>


--------------------------------------------------------------------------------