PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
dashboard
/
partials
/
Editing: community-render.blade.php
<!-- start community page --> <div class="community-page py-4"> <div class="container text-center col-12 col-lg-10 col-xl-8 mx-auto"> <div class="row row-cols-1 row-cols-md-2"> <div class="col p-2"> <div class="d-flex align-items-center p-4 totalFollowers analytic-con community-box"> <div class="community-box-icon me-3"> <svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_323_1531)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.208 5.16683C13.6991 5.16683 13.1952 5.26706 12.7251 5.4618C12.255 5.65653 11.8278 5.94196 11.468 6.30179C11.1081 6.66162 10.8227 7.08879 10.628 7.55893C10.4332 8.02907 10.333 8.53296 10.333 9.04183C10.333 9.5507 10.4332 10.0546 10.628 10.5247C10.8227 10.9949 11.1081 11.422 11.468 11.7819C11.8278 12.1417 12.255 12.4271 12.7251 12.6219C13.1952 12.8166 13.6991 12.9168 14.208 12.9168C15.2357 12.9168 16.2213 12.5086 16.948 11.7819C17.6748 11.0552 18.083 10.0695 18.083 9.04183C18.083 8.01412 17.6748 7.02849 16.948 6.30179C16.2213 5.57509 15.2357 5.16683 14.208 5.16683ZM7.74967 9.04183C7.74967 7.32897 8.4301 5.68627 9.64128 4.4751C10.8524 3.26393 12.4952 2.5835 14.208 2.5835C15.9209 2.5835 17.5636 3.26393 18.7747 4.4751C19.9859 5.68627 20.6663 7.32897 20.6663 9.04183C20.6663 10.7547 19.9859 12.3974 18.7747 13.6086C17.5636 14.8197 15.9209 15.5002 14.208 15.5002C12.4952 15.5002 10.8524 14.8197 9.64128 13.6086C8.4301 12.3974 7.74967 10.7547 7.74967 9.04183ZM5.6998 22.7348C5.28259 23.2644 5.16634 23.6648 5.16634 23.896C5.16634 24.0536 5.21413 24.2202 5.49572 24.4462C5.81734 24.7046 6.37663 24.972 7.23172 25.198C8.93413 25.6501 11.3806 25.8335 14.208 25.8335C14.4948 25.8335 14.7776 25.8309 15.0579 25.827C15.4005 25.8224 15.7309 25.9541 15.9764 26.193C16.2219 26.432 16.3624 26.7587 16.367 27.1013C16.3717 27.4438 16.24 27.7742 16.001 28.0197C15.7621 28.2652 15.4354 28.4057 15.0928 28.4104C14.8009 28.4142 14.5051 28.4168 14.208 28.4168C11.3289 28.4168 8.60863 28.236 6.57038 27.6961C5.55642 27.4274 4.60188 27.0425 3.87855 26.4612C3.11259 25.8464 2.58301 24.9875 2.58301 23.896C2.58301 22.8795 3.04542 21.9288 3.67317 21.1331C4.31126 20.3258 5.19347 19.5831 6.22809 18.9502C8.29863 17.6895 11.1145 16.7918 14.208 16.7918C14.7854 16.7918 15.3537 16.8228 15.9078 16.8822C16.2485 16.9184 16.5609 17.0884 16.7763 17.3548C16.9916 17.6213 17.0923 17.9624 17.0561 18.3031C17.02 18.6438 16.85 18.9561 16.5835 19.1715C16.3171 19.3868 15.976 19.4875 15.6353 19.4514C15.1703 19.401 14.6924 19.3752 14.208 19.3752C11.595 19.3752 9.24413 20.1372 7.57401 21.1564C6.7383 21.6653 6.10667 22.2181 5.6998 22.7348ZM28.0392 20.7547C28.2745 20.5111 28.4047 20.1848 28.4017 19.8461C28.3988 19.5074 28.2629 19.1835 28.0234 18.944C27.784 18.7045 27.46 18.5687 27.1213 18.5657C26.7826 18.5628 26.4564 18.693 26.2128 18.9282L22.1027 23.0383L20.2763 21.2119C20.0326 20.9766 19.7064 20.8464 19.3677 20.8494C19.029 20.8523 18.7051 20.9882 18.4656 21.2276C18.2261 21.4671 18.0902 21.7911 18.0873 22.1298C18.0844 22.4684 18.2146 22.7947 18.4498 23.0383L21.0978 25.6862C21.2297 25.8183 21.3864 25.923 21.5588 25.9944C21.7312 26.0659 21.916 26.1026 22.1027 26.1026C22.2893 26.1026 22.4741 26.0659 22.6466 25.9944C22.819 25.923 22.9756 25.8183 23.1076 25.6862L28.0392 20.7547Z" fill="#00988E" /> </g> <defs> <clipPath id="clip0_323_1531"> <rect width="31" height="31" fill="white" /> </clipPath> </defs> </svg> </div> <div class="text-start"> <p class="mb-2">{{ __('Total Followers') }}</p> <h5 class="mb-0">{{ auth()->user()->followers()->count() }}</h5> </div> </div> </div> <div class="col p-2"> <div class="d-flex align-items-center p-4 totalFollowing analytic-con community-box"> <div class="community-box-icon me-3"> <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M33.9004 26.5625L27.8408 32.6221L26.3467 31.1279L29.8496 27.625H19.125V25.5H29.8496L26.3467 21.9971L27.8408 20.5029L33.9004 26.5625ZM22.4287 23.2754C21.9971 22.3236 21.4492 21.4658 20.7852 20.7021C20.1211 19.9385 19.363 19.2799 18.5107 18.7266C17.6585 18.1732 16.751 17.7471 15.7881 17.4482C14.8252 17.1494 13.8125 17 12.75 17C11.776 17 10.8353 17.1273 9.92773 17.3818C9.02018 17.6364 8.1735 17.9906 7.3877 18.4443C6.60189 18.8981 5.88802 19.4515 5.24609 20.1045C4.60417 20.7575 4.05078 21.4769 3.58594 22.2627C3.12109 23.0485 2.76139 23.8952 2.50684 24.8027C2.25228 25.7103 2.125 26.651 2.125 27.625H0C0 26.3301 0.193685 25.0628 0.581055 23.8232C0.968424 22.5837 1.52734 21.4382 2.25781 20.3867C2.98828 19.3353 3.8571 18.4001 4.86426 17.5811C5.87142 16.762 6.99479 16.1367 8.23438 15.7051C7.61458 15.3066 7.0612 14.8473 6.57422 14.3271C6.08724 13.807 5.66667 13.237 5.3125 12.6172C4.95833 11.9974 4.69824 11.3444 4.53223 10.6582C4.36621 9.972 4.27214 9.2526 4.25 8.5C4.25 7.32682 4.47135 6.22559 4.91406 5.19629C5.35677 4.16699 5.95996 3.26497 6.72363 2.49023C7.4873 1.71549 8.38932 1.10677 9.42969 0.664062C10.4701 0.221354 11.5768 0 12.75 0C13.9232 0 15.0244 0.221354 16.0537 0.664062C17.083 1.10677 17.985 1.70996 18.7598 2.47363C19.5345 3.2373 20.1432 4.13932 20.5859 5.17969C21.0286 6.22005 21.25 7.32682 21.25 8.5C21.25 10.0163 20.9014 11.3887 20.2041 12.6172C19.5068 13.8457 18.5273 14.875 17.2656 15.7051C18.0625 16.0039 18.8151 16.3747 19.5234 16.8174C20.2318 17.2601 20.8848 17.7692 21.4824 18.3447C22.0801 18.9202 22.6224 19.5511 23.1094 20.2373C23.5964 20.9235 24.0169 21.6484 24.3711 22.4121L22.4287 23.2754ZM6.375 8.5C6.375 9.38542 6.54102 10.21 6.87305 10.9736C7.20508 11.7373 7.65885 12.4124 8.23438 12.999C8.8099 13.5856 9.48503 14.0449 10.2598 14.377C11.0345 14.709 11.8646 14.875 12.75 14.875C13.6243 14.875 14.4489 14.709 15.2236 14.377C15.9984 14.0449 16.6735 13.5911 17.249 13.0156C17.8245 12.4401 18.2839 11.765 18.627 10.9902C18.9701 10.2155 19.1361 9.38542 19.125 8.5C19.125 7.62565 18.959 6.80111 18.627 6.02637C18.2949 5.25163 17.8411 4.5765 17.2656 4.00098C16.6901 3.42546 16.0094 2.96615 15.2236 2.62305C14.4378 2.27995 13.6133 2.11393 12.75 2.125C11.8646 2.125 11.04 2.29102 10.2764 2.62305C9.5127 2.95508 8.83757 3.40885 8.25098 3.98438C7.66439 4.5599 7.20508 5.24056 6.87305 6.02637C6.54102 6.81217 6.375 7.63672 6.375 8.5Z" fill="#B0013F" /> </svg> </div> <div class="text-start"> <p class="mb-2">{{ __('Total Following') }}</p> <h5 class="mb-0">{{ auth()->user()->followings()->count() }}</h5> </div> </div> </div> </div> <div class="analytic-con text-center my-4 followers_following_con"> <div class="followers_following_header d-flex align-items-center justify-content-between px-2 px-sm-4 pt-3 flex-wrap"> <h5 class="mb-0 pb-1">{{ __('Community') }}</h5> <ul class="nav nav-tabs mb-0 " mdb-tab role="tablist"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link active" href="#followers-tabs" role="tab" aria-controls="followers-tabs" aria-selected="true">{{ __('Followers') }}</a> </li> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link" href="#following-tabs" role="tab" aria-controls="following-tabs" aria-selected="false">{{ __('Following') }}</a> </li> </ul> </div> <div class="allFollowers-con p-4"> <div class="tab-content" id="ex1-content"> <div class="tab-pane fade show active" id="followers-tabs" role="tabpanel" aria-labelledby="ex1-tab-1"> @foreach (auth()->user()->followers()->with('followers')->get() as $user) <div class="follower-con d-flex align-items-center flex-column flex-md-row my-3 p-3"> <div class="follower-img-con me-md-4 mb-3 mb-md-0"> {{-- <img src="{{ $user->domain->getFirstMediaUrl('logo') }}" class="img-fluid" alt=""> --}} {!! $user->domain->logo !!} </div> <div class="d-flex align-items-center justify-content-between w-100 flex-column flex-md-row"> <div class="text-center text-md-start mb-3 mb-md-0"> <h5 class="mb-1">{{ $user->name }}</h5> <p class="mb-0">{{ __('Following since :') }} {{ Carbon\Carbon::parse($user->pivot->accepted_at)->format('M d,Y') }}</p> </div> @if (!auth()->user()->isFollowing($user)) <button class="followBtn followBtnStore" data-id="{{ $user->id }}" data-name="{{ $user->name }}"> {{ __('Follow') }} </button> @else <button class="unfollowBtn" data-id="{{ $user->id }}" data-name="{{ $user->name }}"> {{ __('Following') }} </button> @endif </div> <div> </div> </div> @endforeach {{-- <div class="follower-con d-flex align-items-center flex-column flex-md-row my-3 p-3"> <div class="follower-img-con me-md-4 mb-3 mb-md-0"> <img src="./assets/user.png" class="img-fluid" alt=""> </div> <div class="d-flex align-items-center justify-content-between w-100 flex-column flex-md-row"> <div class="text-center text-md-start mb-3 mb-md-0"> <h5 class="mb-1">Karina Clark</h5> <p class="mb-0">Following since Aug 12, 2023</p> </div> <button class="unfollowBtn"> Following </button> </div> <div> </div> </div> --}} </div> <div class="tab-pane fade" id="following-tabs" role="tabpanel" aria-labelledby="ex1-tab-2"> @foreach (auth()->user()->followings()->with('followable')->get() as $user) <div class="follower-con d-flex align-items-center flex-column flex-md-row my-3 p-3"> <div class="follower-img-con me-md-4 mb-3 mb-md-0"> {{-- <img src="{{ $user->followable->domain->getFirstMediaUrl('logo') }}" class="img-fluid" alt=""> --}} {!! $user->followable->domain->logo !!} </div> <div class="d-flex align-items-center justify-content-between w-100 flex-column flex-md-row"> <div class="text-center text-md-start mb-3 mb-md-0"> <h5 class="mb-1">{{ $user->followable->name }}</h5> <p class="mb-0">{{ __('Following since :') }} {{ Carbon\Carbon::parse($user->created_at)->format('M d,Y') }}</p> </div> <div class="div-unfollow-{{ $user->followable->id }}"> <button class="unfollowBtn " data-id="{{ $user->followable->id }}" data-name="{{ $user->followable->name }}"> {{ __('Following') }} </button> </div> </div> <div> </div> </div> @endforeach </div> </div> </div> </div> </div> </div> </div> <div class="modal fade unfollowModal" id="unfollowModal" aria-labelledby="exampleModalLabel" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header justify-content-end"> <button type="button" data-mdb-ripple-init data-mdb-dismiss="modal" aria-label="Close" class="close-btn"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 7L7 17M7 7L17 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> <div class="modal-body text-center py-0"> <h4 class="unfollow-name"></h4> <p class="mb-0 px-4">{{ __('You won’t be able to get alerts for latest updates from this contact') }} </p> <input readonly id="user_id_unfollow" hidden> </div> <div class="modal-footer justify-content-center pb-4"> <button type="button" class="me-3 unfollow-link unfollowBtnStore" id="confirm-unfollow">{{ __('Unfollow') }}</button> <button type="button" class="" data-mdb-dismiss="modal">{{ __('Cancel') }}</button> </div> <div class="loading-screen d-none"> <div class="spinner-border"></div> </div> </div> </div> </div>
SAVE
CANCEL