mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-10 00:34:50 +00:00
Add invites create view
This commit is contained in:
parent
b8222ea6a5
commit
f68c4015cc
1 changed files with 64 additions and 0 deletions
64
resources/views/settings/invites/create.blade.php
Normal file
64
resources/views/settings/invites/create.blade.php
Normal file
|
@ -0,0 +1,64 @@
|
||||||
|
@extends('settings.template')
|
||||||
|
|
||||||
|
@section('section')
|
||||||
|
|
||||||
|
<div class="title">
|
||||||
|
<h3 class="font-weight-bold">Send Invite</h3>
|
||||||
|
<p class="lead">Invite friends or family to join you on <span class="font-weight-bold">{{config('pixelfed.domain.app')}}</span></p>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
@if(config('pixelfed.user_invites.limit.daily') != 0)
|
||||||
|
<div class="alert alert-warning">
|
||||||
|
<div class="font-weight-bold">Warning</div>
|
||||||
|
<p class="mb-0">You may only send {{config('pixelfed.user_invites.limit.daily')}} invite(s) per day.</p>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<form method="post">
|
||||||
|
@csrf
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Email address</label>
|
||||||
|
<input type="email" class="form-control" name="email" placeholder="friend@example.org" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Message</label>
|
||||||
|
<textarea class="form-control" name="message" placeholder="Add an optional message" rows="2"></textarea>
|
||||||
|
<p class="help-text mb-0 text-right small text-muted"><span class="message-count">0</span>/<span class="message-limit">500</span></p>
|
||||||
|
</div>
|
||||||
|
<div class="form-group form-check">
|
||||||
|
<input type="checkbox" class="form-check-input" id="tos" name="tos">
|
||||||
|
<label class="form-check-label font-weight-bold small" for="tos">I confirm this invitation is not in violation of the <a href="{{route('site.terms')}}">Terms of Service</a> and <a href="{{route('site.privacy')}}">Privacy Policy</a>.</label>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<p class="float-right">
|
||||||
|
<button type="submit" class="btn btn-primary font-weight-bold py-0 form-submit">Send Invite</button>
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
@endsection
|
||||||
|
|
||||||
|
@push('scripts')
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
$('textarea[name="message"]').on('change keyup paste', function(e) {
|
||||||
|
let el = $(this);
|
||||||
|
let len = el.val().length;
|
||||||
|
let limit = $('.message-limit').text();
|
||||||
|
|
||||||
|
if(len > 100) {
|
||||||
|
el.attr('rows', '4');
|
||||||
|
}
|
||||||
|
|
||||||
|
if(len > limit) {
|
||||||
|
let diff = len - limit;
|
||||||
|
$('.message-count').addClass('text-danger').text('-'+diff);
|
||||||
|
$('.form-submit').attr('disabled','');
|
||||||
|
} else {
|
||||||
|
$('.message-count').removeClass('text-danger').text(len);
|
||||||
|
$('.form-submit').removeAttr('disabled');
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
@endpush
|
Loading…
Reference in a new issue