<!DOCTYPE html><html> <head> <title>we talk all things automobile</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta name="title" content="we talk all things automobile"> <meta name="description" content="WoWonder v3.0.2 is a Social Networking Platform. With our new feature, user can wonder posts, photos,"> <meta name="keywords" content="automobile social platform"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="pinterest-rich-pin" content="false" /> <meta property="og:title" content="we talk all things automobile" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://wheeoo.com" /> <meta property="og:image" content="https://wheeoo.com/themes/wheeoo/img/og.jpg" /> <meta property="og:image:secure_url" content="https://wheeoo.com/themes/wheeoo/img/og.jpg" /> <meta property="og:description" content="WoWonder v3.0.2 is a Social Networking Platform. With our new feature, user can wonder posts, photos," /> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="we talk all things automobile" /> <meta name="twitter:description" content="WoWonder v3.0.2 is a Social Networking Platform. With our new feature, user can wonder posts, photos," /> <meta name="twitter:image" content="https://wheeoo.com/themes/wheeoo/img/og.jpg" /> <link rel="canonical" href="https://wheeoo.com/welcome" /> <link rel="shortcut icon" type="image/png" href="https://wheeoo.com/themes/wheeoo/img/icon.png"/> <link rel="stylesheet" href="https://wheeoo.com/themes/wheeoo/stylesheet/general-style-plugins.css?version=3.2"> <link rel="stylesheet" href="https://wheeoo.com/themes/wheeoo/stylesheet/welcome.css?version=3.2"> <link rel="stylesheet" href="https://wheeoo.com/themes/wheeoo/stylesheet/font-awesome-4.7.0/css/font-awesome.min.css?version=3.2"> <script src="https://wheeoo.com/themes/wheeoo/javascript/jquery-3.1.1.min.js?version=3.2"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-ui-touch-punch@0.2.3/jquery.ui.touch-punch.min.js?version=3.2"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css?version=3.2"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js?version=3.2"></script> <link rel="stylesheet" href="https://wheeoo.com/themes/wheeoo/player/fluidplayer.min.css?version=3.2" type="text/css"/> <script src="https://wheeoo.com/themes/wheeoo/player/fluidplayer.min.js?version=3.2"></script> <style> /* Add here your custom css styles Example: p { text-align: center; color: red; } */ </style> <script type="text/javascript"> /* Add here your JavaScript Code. Note. the code entered here will be added in <head> tag Example: var x, y, z; x = 5; y = 6; z = x + y; */ function Wo_Ajax_Requests_File(){ return "https://wheeoo.com/requests.php" } function RunLiveAgora(channelName,DIV_ID,token) { var agoraAppId = ''; var token = token; var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'}); client.init(agoraAppId, function () { client.setClientRole('audience', function() { }, function(e) { }); client.join(token, channelName, 56728, function(uid) { }, function(err) { }); }, function (err) { }); client.on('stream-added', function (evt) { var stream = evt.stream; var streamId = stream.getId(); client.subscribe(stream, function (err) { }); }); client.on('stream-subscribed', function (evt) { var remoteStream = evt.stream; remoteStream.play(DIV_ID); $('#player_'+remoteStream.getId()).addClass('embed-responsive-item'); });} </script> <style>@font-face { font-family: OpenSansLight; src: url("https://wheeoo.com/themes/wheeoo/fonts/OpenSansLight/OpenSansLight.woff") format("woff"); font-weight: normal;}@font-face { font-family: OpenSansRegular; src: url("https://wheeoo.com/themes/wheeoo/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"); font-weight: normal;}@font-face { font-family: OpenSansSemiBold; src: url("https://wheeoo.com/themes/wheeoo/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"); font-weight: normal;}@font-face { font-family: OpenSansBold; src: url("https://wheeoo.com/themes/wheeoo/fonts/OpenSansBold/OpenSansBold.woff") format("woff"); font-weight: normal;}.navbar-default { background: #1e2321; border: none; height: 46px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}.round-check input[type="checkbox"]:checked + label:before { background: orange !important;}.group-messages-wrapper a{ color: orange !important;}ul.profile-completion-bar li.completion-bar div.completion-bar-status { background: orange !important;}.featured-users{ background: #fff !important;}.result-bar { background: orange !important;}.featured-users .sidebar-title-back, .featured-users .pro-me-here a { color: #444 !important;} .avtive { border-color: orange !important;}.barloading { background-color: transparent !important;}.barloading:before { background-color: #8dd9ff;}.left-sidebar ul li a i { color: orange !important;}.cs-loader-inner, .main { color: orange;}.login input:focus, ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper, .edit_grp_info_modal input.form-control:not(textarea):focus, .verfy_sett_email_phone input.form-control:not(textarea):focus { border-color: orange !important;}.login:not(.loading) button:hover { background: #b38634 !important; color: #ffffff;}.wo_setting_sidebar ul .list-group-item{ background: orange !important;}.wo_setting_sidebar ul .list-group-item a{ color: #ffffff;}.wo_settings_page .setting-panel input[type=text]:focus, .wo_settings_page .setting-panel input[type=email]:focus, .wo_settings_page .setting-panel input[type=password]:focus, .wo_settings_page .setting-panel select:focus, .wo_settings_page .setting-panel textarea:focus { border-color: #03A9F4;} #search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{ border-color: orange;}#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{ background: orange;}.wo_page_hdng_menu > ul li.active a { box-shadow: inset 0px -2.5px orange;}.login button, .postCategory h5, .wo_search_page .nav-tabs li.active a { background: orange !important; color: #ffffff !important;}.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { background-color: orange !important; background: orange !important; background-image: orange !important;}.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #ffffff !important; background-color: #333333 !important;}.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover { color: #ffffff !important; background-color: #333333 !important;}body { background-color: #f9f9f9;}.navbar-default .navbar-nav>li>a { color: #ffffff; font-size: 13px;}a.unread-update { color: #ffffff !important;}.btn-main { color: #ffffff; background-color: orange; border-color: orange;}.btn-main:hover { color: #ffffff; background-color: #b38634; border-color: #b38634;}.btn-main:focus { color: #ffffff;}.active-wonder { color: orange;}.admin-panel .col-md-9 .list-group-item:first-child, .setting-panel .col-md-8 .list-group-item:first-child, .profile-lists .list-group-item:first-child, .col-md-8 .list-group-item:first-child, .col-md-3.custom .list-group-item:first-child, .col-sm-4 .list-group-item:first-child, .col-md-7 .list-group-item:first-child, .col-md-9 .list-group-item:first-child, .red-list .list-group-item:first-child, .active.list-group-item:first-child { color: #444; background-color: #fcfcfc; border-bottom: 1px solid #f1f1f1; padding: 18px;}.admin-panel .col-md-9 .list-group-item:first-child a, .setting-panel .col-md-8 .list-group-item:first-child a, .profile-lists .list-group-item:first-child a, .col-md-8 .list-group-item:first-child a, .col-md-7 .list-group-item:first-child a, .active.list-group-item:first-child a { color: #444 !important;}.list-group-item.black-list.active-list, .red-list.active-list { color: #ffffff; background-color: orange;}.list-group-item.black-list { background: orange;}.profile-top-line { background-color: orange;}#bar { background-color: orange;}.list-group-item.black-list a{ color: #ffffff;}.list-group-item.black-list.active-list a{ color: orange;}.main-color, .small-text a { color: orange !important;}.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #ffffff; cursor: default; color: orange; border-bottom: 1px solid orange; background-color: transparent}.btn-active { color: #ffffff; background: orange; outline: none; border: 1px solid orange}.btn-active:hover, .btn-active:focus { border: 1px solid #b38634; color: #ffffff; background: #b38634;}.btn-active-color:hover { background: #b38634;}.chat-tab .online-toggle-hdr, .wow_thread_head { background: #1e2321; color: #ffffff;}.chat-tab .online-toggle-hdr a { color: #ffffff;}.profile-style .user-follow-button button.btn-active, .btn-login, .btn-register { background: orange; color: #ffffff;}.profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus { color: #ffffff; background: #b38634;}.panel-login>.panel-heading a.active { color: orange; font-size: 18px;}.hash { color: orange;}.message-text .hash { color: #fff !important;}.search-container .search-input { color: #ffffff !important; background: #0f1110 !important;}.chat-messages-wrapper .outgoing .message-text { background: orange; color: #ffffff;}.normal-container { width: 100%; height: 100%; margin-top: 15px;}.active.fa-thumbs-up { color: orange;}.api-ex-urls { background-color: orange; color: #ffffff;}.user-username { color: orange;}.upload-image { border: 3px dashed orange;}.events-tab-list li { background-color: orange; }.events-tab-list li:hover { background-color: orange; }.active-e-tab { background-color: orange !important; }.main { color: orange !important; }.events-list-dropup-menu ul li a:hover { background: orange; }.usr-offline { color: orange; }.blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: orange !important; }.blog_publ {background: orange ; border: 1px solid orange ; }.slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{ color: orange !important;}.movies h3.latest-movies, h3.recommended-movies { border-left: 3px solid orange;} .wo_user_profile .user-bottom-nav li .menuactive { border-bottom: 2px solid orange; color:orange;}.ads-navbar-wrapper ul li a.active { border-color: orange;}.ads_mini_wallet, .wo_page_hdng_innr span { background-color: orange; color: #ffffff;}.btn-loading:after { background-color: orange;}.wow_pub_privacy_menu li label input[type="radio"]:checked+span { background-color: orange;color: #ffffff;}.order_by ul li.active a {background: orange !important;color: #ffffff !important;} #welcomeheader .mdbtn:hover{background-color: #ffffff;color: #1e2321;border-color: #ffffff;} .post .panel.active_shadow { box-shadow: 0 0 0 1.5px orange !important;} .ui-widget-header .ui-state-default, .wo_adv_search_filter_side .ui-slider .ui-slider-range, .wo_adv_search_filter_side .ui-slider .ui-slider-handle { background-color: orange;}.reaction-1::before { content: "Like";}.reaction-2::before { content: "Love";}.reaction-3::before { content: "HaHa";}.reaction-4::before { content: "WoW";}.reaction-5::before { content: "Sad";}.reaction-6::before { content: "Angry";}/*.reaction-like::before { content: "Like";}.reaction-love::before { content: "Love";}.reaction-haha::before { content: "HaHa";}.reaction-wow::before { content: "WoW";}.reaction-sad::before { content: "Sad";}.reaction-angry::before { content: "Angry";}*/ .navbar-default .dropdown-menu.ani-acc-menu >li>a:hover { color: #ffffff;background-color: orange;}#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span:hover, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a:hover, .wo_chat_tabs li.active a { color: orange;}.text-sender-container .outgoing .message-model .message {background-color: orange;color: #ffffff;}.text-sender-container .outgoing .message-model .message p, .text-sender-container .outgoing .message-model .message a {color: #ffffff;} #notification-popup { position: fixed; left: 20px; width: 300px; bottom: 20px; z-index: 10000;}#notification-popup .notifications-popup-list:empty { padding: 0;}#notification-popup .notifications-popup-list { position: relative; background: #333333 !important; border-radius: 10px; padding: 6px; width: 100%; margin-bottom: 10px; z-index: 10000; box-shadow: 0 2px 4px rgb(0 0 0 / 10%);}#notification-popup .notifications-popup-list, #notification-popup .notifications-popup-list a, #notification-popup .notifications-popup-list .main-color, #notification-popup .notifications-popup-list svg, #notification-popup .notifications-popup-list .notification-text, #notification-popup .notifications-popup-list .notification-time { color: #ffffff !important;}#notification-popup .notifications-popup-list .notification-list { border-radius: 10px;}#notification-popup .notifications-popup-list .notification-list:hover { background: rgba(255, 255, 255, 0.1);}</style> <style>.login_left_combo{color:#ffffff}body{background: orange !important;} .wo_regi_features:before{content: '';display: block;background-image: url(https://wheeoo.com/themes/wheeoo/img/backgrounds/login.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.35;} </style> <script crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> <script src="https://wheeoo.com/themes/wheeoo/javascript/socket.io.js"></script> <script> let nodejs_system = "0"; let socket = null let groupChatListener = {} $(()=>{ }); </script> </head> <body > <input type="hidden" id="get_no_posts_name" value="No more posts"> <div id="focus-overlay"></div> <input type="hidden" class="seen_stories_users_ids" value=""> <input type="hidden" class="main_session" value="6cb1af77a35495428fd1"> <div class="content-container welcome-container" style=""> <div class="ad-placement-header-footer"> </div> <div id="contnet"><div id="welcomeheader" class="navbar-default"> <div class="container"> <div class="logo pull-left"> <a href="https://wheeoo.com"><img src="https://wheeoo.com/themes/wheeoo/img/logo.png" alt="Logo"> </a> </div> <ul class="nav navbar-nav navbar-right pull-right"> <li class="absul-right"> <a class="mdbtn" href="https://wheeoo.com/register">Register</a> </li> </ul> </div></div><div class="wrapper"> <div class="typing-element"></div> <div class="login fadeInUp animated animated_5"> <div class="login_left_combo_parent"> <div class="carousel slide carousel-fade" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <div class="item active" style="background-image: url(https://wheeoo.com/themes/wheeoo/img/backgrounds/login.jpg)"></div> <div class="item" style="background-image: url(https://wheeoo.com/themes/wheeoo/img/backgrounds/login2.jpg)"></div> <div class="item" style="background-image: url(https://wheeoo.com/themes/wheeoo/img/backgrounds/login3.jpg)"></div> </div> </div> <div class="login_left_combo"> <div class="fadeInUp animated animated_9"> <h1>Welcome!</h1> <p>Motorists platform and your shops</p> </div> </div> </div> <div class="col-md-6"> <form id="login" class="fadeInUp animated animated_9" method="post"> <p class="title">Login</p> <div class="errors"></div> <div class="wow_form_fields"> <label for="username">Username</label> <input id="username" name="username" type="text" autocomplete="off" autofocus> </div> <div class="wow_form_fields"> <label for="password">Password</label> <input id="password" name="password" type="password" autocomplete="off"> </div> <div class="forgot_password"> <a href="https://wheeoo.com/forgot-password">Forgot Password?</a> </div> <div class="login_signup_combo"> <div class="login__"> <button type="submit" class="btn btn-main btn-mat btn-mat-raised add_wow_loader">Login</button> </div> <div class="signup__"> <p>Don't have an account? <a class="dec" href="https://wheeoo.com/register">Register</a></p> </div> </div> <div class="random_users"> <hr> <div class="users-profiles"><div class="user-image image-1"> <a href="https://wheeoo.com/LastChanceAuto" title="lastChance Auto"><img src="https://wheeoo.com/upload/photos/2021/07/JIjJxoUAOGxgEbFYdkRz_20_1b594077efefb189a3c62bc1d2d98bb2_avatar.jpeg?cache=0"></a></div><div class="user-image image-2"> <a href="https://wheeoo.com/dryice" title="dryIce wheeoo"><img src="https://wheeoo.com/upload/photos/2025/07/jK2QEoVULwofVbQ6Y8WB_29_7384f5c685a02c0f625df6b1350f4d44_avatar.jpg?cache=1753810107"></a></div><div class="user-image image-3"> <a href="https://wheeoo.com/wheeoo" title="Wheeoo Wheeoo"><img src="https://wheeoo.com/upload/photos/2021/07/KnZlrdZW2VJnFywMKana_20_829678c4d5d12382e1dde52a859a6598_avatar.jpeg?cache=0"></a></div><div class="user-image image-4"> <a href="https://wheeoo.com/wheeoo2" title="wheeoo2"><img src="https://wheeoo.com/upload/photos/2024/02/jbYchoJSFaMiSuZvx2hr_24_13c6724dd49acfe3f9ecb01cedcdcc15_avatar.jpg?cache=0"></a></div></div> </div> </form> </div> </div></div><div class="container"><div class="welcome-footer pull-left"> <a data-ajax="?link1=terms&type=terms" href="https://wheeoo.com/terms/terms">Terms of Use</a> <a data-ajax="?link1=terms&type=privacy-policy" href="https://wheeoo.com/terms/privacy-policy">Privacy Policy</a> <a data-ajax="?link1=contact-us" href="https://wheeoo.com/contact-us">Contact Us</a> <a data-ajax="?link1=terms&type=about-us" href="https://wheeoo.com/terms/about-us">About</a> <a href="https://wheeoo.com/blogs">Blog</a> <span class="lang dropup"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><svg fill="#fff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" class="feather feather-translate" style="margin-top: -3px;width: 15px;height: 15px;vertical-align: middle;"><path d="M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z" /></svg> Language</a> <ul class="dropdown-menu dropdown-menu-right wow_lang_select_menu"> <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li> <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li> <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li> <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li> <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li> <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li> <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li> <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li> <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li> <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li> </ul> </span></div><div class="welcome-footer-right pull-right"> © 2025 Wheeoo</div></div> <script>var working = false;var $this = $('#login');var $state = $this.find('.errors'); $(function() { $('#login').ajaxForm({ url: Wo_Ajax_Requests_File() + '?f=login', beforeSend: function() { working = true; $this.find('button').attr("disabled", true); $this.find('.add_wow_loader').addClass('btn-loading'); }, success: function(data) { if (data.status == 200 || data.status == 600) { $state.addClass('success'); $state.html('Welcome back!'); $this.find('.add_wow_loader').removeClass('btn-loading'); setTimeout(function () { window.location.href = data.location; }, 1000); } else { var errors = data.errors.join("<br>"); $this.find('button').attr("disabled", false); $this.find('.add_wow_loader').removeClass('btn-loading'); $state.html(errors); } working = false; } });});</script></div> <footer> </footer> <div class="second-footer" style="display: none; "> <div class="page-margin"> <div class="footer-wrapper"> <hr> <div class="footer-powered"> <p> © 2025 Wheeoo </p> <ul class="list-inline"> <li><a href="https://wheeoo.com">Home</a></li> <li><a href="https://wheeoo.com/terms/about-us">About</a></li> <li><a href="https://wheeoo.com/contact-us">Contact Us</a></li> <li><a href="https://wheeoo.com/terms/privacy-policy">Privacy Policy</a></li> <li><a href="https://wheeoo.com/terms/terms">Terms of Use</a></li> <li><a href="https://wheeoo.com/terms/refund">Request refund</a></li> <li><a href="https://wheeoo.com/blogs">Blog</a></li> <li><a data-ajax="?link1=developers" href="https://wheeoo.com/developers">Developers</a></li> </ul> <span class="lang_selct dropup"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg> Language </a> <ul class="dropdown-menu dropdown-menu-right wow_lang_select_menu"> <li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li> <li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li> <li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li> <li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li> <li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li> <li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li> <li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li> <li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li> <li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li> <li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li> </ul> </span> </div> <div class="clear"></div> </div></div> </div> <div class="extra"> </div> </div> <!-- Load modal alerts --> <div class="modal fade in" id="comment_report_box" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;"> <i class="fa fa-check" aria-hidden="true" style="color: green;"></i> <span class="msg">Comment reported successfully.</span> </p> </div> </div></div> <div class="modal fade in" id="post-shared" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;"> <i class="fa fa-check" aria-hidden="true" style="color: green;"></i> Post was successfully added to your timeline! </p> </div> </div></div><div class="modal fade in" id="modal-alert" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 16px;"> <i class="fa fa-info-circle" aria-hidden="true" style="color: #31708f;"></i> <span id="modal-alert-msg"> You have reached your limit of 5000 friends! </span> </p> </div> </div></div><div class="modal fade in" id="invalid_file" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> File size error: The file exceeds allowed the limit (92 MB) and can not be uploaded. </p> </div> </div></div><div class="modal fade in" id="ffmpeg_file" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-size: 16px;margin: 0;background: linear-gradient(rgb(244 67 54 / 10%), transparent);"> <svg xmlns="http://www.w3.org/2000/svg" height="100px" viewBox="0 0 512 512" width="100px" class="main" style="display: block;margin: 0 auto 30px;"><g fill="currentColor" opacity="0.6"><path d="m71.072 303.9a189.244 189.244 0 0 0 66.661 97.518 186.451 186.451 0 0 0 114.189 38.582c103.707 0 188.078-84.284 188.078-187.884a185.963 185.963 0 0 0 -38.974-114.534 189.368 189.368 0 0 0 -98.448-66.463 24 24 0 1 1 12.883-46.238 237.668 237.668 0 0 1 123.578 83.392 235.9 235.9 0 0 1 -187.117 379.727 234.064 234.064 0 0 1 -143.342-48.444 237.546 237.546 0 0 1 -83.652-122.438z"/><circle cx="200" cy="48" r="24"/><circle cx="56" cy="192" r="24"/><circle cx="109" cy="101" r="24"/></g><path d="m48 480a24 24 0 0 1 -24-24v-144a24 24 0 0 1 29.206-23.429l144 32a24 24 0 1 1 -10.412 46.858l-114.794-25.51v114.081a24 24 0 0 1 -24 24z" fill="currentColor"/></svg> Your video is being processed, We’ll let you know when it's ready to view. </p> </div> </div></div><div class="modal fade in" id="file_not_supported" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> Unable to upload a file: This file type is not supported. </p> </div> </div></div><div class="modal fade" id="modal_light_box" role="dialog"> <button type="button" class="close comm_mod_img_close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button> <div class="modal-dialog" > <div class="modal-content"> <div class="modal-body" style="padding: 0;"> <img class="image" style="width: 100%;" > </div> </div> </div></div><div class="modal fade in" id="adult_image_file" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> We have detected some adult content on the image you uploaded, therefore we have declined your upload process. </p> </div> </div></div><div class="modal fade" id="share_post_on_group" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> <h4 class="modal-title"> Share post on a group </h4> </div> <form id="share_post_on_group_form" class="share_post_on_group_form" method="POST"> <div class="modal-body"> <div id="share_post_on_group_form_alert"></div> <div class="form-group input-group"> <span class="input-group-addon pointer"> <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#03A9F4;"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg> </span> <input onkeydown="SearchFor(this,'group')" type="text" class="form-control" name="name" placeholder="Please write the group name"> <input type="hidden" id="SearchForInputGroup" name="group_id"> <input type="hidden" id="SearchForInputPostId" name="post_id"> </div> </div> <div class="modal-footer"> <div class="ball-pulse"><div></div><div></div><div></div></div> <button id="share_post_on_group_form_btn" type="button" class="btn btn-main"> Share </button> </div> </form> </div> </div></div><div class="modal fade" id="share_post_on_page" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> <h4 class="modal-title"> Share to a page </h4> </div> <form id="share_post_on_page_form" class="share_post_on_page_form" method="POST"> <div class="modal-body"> <div id="share_post_on_page_form_alert"></div> <div class="form-group input-group"> <span class="input-group-addon pointer"> <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#f79f58;"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg> </span> <input onkeydown="SearchFor(this,'page')" type="text" class="form-control" name="name" placeholder="Please type the page name"> <input type="hidden" id="SearchForInputPage" name="page_id"> <input type="hidden" id="SearchForInputPostIdPage" name="post_id"> </div> </div> <div class="modal-footer"> <div class="ball-pulse"><div></div><div></div><div></div></div> <button id="share_post_on_page_form_btn" type="button" class="btn btn-main"> Share </button> </div> </form> </div> </div></div><div class="modal fade" id="share_post_on_user" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> <h4 class="modal-title"> Share to user </h4> </div> <form id="share_post_on_page_form" class="share_post_on_user_form" method="POST"> <div class="modal-body"> <div id="share_post_on_user_form_alert"></div> <div class="form-group input-group"> <span class="input-group-addon pointer"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share" style="margin-top: -4px;width: 19px;height: 19px;"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line></svg> </span> <input onkeydown="SearchFor(this,'user')" type="text" class="form-control" name="name" placeholder="Username"> <input type="hidden" id="SearchForInputUser" name="user_id"> <input type="hidden" id="SearchForInputUserPostId" name="post_id"> </div> </div> <div class="modal-footer"> <div class="ball-pulse"><div></div><div></div><div></div></div> <button id="share_post_on_user_form_btn" type="button" class="btn btn-main"> Share </button> </div> </form> </div> </div></div> <div class="modal fade sun_modal" id="views-info-modal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> <h4 class="modal-title"><span id="views_info_title"></span></h4> </div> <div class="modal-body"> <div id="views_info" class="wo_react_ursrs_list"></div> <div class="clearfix"></div> <div id="views_info_load" style="display: none;"> <div class="load-more views_info_load_ wo_react_ursrs_list_lod_mor"> <button class="btn btn-default text-center views_info_load_more" data-type="" post-id="" table-type="" onclick="Wo_LoadViewsInfo(this);"><span id="load_more_info_btn">Load more</span> </button> </div> </div> </div> </div> </div></div> <div class="modal fade sun_modal" id="users-reacted-modal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> <h4 class="modal-title"> <div class="who_react_modal"> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(1);"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--like"><div class="emoji__hand"><div class="emoji__thumb"></div></div></div></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(2);"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--love"><div class="emoji__heart"></div></div></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(3);"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--haha"><div class="emoji__face"><div class="emoji__eyes"></div><div class="emoji__mouth"><div class="emoji__tongue"></div></div></div></div></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(4);"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--wow"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(5);"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--sad"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> </span> <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(6);"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--angry"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> </span> <!-- <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers('like');"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--like"><div class="emoji__hand"><div class="emoji__thumb"></div></div></div></div> </span> <span class="how_reacted like-btn-love pointer" id="_post333" onclick="Wo_LoadReactedUsers('love');"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--love"><div class="emoji__heart"></div></div></div> </span> <span class="how_reacted like-btn-haha pointer" id="_post333" onclick="Wo_LoadReactedUsers('haha');"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--haha"><div class="emoji__face"><div class="emoji__eyes"></div><div class="emoji__mouth"><div class="emoji__tongue"></div></div></div></div></div> </span> <span class="how_reacted like-btn-wow pointer" id="_post333" onclick="Wo_LoadReactedUsers('wow');"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--wow"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> </span> <span class="how_reacted like-btn-sad pointer" id="_post333" onclick="Wo_LoadReactedUsers('sad');"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--sad"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> </span> <span class="how_reacted like-btn-angry pointer" id="_post333" onclick="Wo_LoadReactedUsers('angry');"> <div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--angry"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div> </span> --> </div> </h4> </div> <div class="modal-body"> <div id="reacted_users_box" class="wo_react_ursrs_list"></div> <div class="clearfix"></div> <div id="reacted_users_load" style="display: none;"> <div class="load-more wo_react_ursrs_list_lod_mor"> <button class="btn btn-default text-center reacted_users_load_more" data-type="" post-id="" col-type="" onclick="Wo_LoadMoreReactedUsers(this);"><span id="load_more_reacted_btn">Load more</span> </button> </div> </div> </div> </div> </div></div> <div class="modal fade in" id="approve_post" role="dialog"> <div class="modal-dialog wow_mat_mdl"> <div class="modal-content"> <div class="empty_state" style="margin: 40px 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9,13A3,3 0 0,0 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10A3,3 0 0,0 9,13M20,19.59V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18C18.45,22 18.85,21.85 19.19,21.6L14.76,17.17C13.96,17.69 13,18 12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13C17,14 16.69,14.96 16.17,15.75L20,19.59Z" /></svg> Your post was submitted, we will review your content soon.</div> </div> </div></div> <div class="modal fade in" id="error_post" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;" id="error_post_text"> </p> </div> </div></div> <div class="modal fade in" id="pro_upload_file" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p style="text-align: center;padding: 30px 20px;font-family: Hind,Arial;font-size: 14px;"> <i class="fa fa-info-circle main" aria-hidden="true" style="color:#f2dede;"></i> To upload images, videos, and audio files, you have to upgrade to pro member. <a href="https://wheeoo.com/go-pro">Upgrade To Pro</a> </p> </div> </div></div> <div class="modal fade sun_modal" id="edit-offer-modal" role="dialog"><div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> <h4 class="modal-title"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> Edit Offer</h4> </div> <div class="modal-body"> <div class="wo_settings_page"> <form class="edit-offer-form form-horizontal" method="post"> <div class="app-offer-alert app-general-alert"></div> <div class="clear"></div> <div class="setting-panel row job-setting-panel edit_offer_modal_form"> </div> <div class="publisher-hidden-option"> <div id="progress" class="create-offer-progress"> <span id="percent" class="create-product-percent pull-right">0%</span> <div class="progress"> <div id="bar" class="progress-bar active create-product-bar"></div> </div> <div class="clear"></div> </div> </div> <div class="form-group last-sett-btn modal-footer"> <div class="ball-pulse"><div></div><div></div><div></div></div> <button type="submit" class="btn btn-main setting-panel-mdbtn">Publish</button> </div> </form> </div> </div> </div></div></div> <!-- <div id="node-js-templates"> <div> --> <!-- JS FILES --> <script type="text/javascript" src='https://www.google.com/recaptcha/api.js'></script> <script type="text/javascript" src="https://wheeoo.com/themes/wheeoo/javascript/welcome.js?version=3.2"></script> <script type="text/javascript"> const node_socket_flow = "0" </script> <script type="text/javascript" src="https://wheeoo.com/themes/wheeoo/javascript/script.js?version=3.2"></script> <div class="extra-css"></div> <!-- End 'JS FILES' --> <script type="text/javascript"> (function (factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], factory); } else { // Browser globals factory(jQuery); }}(function ($) { $.timeago = function(timestamp) { if (timestamp instanceof Date) { return inWords(timestamp); } else if (typeof timestamp === "string") { return inWords($.timeago.parse(timestamp)); } else if (typeof timestamp === "number") { return inWords(new Date(timestamp)); } else { return inWords($.timeago.datetime(timestamp)); } }; var $t = $.timeago; $.extend($.timeago, { settings: { refreshMillis: 60000, allowPast: true, allowFuture: false, localeTitle: false, cutoff: 0, strings: { prefixAgo: null, prefixFromNow: null, suffixAgo: "ago", suffixFromNow: "from now", inPast: "any moment now", seconds: "now", minute: "minute", minutes: "minutes", hour: "hour", hours: "hours", day: "day", days: "days", month: "month", months: "months", year: "year", years: "years", wordSeparator: " ", numbers: [] } }, inWords: function(distanceMillis) { if(!this.settings.allowPast && ! this.settings.allowFuture) { throw 'timeago allowPast and allowFuture settings can not both be set to false.'; } var $l = this.settings.strings; var prefix = $l.prefixAgo; var suffix = $l.suffixAgo; if (this.settings.allowFuture) { if (distanceMillis < 0) { prefix = $l.prefixFromNow; suffix = $l.suffixFromNow; } } if(!this.settings.allowPast && distanceMillis >= 0) { return this.settings.strings.inPast; } var seconds = Math.abs(distanceMillis) / 1000; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var weeks = days / 7; var years = days / 365; function substitute(stringOrFunction, number) { var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction; var value = ($l.numbers && $l.numbers[number]) || number; return number+' '+string.replace(/%d/i, value); //return string.replace(/%d/i, value); } // var words = seconds < 45 && substitute($l.seconds, '') || // seconds < 90 && substitute('m', 1) || // minutes < 45 && substitute('m', Math.round(minutes)) || // minutes < 90 && substitute('h', 1) || // hours < 24 && substitute('hrs', Math.round(hours)) || // hours < 42 && substitute('d', 1) || // days < 7 && substitute('d', Math.round(days)) || // weeks < 2 && substitute('w', 1) || // weeks < 52 && substitute('w', Math.round(weeks)) || // years < 1.5 && substitute('y', 1) || // substitute('yrs', Math.round(years)); var words = ''; if (seconds < 45) { words = substitute($l.seconds, ''); } else if (seconds < 90) { words = substitute('m', 1); } else if (minutes < 45) { words = substitute('m', Math.round(minutes)); } else if (minutes < 90) { words = substitute('h', 1); } else if (hours < 24) { words = substitute('hrs', Math.round(hours)); } else if (hours < 42) { words = substitute('d', 1); } else if (days < 7) { words = substitute('d', Math.round(days)); } else if (weeks < 2) { words = substitute('w', 1); } else if (weeks < 52) { words = substitute('w', Math.round(weeks)); } else if (years < 1.5) { words = substitute('y', 1); } else { words = substitute('yrs', Math.round(years)); } var separator = $l.wordSeparator || ""; if ($l.wordSeparator === undefined) { separator = " "; } return $.trim([prefix, words].join(separator)); }, parse: function(iso8601) { var s = $.trim(iso8601); s = s.replace(/\.\d+/,""); // remove milliseconds s = s.replace(/-/,"/").replace(/-/,"/"); s = s.replace(/T/," ").replace(/Z/," UTC"); s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400 s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900 return new Date(s); }, datetime: function(elem) { var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title"); return $t.parse(iso8601); }, isTime: function(elem) { // jQuery's `is()` doesn't play well with HTML5 in IE return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time"); } }); // functions that can be called via $(el).timeago('action') // init is default when no action is given // functions are called with context of a single element var functions = { init: function(){ var refresh_el = $.proxy(refresh, this); refresh_el(); var $s = $t.settings; if ($s.refreshMillis > 0) { this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis); } }, update: function(time){ var parsedTime = $t.parse(time); $(this).data('timeago', { datetime: parsedTime }); if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleString()); refresh.apply(this); }, updateFromDOM: function(){ $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) }); refresh.apply(this); }, dispose: function () { if (this._timeagoInterval) { window.clearInterval(this._timeagoInterval); this._timeagoInterval = null; } } }; $.fn.timeago = function(action, options) { var fn = action ? functions[action] : functions.init; if(!fn){ throw new Error("Unknown function name '"+ action +"' for timeago"); } // each over objects here and call the requested function this.each(function(){ fn.call(this, options); }); return this; }; function refresh() { var data = prepareData(this); var $s = $t.settings; if (!isNaN(data.datetime)) { if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) { $(this).text(inWords(data.datetime)); } } return this; } function prepareData(element) { element = $(element); if (!element.data("timeago")) { element.data("timeago", { datetime: $t.datetime(element) }); var text = $.trim(element.text()); if ($t.settings.localeTitle) { element.attr("title", element.data('timeago').datetime.toLocaleString()); } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) { element.attr("title", text); } } return element.data("timeago"); } function inWords(date) { return $t.inWords(distance(date)); } function distance(date) { return (new Date().getTime() - date.getTime()); } // fix for IE6 suckage document.createElement("abbr"); document.createElement("time");})); $(function () { setInterval(function () { if ( $('.ajax-time').length > 0) { $('.ajax-time').timeago() .removeClass('.ajax-time'); } }, 1000);});</script> <!-- Audio FILES --> <!-- End 'Audio FILES' --> <script> let f = navigator.userAgent.search("Firefox"); if (f > -1) { $('.header-brand').attr('href', "https://wheeoo.com/?cache=1754604409"); } function ShowCommentGif(id,type) { $( ".gif_post_comment" ).each(function( index ) { if ($( this ).attr('id') != 'gif-form-'+id) { $( this ).slideUp(); } }); $('#gif-form-'+id).slideToggle(200); $('.gif_post_comment_gif').html(''); } function SearchForGif(keyword,id = 0,type = '') { $('#publisher-box-stickers-cont-'+id).empty(); Wo_Delay(function(){ $.ajax({ url: 'https://api.giphy.com/v1/gifs/search?', type: 'GET', dataType: 'json', data: {q:keyword,api_key:'420d477a542b4287b2bf91ac134ae041', limit: 20}, }) .done(function(data) { if (data.meta.status == 200 && data.data.length > 0) { var appended = false; for (var i = 0; i < data.data.length; i++) { appended = true; if (appended == true) { appended = false; if (type == 'story') { $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostCommentGif_'+id+'(this,'+id+')" autoplay loop>')); } else{ $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostReplyCommentGif_'+id+'(this,'+id+')" autoplay loop>')); } appended = true; } } var images = 0; Wo_ElementLoad($('img[alt=gif]'), function(){ images++; }); if (data.data.length == images || images >= 5) { } } else{ $('#publisher-box-stickers-cont-'+id).html('<p class="no_gifs_found"><i class="fa fa-frown-o"></i> No result to show</p>'); } }) .fail(function() { console.log("error"); }) },100); } function ShowCommentStickers(id,type) { $('.gif_post_comment').slideUp(200); $('.gif_post_comment_gif').html(''); $('#sticker-form-'+id).slideToggle(200); $('.chat-box-stickers-cont').empty(); functionName = "Wo_PostReplyCommentSticker_"+id+"(this,"+id+");"; if (type == 'story') { functionName = "Wo_PostCommentSticker_"+id+"(this,"+id+");"; } sticker = '<div class="empty_state" style="margin: 15px 0 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5,2C3.56,2 2,3.56 2,5.5V18.5C2,20.44 3.56,22 5.5,22H16L22,16V5.5C22,3.56 20.44,2 18.5,2H5.5M5.75,4H18.25A1.75,1.75 0 0,1 20,5.75V15H18.5C16.56,15 15,16.56 15,18.5V20H5.75A1.75,1.75 0 0,1 4,18.25V5.75A1.75,1.75 0 0,1 5.75,4M14.44,6.77C14.28,6.77 14.12,6.79 13.97,6.83C13.03,7.09 12.5,8.05 12.74,9C12.79,9.15 12.86,9.3 12.95,9.44L16.18,8.56C16.18,8.39 16.16,8.22 16.12,8.05C15.91,7.3 15.22,6.77 14.44,6.77M8.17,8.5C8,8.5 7.85,8.5 7.7,8.55C6.77,8.81 6.22,9.77 6.47,10.7C6.5,10.86 6.59,11 6.68,11.16L9.91,10.28C9.91,10.11 9.89,9.94 9.85,9.78C9.64,9 8.95,8.5 8.17,8.5M16.72,11.26L7.59,13.77C8.91,15.3 11,15.94 12.95,15.41C14.9,14.87 16.36,13.25 16.72,11.26Z"></path></svg> No result to show</div>'; $('#publisher-box-sticker-cont-'+id).html(sticker); } $(window).on("popstate", function (e) { location.reload(); }); /*Language Select*/ $(document).ready(function(){ $("#wo_language_modal .language_select .English").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/united-states.svg"/></span> '); $("#wo_language_modal .language_select .Arabic").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/saudi-arabia.svg"/></span> '); $("#wo_language_modal .language_select .Dutch").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/netherlands.svg"/></span> '); $("#wo_language_modal .language_select .French").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/france.svg"/></span> '); $("#wo_language_modal .language_select .German").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/germany.svg"/></span> '); $("#wo_language_modal .language_select .Hungarian, #wo_language_modal .language_select .Magyar").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/hungary.svg"/></span> '); $("#wo_language_modal .language_select .Italian").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/italy.svg"/></span> '); $("#wo_language_modal .language_select .Portuguese").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/portugal.svg"/></span> '); $("#wo_language_modal .language_select .Russian").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/russia.svg"/></span> '); $("#wo_language_modal .language_select .Spanish").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/spain.svg"/></span> '); $("#wo_language_modal .language_select .Serbian").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/serbia.svg"/></span> '); $("#wo_language_modal .language_select .Turkish").append('<span class="language_initial"><img src="https://wheeoo.com/themes/wheeoo/img/flags/turkey.svg"/></span> '); }); /* The code entered here will be added in <footer> tag */ </script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#1e2321", "text": "#fff" }, "button": { "background": "orange" } }, "theme": "edgeless", "position": "bottom-left", "content": { "message": "This website uses cookies to ensure you get the best experience on our website.", "dismiss": "Got It!", "link": "Learn More", "href": "https://wheeoo.com/terms/privacy-policy" } })}); </script> <style>.cc-bottom{bottom: 2.5em;}</style> <!-- // NEW STORY --> <script type="text/javascript"> $(document).on('mouseover', '.story_lightbox', function(event) { $('.width_').css('width', $('.width_').css('width')); value = $(this).attr('data-post-id'); $(this).addClass('dont_close_story_'+value); }); $(document).on('mouseleave', '.story_lightbox', function(event) { Wo_Delay(function(){ if ($('#users-reacted-modal').is(':hidden')) { value = $(this).attr('data-post-id'); $(this).removeClass('dont_close_story_'+value); setTimeout(function(){ $('.width_').css('width', '100%'); }, 700); Wo_Delay(function(){ if ($('.dont_close_story_'+value).length == 0) { $('.story_lightbox').find('.next-btn').click(); } }, 10000); } }, 500); }); $(document).on('click', '.story-image-wrapper', function(event) { event.preventDefault(); $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>'); $value = $(this).parents(".story-container").attr('data-status-id'); $.post(Wo_Ajax_Requests_File() + '?f=story_view', {id: $value}, function(data, textStatus, xhr) { if (data.status == 200) { document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ if ($('.dont_close_story_'+$value).length == 0) { Get_NextStory(data.story_id); } }, 10000); } else{ Wo_CloseLightbox(); } }); }); function Wo_GetMoreStoryViews(story_id,self) { last_view = $('.story_views_').last().attr('id'); $(self).addClass('dont_close_story_'+story_id); $(self).find('span').html('Please wait..'); $.post(Wo_Ajax_Requests_File() + '?f=story_views_', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) { if (data.status == 200) { $(self).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather"><polyline points="6 9 12 15 18 9"></polyline></svg> Load more'); $('.views_container_').append(data.html); } else{ $(self).find('button').html('No more views'); } }); } $(document).on('click', '.see_all_stories', function(event) { event.preventDefault(); $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>'); user_id = $(this).attr('data_story_user_id'); type = $(this).attr('data_story_type'); $.post(Wo_Ajax_Requests_File() + '?f=view_all_stories', {user_id: user_id,type:type}, function(data, textStatus, xhr) { if (node_socket_flow == "1") { socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); } document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); setTimeout(function(){ video_story = $('#video_story').attr('data-story-video'); if ($('[data-story-video='+video_story+']').length == 0) { $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ value = $('.user_story_').attr('id'); if ($('.dont_close_story_'+value).length == 0) { if (type == 'user') { Get_NextStory(data.story_id); } else{ Get_NextStory(data.story_id,'friends'); } } }, 10000); } }, 200); }); }); function Get_PreviousStory(story_id,story_type = '') { if ($('.lightbox-container').is(":visible")) { Wo_CloseLightbox(); $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>'); $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'previous',story_type:story_type}, function(data, textStatus, xhr) { user_id = $(this).attr('data_story_user_id'); if (node_socket_flow == "1") { socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); } if (data.status == 200) { document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); video_story = $('#video_story').attr('data-story-video'); if ($('[data-story-video='+video_story+']').length == 0) { $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ value = $('.user_story_').attr('id'); if ($('.dont_close_story_'+value).length == 0) { if (story_type == 'user') { if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id); } } else{ if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id,'friends'); } } } }, 10000); } } else{ Wo_CloseLightbox(); } }); } } function Get_NextStory(story_id,story_type = '') { if ($('.lightbox-container').is(":visible")) { Wo_CloseLightbox(); $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>'); $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'next',story_type:story_type}, function(data, textStatus, xhr) { if (data.status == 200) { user_id = $(this).attr('data_story_user_id'); if (node_socket_flow == "1") { socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); } document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); video_story = $('#video_story').attr('data-story-video'); if ($('[data-story-video='+video_story+']').length == 0) { $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ value = $('.user_story_').attr('id'); if ($('.dont_close_story_'+value).length == 0) { if (story_type == 'user') { if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id); } } else{ if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id,'friends'); } } } }, 10000); } } else{ if (story_type == 'user') { if($('.unseen_story').length > 0){ $('.unseen_story').addClass('seen_story'); $('.unseen_story').removeClass('unseen_story'); } } Wo_CloseLightbox(); } }); } } function Get_CurrentStory(story_id,story_type = '') { Wo_CloseLightbox(); $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>'); $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'current',story_type:story_type}, function(data, textStatus, xhr) { if (data.status == 200) { user_id = $(this).attr('data_story_user_id'); if (node_socket_flow == "1") { socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" }); } document.body.style.overflow = 'hidden'; $('.lightbox-container').html(data.html); video_story = $('#video_story').attr('data-story-video'); if ($('[data-story-video='+video_story+']').length == 0) { $('.width_').addClass('load'); setTimeout(function(){ $('.width_').css('width', '100%'); }, 200); Wo_Delay(function(){ value = $('.user_story_').attr('id'); if ($('.dont_close_story_'+value).length == 0) { if (story_type == 'user') { if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id); } } else{ if ($('.lightpost-'+data.story_id).length > 0) { Get_NextStory(data.story_id,'friends'); } } } }, 10000); } } else{ if (story_type == 'user') { if($('.unseen_story').length > 0){ $('.unseen_story').addClass('seen_story'); $('.unseen_story').removeClass('unseen_story'); } } Wo_CloseLightbox(); } }); } </script> <!-- // NEW STORY --> <div class="modal fade sun_modal" id="apply-job-modal" role="dialog"> </div> <!-- HTML NOTIFICATION POPUP --> <div id="notification-popup"></div> <!-- HTML NOTIFICATION POPUP --> </body></html>
