{"id":41,"date":"2019-12-18T13:42:18","date_gmt":"2019-12-18T13:42:18","guid":{"rendered":"http:\/\/www.wpex.in\/peepso-community\/groups\/"},"modified":"2021-03-09T05:59:15","modified_gmt":"2021-03-09T05:59:15","slug":"groups","status":"publish","type":"page","link":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/groups\/","title":{"rendered":"Groups"},"content":{"rendered":"<div id=\"peepso-wrap\"><div class=\"peepso\">\n\t<div class=\"ps-page ps-page--groups\">\n\t\t\n\t\t\t\n<!-- PeepSo Login Panel -->\n<div class=\"ps-landing\">\n  \n  <div class=\"ps-lading__inner\">\n        <div class=\"ps-landing__cover\" style=\"background-image:url('https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-content\/uploads\/2025\/07\/98462-min.jpg')\">\n      <div class=\"ps-landing__cover-inner\">\n        <div class=\"ps-landing__content\">\n          <div class=\"ps-landing__title\">\n                          Get Connected!                      <\/div>\n          <div class=\"ps-landing__text\">\n                          Come and join our community. Expand your network and get to know new people!                      <\/div>\n        <\/div>\n\n              <\/div>\n    <\/div>\n    \n    <div class=\"ps-landing__form psf-login psf-login--inline\">\n  <form class=\"ps-form ps-form--login ps-js-form-login\" action=\"\" onsubmit=\"return false;\" method=\"post\" name=\"login\" id=\"ps-form-login-main\">\n    <div class=\"ps-form__row\">\n      <!-- Login -->\n      <div class=\"ps-form__field ps-form__field--icon ps-js-username-field\">\n        <div class=\"ps-input__wrapper--icon\">\n            <input class=\"ps-input ps-input--sm ps-input--icon\" type=\"text\" name=\"username\" placeholder=\"Username or Email\" mouseev=\"true\"\n              autocomplete=\"off\" keyev=\"true\" clickev=\"true\" \/>\n                        <i class=\"gcis gci-user\"><\/i>\n                    <\/div>\n              <\/div>\n\n      <!-- Password -->\n      <div class=\"ps-form__field ps-form__field--icon ps-js-password-field\">\n        <input class=\"ps-input ps-input--sm ps-input--icon \"\n            type=\"password\" name=\"password\" placeholder=\"Password\" mouseev=\"true\"\n            autocomplete=\"off\" keyev=\"true\" clickev=\"true\" \/>\n        <i class=\"gcis gci-key\"><\/i>\n      <\/div>\n\n            \n      <!-- Submit form -->\n      <div class=\"ps-form__field ps-form__field--submit ps-js-password-field\">\n                <button type=\"submit\"\n            class=\"ps-btn ps-btn--sm ps-btn--action ps-btn--login ps-btn--loading \"\n            >\n          <span>Login<\/span>\n          <img decoding=\"async\" src=\"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-content\/plugins\/peepso\/assets\/images\/ajax-loader.gif\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Remember password -->\n    <div class=\"ps-checkbox ps-checkbox--login\">\n      <input class=\"ps-checkbox__input\" type=\"checkbox\" alt=\"Remember Me\" value=\"yes\" name=\"remember\" id=\"ps-form-login-main-remember\"  checked>\n      <label class=\"ps-checkbox__label\" for=\"ps-form-login-main-remember\">Remember Me<\/label>\n    <\/div>\n\n    <div class=\"psf-login__links\">\n      \n      \n      <a class=\"psf-login__link psf-login__link--recover\" href=\"https:\/\/installer.wbcomdesigns.com\/peepso-community\/password-recover\/\">Forgot Password<\/a>\n\n          <\/div>\n\n    <div class=\"ps-alert errlogin calert clear alert-error\" style=\"display:none\"><\/div>\n    <input type=\"hidden\" name=\"option\" value=\"ps_users\" \/>\n    <input type=\"hidden\" name=\"task\" value=\"-user-login\" \/>\n    <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/installer.wbcomdesigns.com\/peepso-community\/\" \/>\n    <input type=\"hidden\" name=\"security\" value=\"71522ace65\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/peepso-community\/wp-json\/wp\/v2\/pages\/41\" \/>\n      <\/form>\n  <\/div>\n\n<script>\n    (function() {\n        function initLoginForm( $ ) {\n            peepso.login.initForm( $('.ps-js-form-login') );\n\n            $(function() {\n\n                var $nav = $('.wp-social-login-widget');\n                var $wrap = $('.ps-js--wsl');\n                var $btn = $('.ps-js--wsl .ps-btn');\n                var $vlinks = $('.ps-js--wsl .wp-social-login-provider-list');\n                var $hlinks = $('.ps-js--wsl .hidden-links');\n                var $hdrop = $('.ps-js--wsl .ps-widget--wsl-dropdown');\n\n                var numOfItems = 0;\n                var totalSpace = 0;\n                var breakWidths = [];\n\n                \/\/ Get initial state\n                $vlinks.children().outerWidth(function(i, w) {\n                    totalSpace += w;\n                    numOfItems += 1;\n                    breakWidths.push(totalSpace);\n                });\n\n                var availableSpace, numOfVisibleItems, requiredSpace;\n\n                function check() {\n                    \/\/ Get instant state\n                    availableSpace = $vlinks.width() - 40;\n                    numOfVisibleItems = $vlinks.children().length;\n                    requiredSpace = breakWidths[numOfVisibleItems - 1];\n\n                    \/\/ There is not enought space\n                    if (requiredSpace > availableSpace) {\n                        $vlinks.children().last().prependTo($hlinks);\n                        numOfVisibleItems -= 1;\n                        check();\n                        \/\/ There is more than enough space\n                    } else if (availableSpace > breakWidths[numOfVisibleItems]) {\n                        $hlinks.children().first().appendTo($vlinks);\n                        numOfVisibleItems += 1;\n                    }\n\n                    \/\/ Update the button accordingly\n                    $btn.attr(\"count\", numOfItems - numOfVisibleItems);\n                    if (numOfVisibleItems === numOfItems) {\n                        $btn.addClass('hidden');\n                        $wrap.removeClass('has-more');\n                    } else $btn.removeClass('hidden'), $wrap.addClass('has-more');\n                }\n\n                \/\/ Window listeners\n                $(window).resize(function() {\n                    check();\n                });\n\n                $btn.on('click', function() {\n                    $hlinks.toggleClass('hidden');\n                    $hdrop.toggleClass('hidden');\n                });\n\n                check();\n\n            });\n        }\n\n        \/\/ naively check if jQuery exist to prevent error\n        var timer = setInterval(function() {\n            if ( window.jQuery && window.peepso ) {\n                clearInterval( timer );\n                initLoginForm( window.jQuery );\n            }\n        }, 1000 );\n\n    })();\n<\/script>\n  <\/div>\n<\/div>\n<!-- end: PeepSo Login Panel -->\n\n\n\t\t<div class=\"ps-groups\">\n\t\t\t\t\t\t\t<div class=\"ps-groups__header\">\n\t\t\t\t\t<div class=\"ps-groups__header-inner\">\n\t\t\t\t\t\t<div class=\"ps-groups__list-view\">\n\t\t\t\t\t\t\t<div class=\"ps-btn__group\">\n\t\t\t\t\t\t\t\t<a href=\"#\" class=\"ps-btn ps-btn--sm ps-btn--app ps-btn--cp ps-tip ps-tip--arrow ps-js-groups-viewmode\" data-mode=\"grid\" aria-label=\"Grid\"><i class=\"gcis gci-th-large\"><\/i><\/a>\n\t\t\t\t\t\t\t\t<a href=\"#\" class=\"ps-btn ps-btn--sm ps-btn--app ps-btn--cp ps-tip ps-tip--arrow ps-js-groups-viewmode\" data-mode=\"list\" aria-label=\"List\"><i class=\"gcis gci-th-list\"><\/i><\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n                    \t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ps-groups__tabs\">\n\t\t\t\t\t<div class=\"ps-groups__tabs-inner\">\n\t\t\t\t\t\t<div class=\"ps-groups__tab \"><a href=\"https:\/\/installer.wbcomdesigns.com\/peepso-community\/groups\/?category=0\">Groups<\/a><\/div>\n\t\t\t\t\t\t<div class=\"ps-groups__tab ps-groups__tab--active\"><a href=\"https:\/\/installer.wbcomdesigns.com\/peepso-community\/groups\/?category=1\">Categories<\/a><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-20\"><\/div>\n\t\t\t\t\t<div class=\"ps-groups__categories ps-js-group-cats\" data-mode=\"grid\"><\/div>\n\t\t\t\t\t<div class=\"ps-groups__loading ps-js-group-cats-triggerscroll\">\n\t\t\t\t\t\t<img decoding=\"async\" class=\"ps-loading post-ajax-loader ps-js-group-cats-loading\" src=\"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-content\/plugins\/peepso\/assets\/images\/ajax-loader.gif\" alt=\"Loading\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div><!-- .peepso wrapper -->\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-peepso-single-layout.php","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":0,"href":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"wp:attachment":[{"href":"https:\/\/installer.wbcomdesigns.com\/peepso-community\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}