0
/
leftypol_lainchan
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Merge pull request #268 from discomrade/flag-preview 

Flag preview image
This commit is contained in:
nonmakina 2021-06-20 13:59:50 +02:00 committed by GitHub
parent 862b7f55d3 d4b8be83aa
commit 703b3ee04f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 60 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
inc/instance-config.php
View File

@ -353,6 +353,7 @@ $config['additional_javascript'][] = 'js/auto-scroll.js';
$config['additional_javascript'][] = 'js/thread-stats.js';
$config['additional_javascript'][] = 'js/post-hover.js';
$config['additional_javascript'][] = 'js/style-select.js';
$config['additional_javascript'][] = 'js/flag-preview.js';
$config['additional_javascript'][] = 'js/hide-threads.js';
$config['additional_javascript'][] = 'js/hide-images.js';
@ -377,6 +378,8 @@ $config['additional_javascript'][] = 'js/webm-settings.js';
$config['additional_javascript'][] = 'js/expand-video.js';
$config['additional_javascript'][] = 'js/download-original.js';
$config['flag_preview'] = true;
$config['enable_embedding'] = true;
$config['youtube_js_html']

53
js/flag-preview.js Normal file
View File

@ -0,0 +1,53 @@
/*
* flag-preview.js - Add preview of user flag.
*
* Usage:
* $config['additional_javascript'][] = 'js/jquery.min.js';
* $config['additional_javascript'][] = 'js/flag-preview.js';
*
*/
function getFlagUrl(value){
// No flag or None flag
if(!value || value == "") {
return ""
} else {
return "/static/flags/"+value+".png"
}
}
// Attempt to load flag (see js/save-user_flag.js)
function loadFlag () {
var flagStorage = "flag_" + document.getElementsByName('board')[0].value;
return window.localStorage.getItem(flagStorage);
}
function updatePreviewWithSelected(img, select) {
img.attr("src", getFlagUrl(select.find(":selected").val()));
}
onready(function(){
var flagImg = $('#flag_preview');
var flagSelect = $('#user_flag');
var loaded = loadFlag();
flagImg.attr("src", getFlagUrl(loaded));
flagSelect.change(function() {
flagImg.attr("src", getFlagUrl($(this).find(":selected").val()));
});
});
$(window).on('quick-reply', function() {
var flagImg = $('#flag_preview');
var quickReplyFlagImg = $('form#quick-reply img[name="flag_preview"]')
var loaded = loadFlag();
quickReplyFlagImg.attr("src", getFlagUrl(loaded));
$('form#quick-reply select[name="user_flag"]').change(function() {
updatePreviewWithSelected(quickReplyFlagImg,$(this));
updatePreviewWithSelected(flagImg,$(this));
});
$('#user_flag').change(function() {
updatePreviewWithSelected(quickReplyFlagImg,$(this));
updatePreviewWithSelected(flagImg,$(this));
});
});

5
templates/post_form.html
View File

@ -111,12 +111,15 @@
<tr>
<th>{% trans %}Flag{% endtrans %}</th>
<td>
<select name="user_flag" id="user_flag">
<select name="user_flag" id="user_flag" style="float:left">
<option value="">{% trans %}None{% endtrans %}</option>
{% for flag, text in config.user_flags %}
<option value="{{ flag }}">{{ text }}</option>
{% endfor %}
</select>
{% if config.flag_preview %}
<img name="flag_preview" id="flag_preview" style="vertical-align:middle; margin: 0px 3px;">
{% endif %}
</td>
</tr>
{% endif %}