1<html> 2 <head> 3 <!--Start Cookie Script--> 4 <!--
4<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="84dfff1c-5d32-48d1-beab-7ccae1f70099" data-blockingmode="auto" type="text/javascript"></script>
4--> 5 <!--End Cookie Script--> 6 7 <title>List your Event</title> 8 9 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 9-10
9 10 <script async src="https://www.googletagmanager.com/gtag/js?id=
10UA-124771739-2
vendor: 14 bytes, lines 10-11
10"></script> 11
11<script> 12 //window['ga-disable-UA-124771739-2'] = true; 13
vendor: 137 bytes, lines 13-17
13window.dataLayer = window.dataLayer || []; 14 function gtag(){dataLayer.push(arguments);} 15 gtag('js', new Date()); 16 17 gtag('config', '
17UA-124771739-2
vendor: 6 bytes, lines 17-18
17'); 18
18</script>
18 19 20 <title>Add an Event</title> 21 22 <meta name="viewport" content="width=device-width, initial-scale=1"> 23 <link href="https://fonts.googleapis.com/css?family=Comfortaa:400,700&display=swap" rel="stylesheet"> 24 25 <!--<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" >--> 26 27 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> 28 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" /> 29
29<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
29 30
30<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
30 31
31<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
31 32 33 <!--
33<script type="text/javascript" src="https://addevent.com/libs/atc/1.6.1/atc.min.js" async defer></script>
33 ALLOWS ONLY 50 PER MONTH FOR FREE --> 34 <!--
34<script type="text/javascript" src="js/addtocalendar.js"></script>
34--> 35 <link href="https://addtocalendar.com/atc/1.5/atc-style-blue.css" rel="stylesheet" type="text/css"> 36 37 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> 38 39 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css"> 40
40<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
40 41 42 <link rel="stylesheet" href="https://cdn.datatables.net/rowreorder/1.2.6/css/rowReorder.dataTables.min.css"> 43 <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.0.0/css/responsive.dataTables.min.css"> 44 45
45<script src="https://cdn.datatables.net/rowreorder/1.2.6/js/dataTables.rowReorder.min.js"></script>
45 46
46<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
46 47
47<script src="https://cdn.datatables.net/plug-ins/1.10.20/filtering/type-based/accent-neutralise.js"></script>
47 48 49 50 51
51<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
51 52 53
53<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"></script>
53 54 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/css/tempusdominus-bootstrap-4.min.css" /> 55 56 <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" /> 57 58 <!--<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css"> 59 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/rowreorder/1.2.6/css/rowReorder.dataTables.min.css"> 60
60<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
60 61
61<script src="https://cdn.datatables.net/rowreorder/1.2.6/js/dataTables.rowReorder.min.js"></script>
61 62
62<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
62--> 63 64 <!-- Include Date Range Picker --> 65
65<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
65 66 67 <!-- Include Date Range Picker --> 68 <link rel="stylesheet" type="text/css" href="css/datetime_picker_style.css?v1.5" /> 69 70 <!-- Include Date Range Picker --> 71 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> 72 73 <meta name="theme-color" content="#ef8231"/> 74 <!--<link rel="manifest" href="manifest.json">--> 75 76 <style> 77 * { 78 box-sizing: border-box; 79 font-family: 'Verdana'; 80 } 81 body { 82 background-color: white; 83 margin: 0px; 84 transition: all 0.5s ease-in-out; 85 } 86 .item { 87 display: block; 88 position: relative; 89 justify-content: center; 90 align-items: center; 91 border: 1px solid #d8dadc; 92 border-radius: 10px; 93 background-color: white; 94 padding: 10px 10px 0px 10px; 95 /*height: 320px;*/ 96 } 97 .gridContainer { 98 display: grid; 99 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); 100 grid-gap: 1.5rem; 101 padding: 10px 10%; 102 min-height: 670px; 103 } 104 @media (max-width: 1000px) { 105 .gridContainer{ 106 padding: 10px; 107 } 108 } 109 @media (max-width: 600px) { 110 .gridContainer { 111 grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); 112 padding:20px; 113 } 114 .item { 115 /*height: 320px;*/ 116 } 117 } 118 @media (max-width: 400px) { 119 .gridContainer { 120 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 121 padding:20px; 122 } 123 } 124 @media (max-width: 400px) { 125 .gridContainer { 126 padding:20px; 127 } 128 } 129 130 .searchFieldsContainer { 131 display: grid; 132 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 133 grid-gap: 1rem; 134 } 135 .searchItem { 136 display: flex; 137 position: relative; 138 justify-content: center; 139 align-items: center; 140 border: 1px solid #d8dadc; 141 background-color: white; 142 padding: 10px; 143 height: 45px; 144 } 145 146 .searchContainer { 147 padding: 10px 10% 0px 10%; 148 } 149 @media (max-width: 600px) { 150 .searchContainer { 151 padding:1px 20px 1px 20px; 152 } 153 } 154 .viewDetails{ 155 position:absolute; 156 bottom:0; 157 padding: 3px 15px 15px 5px; 158 right:0; 159 z-index:1; 160 } 161 .location{ 162 position:relative; 163 top:0; 164 padding: 15px 0px 0px 0px; 165 margin-left: 100px!important; 166 font-size: 15px; 167 } 168 .topCalendar{ 169 position:absolute; 170 top:0; 171 padding: 0px 10px; 172 left:0; 173 min-width: 100px; 174 } 175 .top{ 176 position:absolute; 177 top:0; 178 padding: 10px; 179 } 180 .topTitle{ 181 position:relative; 182 top:0; 183 margin-left: 100px; 184 padding: 0px; 185 font-size: 15px; 186 height: 45px; 187 } 188 .topType{ 189 position:relative; 190 top:0px; 191 left: 0px; 192 padding: 10px; 193 font-size: 13px; 194 margin-bottom: 10px; 195 } 196 .topRest{ 197 position:relative; 198 top: 0px; /*177px*/ 199 right: 25px; 200 left: 0px; 201 padding: 10px 0px; 202 font-size: 12px; 203 } 204 .topRestInner{ 205 position: absolute; 206 left: 75px; 207 display: -webkit-inline-box; 208 -webkit-line-clamp: 2; 209 -webkit-box-orient: vertical; 210 overflow: hidden; 211 } 212 .titleContent{ 213 display: -webkit-box; 214 -webkit-line-clamp: 3; 215 -webkit-box-orient: vertical; 216 overflow: hidden; 217 line-height: 18px; 218 } 219 .specialtyContent{ 220 display: -webkit-box; 221 -webkit-line-clamp: 2; 222 -webkit-box-orient: vertical; 223 overflow: hidden; 224 text-overflow: ellipsis; 225 word-wrap: anywhere; 226 } 227 .fullSpecialtyContent{ 228 -webkit-line-clamp: 100!important; 229 } 230 .orangeSquare{ 231 padding: 25px 8px 15px 8px; 232 color: white; 233 text-align: center; 234 box-shadow: 0px 7px 7px #b7b7b7; 235 background: linear-gradient(to bottom, #ef8231 15px, #f99450 16px); 236 } 237 238 .dropdown-toggle{ 239 height:100%; 240 } 241 .filter-option-inner-inner{ 242 font-size: 10px; 243 white-space: normal; 244 display: -webkit-box; 245 -webkit-line-clamp: 2; 246 -webkit-box-orient: vertical; 247 overflow: hidden; 248 text-align: center; 249 } 250 .selectpicker{ 251 display:flex!important; 252 } 253 .bootstrap-select { 254 width: auto !important; 255 height: 45px; 256 } 257 .dropdown-menu{ 258 max-height: 250px; 259 width: 200px; 260 overflow-x: hidden; 261 } 262 .dropdown-menu li{ 263 font-size: 11px; 264 } 265 .mainSearch{ 266 width:80%; 267 } 268 .looking_for_title{ 269 font-size:24px; 270 } 271 @media screen and (max-width: 1000px) { 272 .mainSearch{ 273 width:85%; 274 } 275 } 276 @media screen and (max-width: 500px) { 277 .looking_for_title{ 278 font-size:20px; 279 } 280 } 281 .selected{ 282 font-weight: bold!important; 283 color: #ef8231!important; 284 } 285 @media screen and (max-width: 800px) { 286 .filter{ 287 float:none; 288 } 289 } 290 291 /*Deleting all CSS from the Add to calendar button*/ 292 .atcb-link{ 293 all: unset!important; 294 cursor: pointer!important; 295 } 296 297 .tool-text{ 298 background-color: #245780; 299 color: white; 300 text-align: center; 301 display: flex; 302 justify-content: center; 303 align-items: center; 304 height: 55px; 305 padding: 5px; 306 } 307 308 .table-font{ 309 font-size: 100%; 310 } 311 @media screen and (max-width: 767px) { 312 .table-font{ 313 font-size: 85%; 314 } 315 } 316 317 table.footer-table tbody td{ 318 padding: 0!important; 319 margin: 0!important; 320 border: 0!important; 321 } 322 323 .table-footer{ 324 display: table-cell!important; 325 } 326 table tbody tr td{ 327 word-wrap: break-word!important; 328 white-space: break-spaces!important; 329 } 330 331 .bootstrap-datetimepicker-widget { 332 width: 100%!important; 333 padding: 0!important; 334 } 335 336 .my-datetimepicker { 337 width: 240px!important; 338 } 339 @media screen and (max-width: 991px) { 340 .my-datetimepicker{ 341 width: 100%!important; 342 } 343 } 344 #events_table_length{ 345 margin-left: 20px!important; 346 } 347 #events_table_filter{ 348 margin-right: 14px!important; 349 } 350 .extraSpace { 351 display: inline-block; 352 } 353 @media screen and (max-width: 767px) { 354 .extraSpace{ 355 display: none; 356 } 357 } 358 359 /*.daterangepicker{ 360 width: auto; 361 max-height: 500px; 362 }*/ 363 .daterangepicker .calendar-table th, .daterangepicker .calendar-table td{ 364 min-width:22px; 365 } 366 367 .col-md-8{ 368 padding-left: 5px; 369 padding-right: 5px; 370 } 371 372 .addTab{ 373 text-align: center; 374 width: 307px; 375 cursor: pointer; 376 display: inline-block; 377 margin-right: 5px; 378 padding: 20px; 379 } 380 @media screen and (max-width: 1510px) { 381 .addTab{ 382 width: 247px; 383 padding: 20px 40px; 384 } 385 } 386 @media screen and (max-width: 1250px) { 387 .addTab{ 388 width: 100%; 389 padding: 20px; 390 } 391 } 392 393 .addRow{ 394 min-height: 480px; 395 padding: 30px; 396 } 397 @media screen and (max-width: 1250px) { 398 .addRow{ 399 min-height: 0px; 400 } 401 } 402 </style> 403 </head> 404 <body> 405 <style> 406 .header-icons{ 407 font-size: 12px; 408 color: #245780; 409 margin-top: 13px; 410 display: inline-block; 411 } 412 @media screen and (max-width: 1000px) { 413 .header-icons{ 414 position: absolute; 415 margin-top: 8px; 416 left: 15px; 417 } 418 } 419 @media screen and (max-width: 500px) { 420 .header-icons{ 421 width: 77px; 422 left: 5px; 423 margin-top: 20px; 424 } 425 .header-icons a{ 426 padding: 0px!important; 427 font-size: 20px!important; 428 } 429 .header-icon-text{ 430 display: none; 431 } 432 } 433 434 .header-icons{ 435 display: none; 436 } 437</style> 438<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css"> 439<div class="header"> 440 <a href="events.php" style="text-align:center; margin-right: 40px;" class="logo"> 441 <img src="images/logo.png?v=1.1" style="height:56px;width:auto;margin-top: -8px;margin-bottom: -5px;"/> 442 </a> 443 <div class="header-icons"> 444 <a href="https://play.google.com/store/apps/details?id=gr.phonegap.mconferences" onclick="Footer('Google Play');" target="_blank" style="color: #245780; text-decoration: none;"> 445 <span class="header-icon-text">Android</span> <i class="fa fa-google-play fa-brands" style="margin-right: 10px;"></i> 446 </a> 447 <a href="https://itunes.apple.com/gr/app/mconferences/id1087000289?mt=8" onclick="Footer('App Store');" target="_blank" style="color: #245780;text-decoration: none;"> 448 <span class="header-icon-text">iOS</span> <i class="fa fa-apple fa-brands" style=""></i> 449 </a> 450 </div> 451 <!--<div class="md-form m0 front"> 452 <i class="material-icons mdc-button__icon fa fa-search"></i> 453 <input class="form-control" type="search" placeholder="Search" onkeyup="getEventsBySearchField(event,this)" aria-label="Search"> 454 </div>--> 455 <div class="header-right"> 456 <a style="display: none;" href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/us.png" id="enFlag" style="height: 15px; width: 23px;"/> |</a> 457 <a style="display: none;" href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/gr.png" id="grFlag" style="height: 15px; width: 23px;"/> |</a> 458 <a href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><span id="enText">EN |</span></a> 459 <a href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><span id="grText">GR |</span></a> 460 <a href="about.php" style="padding: 12px 2px; 12px 0 px;">About mConferences |</a> 461 <a href="/cdn-cgi/l/email-protection#f79e999198b79a93968396d99085c88482959d929483ca9ab498999192859299949284d2c5c7b4989983969483" style="padding: 12px 12px 12px 0px;"> Contact Us</a> 462 <a href="addanevent.php" style="background-color:#ef8231; padding:12px 20px;color: white;">List your Event!</a> 463 </div> 464 <div class="header-mobile"> 465 <a style="display: none;" href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/us.png" id="enFlagMobile" style="height: 15px; width: 23px;"/> |</a> 466 <a style="display: none;" href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/gr.png" id="grFlagMobile" style="height: 15px; width: 23px;"/> </a> 467 <a href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><span id="enTextMobile">EN |</span></a> 468 <a href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><span id="grTextMobile">GR </a> 469 </div> 470</div>
vendor: 109 bytes, lines 470-471
470 471<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
471<script> 472 function SetData(){ 473 if(!localStorage.hasOwnProperty("locale")){ 474 localStorage.setItem("locale", "en"); 475 } 476 if(localStorage.getItem("locale") == "en"){ 477 setCookie('locale','en',7); 478 479 document.getElementById("enText").style.fontSize = "16px"; 480 document.getElementById("enFlag").style.height = "20px"; 481 document.getElementById("enFlag").style.width = "30px"; 482 document.getElementById("enTextMobile").style.fontSize = "16px"; 483 document.getElementById("enFlagMobile").style.height = "20px"; 484 document.getElementById("enFlagMobile").style.width = "30px"; 485 486 document.getElementById("grText").style.fontSize = "12px"; 487 document.getElementById("grFlag").style.height = "15px"; 488 document.getElementById("grFlag").style.width = "23px"; 489 document.getElementById("grTextMobile").style.fontSize = "12px"; 490 document.getElementById("grFlagMobile").style.height = "15px"; 491 document.getElementById("grFlagMobile").style.width = "23px"; 492 } 493 else{ 494 setCookie('locale','gr',7); 495 496 document.getElementById("enText").style.fontSize = "12px"; 497 document.getElementById("enFlag").style.height = "15px"; 498 document.getElementById("enFlag").style.width = "23px"; 499 500 document.getElementById("grText").style.fontSize = "16px"; 501 document.getElementById("grFlag").style.height = "20px"; 502 document.getElementById("grFlag").style.width = "30px"; 503 504 document.getElementById("enTextMobile").style.fontSize = "12px"; 505 document.getElementById("enFlagMobile").style.height = "15px"; 506 document.getElementById("enFlagMobile").style.width = "23px"; 507 508 document.getElementById("grTextMobile").style.fontSize = "16px"; 509 document.getElementById("grFlagMobile").style.height = "20px"; 510 document.getElementById("grFlagMobile").style.width = "30px"; 511 } 512 } 513 514 function setCookie(name,value,days) { 515 delete_cookie(name); 516 var expires = ""; 517 if (days) { 518 var date = new Date(); 519 date.setTime(date.getTime() + (days*24*60*60*1000)); 520 //expires = "; expires=" + date.toUTCString(); 521 } 522 document.cookie = name + "=" + (value || "") + expires + "; path=/;domain=.mconferences.com"; 523 } 524 525 function delete_cookie( name, path, domain ) { 526 if( get_cookie( name ) ) { 527 document.cookie = name + "=" + 528 ((path) ? ";path="+path:"")+ 529 ((domain)?";domain="+domain:"") + 530 ";expires=Thu, 01 Jan 1970 00:00:01 GMT"; 531 } 532 } 533 534 function get_cookie(name){ 535 return document.cookie.split(';').some(c => { 536 return c.trim().startsWith(name + '='); 537 }); 538 } 539 540 function SetLocale(locale){ 541 localStorage.setItem("locale", locale); 542 setCookie('locale',locale,7); 543 SetData(); 544 location.reload(); 545 } 546 547 SetData(); 548 549 window.mobileAndTabletCheck = function() { 550 let check = false; 551 (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|
551sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera); 552 return check; 553 }; 554 555 if(!mobileAndTabletCheck()){ 556 $(".header-icons").show(); 557 } 558</script>
558 559<style> 560 .lds-roller { 561 display: inline-block; 562 position: relative; 563 width: 80px; 564 height: 80px; 565 } 566 .lds-roller div { 567 animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; 568 transform-origin: 40px 40px; 569 } 570 .lds-roller div:after { 571 content: " "; 572 display: block; 573 position: absolute; 574 width: 7px; 575 height: 7px; 576 border-radius: 50%; 577 background: lightgray; 578 margin: -4px 0 0 -4px; 579 } 580 .lds-roller div:nth-child(1) { 581 animation-delay: -0.036s; 582 } 583 .lds-roller div:nth-child(1):after { 584 top: 63px; 585 left: 63px; 586 } 587 .lds-roller div:nth-child(2) { 588 animation-delay: -0.072s; 589 } 590 .lds-roller div:nth-child(2):after { 591 top: 68px; 592 left: 56px; 593 } 594 .lds-roller div:nth-child(3) { 595 animation-delay: -0.108s; 596 } 597 .lds-roller div:nth-child(3):after { 598 top: 71px; 599 left: 48px; 600 } 601 .lds-roller div:nth-child(4) { 602 animation-delay: -0.144s; 603 } 604 .lds-roller div:nth-child(4):after { 605 top: 72px; 606 left: 40px; 607 } 608 .lds-roller div:nth-child(5) { 609 animation-delay: -0.18s; 610 } 611 .lds-roller div:nth-child(5):after { 612 top: 71px; 613 left: 32px; 614 } 615 .lds-roller div:nth-child(6) { 616 animation-delay: -0.216s; 617 } 618 .lds-roller div:nth-child(6):after { 619 top: 68px; 620 left: 24px; 621 } 622 .lds-roller div:nth-child(7) { 623 animation-delay: -0.252s; 624 } 625 .lds-roller div:nth-child(7):after { 626 top: 63px; 627 left: 17px; 628 } 629 .lds-roller div:nth-child(8) { 630 animation-delay: -0.288s; 631 } 632 .lds-roller div:nth-child(8):after { 633 top: 56px; 634 left: 12px; 635 } 636 @keyframes lds-roller { 637 0% { 638 transform: rotate(0deg); 639 } 640 100% { 641 transform: rotate(360deg); 642 } 643 } 644 645 .form-control:focus{ 646 box-shadow: 0 0 2px .1rem rgba(70, 70, 70, 0.25)!important; 647 border-color: #c4c4c4!important; 648 } 649 650 .error-input{ 651 box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important; 652 border-color: #f00 !important; 653 } 654 655 .modal-open { 656 overflow: inherit; 657 } 658 659 /* @media (min-width: 480px)/* The minimum width of the display area, such as a browser window*/ 660 { 661 .modal-dialog { 662 height: 50% !important; 663 664 max-width:480px !important; 665 } 666 } */ 667 #myModalBody{ 668 text-align:center; 669 } 670 body { 671 padding-right: 0 !important; 672 overflow: initial !important; 673 } 674 675/* .modal-footer { border-top: 0px; 676 } */ 677 .modal-footer { 678 679 680 display: block; 681 text-align: center; 682 align-items: center; 683 padding: .75rem; 684 border-top: 1px solid #dee2e6; 685 border-bottom-right-radius: calc(.3rem - 1px); 686 border-bottom-left-radius: calc(.3rem - 1px); 687 } 688 .forgotpw{ 689 text-decoration: underline; 690 } 691 692 693 694 695</style> 696 697<link rel="stylesheet" href="css/topnav.css?v=1672352291"> 698 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 699 700<style> 701 .navbar{ 702 background-color:#245780; 703 padding:0px 40px !important; 704 margin-right:0 !important; 705 width: 100% !important; 706 min-height: 44px!important; 707 } 708 .nav-link{ 709 padding:15px 40px; 710 } 711 .navbar-expand-md .navbar-nav .nav-link { 712 padding-right: 1.5rem; 713 padding-left: 1.5rem; 714 } 715 @media only screen and (max-width: 1000px) { 716 .navbar-expand-md .navbar-nav .nav-link { 717 padding-right: 1rem; 718 padding-left: 1rem; 719 font-size: 80%; 720 } 721 } 722 723 li>a{ 724 color:white; 725 } 726 .nav-link:hover{ 727 color:black; 728 background-color:lightgray; 729 } 730 a{ 731 font-size:14px; 732 733 } 734 .modal-open { 735 padding-right: 0 !important; 736 } 737 738 html { 739 overflow-y: scroll !important; 740 } 741 /* @media screen and (max-width: 600px) { 742 .navbar a { 743 float: none; 744 width: 100%; 745 } 746 } */ 747 748 .sidenav { 749 z-index:1021; 750 } 751 752 @media only screen and (min-width: 1001px) { 753 #hamburger { 754 display:none; 755 } 756 #navbarSearchIcon1,#navbarXIcon1 { 757 display:none; 758 } 759 } 760 761 762 @media only screen and (max-width: 1000px) { 763 .navbar-toggler{ 764 display:none; 765 } 766 .modal-dialog { 767 position: relative; 768 width: auto; 769 margin: .5rem; 770 pointer-events: none !important; 771 margin: auto !important; 772 } 773 .navbar-expand-md .navbar-collapse{ 774 display: none!important; 775 } 776 } 777 778 @media only screen and (min-width: 769px) or (max-height: 850px) { 779 .modal-dialog{ 780 top:50% !important; 781 margin-top: 0 !important; 782 margin-bottom:0 !important; 783 transform:translate(0%,-50%)!important; 784 } 785 } 786 787 @media only screen and (min-height: 850px) { 788 .modal-dialog{ 789 top:50% !important; 790 margin-top: 0 !important; 791 margin-bottom:0 !important; 792 transform:translate(0%,-50%)!important; 793 } 794 } 795 796 797 .modal-login-dialog{ 798 top:50% !important; 799 margin-top: 0 !important; 800 margin-bottom:0 !important; 801 transform:translate(0%,-50%)!important; 802 } 803 804 .modal{ 805 padding-right: 0!important; 806 overflow: auto; /* When having multiple modals, if I close one, the body loses the "modal-open" class, so the second modal becomes un-scrollable 807 By adding this, I make sure this bug is mitigated, and the modal is always scrollable */ 808 } 809 810 .bs-select-all { 811 text-indent: -9999px; 812 line-height: 0!important; /* Collapse the original line */ 813 } 814 815 .bs-select-all::after { 816 content: "Select All"; /* Select All */ 817 text-indent: 0; 818 display: block; 819 line-height: 20px; /* New content takes up original line height */ 820 } 821 822 .bs-deselect-all { 823 text-indent: -9999px; 824 margin-left: 5px!important; 825 line-height: 0!important; /* Collapse the original line */ 826 } 827 828 .bs-deselect-all::after { 829 content: "Deselect All"; /* Deselect All */ 830 text-indent: 0; 831 display: block; 832 line-height: 20px; /* New content takes up original line height */ 833 } 834</style> 835<nav class="navbar navbar-expand-md b sticky-top"> 836 <!-- <a class="navbar-brand" href="#">WebSiteName</a> --> 837 838 <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navb" aria-expanded="true"> 839 <span class="navbar-toggler-icon"></span> 840 </button> 841 <a id="hamburger" href="javascript:void(0);" class="nav-link" style="height: 44px; padding-top: 15px; padding-left: 26px;
841 padding-right: 26px; color:white; position:absolute; left:0; top:0;" onclick="menuClicked()"><i class="fa fa-bars"></i></a> 842 <input class="form-control" type="search" id="navbarSearch" style="height:100%; right: 0;width: 100%;position: absolute;transform: translateX(-100%);transition: all 0.5s ease-in-out;opacity: 0; font-size:13px;" placeholder="Type in what you are looking for" onkeyup="getEventsBySearchField(event,this)" aria-label="Search"> 843 844 <i class="material-icons mdc-button__icon fa fa-search" id="navbarSearchIcon1" style="transition: all 0.5s ease-in-out; opacity:1;font-size: 23px;margin-top: 11px;color: white; cursor:pointer; position:absolute; right:5px; top:0px; right: 5px;margin: 9px 0px;padding-right: 10px;" onclick="openSearch();"></i> 845 <i class="material-icons mdc-button__icon fa fa-times" id="navbarXIcon1" style="transform: rotate(-180deg) scale(.5); transition: all 0.5s ease-in-out; opacity:0;right:13px;font-size: 23px;margin-top: 0px;color: #ef8231; cursor:pointer;" onclick="openSearch();"></i> 846 847 <div id="navb" class="navbar-collapse collapse hide"> 848 849 <ul class="navbar-nav"> 850 <input class="form-control" type="search" id="navbarSearch" style="height:100%; right: 0;width: 100%;position: absolute;transform: translateX(-100%);transition: all 0.5s ease-in-out;opacity: 0; font-size:13px;" placeholder="Type in what you are looking for" onkeyup="getEventsBySearchField(event,this)" aria-label="Search"> 851 852 <li class="nav-item active"> 853 <a class="nav-link" href="events.php">Events</a> 854 </li> 855 <li class="nav-item active"> 856 <a class="nav-link" href="venues.php">Venues</a> 857 </li> 858 <li class="nav-item active"> 859 <a class="nav-link" href="pcos.php">PCOs</a> 860 </li> 861 <li class="nav-item active"> 862 <a class="nav-link" href="organizers.php">Organizers</a> 863 </li> 864 <!-- <li class="nav-item"> 865 <a class="nav-link" href="#">Page 1</a> 866 </li> 867 <li class="nav-item"> 868 <a class="nav-link" href="#">
868Page 2</a> 869 </li> --> 870 871 872 </ul> 873 874 <ul class="nav navbar-nav ml-auto"> 875 <!-- <li class="nav-item dropdown"> 876 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 877 Dropdown 878 </a> 879 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 880 <a class="dropdown-item" href="#">Edit Profile</a> 881 <a class="dropdown-item" href="#">Preferences</a> 882 <div class="dropdown-divider"></div> 883 <a class="dropdown-item" href="logout.php">Logout</a> 884 </div> 885 </li> --> 886 <li class="nav-item"> 887 <a id="nav-login" class="nav-link" href="#" data-toggle="modal" data-target="#modalLoginForm" onclick="hideSendmail()" > Login</a> 888 </li> 889 <li class="nav-item"> 890 <a class="nav-link" href="#" data-toggle="modal" data-target="#modalRegisterForm"> New User?</a> 891 </li> 892 <li class="nav-item"> 893 <div class="icons"> 894 <i class="material-icons mdc-button__icon fa fa-search" id="navbarSearchIcon" style="transition: all 0.5s ease-in-out; opacity:1;font-size: 23px;margin-top: 13px;color: white; cursor:pointer;" onclick="openSearch();"></i> 895 <i class="material-icons mdc-button__icon fa fa-times" id="navbarXIcon" style="transform: rotate(-180deg) scale(.5); transition: all 0.5s ease-in-out; opacity:0;right:13px;font-size: 23px;margin-top: 14px;color: #ef8231; cursor:pointer;" onclick="openSearch();"></i> 896 </div> 897 898</li> 899</ul> 900 901</nav> 902 903 <i class="material-icons mdc-button__icon fa fa-times" id="navbarXIcon1" style="transform: rotate(-180deg) scale(.5); transition: all 0.5s ease-in-out; opacity:0;right:13px;font-size: 23px;margin-top: 11px;color: #ef8231; cursor:pointer; position:absolute; top:42px; z-index:2000; display:none" onclick="openSearch();"></i> 904<div class="sidenav" id="sidenav"> 905 <div style="text-align: center;"> 906 <img src="images/logo.png" style="height:56px;"/> 907 <a href="javascript:void(0);" class="icon" style="float:right;" onclick="menuClicked()"> 908 <i class="fa fa-times" style="font-size: 30px;margin-top: -4px; color: #245780;"></i> 909 </a> 910 </div> 911 <ul class="sidenavlist" style="list-style:none; margin: 0; margin-top:25px; padding: 0; color: #245780; margin-bottom:80px;"> 912 <li> 913 <div class="md-form m0"> 914 <i class="material-icons mdc-button__icon fa fa-search"></i> 915 <input class="form-control" type="search" placeholder="Search" onkeyup="getEventsBySearchField(event,this)" aria-label="Search"> 916 </div> 917 </li> 918 <li> 919 <hr> 920 <a href="" style="color:#245780;" data-toggle="modal" data-target="#modalLoginForm" onclick="hideSendmail()" >Login</a> 921 </li> 922 <li> 923 <hr> 924 <a href="" style="color:#245780;" data-toggle="modal" data-target="#modalRegisterForm">New User?</a> 925 </li> 926 <li> 927 <hr> 928 <a href="events.php" style="color:#245780;">Events</a> 929 </li> 930 <li> 931 <hr> 932 <a href="venues.php" style="color:#245780;">Venues</a> 933 </li> 934 <li> 935 <hr> 936 <a href="pcos.php" style="color:#245780;">PCOs</a> 937 </li> 938 <li> 939 <hr> 940 <a href="organizers.php" style="color:#245780;">Organizers</a> 941 </li> 942 <li> 943 <hr> 944 <a href="about.php" style="color:#245780;">About mConferences</a> 945 </li> 946 <li> 947 <hr> 948 <a href="/cdn-cgi/l/email-protection#a5cccbc3cae5c8c1c4d1c48bc2d79ad6d0c7cfc0c6d198c8e6cacbc3c0d7c0cbc6c0d6809795e6cacbd1c4c6d1" style="color:#245780;">Contact Us</a> 949 <hr> 950 </li> 951 </ul> 952</div> 953<div id="sidebottom" style="z-index:100000;transition: transform 0.5s ease-in-out;position:fixed; bottom:0;left:-100%;transform:translateX(-100%);width:100%;box-shadow: 0px 0px 5px darkgray;height: 75px;background-color: white;"> 954 <div style="position:absolute; bottom:0;height:75px;left: 50%;transform: translate(-50%);padding-top: 26px;background-color: white;"> 955 <a href="addanevent.php" style="background-color:#ef8231; padding:12px 20px;color: white; box-shadow: 0px 0px 5px darkgray; white-space: nowrap;">List your Event!</a> 956 </div> 957</div> 958<div class="modal fade" id="modalLoginForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 100001;" aria-hidden="true" data-backdrop="static" data-keyboard="false"> 959 <div class=" modal-dialog modal-login-dialog" role="document"> 960 <div class="modal-content"> 961 <div class="modal-header text-center"> 962 <h4 class="modal-title w-100" id="changeh4">Login</h4> 963 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
964 <span aria-hidden="true">×</span> 965 </button> 966 </div> 967 <div class="modal-body mx-4"> 968 <div class="md-form mb-3" > 969 <label data-error="wrong" data-success="right" for="login-email">Email</label> 970 <input type="email" placeholder="Enter Email" id="login-email" class="form-control validate" > 971 <div id="login-email-error" style="color:red; display:none;"> 972 Please enter a valid email. </div> 973 </div> 974 <div class="md-form mb-3" id="hideWhenForgotPw"> 975 <label data-error="wrong" data-success="right" for="login-pass">Password</label> 976 <input type="password" placeholder="Enter Password" id="login-pass" class="form-control validate"> 977 <span onclick="ShowHide(this,'login-pass');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span> 978 <div class="forgotpw" href="#" style=" text-align:center; padding-top:8px; font-size: smaller; color:#007bff; cursor:pointer;" onclick="hidePass()" >Forgot Password?</div> 979 980 </div> 981 </div> 982 <div id="login-btn"> 983 <div class="modal-footer d-flex justify-content-center" > 984 <button id="hidelogin" class="btn btn-deep-orange" onclick="Login();">Login</button> 985 </div> 986 </div> 987 <div id="password-reset-loader" class="lds-roller" style="display: none; text-align:center; margin:auto;"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 988 <div id="sendmail" > 989 <div class="modal-footer d-flex justify-content-center"> 990 <button id="sendmailbtn" class="btn btn-deep-orange" onclick="sendMail();">Reset Password</button> 991 </div> 992 </div> 993 994 </div> 995 </div> 996</div> 997<div class="modal fade" id="modalRegisterForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 100001;" 998 aria-hidden="true"> 999 <div class="modal-dialog" role="document"> 1000 <div class="modal-content"> 1001 <div class="modal-header text-center"> 1002 <h4 class="modal-title w-100">Sign Up</h4> 1003 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1004 <span aria-hidden="true">×</span> 1005 </button> 1006 </div> 1007 <div class="modal-body mx-4"> 1008 <div class="md-form mb-3"> 1009 <label data-error="wrong" data-success="right" for="register-fname">First Name*</label> 1010 <input type="text" id="register-fname" class="form-control validate"> 1011 </div> 1012 <div class="md-form mb-3"> 1013 <label data-error="wrong" data-success="right" for="register-lname">Last Name*</label> 1014 <input type="text" id="register-lname" class="form-control validate"> 1015 </div> 1016 <div class="md-form mb-3"> 1017 <label data-error="wrong" data-success="right" for="register-country">Country</label> 1018 <select title="Countries" class="form-control" id="register-country"> 1019 <option value="1">Îλλάδα</option><option value="2">Îγγλία</option><option value="3">ÎÏÏανία</option><option value="11">Îαλλία</option><option value="14">ÎλβεÏία</option><option value="15">Îλλανδία</option><option value="17">ÎεÏμανία</option><option value="18">ΠοÏÏογαλία</option><option value="19">ÎÏαλία</option><option value="20">ÎαναδάÏ</option><option value="21">ÎÏαζιλία</option><option value="23">ÎÎ¯Î³Ï ÏÏοÏ</option><option value="28">ÎÎ Î</option><option value="29">ÎÎ¿Ï Î¾ÎµÎ¼Î²Î¿ÏÏγο</option><option value="30">ÎάλÏα</option><option value="32">ÎαÏÏνία</option><option value="33">ÎοÏβηγία</option><option value="34">ÎÎ±Ï ÏοβοÏνιο</option><option value="35">ΡÏÏία</option><option value="36">ÎÏÏÎ¹Î¿Ï ÎοÏÎα</option><option value="37">Îίνα</option><option value="41">ΣεÏβία</option><option value="42">ÎÏλανδία</option><option value="43">Χιλή</option><option value="44">Î¤Î¿Ï Ïκία</option><option value="45">ÎÏÏαήλ</option><option value="46">Î£Î¿Ï Î·Î´Î¯Î±</option><option value="47">ÎεξικÏ</option><option value="48">ΤÏεÏία</option><option value="49">ÎÏ ÏÏÏαλία</option><option value="50">ÎÏ Î³Î³Î±Ïία</option><option value="51">ÎÏÏÎ¹Î¿Ï ÎÏÏική</option><option value="52">Σλοβενία</option><option value="53">ÎÏ Î±Î»Î¯Î±</option><option value="54">ΣκÏÏία</option><option value="55">ÎÏάν</option><option value="56">Îνδία</option>
1019<option value="57">ΣινγκαÏοÏÏη</option><option value="58">ΠολÏνία</option><option value="59">Î¤Î±Ï Î»Î¬Î½Î´Î·</option><option value="60">ÎÎ¹Î¸Î¿Ï Î±Î½Î¯Î±</option><option value="61">ÎÏ ÏÏÏία</option><option value="62">Îανία</option><option value="63">Î¡Î¿Ï Î¼Î±Î½Î¯Î±</option><option value="66">ÎÏγενÏινή</option><option value="67">ÎÏÏÏοÏ</option><option value="68">ÎνδονηÏία</option><option value="71">ÎνÏμÎνα ÎÏαβικά ÎμιÏάÏα</option><option value="72">ÎÏοαÏία</option><option value="73">ÎÎλγιο</option><option value="74">Χαβάη</option><option value="76">ÎÎ¿Ï Î»Î³Î±Ïία</option><option value="77">Îλβανία</option><option value="78">Î£Î±Î¿Ï Î´Î¹ÎºÎ® ÎÏαβία</option><option value="79">ÎοÏνία και ÎÏζεγοβίνη</option><option value="80">ÎοÏδανία</option><option value="81">ÎεÏÏγία</option><option value="82">ÎαÏάÏ</option><option value="83">Φινλανδία</option><option value="84">Σλοβακία</option><option value="85">ÎαλαιÏία</option><option value="86">Îολομβία</option><option value="87">ÎοÏβα</option><option value="88">ÎαζακÏÏάν</option><option value="89">ΦιλιÏÏίνεÏ</option><option value="91">ΠεÏοÏ</option><option value="92">Îμάν</option><option value="94">ÎημοκÏαÏία ÏÎ¿Ï Î Î±Î½Î±Î¼Î¬</option><option value="95">ÎεÏÏγία ÎÏ ÏÏÏη</option><option value="96">ÎονακÏ</option><option value="97">ÎημοκÏαÏία ÏÎ·Ï ÎÏÏÏα Ρίκα</option><option value="100">ΣÏι Îάνκα</option><option value="101">ÎÏ ÏÎ¿Ï Î³Î¿Ï Î¬Î·</option><option value="102">ÎίβανοÏ</option><option value="103">ÎαÏÏκο</option><option value="104">ÎÏ ÎºÏανία</option><option value="105">ÎεÏονία</option><option value="106">ÎÏλανδία</option><option value="107">ΠακιÏÏάν</option><option value="108">ΠαÏÎ±Î³Î¿Ï Î¬Î·</option><option value="109">ÎÎºÎ¿Ï Î±Î´ÏÏ - ÎÏημεÏινÏÏ</option><option value="110">ÎÎµÏ ÎºÎ¿ÏÏÏία</option><option value="111">ÎλγεÏία</option><option value="112">ÎÏθονία</option><option value="113">Myanmar - Burma</option><option value="114">ÎαλδίβεÏ</option><option value="115">ÎναÏολική ÎÏÏική</option><option value="116">ÎίÏÏενÏÏαÏν</option><option value="117">Î£Î¿Ï Î´Î¬Î½</option><option value="118">Σενεγάλη</option><option value="119">Îκάνα</option> </select> 1020 </div> 1021 <div class="md-form mb-3"> 1022 <label data-error="wrong" data-success="right" for="register-email">Email*</label> 1023 <input type="email" id="register-email" class="form-control validate" > 1024 <div id="register-email-error" style="color:red; display:none;"> 1025 Please enter a valid email. </div> 1026 </div> 1027 <div class="md-form mb-3"> 1028 <label data-error="wrong" data-success="right" for="register-pass">Password*</label> 1029 <input type="password" id="register-pass" class="form-control validate"> 1030 <span onclick="ShowHide(this,'register-pass');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span> 1031 </div> 1032 <div class="md-form mb-3"> 1033 <label data-error="wrong" data-success="right" for="register-pass-verify">Verify Password*</label> 1034 <input type="password" id="register-pass-verify" class="form-control validate"> 1035 <span onclick="ShowHide(this,'register-pass-verify');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span> 1036 </div> 1037 <div class="md-form mb-3"> 1038 <label data-error="wrong" data-success="right" for="register-image">Profile Image: </label> 1039 <span class="cameraIcon"> 1040 <span onclick="OpenCamera();"><i style="font-size: 25px; color: #ef8231; cursor: pointer;" class="fas fa-camera"></i> </span> 1041 or </span> 1042 <span onclick="OpenGallery();"> <i style="font-size: 25px; color: #ef8231; cursor: pointer;" class="far fa-image"></i></span> 1043 1044 <!--<div id="register-image-loader" class="lds-roller" style="display: none;"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 1045 <div id="vid-canvas" style="width: 200px; height: auto; margin-bottom: 15px;"></div>--> 1046 <input type="file" id="register-image" accept="image/*" style="display: none;"> 1047 <input type="text" id="register-image-path" style="display: none;" autocomplete="off"> 1048 <div style="position: relative;"> 1049 <div id="register-image-loader" class="lds-roller" style="display: none;"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 1050 <div id="vid-canvas" style="width: 128px; height: auto; margin-bottom: 15px;" ></div> 1051 <div id="clear-photo" style="position: absolute; left: 135px; top: 0px; color: red;font-size: 18px; display:none"> 1052 <i class="fas fa-times" style="color: red; cursor: pointer;"></i> 1053 </div> 1054 </div> 1055 </div> 1056 </div> 1057 <div class="modal-footer d-flex justify-content-center"> 1058 <button class="btn btn-deep-orange" onclick="Register();">Sign Up</button> 1059 </div> 1060 </div> 1061 </div> 1062</div> 1063 1064 1065<div id="myModalRecover" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100002; background: #00000061;" data-backdrop="false"> 1066 <div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;"> 1067 <div class="modal-content"> 1068 <div class="modal-header"> 1069 <h5 id="myModalRecoverTitle" class="modal-title" style="margin: 0 auto;">Recover your Password</h5> 1070 1071 </div> 1072 <div id="myModalBodyRecover" class="modal-body" style="text-align: center;"> 1073 1074 1075 1076 </div> 1077 <div class="modal-footer"> 1078 <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 1079 </div> 1080 </div> 1081 </div> 1082 </div> 1083 <div id="myModalReset" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100003; background: #00000061;" data-backdrop="false"> 1084 <div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;"> 1085 <div class="modal-content"> 1086 <div class="modal-header"> 1087 <h5 id="myModalResetTitle" class="modal-title" style="margin: 0 auto;">Recover your Password</h5> 1088
1089 </div> 1090 <div id="myModalBodyReset" class="modal-body" style=""> 1091 <div class="md-form mb-3"> 1092 <label data-error="wrong" data-success="right" for="reset-pass">New Password*</label> 1093 <input type="password" placeholder="Enter new Password" id="reset-pass" class="form-control validate"> 1094 <span onclick="ShowHide(this,'reset-pass');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span> 1095 </div> 1096 <div class="md-form mb-3"> 1097 <label data-error="wrong" data-success="right" for="register-pass-verify">Verify New Password*</label> 1098 <input type="password" placeholder="Verify New Password" id="reset-pass-verify" class="form-control validate"> 1099 <span onclick="ShowHide(this,'reset-pass-verify');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span> 1100 </div> 1101 1102 1103 </div> 1104 <div class="modal-footer"> 1105 1106 <button class="btn btn-deep-orange" data-dismiss="modal" >Cancel</button> 1107 1108 <button type="button" id="resetbtn" class="btn btn-primary" onclick="updatePass()" >Reset</button> 1109 </div> 1110 </div> 1111 </div> 1112 </div> 1113 1114 <div id="myModalUpdate" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100003; background: #00000061;" data-backdrop="false"> 1115 <div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;"> 1116 <div class="modal-content"> 1117 <div class="modal-header"> 1118 <h5 id="myModalUpdateTitle" class="modal-title" style="margin: 0 auto;">Recover your Password</h5> 1119 1120 </div> 1121 <div id="myModalBodyUpdate" class="modal-body" style=""> 1122 <p style="text-align:center;"> 1123 Your Password has changed successfully. </p> 1124 1125 1126 </div> 1127 <div class="modal-footer"> 1128 1129 <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="reloadHome()">OK</button> 1130 </div> 1131 </div> 1132 </div> 1133 </div> 1134 1135<div id="myModal" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100004; background: #00000061;" data-backdrop="false"> 1136 <div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;"> 1137 <div class="modal-content"> 1138 <div class="modal-header"> 1139 <h5 id="myModalTitle" class="modal-title" style="margin: 0 auto;"></h5> 1140 1141 </div> 1142 <div id="myModalBody" class="modal-body" style="text-align:center;"> 1143 1144 1145 1146 </div> 1147 <div class="modal-footer"> 1148 <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 1149 </div> 1150 </div> 1151 </div> 1152 </div> 1153 1154 1155<div id="vid-controls" style="display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 100px; z-index: 100002; background-color: #000000;"> 1156 <video id="vid-show" autoplay style="position: absolute;width: 100%;height: 100%; left: 0; top: 0;"></video> 1157 <div style="position: fixed;width: 100%;height: 100px; left:0; bottom:0; background-color: #000000; text-align: center;"> 1158 <div style="width: 68px; height: 68px; background-color: red; border-radius: 500px;position: absolute;left: 50%;transform: translate(-50%);margin-top: 16px;"> 1159 1160 </div> 1161 <div style="width: 60px; height: 60px; background-color: black; border-radius: 500px;position: absolute;left: 50%;transform: translate(-50%);margin-top: 20px;"> 1162 1163 </div> 1164 <div id="vid-take" style="width: 50px; height: 50px; background-color: red; border-radius: 500px;position: absolute;left: 50%;transform: translate(-50%);margin-top: 25px;"> 1165 1166 </div> 1167 </div> 1168</div>
vendor: 110 bytes, lines 1168-1170
1168 1169 1170<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1170<script> 1171 $(document).ready(function () { 1172 $("#register-pass-verify").keyup(checkPasswordMatch); 1173 }); 1174 $(document).ready(function () { 1175 $("#register-pass").keyup(checkPasswordMatch); 1176 }); 1177 1178 function checkPasswordMatch(){ 1179 console.log("checking"); 1180 if(document.getElementById("register-pass-verify").value != document.getElementById("register-pass").value){ 1181 document.getElementById("register-pass-verify").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;'); 1182 } 1183 else{ 1184 document.getElementById("register-pass-verify").setAttribute('style', ''); 1185 } 1186 } 1187 1188 $(document).ready(function () { 1189 $("#reset-pass-verify").keyup(checkUpdatePasswordMatch); 1190 }); 1191 $(document).ready(function () { 1192 $("#reset-pass").keyup(checkUpdatePasswordMatch); 1193 }); 1194 1195 function checkUpdatePasswordMatch(){ 1196 console.log("checking"); 1197 if(document.getElementById("reset-pass-verify").value != document.getElementById("reset-pass").value){ 1198 document.getElementById("reset-pass-verify").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;'); 1199 } 1200 else{ 1201 document.getElementById("reset-pass-verify").setAttribute('style', ''); 1202 } 1203 } 1204 1205 $('#register-email').keyup(function () { 1206 var $email = this.value; 1207 validateEmailRegister($email); 1208}); 1209 1210function validateEmailRegister(email) { 1211 var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 1212 if (!emailReg.test(email)) { 1213 document.getElementById("register-email").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;'); 1214 document.getElementById("register-email-error").style.display="block" 1215 }else{ 1216 document.getElementById("register-email").setAttribute('style', ''); 1217 document.getElementById("register-email-error").style.display="none"; 1218 } 1219} 1220 1221$('#login-email').keyup(function () { 1222 var $email = this.value; 1223 validateEmailLogin($email); 1224}); 1225 1226function validateEmailLogin(email) { 1227 var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 1228 if (!emailReg.test(email)) { 1229 document.getElementById("login-email").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;'); 1230 document.getElementById("login-email-error").style.display="block" 1231 }else{ 1232 document.getElementById("login-email").setAttribute('style', ''); 1233 document.getElementById("login-email-error").style.display="none"; 1234 } 1235} 1236 1237 1238 //window.addEventListener("load", function(){ 1239 // OpenCamera(); 1240 //}); 1241 function ShowHide(e, id){ 1242 if(document.getElementById(id).type == "password"){ 1243 document.getElementById(id).type = "text";
1244 e.innerHTML = '<i class="fas fa-eye-slash"></i>'; 1245 } 1246 else{ 1247 document.getElementById(id).type = "password"; 1248 e.innerHTML = '<i class="fas fa-eye"></i>'; 1249 } 1250 } 1251 1252 var imageLoader = document.getElementById('register-image'); 1253 imageLoader.addEventListener('change', handleImage, false); 1254 1255 function handleImage(e){ 1256 document.getElementById("vid-canvas").innerHTML = ""; 1257 document.getElementById("register-image-loader").style.display = "block"; 1258 var reader = new FileReader(); 1259 reader.onload = function(event){ 1260 var img = new Image(); 1261 img.onload = function(){ 1262 //canvas.width = img.width; 1263 //canvas.height = img.height; 1264 //ctx.drawImage(img,0,0); 1265 //RESIZE 1266 1267 var scalingFactor=Math.min((128/img.width),(128/img.height)) 1268 1269 // calc the resized img dimensions 1270 var iw=img.width*scalingFactor; 1271 var ih=img.height*scalingFactor; 1272 1273 // create a new canvas 1274 var c=document.createElement('canvas'); 1275 var ctx=c.getContext('2d'); 1276 1277 // resize the canvas to the new dimensions 1278 c.width=iw; 1279 c.height=ih; 1280 1281 // scale & draw the image onto the canvas 1282 ctx.drawImage(img,0,0,iw,ih); 1283 1284 // Upload to server 1285 c.toBlob(function(blob){ 1286 var data = new FormData(); 1287 data.append('upimage', blob); 1288 var xhr = new XMLHttpRequest(); 1289 xhr.open('POST', "api/upload-image.php", true); 1290 xhr.onload = function(){ 1291 if (xhr.status==403 || xhr.status==404) { 1292 ShowWarning("Something went wrong. Please contact our support."); 1293 } else { 1294 document.getElementById("register-image-loader").style.display = "none"; 1295 1296 var data = JSON.parse(xhr.responseText); 1297 1298 if(data["success"] == "1"){ 1299 //document.getElementById("vid-controls").style.display = "none"; 1300 //video.src = ""; 1301 //stream.getTracks()[0].stop(); 1302 document.getElementById("register-image-path").value = data["path"]; 1303 document.getElementById("vid-canvas").innerHTML = ""; 1304 document.getElementById("vid-canvas").appendChild(c); 1305 document.getElementById("clear-photo").style.display = "block"; 1306 } 1307 else{ 1308 ShowWarning("Something went wrong. Please contact our support."); 1309 } 1310 //alert(this.response); 1311 } 1312 }; 1313 xhr.send(data); 1314 }); 1315 1316 //document.getElementById("vid-canvas").innerHTML = ""; 1317 //document.getElementById("vid-canvas").appendChild(c); 1318 } 1319 img.src = event.target.result; 1320 } 1321 reader.readAsDataURL(e.target.files[0]); 1322 } 1323 1324 function OpenGallery(){ 1325 document.getElementById("register-image").click(); 1326 } 1327 1328 function OpenCamera(){ 1329 document.getElementById("vid-controls").style.display = "block"; 1330 // [1] GET ALL THE HTML ELEMENTS 1331 var video = document.getElementById("vid-show"), 1332 canvas = document.getElementById("vid-canvas"), 1333 take = document.getElementById("vid-take"); 1334 1335 // [2] ASK FOR USER PERMISSION TO ACCESS CAMERA 1336 // WILL FAIL IF NO CAMERA IS ATTACHED TO COMPUTER 1337 navigator.mediaDevices.getUserMedia({ video : true }) 1338 .then(function(stream) { 1339 // [3] SHOW VIDEO STREAM ON VIDEO TAG 1340 video.srcObject = stream; 1341 video.play(); 1342 1343 // [4] WHEN WE CLICK ON "TAKE PHOTO" BUTTON 1344 take.addEventListener("click", function(){ 1345 document.getElementById("vid-canvas").innerHTML = ""; 1346 document.getElementById("vid-controls").style.display = "none"; 1347 document.getElementById("register-image-loader").style.display = "block"; 1348 video.pause(); 1349 1350 //RESIZE 1351 1352 var scalingFactor=Math.min((128/video.videoWidth),(128/video.videoHeight)) 1353 1354 // calc the resized img dimensions 1355 var iw=video.videoWidth*scalingFactor; 1356 var ih=video.videoHeight*scalingFactor; 1357 1358 // create a new canvas 1359 var c=document.createElement('canvas'); 1360 var ctx=c.getContext('2d'); 1361 1362 // resize the canvas to the new dimensions 1363 c.width=iw; 1364 c.height=ih; 1365 1366 // scale & draw the image onto the canvas 1367 ctx.drawImage(video,0,0,iw,ih); 1368 1369 // Upload to server 1370 c.toBlob(function(blob){ 1371 var data = new FormData(); 1372 data.append('upimage', blob); 1373 var xhr = new XMLHttpRequest(); 1374 xhr.open('POST', "api/upload-image.php", true); 1375 xhr.onload = function(){ 1376 if (xhr.status==403 || xhr.status==404) { 1377 ShowWarning("Something went wrong. Please contact our support."); 1378 } else { 1379 var data = JSON.parse(xhr.responseText); 1380 1381 if(data["success"] == "1"){ 1382 document.getElementById("register-image-loader").style.display = "none"; 1383 video.src = ""; 1384 canvas.innerHTML = ""; 1385 canvas.appendChild(c); 1386 stream.getTracks()[0].stop(); 1387 document.getElementById("register-image-path").value = data["path"]; 1388 document.getElementById("clear-photo").style.display = "block"; 1389 } 1390 else{ 1391 ShowWarning("Something went wrong. Please contact our support."); 1392 } 1393 //alert(this.response); 1394 } 1395 }; 1396 xhr.send(data); 1397 }); 1398 }); 1399 }) 1400 .catch(function(err) { 1401 document.getElementById("vid-controls").innerHTML = "Please enable access and attach a camera"; 1402 }); 1403 } 1404 1405 var menuIsOpen = false;
1406 function menuClicked() { 1407 menuIsOpen = !menuIsOpen; 1408 if(menuIsOpen){ 1409 document.getElementById("sidenav").style.transform = "translateX(100%)"; 1410 document.getElementById("sidebottom").style.transform = "translateX(100%)"; 1411 document.body.style.overflow = "hidden"; 1412 } 1413 else{ 1414 document.getElementById("sidenav").style.transform = "translateX(-100%)"; 1415 document.getElementById("sidebottom").style.transform = "translateX(-100%)"; 1416 document.body.style.overflow = "auto"; 1417 } 1418 } 1419 1420 var searchIsOpen = false; 1421 function openSearch(){ 1422 searchIsOpen = !searchIsOpen; 1423 if(searchIsOpen){ 1424 document.getElementById("navbarSearch").style.transform = "translateX(0%)"; 1425 document.getElementById("navbarSearch").style.opacity = "0.95"; 1426 document.getElementById("navbarSearchIcon").style.opacity = "0"; 1427 document.getElementById("navbarSearchIcon1").style.opacity = "0"; 1428 document.getElementById("navbarXIcon").style.opacity = "1"; 1429 document.getElementById("navbarXIcon").style.transform = "rotate(0deg) scale(1)"; 1430 document.getElementById("navbarXIcon1").style.opacity = "1"; 1431 document.getElementById("navbarXIcon1").style.transform = "rotate(0deg) scale(1)"; 1432 } 1433 else{ 1434 document.getElementById("navbarSearch").style.transform = "translateX(-100%)"; 1435 document.getElementById("navbarSearch").style.opacity = "0"; 1436 document.getElementById("navbarSearchIcon").style.opacity = "1"; 1437 document.getElementById("navbarSearchIcon1").style.opacity = "1"; 1438 document.getElementById("navbarXIcon").style.opacity = "0"; 1439 document.getElementById("navbarXIcon").style.transform = "rotate(-180deg) scale(.5)"; 1440 document.getElementById("navbarXIcon1").style.opacity = "0"; 1441 document.getElementById("navbarXIcon1").style.transform = "rotate(-180deg) scale(.5)"; 1442 } 1443 } 1444 1445 $(document).ready(function () { 1446 var links = $('.topnav a'); 1447 $.each(links, function (key, va) { 1448 if (va.href == document.URL) { 1449 $(event,this).addClass('active'); 1450 } 1451 }); 1452 }); 1453 1454 function Register(){ 1455 var fname = document.getElementById("register-fname").value; 1456 var lname = document.getElementById("register-lname").value; 1457 var country = document.getElementById("register-country").value; 1458 var email = document.getElementById("register-email").value; 1459 var pass = document.getElementById("register-pass").value; 1460 var passVerify = document.getElementById("register-pass-verify").value; 1461 var image = document.getElementById("register-image-path").value; 1462 1463 if(passVerify != pass){ 1464 ShowWarning("Passwords do not match"); 1465 return; 1466 } 1467 1468 var xhr = new XMLHttpRequest(); 1469 var data = ""; 1470 xhr.onreadystatechange = function() { 1471 if (xhr.readyState == XMLHttpRequest.DONE) { 1472 var result = JSON.parse(xhr.responseText); 1473 if(result["success"] == "false"){ 1474 if(result["error"] == "missing"){ 1475 ShowWarning("Please fill in all the required fields"); 1476 } 1477 else if(result["error"] == "exist"){ 1478 ShowWarning("There is already a user with the same email"); 1479 } 1480 else{ 1481 ShowWarning(result["error"]); 1482 } 1483 } 1484 else{ 1485 $("#modalLoginForm").modal("hide"); 1486 ShowSuccess("Registration was successful!"); 1487 $("#modalRegisterForm").modal("hide"); 1488 } 1489 } 1490 } 1491 xhr.open('POST', 'api/register.php', true); 1492 xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 1493 xhr.send("first_name="+encodeURI(fname)+"&surname="+encodeURI(lname)+"&useremail="+encodeURI(email)+"&user_password="+encodeURI(pass)+"&country="+encodeURI(country)+"&image="+encodeURI(image)); 1494 } 1495 function Login(){ 1496 var email = document.getElementById("login-email").value; 1497 var pass = document.getElementById("login-pass").value; 1498 1499 var xhr = new XMLHttpRequest(); 1500 var data = ""; 1501 xhr.onreadystatechange = function() { 1502 if (xhr.readyState == XMLHttpRequest.DONE) { 1503 var result = JSON.parse(xhr.responseText); 1504 if(result["valid"] == "1"){ 1505 // alert("Logged in"); 1506 location.reload(); 1507 $("#modalLoginForm").modal("hide"); 1508 } 1509 else{ 1510 ShowWarning("Wrong credentials. Try again."); 1511 } 1512 } 1513 } 1514 xhr.open('POST', 'api/login.php', true); 1515 xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 1516 xhr.send("email="+encodeURI(email)+"&password="+encodeURI(pass)); 1517 } 1518 1519 1520 1521 function sendMail(){ 1522 document.getElementById("password-reset-loader").style.display = "initial"; 1523 1524 var email = document.getElementById("login-email").value; 1525 var xhr = new XMLHttpRequest(); 1526 var data = ""; 1527 xhr.onreadystatechange = function() { 1528 if (xhr.readyState == XMLHttpRequest.DONE) { 1529 var result = JSON.parse(xhr.responseText); 1530 if(result["valid"] == "1"){ 1531 document.getElementById("password-reset-loader").style.display = "none"; 1532 document.getElementById("myModalBodyRecover").innerHTML = "<p> An email has been sent to "+document.getElementById("login-email").value + ", with instructions to recover your password. </p> <p> Please also check your Spam folder,<br> if you cannot find the email. </p> <p>For any problem you may have, please contact <a href='mailto:[email protected]' target='_blank' >Support.</a> </p>"; 1533 $("#myModalRecover").modal("show"); 1534 $("#modalLoginForm").modal("hide"); 1535 document.getElementById("myModalBodyRecover").style.display = "initial"; 1536 var xhr2= new XMLHttpRequest(); 1537 xhr2.onreadystatechange= function(){ 1538 if (this.readyState == 4 && this.status == 200) { 1539 mailSent=true; 1540 } 1541 1542 } 1543 xhr2.open('POST', 'api/sendMail.php', true); 1544 xhr2.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 1545 xhr2.send("email="+encodeURI(email)); 1546 1547 } 1548 else{ 1549 document.getElementById("myModalBodyRecover").innerHTML = "<p> The email "+document.getElementById("login-email").value + ",<br> is not registered.</p> <p>Please try again or <a href='' onclick='ShowRegisterForm(); return false;' >register.</a> </p>"; 1550 document.getElementById("password-reset-loader").style.display="none"; 1551 $("#myModalRecover").modal("show"); 1552 // $("#modalLoginForm").modal("hide"); 1553 } 1554 } 1555 } 1556 xhr.open('POST', 'api/checkMail.php', true); 1557 xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 1558 xhr.send("email="+encodeURI(email)); 1559 1560 1561 } 1562 1563 function updatePass(){ 1564 1565 var pass= document.getElementById("reset-pass").value; 1566 var password= document.getElementById("reset-pass-verify").value; 1567 var token = ""; 1568 var xhr = new XMLHttpRequest(); 1569 var data = ""; 1570 1571 if(password != pass){ 1572 ShowWarning("Passwords do not match"); 1573 return; 1574 } 1575 xhr.onreadystatechange = function() { 1576 if (xhr.readyState == XMLHttpRequest.DONE) { 1577 var result = JSON.parse(xhr.responseText); 1578 if(result["success"] == "false"){ 1579 if(result["error"] == "missing"){ 1580 ShowWarning("Please fill in all the required fields"); 1581 } 1582 else{ 1583 ShowWarning(result["error"]); 1584 } 1585 } 1586 else{ 1587 $("#myModalUpdate").modal("show"); 1588 1589 } 1590 // if(result["updated"] == "1"){ 1591 // $("#myModalUpdate").modal("show"); 1592 // } 1593 // else{ 1594 // document.getElementById("myModalUpdateBody").innerText="Something went wrong"; 1595 // $("#myModalUpdate").modal("show"); 1596 // } 1597 } 1598 } 1599 1600 xhr.open('POST', 'api/updatePassword.php', true); 1601 xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 1602 xhr.send("password="+encodeURIComponent(password)+"&token="+encodeURIComponent(token)); 1603 } 1604 1605 1606 function ShowWarning(msg){ 1607 document.getElementById("myModalTitle").innerHTML = "Warning"; 1608 document.getElementById("myModalBody").innerText = msg;
1609 $('#myModal').modal('show'); 1610 } 1611 function ShowSuccess(msg){ 1612 document.getElementById("myModalTitle").innerHTML = "Success"; 1613 document.getElementById("myModalBody").innerText = msg; 1614 $('#myModal').modal('show'); 1615 } 1616 1617 1618 1619 function hidePass(){ 1620 document.getElementById("hideWhenForgotPw").style.display = "none"; 1621 document.getElementById("login-btn").style.display = "none"; 1622 document.getElementById("sendmail").style.display="initial"; 1623 1624 var x = document.getElementById("changeh4"); 1625 1626 if (x.innerHTML === "Login") { 1627 x.innerHTML = "Recover your Password "; 1628 } else { 1629 x.innerHTML = "Login"; 1630 } 1631 1632 } 1633 1634 function hideSendmail(){ 1635 document.getElementById("sendmail").style.display="none"; 1636 } 1637 1638 // function printmail() { 1639 // document.getElementById("myModalBodyRecover").innerText = "We sent you an email at "+document.getElementById("login-email").value + ". Please also check the spam"; 1640 // $('myModalRecover').modal('show'); 1641 // } 1642 function reloadHome(){ 1643 location.href="https://pwa.mconferences.com/events.php"; 1644 } 1645 var isReset=0; 1646 1647 if (isReset==1){ 1648 $("#myModalReset").modal("show"); 1649 } 1650 1651 $('#modalLoginForm').on('hidden.bs.modal', function () { 1652 document.getElementById("modalLoginForm").innerHTML=backupModalLoginForm; 1653 }); 1654 1655 var backupModalLoginForm=document.getElementById("modalLoginForm").innerHTML; 1656 1657 // document.getElementById("sendmailbtn").addEventListener("click", function(){ 1658 // document.getElementById("myModalTitle").innerHTML="Recover email"; 1659 // }); 1660 1661 // document.getElementById("resetbtn").addEventListener("click",function(){ 1662 // document.getElementById("myModalTitle").innerHTML="Password changed!"; 1663 // }); 1664 1665 // $('#modalRegisterForm').on('hidden.bs.modal', function () { 1666 // document.getElementById("modalRegisterForm").innerHTML=backupModalRegisterForm; 1667 // }); 1668 // var backupModalRegisterForm=document.getElementById("modalRegisterForm").innerHTML; 1669 // 1670 // document.getElementById('registerClickable').addEventListener('click', function(){ 1671 // $('#modalRegisterForm').modal('show'); 1672 // }); 1673 1674 function ShowRegisterForm(){ 1675 $('#modalLoginForm').modal('hide'); 1676 $('#myModalRecover').modal('hide'); 1677 $('#modalRegisterForm').modal('show'); 1678 1679 } 1680 1681document.getElementById("clear-photo").addEventListener("click", function(){ 1682 document.getElementById("vid-canvas").innerHTML=""; 1683 document.getElementById("register-image-path").value=""; 1684 document.getElementById("clear-photo").style.display="none"; 1685}); 1686 1687</script>
vendor: 1 bytes, line 1687
1687
1688<script> 1689 if(!mobileAndTabletCheck()){ 1690 $(".cameraIcon").show(); 1691 } 1692</script>
1692 1693 <div class="searchContainer" style="background: url(images/newbanner.jpg);background-size: cover;background-position: top -20px left 0px; background-repeat: no-repeat;"> 1694 <div style="background-color:rgba(255,255,255,0.7);max-width: 650px;margin: 0 auto;margin-top: 80px;margin-bottom: -1px;"> 1695 <div style="background-color:#ef8231; text-align:center; color:white; padding: 15px;"> 1696 <p style="margin: 0;" class="looking_for_title">List your Event</p> 1697 <!--<p style="font-size:12px;">Find the next event of your interest on the number one platform for medical events</p>--> 1698 </div> 1699 <!--<div style="margin-top: 30px;padding: 0;text-align: center;"> 1700 <input class="form-control mainSearch" onkeyup="getEventsBySearchField(event,this)" type="search" id="mainSearch" placeholder="Type in what you are looking for" style="display:inline-block; padding: 25px 15px;font-size: 13px;max-width: 400px;margin-bottom: 30px;"><div style="display:inline-block;height: 27px;margin: 0;padding: 0;"><i onclick="getEventsBySearchButton(this);" class="material-icons mdc-button__icon fa fa-search" style="background-color: #ef8231;padding: 15px 15px 14px 15px;margin-left: 1px;color: white;font-size: 22px;margin-left: -50px;margin-top: -3px;"></i></div> 1701 </div>--> 1702 </div> 1703 </div> 1704 1705 <div id="myModalAddAnEvent" class="modal fade" tabindex="-1" role="dialog" style="color: #053a4c;"> 1706 <div class="modal-dialog modal-dialog-centered" role="document" style=""> 1707 <div class="modal-content"> 1708 <div class="modal-header"> 1709 <h5 class="modal-title" style="margin: 0 auto;">Thank You!</h5> 1710 <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1711 <span aria-hidden="true">×</span> 1712 </button>--> 1713 </div> 1714 <div class="modal-body"> 1715 <p style="text-align:center;"> 1716 The data of your event has been submitted successfully.<br>It will be validated and then published on mConferences.com </p> 1717 <p style="text-align: center;"> 1718 Would you like to add another event? </p> 1719 </div> 1720 <div class="modal-footer"> 1721 <button type="button" class="btn btn-primary" style="background-color: #ef8231; border-color: #ef8231;" onclick="ResetForm();" data-dismiss="modal">Yes</button> 1722 <button type="button" class="btn btn-secondary" onclick="window.location.replace('events.php');" data-dismiss="modal">No</button> 1723 </div> 1724 </div> 1725 </div> 1726 </div> 1727 1728 <div class="container-fluid" style="margin-top: 20px; margin-bottom: 20px; padding: 50px;"> 1729 <div class="row"> 1730 <div class="col-md-8 order-2 order-md-1" style="color: #053a4c;"> 1731 <div style="color: #053a4c; margin-bottom: 50px; padding: 0px 23px;"> 1732 <p style="font-weight: bold;"> 1733 Reach and expand your target audience with mConferences. 1734 </p> 1735 <p> 1736 Submit your Medical Conference or Educational Event on our database.<br> 1737 Simply fill out the form below:<!--, or tag your event with just one click, using our new <a href="https://chrome.google.com/webstore/detail/tagme/ijfagkhfkpdgcnchaelmlaieechajaek" target="_blank"><span style="font-weight: bold; text-decoration: underline; cursor: pointer; color: #053a4c; font-size: 16px;">Google Extension TagME!</span></a>--> 1738 </p> 1739 </div> 1740 <div style="color: #053a4c;"> 1741 <div id="tab1button" onclick="SelectTab(1);" class="addTab" style="background-color: #f0f4f7; font-weight: bold;"> 1742 Main Event Information 1743 </div> 1744 <div id="tab2button" onclick="SelectTab(2);" class="addTab" style="background-color: #f5f5f5;"> 1745 Extended Event Information 1746 </div> 1747 <div id="tab3button" onclick="SelectTab(3);" class="addTab" style="background-color: #f5f5f5;"> 1748 Personal Information 1749 </div> 1750 </div> 1751 <form role="form" action="api/submit-add-an-event.php" id="SubmitForm" data-toggle="validator" data-disable="false"> 1752 <div style="background-color: #f0f4f7;"> 1753 <div id="tab1" style="display: block;"> 1754 <div class="row addRow"> 1755 <div class="col-lg-12 col-xl-10" style="max-width: 760px;"> 1756 <div class="form-group"> 1757 <label class="control-label" style="" for="event">Event Title *</label> 1758 <div class="input-group"> 1759 <input type="text" class="form-control" id="event" name="event" placeholder="Enter the event title" required/> 1760 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1761 </div>
1762 <span class="help-block" style="display: none;">Please enter the event title.</span> 1763 </div> 1764 1765 <div class="form-group"> 1766 <label class="control-label" style=""for="daterange">Dates (From - To) *</label> 1767 <div class="input-group"> 1768 1769 <input type="text" class="form-control" id="daterange" name="daterange" placeholder="Enter the event dates" required/> 1770 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1771 </div> 1772 <span class="help-block" style="display: none;">Please enter a valid date.</span> 1773 </div> 1774 1775 <div class="form-group"> 1776 <label class="control-label" style=""for="website">Official Website </label> 1777 <div class="input-group"> 1778 <input type="text" onkeyup="validUrl(this, 1);" class="form-control optional" id="website" name="website" placeholder="Enter the official website of the event"/> 1779 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1780 </div> 1781 <span class="help-block" style="display: none;">Please enter the website of the event</span> 1782 </div> 1783 </div> 1784 </div> 1785 <div class="row"> 1786 <div class="col-6" style="padding-right: 0px;"> 1787 <div style="background-color: #f5f5f5; text-align: left; padding: 20px 40px;"> 1788 <div onclick="" style="cursor: default; display: inline-block;"> 1789 1790 </div> 1791 </div> 1792 </div> 1793 <div class="col-6" style="padding-left: 0px;"> 1794 <div style="background-color: #f5f5f5; text-align: right; padding: 20px 40px;"> 1795 <div onclick="SelectTab(2);" style="cursor: pointer; display: inline-block;"> 1796 Next 1797 </div> 1798 </div> 1799 </div> 1800 </div> 1801 </div> 1802 1803 <div id="tab2" style="display: none;"> 1804 <div class="row addRow"> 1805 <div class="col-lg-12 col-xl-10" style="max-width: 760px;"> 1806 <div class="form-group"> 1807 <label class="control-label" style=""for="venue">Venue </label> 1808 <div class="input-group"> 1809 <input type="text" class="form-control optional" id="venue" name="venue" placeholder="Enter the venue of the event"/> 1810 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1811 </div> 1812 <span class="help-block" style="display: none;">Please enter the venue of the event.</span> 1813 </div> 1814 1815 1816 <div class="form-group"> 1817 <label class="control-label" style=""for="location">City / Country </label> 1818 <div class="input-group"> 1819 <input type="text" class="form-control optional" id="location" name="location" placeholder="Enter the location of the event"/> 1820 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1821 </div> 1822 <span class="help-block" style="display: none;">Please enter the location of the event.</span> 1823 </div> 1824 1825 <div class="form-group"> 1826 <label class="control-label" style=""for="source">Source of Information </label> 1827 <div class="input-group"> 1828 <input type="text" class="form-control optional" id="source" name="source" placeholder="Enter the source of information"/> 1829 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1830 </div> 1831 <span class="help-block" style="display: none;">Please enter the source of information</span> 1832 </div> 1833 </div> 1834 </div> 1835 <div class="row"> 1836 <div class="col-6" style="padding-right: 0px;"> 1837 <div style="background-color: #f5f5f5; text-align: left; padding: 20px 40px;"> 1838 <div onclick="SelectTab(1);" style="cursor: pointer; display: inline-block;"> 1839 Prev 1840 </div> 1841 </div> 1842 </div> 1843 <div class="col-6" style="padding-left: 0px;"> 1844 <div style="background-color: #f5f5f5; text-align: right; padding: 20px 40px;"> 1845 <div onclick="SelectTab(3);" style="cursor: pointer; display: inline-block;"> 1846 Next 1847 </div> 1848 </div> 1849 </div> 1850 </div> 1851 </div> 1852 1853 <div id="tab3" style="display: none;"> 1854 <div class="row addRow"> 1855 <div class="col-lg-12 col-xl-10" style="max-width: 760px;"> 1856 <p style="font-size:90%;">*By adding your contact details, we will be able to inform you when your event is published and you can take a look at it. Your contact details will not be shared and will be kept securely.</p> 1857 <div class="row"> 1858 <div class="col-lg-6"> 1859 <div class="form-group"> 1860 <label class="control-label" style="" for="email">Email </label> 1861 <div class="input-group"> 1862 <input type="text" onkeyup="validateMyEmail(this);" class="form-control optional" id="email" name="email" placeholder="Enter your email address"/> 1863 <div id="valid-email" style="display: none; width: 100%; color: red; margin-top: 3px;"> 1864 Please enter a valid email 1865 </div> 1866
1866<script> 1867 function validateMyEmail(emailField){ 1868 document.getElementById("email").style.border = '1px solid rgb(103, 105, 110)'; 1869 document.getElementById("email").style.boxShadow = ''; 1870 document.getElementById("valid-email").style.display = "none"; 1871 1872 if(emailField.value.trim() == ""){ 1873 return true; 1874 } 1875 var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 1876 1877 if (reg.test(emailField.value) == false) 1878 { 1879 document.getElementById("email").setAttribute("style", "border: 1px solid red!important; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 5px rgb(255, 0, 0)!important;"); 1880 document.getElementById("valid-email").style.display = "block"; 1881 return false; 1882 } 1883 return true; 1884 } 1885 </script>
1885 1886 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1887 </div> 1888 <span class="help-block" style="display: none;">Please enter a valid email address.</span> 1889 </div> 1890 </div> 1891 <div class="col-lg-6"> 1892 <div class="form-group"> 1893 <label class="control-label" style="" for="phone">Telephone / Mobile </label> 1894 <div class="input-group"> 1895 <input type="text" onkeyup="validTelephone(this);" class="form-control optional" id="phone" name="phone" placeholder="Enter your telephone number"/> 1896 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1897 </div> 1898 <span class="help-block" style="display: none;">Please enter a valid telephone number.</span> 1899 </div> 1900 </div> 1901 </div> 1902 1903 <div class="row"> 1904 <div class="col-lg-6"> 1905 <div class="form-group"> 1906 <label class="control-label" style="" for="name">Name </label> 1907 <div class="input-group"> 1908 <input type="text" class="form-control optional" id="name" name="name" placeholder="Enter your name"/> 1909 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1910 </div> 1911 <span class="help-block" style="display: none;">Please enter your name.</span> 1912 </div> 1913 </div> 1914 <div class="col-lg-6"> 1915 <div class="form-group"> 1916 <label class="control-label" style="" for="surname">Surname </label> 1917 <div class="input-group"> 1918 <input type="text" class="form-control optional" id="surname" name="surname" placeholder="Enter your surname"/> 1919 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1920 </div> 1921 <span class="help-block" style="display: none;">Please enter your surname.</span> 1922 </div> 1923 </div> 1924 </div> 1925 1926 <div class="form-group"> 1927 <label class="control-label" style="" for="company">Company </label> 1928 <div class="input-group"> 1929 <input type="text" class="form-control optional" id="company" name="company" placeholder="Enter your company or organization"/> 1930 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1931 </div> 1932 <span class="help-block" style="display: none;">Please enter your company or organization.</span> 1933 </div> 1934 1935 1936 <div class="form-group"> 1937 <label class="control-label" style="" for="company_website">Website </label> 1938 <div class="input-group"> 1939 <input type="text" onkeyup="validUrl(this, 3);" class="form-control optional" id="company_website" name="company_website" placeholder="Enter your company's website"/> 1940 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1941 </div> 1942 <span class="help-block" style="display: none;">Please enter your company's website.</span> 1943 </div> 1944 </div> 1945 </div> 1946 <div class="row"> 1947 <div class="col-6" style="padding-right: 0px;"> 1948 <div style="background-color: #f5f5f5; text-align: left; padding: 20px 40px;"> 1949 <div onclick="SelectTab(2);" style="cursor: pointer; display: inline-block;"> 1950 Prev 1951 </div> 1952 </div> 1953 </div> 1954 <div class="col-6" style="padding-left: 0px;"> 1955 <div style="background-color: #f5f5f5; text-align: right; padding: 20px 40px;"> 1956 <div onclick="Submit();" id="NewSubmitBtn" style="padding: 0; margin: 0; background: none; border: none; cursor: pointer; display: inline-block;"> 1957 Submit Event </div> 1958 <button class="btn btn-deep-orange" type="submit" id="SubmitBtn" style="margin: 0; display: none;"></button> 1959 </div> 1960 </div> 1961 </div> 1962 </div> 1963 </div> 1964 </form>
1965 </div> 1966 <div class="col-md-4 align-self-center order-1 order-md-2" style="text-align: center;"> 1967 <!--<a href="https://chrome.google.com/webstore/detail/tagme/ijfagkhfkpdgcnchaelmlaieechajaek" target="_blank"> 1968 <img src="images/TagMe_square_logo-01.png" style="height: auto; width: 150px; max-width: 100%;"/> 1969 </a> 1970 <div style="color: #053a4c; margin-bottom: 15px;"> 1971 Publish your Event with One Click 1972 </div> 1973 <a href="https://chrome.google.com/webstore/detail/tagme/ijfagkhfkpdgcnchaelmlaieechajaek" target="_blank"> 1974 <img src="images/chrome.png" style="height: auto; width: 260px; max-width: 100%;"/> 1975 </a>--> 1976 </div> 1977 </div> 1978 <!-- 1979 <div id="contact_form" class="row" style="margin-top: 0; border: 1px solid #d8dadc; border-radius: 10px; padding: 15px 15px 0 15px;"> 1980 <div class="col-md-12"> 1981 <p> 1982 You can now upload & promote your Medical Conference or Educational Event on mConferences. Simply fill out the form below and we will take care of the rest. </p> 1983 <p> 1984 </p> 1985 1986 1987 <div class="panel-default" style="border: none;padding: 0;"> 1988 <div class="panel-heading" style="border: 0; padding: 10px 0px; background-color: #f4f4f4; margin-top: 35px; color: unset;">Event Information</div> 1989 <div class="" style="padding: 15px 0;"> 1990 1991 <form role="form" action="webservices/submit-add-an-event.php" id="SubmitForm" data-toggle="validator" data-disable="false"> 1992 1993 <div class="form-group"> 1994 <label class="control-label" style="" for="event">Event Title *</label> 1995 <div class="input-group"> 1996 <input type="text" class="form-control" id="event" name="event" placeholder="Enter the event title" required/> 1997 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 1998 </div> 1999 <span class="help-block" style="display: none;">Please enter the event title.</span> 2000 </div> 2001 2002 <div class="form-group"> 2003 <label class="control-label" style=""for="daterange">Dates (From - To) *</label> 2004 <div class="input-group"> 2005 2006 <input type="text" class="form-control" id="daterange" name="daterange" placeholder="Enter the event dates" required/> 2007 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2008 </div> 2009 <span class="help-block" style="display: none;">Please enter a valid date.</span> 2010 </div> 2011 2012 2013 <div class="form-group"> 2014 <label class="control-label" style=""for="venue">Venue </label> 2015 <div class="input-group"> 2016 <input type="text" class="form-control optional" id="venue" name="venue" placeholder="Enter the venue of the event"/> 2017 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2018 </div> 2019 <span class="help-block" style="display: none;">Please enter the venue of the event.</span> 2020 </div> 2021 2022 2023 <div class="form-group"> 2024 <label class="control-label" style=""for="location">City / Country </label> 2025 <div class="input-group"> 2026 <input type="text" class="form-control optional" id="location" name="location" placeholder="Enter the location of the event"/> 2027 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2028 </div> 2029 <span class="help-block" style="display: none;">Please enter the location of the event.</span> 2030 </div> 2031 2032 2033 <div class="form-group"> 2034 <label class="control-label" style=""for="website">Official Website </label> 2035 <div class="input-group"> 2036 <input type="text" class="form-control optional" id="website" name="website" placeholder="Enter the official website of the event"/>
2037 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2038 </div> 2039 <span class="help-block" style="display: none;">Please enter the website of the event</span> 2040 </div> 2041 2042 <div class="form-group"> 2043 <label class="control-label" style=""for="source">Source of Information </label> 2044 <div class="input-group"> 2045 <input type="text" class="form-control optional" id="source" name="source" placeholder="Enter the source of information"/> 2046 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2047 </div> 2048 <span class="help-block" style="display: none;">Please enter the source of information</span> 2049 </div> 2050 2051 2052 2053 </div> 2054 2055 </div> 2056 </div> 2057 2058 <div class="col-md-12" style="margin-top: 35px;"> 2059 2060 <div class="panel-default" style="border: none;padding: 0;"> 2061 <div class="panel-heading" style="border: 0; padding: 10px 0px; background-color: #f4f4f4; color: unset;">Personal Information</div> 2062 <div class="" style="padding: 15px 0;"> 2063 <p style="font-size:90%;">*By adding your contact details, we will be able to inform you when your event is published and you can take a look at it. Your contact details will not be shared and will be kept securely.</p> 2064 <div class="form-group"> 2065 <label class="control-label" style="" for="email">Email </label> 2066 <div class="input-group"> 2067 <input type="email" class="form-control optional" id="email" name="email" placeholder="Enter your email address"/> 2068 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2069 </div> 2070 <span class="help-block" style="display: none;">Please enter a valid email address.</span> 2071 </div> 2072 2073 2074 2075 <div class="form-group"> 2076 <label class="control-label" style="" for="name">Name </label> 2077 <div class="input-group"> 2078 <input type="text" class="form-control optional" id="name" name="name" placeholder="Enter your name"/> 2079 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2080 </div> 2081 <span class="help-block" style="display: none;">Please enter your name.</span> 2082 </div> 2083 2084 2085 <div class="form-group"> 2086 <label class="control-label" style="" for="surname">Surname </label> 2087 <div class="input-group"> 2088 <input type="text" class="form-control optional" id="surname" name="surname" placeholder="Enter your surname"/> 2089 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2090 </div> 2091 <span class="help-block" style="display: none;">Please enter your surname.</span> 2092 </div> 2093 2094 2095 2096 <div class="form-group"> 2097 <label class="control-label" style="" for="company">Company </label> 2098 <div class="input-group"> 2099 <input type="text" class="form-control optional" id="company" name="company" placeholder="Enter your company or organization"/> 2100 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2101 </div>
2102 <span class="help-block" style="display: none;">Please enter your company or organization.</span> 2103 </div> 2104 2105 2106 <div class="form-group"> 2107 <label class="control-label" style="" for="phone">Telephone / Mobile </label> 2108 <div class="input-group"> 2109 <input type="text" class="form-control optional" id="phone" name="phone" placeholder="Enter your telephone number"/> 2110 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2111 </div> 2112 <span class="help-block" style="display: none;">Please enter a valid telephone number.</span> 2113 </div> 2114 2115 2116 <div class="form-group"> 2117 <label class="control-label" style="" for="company_website">Website </label> 2118 <div class="input-group"> 2119 <input type="text" class="form-control optional" id="company_website" name="company_website" placeholder="Enter your company's website"/> 2120 <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span> 2121 </div> 2122 <span class="help-block" style="display: none;">Please enter your company's website.</span> 2123 </div> 2124 2125 </div> 2126 2127 </div> 2128 <div class="modal-footer d-flex justify-content-center"> 2129 <button class="btn btn-deep-orange" type="submit" id="SubmitBtn" style="margin: 0;">Submit Event</button> 2130 </div> 2131 </div> 2132 2133 2134 2135 2136 2137 <div class="col-md-12"> 2138 2139 </div> 2140 2141 2142 </div> 2143 2144 </form> 2145 --> 2146 </div> 2147 2148 2149 <style> 2150 footer a{ 2151 color: #a0abbd; 2152 } 2153 footer li{ 2154 color: #a0abbd; 2155 } 2156 footer a:hover{ 2157 color: #a0abbd; 2158 } 2159 footer{ 2160 color: #a0abbd; 2161 } 2162 2163 2164 .register a:hover, .register a:visited, .register a:link { 2165 color: rgba(255, 255, 255, 0.6); 2166} 2167 .register { 2168 margin: 0 auto 0; 2169 display: flex; 2170 justify-content: center; 2171 align-items: center; 2172} 2173 .field { 2174 width: 100%;/*385px;*/ 2175 height: 70px; 2176 position: relative; 2177} 2178 .field input { 2179 width: 100%; 2180 border-radius: 2px; 2181 height: 70px; 2182 border: 0; 2183 padding: 10px; 2184 padding: 3px 0 0 16px; 2185 font-size: 0; 2186 background: #1566bb; 2187 transition: background 0.3s ease; 2188 color: #fff; 2189} 2190 .field input:focus { 2191 background: #065cb7; 2192 font-size: 18px; 2193} 2194 .field input:focus::selection { 2195 background: rgba(188, 232, 255, 0.5); 2196} 2197 .field input.active { 2198 background: #065cb7; 2199 font-size: 18px; 2200} 2201 .field input, .field button { 2202 position: absolute; 2203 height: 50px; 2204} 2205 .field button { 2206 background: rgba(0, 0, 0, 0.3); 2207 right: 0; 2208 border: 0; 2209 width: 90px; 2210 border-radius: 2px; 2211 font-size: 14px; 2212 cursor: pointer; 2213 transition: width 0.3s ease, background 0.3s ease, opacity 0.3s ease; 2214 opacity: 0; 2215 color: #065cb7; 2216 text-transform: uppercae; 2217 pointer-events: none; 2218 padding: 3px; 2219} 2220 .field button.active { 2221 color: #fff; 2222 background: #639edb; 2223 opacity: 1; 2224 pointer-events: auto; 2225} 2226 .field button.active:hover { 2227 background: #5e99d6; 2228} 2229 .field button.full { 2230 width: 100%; 2231} 2232 .field input:focus + label { 2233 font-size: 10px; 2234 transform: translate(16px, -1px); 2235 color: rgba(255, 255, 255, 0.7); 2236} 2237 .field label { 2238 position: absolute; 2239 color: rgba(255, 255, 255, 1); 2240 transform: translate(16px, 13px); 2241 transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s 0.1s ease; 2242 font-size: 16px; 2243} 2244 .field label.active { 2245 font-size: 10px; 2246 transform: translate(16px, 11px); 2247 color: rgba(255, 255, 255, 0); 2248} 2249 .field input:focus + label + button { 2250 opacity: 1; 2251} 2252 2253footer ul{ 2254 line-height: 16px; 2255} 2256footer li{ 2257 margin: 8px 0; 2258} 2259.footer-apps{ 2260 display: none; 2261} 2262</style> 2263<footer style="font-size: 80%; line-height: 22px;"> 2264 <div class="container-fluid"> 2265 <div class="row" style="padding: 25px; background-color:#245780;"> 2266 <div class="col-6 col-md-2"> 2267 <ul style="list-style: none; padding: 0;"> 2268 <li><b style="color: white;">COMPANY</b></a></li> 2269 <li><a href="about.php">About Us</a></li> 2270 <li><a href="investor_relations.php">Investor Relations</a></li> 2271 <li><a href="termsofuse.php">Privacy Policy &<div style='margin-top: 8px;'>Terms of Use</div></a></li> 2272 </ul> 2273 </div> 2274 <div class="col-6 col-md-2"> 2275 <ul style="list-style: none; padding: 0;"> 2276 <li><b style="color: white;">QUICK BROWSE</b></a></li> 2277 <li><a href="eventspercountry.php">Events per Country</a></li> 2278 <li><a href="eventspercity.php">Events per City</a></li> 2279 <li><a href="eventsperorganizer.php">Events per Organizer</a></li> 2280 <li><a href="eventsperpco.php">Events per PCO</a></li> 2281 <li><a href="eventspervenue.php">Events per Venue</a></li> 2282 <li><a href="eventsperspecialty.php">Events per Specialty</a></li> 2283 </ul> 2284 </div> 2285 <div class="col-6 col-md-2"> 2286 <ul style="list-style: none; padding: 0;"> 2287 <li><b style="color: white;">SPECIALTIES</b></a></li> 2288 <li><a onclick="SaveAction('Clicked on', 'Footer - Cardiology');" href="events.php?specialty=Cardiology">Cardiology</a></li> 2289 <li><a onclick="SaveAction('Clicked on', 'Footer - Dermatology');" href="events.php?specialty=Dermatology">Dermatology</a></li> 2290 <li><a onclick="SaveAction('Clicked on', 'Footer - Diabetology');" href="events.php?specialty=Diabetology">Diabetology</a></li> 2291 <li><a onclick="SaveAction('Clicked on', 'Footer - Endocrinology');" href="events.php?specialty=Endocrinology">Endocrinology</a></li> 2292 <li><a onclick="SaveAction('Clicked on', 'Footer - Hematology');" href="events.php?specialty=Hematology">Hematology</a></li> 2293 <li><a onclick="SaveAction('Clicked on', 'Footer - Oncology');" href="events.php?specialty=Oncology">Oncology</a></li> 2294 <li><a onclick="SaveAction('Clicked on', 'Footer - Pathology');" href="events.php?specialty=Pathology">Pathology</a></li> 2295 <li><a onclick="SaveAction('Clicked on', 'Footer - Pediatric');
2295" href="events.php?specialty=Pediatric">Pediatric</a></li> 2296 <li><a onclick="SaveAction('Clicked on', 'Footer - Psychiatry');" href="events.php?specialty=Psychiatry">Psychiatry</a></li> 2297 <li><a onclick="SaveAction('Clicked on', 'Footer - Surgery');" href="events.php?specialty=Surgery">Surgery</a></li> 2298 <li><a onclick="SaveAction('Clicked on', 'Footer - Radiology');" href="events.php?specialty=Radiology">Radiology</a></li> 2299 <li><a onclick="SaveAction('Clicked on', 'Footer - Other');" href="events.php?other_specialty=1">Other</a></li> 2300 2301 <!-- <li><a onclick="SaveAction('Clicked on', 'Footer - Cardiology');SelectSpecialty(3266); return false;" href="#">Cardiology</a></li> 2302 <li><a onclick="SaveAction('Clicked on', 'Footer - Dermatology');SelectSpecialty(3270); return false;" href="#">Dermatology</a></li> 2303 <li><a onclick="SaveAction('Clicked on', 'Footer - Diabetology');SelectSpecialty(3287); return false;" href="#">Diabetology</a></li> 2304 <li><a onclick="SaveAction('Clicked on', 'Footer - Endocrinology');SelectSpecialty(3268); return false;" href="#">Endocrinology</a></li> 2305 <li><a onclick="SaveAction('Clicked on', 'Footer - Hematology');SelectSpecialty(3279); return false;" href="#">Hematology</a></li> 2306 <li><a onclick="SaveAction('Clicked on', 'Footer - Oncology');SelectSpecialty(3257); return false;" href="#">Oncology</a></li> 2307 <li><a onclick="SaveAction('Clicked on', 'Footer - Pathology');SelectSpecialty(3251); return false;" href="#">Pathology</a></li> 2308 <li><a onclick="SaveAction('Clicked on', 'Footer - Pediatric');SelectSpecialty(3249); return false;" href="#">Pediatric</a></li> 2309 <li><a onclick="SaveAction('Clicked on', 'Footer - Psychiatry');SelectSpecialty(3238); return false;" href="#">Psychiatry</a></li> 2310 <li><a onclick="SaveAction('Clicked on', 'Footer - Surgery');SelectSpecialty(3239); return false;" href="#">Surgery</a></li> 2311 <li><a onclick="SaveAction('Clicked on', 'Footer - Radiology');SelectSpecialty(3277); return false;" href="#">Radiology</a></li> 2312 <li><a onclick="SaveAction('Clicked on', 'Footer - Other');SelectSpecialty('other'); return false;" href="#">Other</a></li> --> 2313 </ul> 2314 </div> 2315 <div class="col-6 col-md-2"> 2316 <ul style="list-style: none; padding: 0;"> 2317 <li><b style="color: white;">METRICS</b></a></li> 2318 <li><a href="top50events.php">Top 50 Events</a></li> 2319 <li><a href="top20specialties.php">Top 20 Specialties</a></li> 2320 </ul> 2321 </div> 2322 <div class="col-6 col-md-2"> 2323 <ul style="list-style: none; padding: 0;"> 2324 <li><b style="color: white;">PHARMA & BIOTECH</b></a></li> 2325 <li><a href="advertisement.php">Advertisement</a></li> 2326 <li><a href="data_mining.php">Data mining</a></li> 2327 </ul> 2328 </div> 2329 <div class="col-6 col-md-2"> 2330 <ul style="list-style: none; padding: 0;"> 2331 <li><b style="color: white;">EVENT ORGANIZERS</b></a></li> 2332 <li><a href="addanevent.php">List your Event</a></li> <!--PAGE WILL PROMPT USER TO REGISTER--> 2333 <li><a href="promote.php">Promote your event</a></li> 2334 <li><a href="analysis.php">Competitor Analysis & Data mining</a></li> 2335 </ul> 2336 </div> 2337 <!--<div class="col-6 col-md-3"> 2338 <ul style="list-style: none; padding: 0;"> 2339 <li><input type="text" placeholder="Enter your email address" style="width: 180px;"></input></li> 2340 <li><button style="width: 180px;">Subscribe</button></li> 2341 </ul> 2342 </div>--> 2343 </div> 2344 <div class="row" style="padding: 25px; background-color:#14324a; line-height:25px; text-align:center; border-top: 1px solid white;"> 2345 <div class="col-12 col-sm-8 col-lg-4" style="margin: 10px 0; text-align: left;"> 2346 We keep your information safe<br> 2347 <div class="register"> 2348 <div class="field" style="max-width: 100%;"> 2349 <input id="register" maxlength="50" type="text" class="" style="left: 0; padding-right: 100px;"> 2350 <label for="register" class="" style="left: 0;"><span>Email Address</span> 2351 </label> 2352 <button class="">Subscribe</button> 2353 </div> 2354 </div> 2355 <!--<input type="text" placeholder="Enter your email address" style="width: 65%;height:37px;"/><button style="height:37px; background-color:#245780; color:white; border: 0;">Subscribe</button><br>--> 2356 </div> 2357 <div class="col-12 col-sm-4 col-lg-2" style="margin: 10px 0; text-align: left;"> 2358 <div style="margin-right: 15px; margin-bottom: 3px;">Follow Us</div> 2359 <ul class="socialSitessprite" style="display: inline; margin: 0;padding: 0 0 0 0;list-style: none; font-size: 30px;"> 2360 <li style="display: inline;"><a target="_blank" href="https://www.facebook.com/mconferencesapp"><i style="font-size: 30px;" class="fab fa-facebook-f"></i></a> </li> 2361 <li style="display: inline;"><a target="_blank" href="https://www.youtube.com/channel/UCy5cxmsXfWuwBDCLpqFzx9A"><i style="font-size: 30px;" class="fab fa-youtube"></i></a> </li> 2362 <li style="display: inline;"><a target="_blank" href="https://www.instagram.com/mconferences.app/"><i style="font-size: 30px;" class="fab fa-instagram"></i></a></li> 2363 </ul> 2364 </div> 2365 <div class="col-12 col-sm-8 col-lg-4 footer-apps" style="margin: 10px 0; text-align: left;"> 2366 Mobile App Available<br> 2367 <div style="margin-top: 4px;"> 2368 <a href="https://itunes.apple.com/gr/app/mconferences/id1087000289?mt=8" onclick="Footer('App Store');" target="_blank" class="header-applink" style="text-decoration: none;"> 2369 <img src="images/AppStore.png" alt="Download on Apple Store" style="height: 35px;"> 2370 </a> 2371 <a href="https://play.google.com/store/apps/details?id=gr.phonegap.mconferences" onclick="Footer('Google Play');" target="_blank" class="header-applink" style="text-decoration: none;"> 2372 <img src="images/GooglePlay.png" alt="Download on Google Play" style="height: 35px;"> 2373 </a> 2374 </div> 2375 </div> 2376 <div class="col-12 col-sm-4 col-lg-2 footer-apps" style="margin: 25px 0 10px 0px; text-align: left;"> 2377 <img src="icons/pwaNew.png" style="height:30px;width:auto;"/><br> 2378 mConferences Progressive Web App </div> 2379 </div> 2380 <div class="row" style="padding: 5px; background-color:#14324a; line-height:25px; text-align:center;"> 2381 <div class="col-12" style="margin: 0;"> 2382 Copyright 2016-2026 © mdata.gr 2383 </div> 2384 </div> 2385 </div> 2386
2386<script> 2387 var $form = $('.register'); 2388 2389 function validateEmail(email) { 2390 //return true; 2391 var regex = /^(([^<>()\[\]\\.,;:\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,}))$/; 2392 return regex.test(email); 2393 }; 2394 2395 $form.on('keyup', 'input', function(e) { 2396 var $this = $(this), 2397 $input = $this.val(); 2398 if ($input.length > 0) { 2399 $form.find('label').addClass('active'); 2400 if (validateEmail($input)) { 2401 $form.find('button').addClass('active'); 2402 if (e.which === 13) { 2403 $form.find('button').click(); 2404 $this.blur(); 2405 } 2406 } else { 2407 $form.find('button').removeClass('active'); 2408 } 2409 $(this).addClass('active'); 2410 } else { 2411 $form.find('label').removeClass('active'); 2412 $form.find('button').removeClass('active'); 2413 $(this).removeClass('active'); 2414 } 2415 }); 2416 2417 $form.on('click', 'button.active', function(e) { 2418 e.preventDefault; 2419 var $this = $(this); 2420 $(this).addClass('full'); 2421 $(this).html('Thanks!'); 2422 2423 setTimeout(()=> { 2424 $form.find('input').val('').removeClass('active'); 2425 $form.find('label').removeClass('active'); 2426 $this.removeClass('full active'); 2427 $this.html('Subscribe'); 2428 }, 2200); 2429 2430 var xhr = new XMLHttpRequest(); 2431 xhr.open('POST', 'api/subscribeUser.php', true); 2432 xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 2433 xhr.send("email="+encodeURIComponent($form.find('input').val())); 2434 }) 2435 2436 function Footer(store){ 2437 SaveAction("Clicked on", "Footer - " + store); 2438 } 2439 2440 if(!mobileAndTabletCheck()){ 2441 $(".footer-apps").show(); 2442 } 2443 </script>
2443 2444</footer> 2445
2445<script> 2446 function SelectTab(id){ 2447 document.getElementById("tab1").style.display = "none"; 2448 document.getElementById("tab2").style.display = "none"; 2449 document.getElementById("tab3").style.display = "none"; 2450 2451 document.getElementById("tab1button").style.backgroundColor = "#f5f5f5"; 2452 document.getElementById("tab2button").style.backgroundColor = "#f5f5f5"; 2453 document.getElementById("tab3button").style.backgroundColor = "#f5f5f5"; 2454 document.getElementById("tab1button").style.fontWeight = "normal"; 2455 document.getElementById("tab2button").style.fontWeight = "normal"; 2456 document.getElementById("tab3button").style.fontWeight = "normal"; 2457 2458 document.getElementById("tab"+id).style.display = "block"; 2459 document.getElementById("tab"+id+"button").style.backgroundColor = "#f0f4f7"; 2460 document.getElementById("tab"+id+"button").style.fontWeight = "bold"; 2461 } 2462 function findPos(obj) { 2463 var curtop = 0; 2464 if (obj.offsetParent) { 2465 do { 2466 curtop += obj.offsetTop; 2467 } while (obj = obj.offsetParent); 2468 return [curtop]; 2469 } 2470 } 2471 2472 window.onresize = function(){ 2473 Resized(); 2474 }; 2475 2476 function Resized(){ 2477 console.log("RESIZING"); 2478 /* if(document.getElementById("secondaryNavBar").offsetWidth < document.getElementById("filter").offsetWidth+document.getElementById("display").offsetWidth){ 2479 document.getElementById("filter").style.float = "none"; 2480 } 2481 else{ 2482 document.getElementById("filter").style.float = "right"; 2483 }*/ 2484 } 2485 2486 function ResetForm(){ 2487 document.getElementById("SubmitForm").reset(); 2488 //document.getElementById("NewSubmitBtn").style.display = "block"; 2489 SelectTab(1); 2490 window.scroll(0,0); 2491 } 2492 2493 function Submit(){ 2494 if(!$("form#SubmitForm")[0].checkValidity()){ 2495 SelectTab(1); 2496 $("#SubmitBtn").click(); 2497 } 2498 else{ //Is valid 2499 $("#SubmitBtn").click(); 2500 } 2501 } 2502 2503 function validUrl(officialWebsite, tab) { 2504 officialWebsite.style.border = ""; 2505 if(officialWebsite.value.trim() != ""){ 2506 var regexp = /^(?:(?:https?|ftp):\/\/)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/; 2507 if (!regexp.test(officialWebsite.value)) { 2508 SelectTab(tab); 2509 officialWebsite.style = "border: 1px solid red!important;"; 2510 return false; //invalid 2511 } else { 2512 return true; //valid 2513 } 2514 } 2515 return true; 2516 } 2517 2518 function validTelephone(telephone){ 2519 telephone.style.border = ""; 2520 if(telephone.value.trim() != ""){ 2521 var regexp = /^[0-9]{5,15}$/; 2522 if (!regexp.test(telephone.value)) { 2523 SelectTab(3); 2524 telephone.style = "border: 1px solid red!important;"; 2525 return false; //invalid 2526 } else { 2527 return true; //valid 2528 } 2529 } 2530 return true; 2531 } 2532 2533 var dataForm; 2534 2535 $("#SubmitForm").submit(function(e) { 2536 e.preventDefault(); // avoid to execute the actual submit of the form. 2537 2538 //document.getElementById("NewSubmitBtn").style.display = "none"; 2539 2540 let hasError = false; 2541 2542 hasError = !validUrl(document.getElementById("website"), 1); 2543 hasError = !validUrl(document.getElementById("company_website"), 3); 2544 2545 hasError = !validTelephone(document.getElementById("phone")); 2546 2547 let email = document.getElementById("email"); 2548 if(validateMyEmail(email) == false){ 2549 var e = document.getElementById("email"); 2550 /*$('html, body').animate({ 2551 scrollTop: $(e).offset().top-50 2552 }, 500);*/ 2553 hasError = true; 2554 } 2555 2556 if(hasError) 2557 return; 2558 2559 var form = $(this); 2560 var url = form.attr('action'); 2561 dataForm = form.serialize(); // serializes the form's elements. 2562 2563 $.ajax({ 2564 type: "POST", 2565 url: url, 2566 data: dataForm, 2567 success: function(d) 2568 {
2569 $('#myModalAddAnEvent').modal('show'); 2570 $.ajax({ 2571 type: "POST", 2572 url: "api/submit-add-an-event-mail.php", 2573 data: dataForm, 2574 success: function(d) 2575 { 2576 2577 } 2578 }); 2579 } 2580 }); 2581 2582 2583 }); 2584 2585function CheckPassword(){ 2586 document.getElementById("error").style.display = "none"; 2587 password = document.getElementById("password").value; 2588 if(password == "280010"){ 2589 window.location.href = redirectTo; 2590 } 2591 else{ 2592 document.getElementById("error").style.display = "block"; 2593 } 2594} 2595 2596 $(function() { 2597 /* $('input[name="daterange"]').daterangepicker({ 2598 2599 locale: { 2600 format: 'DD-MM-YYYY' 2601 } 2602 */ 2603 $('input[name="daterange"]').daterangepicker({ 2604 timePicker: true, 2605 "timePicker24Hour": true, 2606 startDate: moment().startOf('hour'), 2607 endDate: moment().startOf('hour').add(32, 'hour'), 2608 autoUpdateInput: false, 2609 locale: { 2610 format: 'DD/MM/YYYY HH:mm' 2611 } 2612 }, function(start, end, label) { 2613 $('input[name="daterange"]').val(start.format('DD/MM/YYYY HH:mm') + " - " + end.format('DD/MM/YYYY HH:mm')); 2614 // console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); 2615 }); 2616 }); 2617 //}); 2618 </script>
2618 2619
2619<script> 2620 /*if('serviceWorker' in navigator) { 2621 navigator.serviceWorker.register('sw.js') 2622 .then(function() { 2623 console.log('Service Worker Registered'); 2624 }); 2625 }*/ 2626 </script>
2626 2627
2627<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"65136df9d1d347c6980fefb7576fcfbe","r":1,"spa":2}' crossorigin="anonymous"></script>
2627 2628</body> 2629</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.