mirror of
https://github.com/pixelfed/pixelfed.git
synced 2025-01-25 22:10:47 +00:00
Update statusform component
This commit is contained in:
parent
594d653980
commit
7c3c537572
1 changed files with 33 additions and 17 deletions
30
resources/assets/js/components/statusform.js
vendored
30
resources/assets/js/components/statusform.js
vendored
|
@ -1,9 +1,5 @@
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
$('#statusForm .btn-filter-select').on('click', function(e) {
|
|
||||||
let el = $(this);
|
|
||||||
});
|
|
||||||
|
|
||||||
pixelfed.create = {};
|
pixelfed.create = {};
|
||||||
pixelfed.filters = {};
|
pixelfed.filters = {};
|
||||||
pixelfed.create.hasGeneratedSelect = false;
|
pixelfed.create.hasGeneratedSelect = false;
|
||||||
|
@ -78,7 +74,7 @@ $(document).ready(function() {
|
||||||
pixelfed.create.hasGeneratedSelect = true;
|
pixelfed.create.hasGeneratedSelect = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#fileInput').on('change', function() {
|
$(document).on('change', '#fileInput', function() {
|
||||||
previewImage(this);
|
previewImage(this);
|
||||||
$('#statusForm .form-filters.d-none').removeClass('d-none');
|
$('#statusForm .form-filters.d-none').removeClass('d-none');
|
||||||
$('#statusForm .form-preview.d-none').removeClass('d-none');
|
$('#statusForm .form-preview.d-none').removeClass('d-none');
|
||||||
|
@ -88,23 +84,43 @@ $(document).ready(function() {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#filterSelectDropdown').on('change', function() {
|
$(document).on('change', '#filterSelectDropdown', function() {
|
||||||
let el = $(this);
|
let el = $(this);
|
||||||
let filter = el.val();
|
let filter = el.val();
|
||||||
let oldFilter = pixelfed.create.currentFilterClass;
|
let oldFilter = pixelfed.create.currentFilterClass;
|
||||||
if(filter == 'none') {
|
if(filter == 'none') {
|
||||||
|
$('input[name=filter_class]').val('');
|
||||||
|
$('input[name=filter_name]').val('');
|
||||||
$('.filterContainer').removeClass(oldFilter);
|
$('.filterContainer').removeClass(oldFilter);
|
||||||
pixelfed.create.currentFilterClass = false;
|
pixelfed.create.currentFilterClass = false;
|
||||||
pixelfed.create.currentFilterName = 'None';
|
pixelfed.create.currentFilterName = 'None';
|
||||||
$('.form-group.form-preview .form-text').text('Current Filter: No filter selected');
|
$('.form-group.form-preview .form-text').text('Current Filter: No filter selected');
|
||||||
return;
|
return;
|
||||||
}
|
} else {
|
||||||
$('.filterContainer').removeClass(oldFilter).addClass(filter);
|
$('.filterContainer').removeClass(oldFilter).addClass(filter);
|
||||||
pixelfed.create.currentFilterClass = filter;
|
pixelfed.create.currentFilterClass = filter;
|
||||||
pixelfed.create.currentFilterName = el.find(':selected').text();
|
pixelfed.create.currentFilterName = el.find(':selected').text();
|
||||||
$('.form-group.form-preview .form-text').text('Current Filter: ' + pixelfed.create.currentFilterName);
|
$('.form-group.form-preview .form-text').text('Current Filter: ' + pixelfed.create.currentFilterName);
|
||||||
$('input[name=filter_class]').val(pixelfed.create.currentFilterClass);
|
$('input[name=filter_class]').val(pixelfed.create.currentFilterClass);
|
||||||
$('input[name=filter_name]').val(pixelfed.create.currentFilterName);
|
$('input[name=filter_name]').val(pixelfed.create.currentFilterName);
|
||||||
|
return;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(document).on('keyup keydown', '#statusForm textarea[name=caption]', function() {
|
||||||
|
const el = $(this);
|
||||||
|
const len = el.val().length;
|
||||||
|
const limit = el.data('limit');
|
||||||
|
if(len > limit) {
|
||||||
|
const diff = limit - len;
|
||||||
|
$('#statusForm .caption-counter').text(diff).addClass('text-danger');
|
||||||
|
} else {
|
||||||
|
$('#statusForm .caption-counter').text(len).removeClass('text-danger');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).on('focus', '#statusForm textarea[name=caption]', function() {
|
||||||
|
const el = $(this);
|
||||||
|
el.attr('rows', '3');
|
||||||
|
});
|
||||||
});
|
});
|
Loading…
Reference in a new issue