123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- <div class="bg-white py-5 border-bottom">
- <div class="container">
- <div class="row">
- <div class="col-12 col-md-4 d-flex">
- <div class="profile-avatar mx-auto">
- <img class="rounded-circle box-shadow" src="/storage/avatars/default.jpg?v=1" width="172px" height="172px">
- </div>
- </div>
- <div class="col-12 col-md-8 d-flex align-items-center">
- <div class="profile-details">
- <div class="username-bar pb-2 d-flex align-items-center">
- <span class="font-weight-ultralight h3">{{$user->username}}</span>
- @auth
- @if($is_following == true)
- <span class="pl-4">
- <button class="btn btn-outline-secondary font-weight-bold px-4 py-0" type="button" onclick="unfollowProfile()">Unfollow</button>
- </span>
- @elseif($requested == true)
- <span class="pl-4">
- <button class="btn btn-outline-secondary font-weight-bold px-4 py-0" type="button" onclick="unfollowProfile()">Follow Requested</button>
- </span>
- @elseif($is_following == false)
- <span class="pl-4">
- <button class="btn btn-primary font-weight-bold px-4 py-0" type="button" onclick="followProfile()">Follow</button>
- </span>
- @endif
- <span class="pl-4">
- <i class="fas fa-cog fa-lg text-muted cursor-pointer" data-toggle="modal" data-target="#ctxProfileMenu"></i>
- <div class="modal" tabindex="-1" role="dialog" id="ctxProfileMenu">
- <div class="modal-dialog modal-dialog-centered modal-sm">
- <div class="modal-content">
- <div class="modal-body p-0">
- <div class="list-group-item cursor-pointer text-center rounded text-dark" onclick="window.App.util.clipboard('{{$user->url()}}');$('#ctxProfileMenu').modal('hide')">
- Copy Link
- </div>
- @auth
- <div class="list-group-item cursor-pointer text-center rounded text-dark" onclick="muteProfile()">
- Mute
- </div>
- <a class="list-group-item cursor-pointer text-center rounded text-dark text-decoration-none" href="i/report?type=user&id={{$user->id}}">
- Report User
- </a>
- <div class="list-group-item cursor-pointer text-center rounded text-dark" onclick="blockProfile()">
- Block
- </div>
- @endauth
- <div class="list-group-item cursor-pointer text-center rounded text-muted" onclick="$('#ctxProfileMenu').modal('hide')">
- Close
- </div>
- </div>
- </div>
- </div>
- </div>
- </span>
- @endauth
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- @push('scripts')
- @auth
- <script type="text/javascript">
- function muteProfile() {
- axios.post('/i/mute', {
- type: 'user',
- item: '{{$user->id}}'
- }).then(res => {
- $('#ctxProfileMenu').modal('hide');
- $('#ctxProfileMenu').hide();
- swal('Muted Profile', 'You have successfully muted this profile.', 'success');
- });
- }
- function blockProfile() {
- axios.post('/i/block', {
- type: 'user',
- item: '{{$user->id}}'
- }).then(res => {
- $('#ctxProfileMenu').modal('hide');
- $('#ctxProfileMenu').hide();
- swal('Blocked Profile', 'You have successfully blocked this profile.', 'success');
- });
- }
- function followProfile() {
- axios.post('/api/v1/accounts/{{$user->id}}/follow')
- .then(res => {
- location.reload();
- })
- }
- function unfollowProfile() {
- axios.post('/api/v1/accounts/{{$user->id}}/unfollow')
- .then(res => {
- location.reload();
- })
- }
- </script>
- @endauth
- @endpush
|