pixelfed/resources/views/admin/custom-emoji/add.blade.php

64 lines
1.9 KiB
PHP

@extends('admin.partial.template-full')
@section('section')
</div>
<div class="header bg-primary pb-3 mt-n4">
<div class="container-fluid">
<div class="header-body">
<div class="row align-items-center py-4">
<div class="col-lg-6 col-7">
<p class="display-1 text-white d-inline-block mb-0">Add Custom Emoji</p>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-12 col-md-6">
@if ($errors->any())
@foreach ($errors->all() as $error)
<div class="alert alert-danger py-2 {{$loop->last?'mb-4':'mb-2'}}">
<p class="mb-0"><i class="far fa-exclamation-triangle mr-2"></i> {{ $error }}</p>
</div>
@endforeach
@endif
<div class="card">
<div class="card-header font-weight-bold">
New Custom Emoji
</div>
<div class="card-body">
<form method="post" enctype="multipart/form-data">
@csrf
<div class="form-group">
<label for="shortcode" class="font-weight-light">Shortcode</label>
<input class="form-control" id="shortcode" name="shortcode" placeholder=":pixelfed:" required>
<p class="form-text small font-weight-bold">Must start and end with :</p>
</div>
<div class="form-group">
<label for="media" class="font-weight-light">Emoji Image</label>
<input type="file" class="form-control-file" id="media" name="emoji" required>
<p class="form-text font-weight-bold"><span class="small">Must be a <kbd>png</kbd> or <kbd>jpg</kbd> under</span> <span class="badge badge-info filesize" data-filesize="{{config('federation.custom_emoji.max_size')}}"></span></p>
</div>
<hr>
<button class="btn btn-primary btn-block">Add Emoji</button>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('scripts')
<script type="text/javascript">
$('.filesize').each(function(el, i) {
let size = filesize($(i).data('filesize'));
i.innerText = size;
})
</script>
@endpush