{"id":264,"date":"2024-09-06T19:07:55","date_gmt":"2024-09-06T19:07:55","guid":{"rendered":"https:\/\/www.buddyupgo.com\/?page_id=264"},"modified":"2024-09-06T19:07:55","modified_gmt":"2024-09-06T19:07:55","slug":"buddies-list","status":"publish","type":"page","link":"https:\/\/staging.buddyupgo.com\/buddies-list\/","title":{"rendered":"Buddies List"},"content":{"rendered":"<div class=\"buddyUpPjaxContainer\" data-buddyup-pjax-container=\"1\"><style>body{background:var(--buddyup-background)}#buddiesListSectionWrapper{padding:30px}.buddyUpBuddiesList{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}#buddyUpPendingList.buddyUpBuddiesList{grid-template-columns:repeat(2,1fr)}@media (min-width: 1601px){.buddyUpBuddiesList{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1250px){.buddyUpBuddiesList{grid-template-columns:repeat(3,1fr)}#buddyUpPendingList.buddyUpBuddiesList{grid-template-columns:repeat(1,1fr)}}@media (min-width: 1000px){#buddiesListSectionWrapper{padding:40px}}@media (max-width: 950px){.buddyUpBuddiesList{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.buddyUpBuddiesList{grid-template-columns:repeat(1,1fr)}#buddiesListSectionWrapper{padding:0}}.buddyUpBackLink{transition:opacity .2s}.buddyUpBackLink:hover{color:inherit;opacity:.7}.buddiesHeadingWrapper{text-align:center}.buddiesHeadingWrapper h1{margin:0}.buddiesHeadingWrapper#pendingHeadingWrapper{margin-top:2rem}.buddiesHeadingWrapper .buddyCounter{margin:0;color:#888}@media (max-width: 600px){.buddiesHeadingWrapper h1{font-size:1.8rem}}li.buddyCard{list-style:none;margin:0;align-items:center;overflow:hidden;position:relative;overflow:visible}li.buddyCard:before{content:\"\";display:none}.buddyCard .loadingText{margin:0}.buddyCard:not(.placeholderCard){border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);padding:12px 15px;box-shadow:0 0 #0000001a;transition:box-shadow .2s;cursor:pointer}.buddyCard .buddyCardImage{--image-size: 45px;min-width:var(--image-size);width:var(--image-size);max-width:var(--image-size);min-height:var(--image-size);height:var(--image-size);max-height:var(--image-size)}.buddyCard .buddyCardName{font-weight:700;text-overflow:ellipsis;overflow:hidden;line-height:normal}.buddyCard .buddyCardIdentity{min-width:0;flex:1 1 auto}.buddyCard .buddyCardRequestDirection{margin-top:.2rem;color:var(--buddyup-muted, #667085);font-size:.78rem;font-weight:600;line-height:1.25}.buddyCard .buddyCardRequestDirection[data-direction=incoming]{color:var(--secondary-color)}.buddyCard .buddyCardButtonsWrapper{text-align:right;min-width:85px}.buddyCard .buddyCardButtons{display:inline-block}.buddyCard .buddyCardButtons button{width:44px;height:44px;padding:0;font-size:.7rem;margin:0 0 0 5px}.buddyCard .buddyCardButtons [data-toggle=add]:not(:disabled),.buddyCard .buddyCardButtons [data-toggle=accept]:not(:disabled){background:var(--secondary-color);border-color:var(--secondary-color)!important;color:#fff!important}.buddyCard .buddyCardButtons [data-toggle=remove]:not(:disabled){background:#c00;border-color:#c00!important}.buddyCard .buddyCardButtons [data-toggle=block]:not(:disabled){background:#f2f2f2!important;border-color:#f2f2f2!important;color:#222!important}.buddyCard .newBuddyBadge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;font-weight:700;border-radius:5px;font-size:.9rem;padding:0 .5rem}@media (min-width: 701px){.buddyCard:not(.placeholderCard):hover{box-shadow:0 0 7px #00000014}}@media (max-width: 700px){.buddyCard:not(.placeholderCard){border-radius:0;border:none;border-bottom:1px solid rgba(0,0,0,.1);padding:1rem 0 1.5rem}.buddyCard:not(.placeholderCard):last-of-type{border-bottom:0}.buddyCard .buddyCardButtons button{width:44px;height:44px}}.noBuddiesMessage{text-align:center;padding:2rem 1rem}.noBuddiesMessage .textHeading{margin-bottom:0}.noBuddiesMessage i.fa{font-size:2rem;margin-bottom:1rem}.noBuddiesMessage a{margin:0}.pendingCompleteMessage{padding:6px 15px;background:#00000014;border-radius:5px;font-weight:700;font-size:14px}#buddiesListSectionWrapper{padding-block:clamp(1rem,3vw,2rem) 5rem}.buddiesHeadingWrapper{margin-bottom:1rem;padding:1.25rem;border:1px solid var(--buddyup-outline);border-radius:18px;background:radial-gradient(circle at 88% 10%,rgba(67,126,146,.14),transparent 32%),#fff;box-shadow:var(--buddyup-shadow-sm)}.buddiesHeadingWrapper h1{color:var(--buddyup-ink);font-size:clamp(1.7rem,4vw,2.4rem)}.buddiesHeadingWrapper .buddyCounter{margin-top:.35rem;color:var(--buddyup-muted)}.buddyUpBuddiesList{gap:.8rem}li.buddyCard:not(.placeholderCard){min-height:76px;padding:.75rem;border-color:var(--buddyup-outline);border-radius:16px;background:#fff;box-shadow:var(--buddyup-shadow-sm)}.buddyCard .buddyCardImage{--image-size: 52px}.buddyCard .buddyCardName{color:var(--buddyup-ink)}.noBuddiesMessage{grid-column:1 \/ -1}@media (max-width: 700px){#buddiesListSectionWrapper{padding-inline:16px}li.buddyCard:not(.placeholderCard){padding:.75rem;border:1px solid var(--buddyup-outline);border-radius:16px}}\n<\/style><section id=\"buddiesListSectionWrapper\" class=\"buddyUpContainer buddyUp\"><\/section><script>window.BUDDYUP_INIT_BUDDIES_PANEL=window.BUDDYUP_INIT_BUDDIES_PANEL||function(){const f=BUDDYUP.getCurrentUser(),c=document.getElementById(\"buddiesListSectionWrapper\");if(!c||c.dataset.buddyupInitialized===\"1\")return;c.dataset.buddyupInitialized=\"1\";const m=!!c.closest(\".buddyUpEmbeddedPeoplePanel\");if(BUDDYUP.getCurrentUser()){let p=function(e,t){if(typeof e==\"object\"&&e.id){const l=String(e.direction||\"\").toLowerCase(),i=e.can_accept,r=i!=null&&i!==\"\",n=l?l===\"incoming\":r?i===!0||i===1||i===\"1\":!1,s=t===\"pending\"&&(l===\"outgoing\"||r&&!n),u=t===\"pending\"?n?\"Incoming Request\":s?\"Request Sent\":\"Pending Request\":\"\";var y=t===\"pending\"?\"Accept Request\":\"Add Buddy\",d=t===\"pending\"?s?\"Cancel Request\":\"Decline Request\":\"Remove Buddy\";d=t===\"match\"?\"Remove Match\":d;const a=t===\"pending\"&&n?`<button type=\"button\" class=\"buddyUpButton1 buddyCardButtonToggleBuddy\" data-type=\"${t}\" aria-label=\"Accept request from ${e.full_name}\" data-toggle=\"accept\"><i class=\"fa fa-fw fa-solid fa-user-plus\" title=\"${y}\"><\/i><\/button>`:\"\",o=t===\"pending\"?`<div class=\"buddyCardRequestDirection\" data-direction=\"${n?\"incoming\":s?\"outgoing\":\"unknown\"}\">${u}<\/div>`:\"\",g=t!==\"match\"?`<button class=\"buddyUpButton1 buddyCardButtonToggleBuddy\" data-type=\"${t}\" aria-label=\"Block ${e.full_name} as a Buddy\" data-toggle=\"block\"><i class=\"fa fa-fw fa-solid fa-ban\" title=\"Block Buddy\"><\/i><\/button>`:\"\",b=e.new&&e.new===!0?'<div class=\"newBuddyBadge\">New Buddy<\/div>':\"\";return`<li class=\"buddyCard flexWrapper\" data-id=\"${e.id}\" aria-label=\"View ${e.full_name}'s profile\" tabindex=\"0\">\n                ${b}\n                <div class=\"buddyCardImage buddyUpImageCircle\"><img decoding=\"async\" src=\"${BUDDYUP.profileImageSrc(e.profile_image)}\" alt=\"Image of ${e.full_name}\" onerror=\"BUDDYUP.onErrProfileImage(this)\"><\/div>\n                <div class=\"buddyCardIdentity\">\n                    <div class=\"buddyCardName\">${e.full_name}<\/div>\n                    ${o}\n                <\/div>\n                <div class=\"buddyCardButtonsWrapper\">\n                    <div class=\"buddyCardButtons\">\n                        <button type=\"button\" class=\"buddyUpButton1 buddyCardButtonSendMessage hidden\" data-type=\"${t}\" data-buddyup-open-chats=\"1\" data-buddyup-chat-user=\"${e.id}\" data-buddyup-chat-name=\"${e.full_name}\" aria-label=\"Send Message to ${e.full_name}\"><i class=\"fa-regular fa-fw fa-message\"><\/i><\/button>\n                        ${a}\n                        <button class=\"buddyUpButton1 buddyCardButtonToggleBuddy\" data-type=\"${t}\" aria-label=\"${t===\"pending\"?d:\"Remove\"} ${e.full_name}${t===\"pending\"?\"\":\" as a Buddy\"}\" data-toggle=\"remove\"><i class=\"fa fa-fw fa-solid fa-user-minus\" title=\"${d}\"><\/i><\/button>\n                        ${g}\n                    <\/div>\n                <\/div>\n            <\/li>`}else return`<li class=\"buddyCard flexWrapper placeholderCard\">\n                <div class=\"buddyCardImage buddyUpImageCircle\"><div class=\"loadingText\" style=\"width: 100%; height: 100%;\"><\/div><\/div>\n                <div class=\"buddyCardName placeholderName\"><div class=\"loadingText\">&nbsp;<\/div><\/div>\n            <\/li>`};var v=p;async function B(){let e=p()+p()+p()+p(),y=`${m?\"\":`<a href=\"${buddyUpVariables.account_link}\" class=\"buddyUpBackLink\"><i class=\"fa fa-solid fa-arrow-left\"><\/i> Back to Profile<\/a><br\/><br\/>`}<div class=\"buddyUpElWrapper\">\n            <div id=\"buddiesHeadingWrapper\" class=\"buddiesHeadingWrapper hidden\">\n                <h1>Your Buddies<\/h1>\n                <p id=\"buddyCounter\" class=\"buddyCounter\"><\/p>\n            <\/div>\n            <ul id=\"buddyUpBuddiesList\" class=\"buddyUpBuddiesList\">${e}<\/ul>\n\n            <div id=\"matchHeadingWrapper\" class=\"buddiesHeadingWrapper hidden\">\n                <h1>Matches<\/h1>\n                <p id=\"buddyUpMatchCounter\" class=\"buddyCounter\"><\/p>\n            <\/div>\n            <ul id=\"buddyUpMatchList\" class=\"buddyUpBuddiesList hidden\"><\/ul>\n\n            <div id=\"pendingHeadingWrapper\" class=\"buddiesHeadingWrapper hidden\">\n                <h1>Pending Requests<\/h1>\n                <p id=\"buddyUpPendingCounter\" class=\"buddyCounter\"><\/p>\n            <\/div>\n            <ul id=\"buddyUpPendingList\" class=\"buddyUpBuddiesList hidden\"><\/ul>\n        <\/div>`;c.innerHTML=y;const d=await BUDDYUP.apiRequest(\"buddy-get\",{id:f.id});if(d.status===\"success\"){const i=d.buddies,r=d.pending,n=d.matches;if(n.length>0){n.sort(function(a,o){var g=a.full_name.toUpperCase(),b=o.full_name.toUpperCase();return g<b?-1:g>b?1:0});let s=document.getElementById(\"buddyUpMatchList\");s.innerHTML=\"\";let u=0;n.forEach(a=>{s.innerHTML+=a.id!==0?p(a,\"match\"):\"\",u+=a.id!==0?1:0}),document.getElementById(\"matchHeadingWrapper\").classList.remove(\"hidden\"),document.getElementById(\"buddyUpMatchCounter\").innerHTML=`${u} ${u===1?\"Match\":\"Matches\"}`,document.getElementById(\"buddyUpMatchList\").classList.remove(\"hidden\")}else BUDDYUP.clearAllElements(\"#matchHeadingWrapper, #buddyUpMatchList\");if(r.length>0){r.sort(function(a,o){var g=a.full_name.toUpperCase(),b=o.full_name.toUpperCase();return g<b?-1:g>b?1:0});let s=document.getElementById(\"buddyUpPendingList\");s.innerHTML=\"\";let u=0;r.forEach(a=>{s.innerHTML+=a.id!==0?p(a,\"pending\"):\"\",u+=a.id!==0?1:0}),document.getElementById(\"pendingHeadingWrapper\").classList.remove(\"hidden\"),document.getElementById(\"buddyUpPendingCounter\").innerHTML=`${u} ${u===1?\"Request\":\"Requests\"}`,document.getElementById(\"buddyUpPendingList\").classList.remove(\"hidden\")}else BUDDYUP.clearAllElements(\"#pendingHeadingWrapper, #buddyUpPendingList\");if(i.length>0){i.sort(function(a,o){var g=a.full_name.toUpperCase(),b=o.full_name.toUpperCase();return g<b?-1:g>b?1:0});let s=document.getElementById(\"buddyUpBuddiesList\");s.innerHTML=\"\";let u=0;i.forEach(a=>{s.innerHTML+=a.id!==0?p(a):\"\",u+=a.id!==0?1:0}),document.getElementById(\"buddiesHeadingWrapper\").classList.remove(\"hidden\"),document.getElementById(\"buddyCounter\").innerHTML=`${u} ${u===1?\"Buddy\":\"Buddies\"}`}else{var l=`<i class=\"fa fa-solid fa-users fa-fw\"><\/i>\n                <p class=\"textHeading\">No Buddies found<\/p>\n                <p>Go out and find some new Buddies!<\/p>\n                <a href=\"${buddyUpVariables.user_search_link}\" class=\"buddyUpButton1\">Meet People<\/a>`;BUDDYUP.clearAllElements(\"#buddyUpBuddiesList, #buddiesHeadingWrapper\");const s=`<div class=\"noBuddiesMessage\">\n                ${l}\n                <\/div>`;document.querySelector(\".buddyUpElWrapper\").insertAdjacentHTML(\"afterbegin\",s)}}else{var l=`<i class=\"fa fa-solid fa-exclamation-circle fa-fw\"><\/i>\n            <p class=\"textHeading\">An error occurred<\/p>\n            <p style=\"padding-bottom: 0;\">There was a problem getting your buddies list. Please try again later.<\/p>`;BUDDYUP.clearAllElements(\"#buddyUpBuddiesList, #buddiesHeadingWrapper\");const r=`<div class=\"noBuddiesMessage\">\n            ${l}\n            <\/div>`;document.querySelector(\".buddyUpElWrapper\").insertAdjacentHTML(\"beforeend\",r)}}B();async function U(e){const t=e.target.closest(\".buddyCard\");if(t){let y=t.getAttribute(\"data-id\");if(y&&y!=0){const d=e.target.closest(\".buddyCardButtonToggleBuddy\"),l=e.target.closest(\".buddyCardButtonSendMessage\");if(d){d.setAttribute(\"disabled\",\"disabled\");const i=d.getAttribute(\"data-toggle\"),r=d.getAttribute(\"data-type\");let n=\"\",s={id:y};if(i===\"add\"?n=\"buddy-add\":i===\"remove\"?n=\"buddy-remove\":i===\"block\"?(n=\"buddy-block\",s.block=1):i===\"accept\"&&(n=\"buddy-respond\",s.action=\"accept\"),(await BUDDYUP.apiRequest(n,s)).status===\"success\")if(r===\"match\"&&(t.querySelector(\".buddyCardButtons\").innerHTML='<div class=\"pendingCompleteMessage\">Buddy Unmatched<\/div>'),r===\"pending\"){const a=t.querySelector(\".buddyCardRequestDirection\")?.getAttribute(\"data-direction\")||\"\";let o=i===\"remove\"?a===\"outgoing\"?\"Request Canceled\":\"Buddy Rejected\":\"Buddy Added\";o=i===\"block\"?\"Buddy Blocked\":o,t.querySelector(\".buddyCardButtons\").innerHTML=`<div class=\"pendingCompleteMessage\">${o}<\/div>`}else i===\"remove\"?(d.setAttribute(\"data-toggle\",\"add\"),d.setAttribute(\"title\",\"Add Buddy\"),d.querySelector(\"i\").classList.remove(\"fa-user-minus\"),d.querySelector(\"i\").classList.add(\"fa-user-plus\")):i===\"add\"?(d.setAttribute(\"data-toggle\",\"remove\"),d.setAttribute(\"title\",\"Remove Buddy\"),d.querySelector(\"i\").classList.add(\"fa-user-minus\"),d.querySelector(\"i\").classList.remove(\"fa-user-plus\"),BUDDYUP.openModal(\"Give your Buddy a moment to view your request.\",\"Buddy Request Sent!\",\"buddyUpTextCenter\")):i===\"block\"&&(t.querySelector(\".buddyCardButtons\").innerHTML='<div class=\"pendingCompleteMessage\">Buddy Blocked<\/div>');d.removeAttribute(\"disabled\")}else l?(l.setAttribute(\"disabled\",\"disabled\"),l.removeAttribute(\"disabled\")):BUDDYUP.pjaxNavigate(buddyUpVariables.account_link+y)}}}BUDDYUP.setGlobalHandler(\"buddies.click\",document,\"click\",e=>{U(e)}),BUDDYUP.setGlobalHandler(\"buddies.keyup\",document,\"keyup\",e=>{e.key===\"Enter\"&&U(e)})}else{let p=`<p>Please log in or register to view and find buddies!<\/p>\n        <a href=\"${buddyUpVariables.login_link}\" class=\"buddyUpButton1\">Log in<\/a>\n        <a href=\"${buddyUpVariables.register_link}\" class=\"buddyUpButton1\" style=\"margin-left: .5rem;\">Sign Up<\/a>`,B=BUDDYUP.errorPage(\"Please log in\",p);c.innerHTML=B}},function(){const c=document.getElementById(\"buddiesListSectionWrapper\"),m=c?c.closest('[data-tab-panel=\"buddies\"]'):null;c&&(!m||!m.hidden)&&window.BUDDYUP_INIT_BUDDIES_PANEL()}();\n<\/script><\/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":"templates\/full-width-no-header.php","meta":{"footnotes":""},"class_list":["post-264","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.buddyupgo.com\/api\/wp\/v2\/pages\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.buddyupgo.com\/api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.buddyupgo.com\/api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.buddyupgo.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.buddyupgo.com\/api\/wp\/v2\/comments?post=264"}],"version-history":[{"count":0,"href":"https:\/\/staging.buddyupgo.com\/api\/wp\/v2\/pages\/264\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.buddyupgo.com\/api\/wp\/v2\/media?parent=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}