Add Group views

This commit is contained in:
Daniel Supernault 2024-07-09 23:54:58 -06:00
parent 7bef60d64a
commit 2f1fe5bb23
No known key found for this signature in database
GPG key ID: 23740873EE6F76A1
11 changed files with 191 additions and 0 deletions

View file

@ -0,0 +1,34 @@
@extends('layouts.app')
@section('content')
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-12 col-md-7">
<p class="h3 font-weight-bold">Are you sure you want to leave this group?</p>
{{-- <p class="lead mb-3">If you decide to leave this group, all of your content will be permanently deleted.</p>
<p class="lead font-weight-bold">All of your interactions will be removed, including group</p>
<ul class="lead mb-5">
<li>Posts</li>
<li>Photos & Videos</li>
<li>Comments</li>
<li>Events</li>
<li>Polls</li>
<li>Likes</li>
<li>Shares</li>
<li>Reactions</li>
<li>Group Invitations</li>
<li>Moderation Reports</li>
<li>Recommendations</li>
</ul> --}}
<p class="mb-1">Any content you shared will remain accessible</p>
<p class="mb-3">You will not be able to re-join this group for 24 hours</p>
<hr>
<form class="d-flex justify-content-between">
<button class="btn btn-light border font-weight-bold" style="width: 75%;">Cancel</button>
<button type="submit" class="btn btn-danger font-weight-bold">Leave Group</button>
</form>
</div>
</div>
</div>
@endsection

View file

@ -0,0 +1,10 @@
@extends('layouts.app')
@section('content')
<groups-home />
@endsection
@push('scripts')
<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
<script type="text/javascript">App.boot();</script>
@endpush

View file

@ -0,0 +1,10 @@
@extends('layouts.app')
@section('content')
<groups-invite id="{{$group['id']}}" />
@endsection
@push('scripts')
<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
<script type="text/javascript">App.boot();</script>
@endpush

View file

@ -0,0 +1,23 @@
@extends('layouts.app')
@section('content')
<div class="row align-items-center" style="display: flex;width: 100%;height: 100vh;overflow: hidden;">
<div class="col-12 col-md-6 h-100 bg-primary d-flex align-items-center justify-content-center">
<div class="d-flex flex-column align-items-center" style="max-width: 300px;">
<p class="h3 text-center text-light font-weight-light">You were invited to join the <strong>{{ $group->name }}</strong> group.</p>
<div class="card card-body mt-3">
<div class="media align-items-center">
<img src="{{$group->metadata['header']['url'] }}" width="64" height="64" class="rounded-circle mr-3">
<div class="media-body">
<p class="lead mb-0">{{ $group->name }}</p>
<p class="small mb-0">34 members</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 h-100 d-flex align-items-center">
<p></p>
</div>
</div>
@endsection

View file

@ -0,0 +1,10 @@
@extends('layouts.app')
@section('content')
<group-profile pg="{{$group}}" pp="{{$profile}}" />
@endsection
@push('scripts')
<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
<script type="text/javascript">App.boot();</script>
@endpush

View file

@ -0,0 +1,39 @@
@extends('layouts.app')
@section('content')
<div class="container">
<div class="col-12 col-md-6 offset-md-3 mt-5 pt-5">
<div class="card shadow-none border">
<div class="card-header font-weight-bold bg-danger text-white">
Report Group
</div>
<div class="card-body">
{{-- <p class="text-muted">
Only report groups if they are violating the <a href="#" class="font-weight-bold">Terms of Service</a> or <a href="#" class="font-weight-bold">Community Guidelines</a>.
</p> --}}
<p class="font-weight-bold text-muted">Reason (select one)</p>
<div class="custom-control custom-radio">
<input type="radio" name="customRadio" class="custom-control-input" id="r1">
<label class="custom-control-label" for="r1">Spam or excessive off-topic content</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" name="customRadio" class="custom-control-input" id="r2">
<label class="custom-control-label" for="r2">Abusive, harmful or illegal content</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" name="customRadio" class="custom-control-input" id="r2">
<label class="custom-control-label" for="r2">Impersonation</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" name="customRadio" class="custom-control-input" id="r2">
<label class="custom-control-label" for="r2">Not moderated enough or ignores moderation reports</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" name="customRadio" class="custom-control-input" id="r2">
<label class="custom-control-label" for="r2">Other</label>
</div>
</div>
</div>
</div>
</div>
@endsection

View file

@ -0,0 +1,10 @@
@extends('layouts.app')
@section('content')
<group-settings group-id="{{$group->id}}" />
@endsection
@push('scripts')
<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
<script type="text/javascript">App.boot();</script>
@endpush

View file

@ -0,0 +1,10 @@
@extends('layouts.spa')
@section('content')
<group-feed group-id="{{$id}}" path="{{$path}}" />
@endsection
@push('scripts')
<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
<script type="text/javascript">App.boot();</script>
@endpush

View file

@ -0,0 +1,10 @@
@extends('layouts.app')
@section('content')
<gs-permalink gid="{{$group->id}}" sid="{{$gp['status_id']}}" />
@endsection
@push('scripts')
<script type="text/javascript" src="{{ mix('js/group-status.js') }}"></script>
<script type="text/javascript">App.boot();</script>
@endpush

View file

@ -0,0 +1,10 @@
@extends('layouts.app')
@section('content')
<group-topic-feed gid="{{$gid}}" name="{{$tag}}" />
@endsection
@push('scripts')
<script type="text/javascript" src="{{ mix('js/group-topic-feed.js') }}"></script>
<script type="text/javascript">App.boot();</script>
@endpush

View file

@ -0,0 +1,25 @@
@extends('layouts.app')
@section('content')
<div class="container d-flex justify-content-center">
<div class="error-page py-5 my-5" style="max-width: 450px;">
<h3 class="font-weight-bold">Group Unavailable</h3>
<p class="lead">The group you are trying to view is unavailable</p>
<div class="text-muted">
<p class="pt-4 mb-1">This can happen for a few reasons:</p>
<ul>
<li>The group url is invalid or has a typo</li>
<li>We are experiencing higher than usual traffic to this group and have temporarily limited access to this group</li>
<li>The group has been flagged for review by our automated abuse detection systems</li>
<li>The group is temporarily disabled by group administrators</li>
<li>The group has been deleted</li>
</ul>
<p class="pt-4">
If you are a group administrator, you can view your <a href="#" class="font-weight-bold">groups settings</a> for more information.
</p>
</div>
</div>
</div>
@endsection