mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-10 00:34:50 +00:00
43 lines
1,007 B
PHP
43 lines
1,007 B
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 offset-md-3">
|
|
@include('timeline.partial.new-form')
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script type="text/javascript" src="{{ mix('js/compose.js') }}"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
new Vue({
|
|
el: '#content'
|
|
});
|
|
|
|
$('.metro-classic-compose textarea[name="caption"]').on('click', function(e) {
|
|
let el = $(this);
|
|
el.attr('rows', 4);
|
|
});
|
|
$('.metro-classic-compose textarea[name="caption"]').on('change keyup paste', function(e) {
|
|
let el = $(this);
|
|
let len = el.val().length;
|
|
let limit = el.attr('data-limit');
|
|
|
|
let res = len;
|
|
|
|
if(len > limit) {
|
|
res = '<span class="text-danger">' + (limit - len) + '</span>';
|
|
} else {
|
|
res = '<span>' + len + '</span>';
|
|
}
|
|
$('.metro-classic-compose .caption-counter').html(res);
|
|
})
|
|
});
|
|
</script>
|
|
@endpush |