friendica-github/view/theme/frio/templates/jot-header.tpl

348 lines
9.5 KiB
Smarty
Raw Normal View History

2016-03-28 14:29:05 +00:00
<script type="text/javascript" src="{{$baseurl}}/view/js/ajaxupload.js?v={{$VERSION}}"></script>
<script type="text/javascript" src="{{$baseurl}}/view/js/linkPreview.js?v={{$VERSION}}"></script>
<script type="text/javascript" src="{{$baseurl}}/view/theme/frio/js/jot.js?v={{$VERSION}}"></script>
2016-03-28 14:29:05 +00:00
<script type="text/javascript">
2017-01-27 03:54:32 +00:00
var editor = false;
var textlen = 0;
2017-01-27 03:54:32 +00:00
function initEditor(callback) {
if (editor == false) {
$("#profile-jot-text-loading").show();
2017-01-27 03:54:32 +00:00
$("#profile-jot-text-loading").hide();
//$("#profile-jot-text").addClass("profile-jot-text-full").removeClass("profile-jot-text-empty");
$("#jot-category").show();
$("#jot-category").addClass("jot-category-ex");
$("#jot-profile-jot-wrapper").show();
$("#profile-jot-text").editor_autocomplete(baseurl + '/search/acl');
2017-01-27 03:54:32 +00:00
$("#profile-jot-text").bbco_autocomplete('bbcode');
$("a#jot-perms-icon").colorbox({
'inline' : true,
'transition' : 'elastic'
});
2017-01-27 03:54:32 +00:00
$(".jothidden").show();
$("#profile-jot-text").keyup(function(){
var textlen = $(this).val().length;
$('#character-counter').text(textlen);
});
2016-03-28 14:29:05 +00:00
2017-01-27 03:54:32 +00:00
editor = true;
}
if (typeof callback != "undefined") {
callback();
}
}
2016-03-28 14:29:05 +00:00
function enableOnUser(){
initEditor();
}
2016-03-28 14:29:05 +00:00
</script>
<script type="text/javascript">
var ispublic = '{{$ispublic nofilter}}';
aStr.linkurl = '{{$linkurl}}';
2016-03-28 14:29:05 +00:00
$(document).ready(function() {
2017-01-27 03:54:32 +00:00
/* enable editor on focus and click */
2016-07-01 15:03:40 +00:00
$("#profile-jot-text").focus(enableOnUser);
$("#profile-jot-text").click(enableOnUser);
2016-03-28 14:29:05 +00:00
// When clicking on a group in acl we should remove the profile jot textarea
// default value before inserting the group mention
$("body").on('click', '#jot-modal .acl-list-item.group', function(){
jotTextOpenUI(document.getElementById("profile-jot-text"));
});
2016-03-28 14:29:05 +00:00
/* show images / file browser window
*
**/
/* callback */
2022-11-27 00:25:59 +00:00
$('body').on('fbrowser.photo.main', function(e, filename, embedcode, id) {
///@todo this part isn't ideal and need to be done in a better way
jotTextOpenUI(document.getElementById("profile-jot-text"));
jotActive();
2016-03-28 14:29:05 +00:00
addeditortext(embedcode);
})
.on('fbrowser.attachment.main', function(e, filename, embedcode, id) {
jotTextOpenUI(document.getElementById("profile-jot-text"));
jotActive();
2016-03-28 14:29:05 +00:00
addeditortext(embedcode);
})
// Asynchronous jot submission
.on('submit', '#profile-jot-form', function (e) {
e.preventDefault();
// Disable jot submit buttons during processing
let $share = $('#profile-jot-submit').button('loading');
let $sharePreview = $('#profile-jot-preview-submit').button('loading');
let formData = new FormData(e.target);
// This cancels the automatic redirection after item submission
formData.delete('return');
$.ajax({
url: 'item',
data: formData,
processData: false,
contentType: false,
type: 'POST',
})
.then(function () {
// Reset to form for jot reuse in the same page
e.target.reset();
$('#jot-modal').modal('hide');
})
.always(function() {
// Reset the post_id_random to avoid duplicate post errors
let new_post_id_random = Math.floor(Math.random() * (Number.MAX_SAFE_INTEGER - (Number.MAX_SAFE_INTEGER / 10))) + Number.MAX_SAFE_INTEGER / 10;
$('#profile-jot-form [name=post_id_random]').val(new_post_id_random);
// Reset jot submit button state
$share.button('reset');
$sharePreview.button('reset');
// Force the display update of the edited post/comment
if (formData.get('post_id')) {
force_update = true;
update_item = formData.get('post_id');
}
NavUpdate();
})
2016-03-28 14:29:05 +00:00
});
$('#wall-image-upload').on('click', function(){
Dialog.doImageBrowser("main");
jotActive();
2016-03-28 14:29:05 +00:00
});
$('#wall-file-upload').on('click', function(){
Dialog.doFileBrowser("main");
jotActive();
2016-03-28 14:29:05 +00:00
});
$('body').on('click', '.p-category .filerm', function(e){
e.preventDefault();
let $href = $(e.target).attr('href');
// Prevents arbitrary Ajax requests
if ($href.substr(0, 7) === 'filerm/') {
$(e.target).parent().removeClass('btn-success btn-danger');
$.post($href)
.done(function() {
liking = 1;
force_update = true;
})
.always(function () {
NavUpdate();
});
}
});
2016-03-28 14:29:05 +00:00
});
function deleteCheckedItems() {
if (confirm('{{$delitems}}')) {
let checkedstr = '';
const ItemsToDelete = {};
2016-03-28 14:29:05 +00:00
$('#item-delete-selected').prop('disabled', true);
$('#item-delete-selected i').toggleClass('fa-trash fa-hourglass fa-spin');
2016-03-28 14:29:05 +00:00
$('.item-select').each(function () {
if ($(this).is(':checked')) {
if (checkedstr.length > 0) {
2016-03-28 14:29:05 +00:00
checkedstr = checkedstr + ',' + $(this).val();
} else {
2016-03-28 14:29:05 +00:00
checkedstr = $(this).val();
}
// Get the corresponding item container
const deleteItem = this.closest(".wall-item-container");
ItemsToDelete[deleteItem.id] = deleteItem;
2016-03-28 14:29:05 +00:00
}
});
// Fade the container from the items we want to delete
for (const key in ItemsToDelete) {
$(ItemsToDelete[key]).fadeTo('fast', 0.33);
}
$.post('item', {dropitems: checkedstr}, function (data) {
}).done(function () {
// Loop through the ItemsToDelete Object and remove
// corresponding item div
for (const key in ItemsToDelete) {
$(ItemsToDelete[key]).remove();
}
$('#item-delete-selected i').toggleClass('fa-trash fa-hourglass fa-spin')
$('#item-delete-selected').prop('disabled', false).hide();
2016-03-28 14:29:05 +00:00
});
}
}
function jotVideoURL() {
reply = prompt("{{$vidurl}}");
if(reply && reply.length) {
addeditortext('[video]' + reply + '[/video]');
}
}
function jotAudioURL() {
reply = prompt("{{$audurl}}");
if(reply && reply.length) {
addeditortext('[audio]' + reply + '[/audio]');
}
}
function jotGetLocation() {
reply = prompt("{{$whereareu}}", $('#jot-location').val());
if(reply && reply.length) {
$('#jot-location').val(reply);
}
}
function jotShare(id) {
2022-11-04 17:01:25 +00:00
$.get('post/' + id + '/share', function(data) {
// remove the former content of the text input
$("#profile-jot-text").val("");
2016-03-28 14:29:05 +00:00
initEditor(function(){
addeditortext(data);
2016-03-28 14:29:05 +00:00
});
});
jotShow();
$("#jot-popup").show();
}
function linkDropper(event) {
var linkFound = event.dataTransfer.types.includes("text/uri-list");
2016-03-28 14:29:05 +00:00
if(linkFound)
event.preventDefault();
}
function linkDrop(event) {
2016-03-28 14:29:05 +00:00
var reply = event.dataTransfer.getData("text/uri-list");
var noAttachment = '';
2016-03-28 14:29:05 +00:00
event.target.textContent = reply;
event.preventDefault();
if(reply && reply.length) {
reply = bin2hex(reply);
$('#profile-rotator').show();
if (currentText.includes("[attachment") && currentText.includes("[/attachment]")) {
noAttachment = '&noAttachment=1';
}
$.get('parseurl?binurl=' + reply + noAttachment, function(data) {
2016-03-28 14:29:05 +00:00
if (!editor) $("#profile-jot-text").val("");
initEditor(function(){
addeditortext(data);
$('#profile-rotator').hide();
});
});
autosize.update($("#profile-jot-text"));
2016-03-28 14:29:05 +00:00
}
}
function itemTag(id) {
reply = prompt("{{$term}}");
if(reply && reply.length) {
reply = reply.replace('#','');
if(reply.length) {
commentBusy = true;
$('body').css('cursor', 'wait');
$.post('post/' + id + '/tag/add', {term: reply});
2016-03-28 14:29:05 +00:00
if(timer) clearTimeout(timer);
timer = setTimeout(NavUpdate,3000);
liking = 1;
}
}
}
function itemFiler(id) {
var bordercolor = $("input").css("border-color");
$.get('filer/', function(data){
$.colorbox({html:data});
$("#id_term").keypress(function(){
$(this).css("border-color",bordercolor);
})
$("#select_term").change(function(){
$("#id_term").css("border-color",bordercolor);
})
$("#filer_save").click(function(e){
e.preventDefault();
reply = $("#id_term").val();
if(reply && reply.length) {
commentBusy = true;
$('body').css('cursor', 'wait');
$.get('filer/' + id + '?term=' + reply, NavUpdate);
// if(timer) clearTimeout(timer);
// timer = setTimeout(NavUpdate,3000);
liking = 1;
force_update = true;
2016-03-28 14:29:05 +00:00
$.colorbox.close();
} else {
$("#id_term").css("border-color","#FF0000");
}
return false;
});
});
}
function jotClearLocation() {
$('#jot-coord').val('');
$('#profile-nolocation-wrapper').hide();
}
function addeditortext(data) {
2017-01-27 03:54:32 +00:00
// get the textfield
var textfield = document.getElementById("profile-jot-text");
// check if the textfield does have the default-value
jotTextOpenUI(textfield);
// save already existent content
var currentText = $("#profile-jot-text").val();
//insert the data as new value
textfield.value = currentText + data;
autosize.update($("#profile-jot-text"));
2016-03-28 14:29:05 +00:00
}
{{$geotag nofilter}}
2016-03-28 14:29:05 +00:00
function jotShow() {
var modal = $('#jot-modal').modal();
jotcache = $("#jot-sections");
2016-03-28 14:29:05 +00:00
// Auto focus on the first enabled field in the modal
modal.on('shown.bs.modal', function (e) {
$('#jot-modal-content').find('select:not([disabled]), input:not([type=hidden]):not([disabled]), textarea:not([disabled])').first().focus();
})
2016-03-28 14:29:05 +00:00
modal
.find('#jot-modal-content')
.append(jotcache)
.modal.show;
// Jot attachment live preview.
linkPreview = $('#profile-jot-text').linkPreview();
2016-03-28 14:29:05 +00:00
}
// Activate the jot text section in the jot modal
2016-03-28 14:29:05 +00:00
function jotActive() {
// Make sure jot text does have really the active class (we do this because there are some
// other events which trigger jot text (we need to do this for the desktop and mobile
// jot nav
var elem = $("#jot-modal .jot-nav #jot-text-lnk");
var elemMobile = $("#jot-modal .jot-nav #jot-text-lnk-mobile")
toggleJotNav(elem[0]);
toggleJotNav(elemMobile[0]);
2016-03-28 14:29:05 +00:00
}
</script>