\r
if (hash!=="") {\r
var h = hash.replace("#","");\r
- FileBrowser.event = FileBrowser.event + "." + h.split("-")[0];\r
+ var destination = h.split("-")[0];\r
FileBrowser.id = h.split("-")[1];\r
+ FileBrowser.event = FileBrowser.event + "." + destination;\r
+ if (destination == "comment") {\r
+ // get the comment textimput field\r
+ var commentElm = document.getElementById("comment-edit-text-" + FileBrowser.id);\r
+ }\r
};\r
\r
console.log("FileBrowser:", nickname, type,FileBrowser.event, FileBrowser.id );\r
\r
$(".folders a, .path a").on("click", function(e){\r
e.preventDefault();\r
- var url = baseurl + "/fbrowser/" + FileBrowser.type + "/" + this.dataset.folder + "?mode=modal"+ location['hash'];\r
+ var url = baseurl + "/fbrowser/" + FileBrowser.type + "/" + this.dataset.folder + "?mode=modal";\r
\r
- // load new content to modal\r
- $('.modal-body').load(url,function(){\r
- $(function() {\r
- FileBrowser.init(nickname, type, hash);\r
- });\r
+ // load new content to fbrowser window\r
+ $(".fbrowser").load(url,function(){\r
+ $(function() {FileBrowser.init(nickname, type, hash);});\r
});\r
});\r
\r
+ //embed on click\r
$(".photo-album-photo-link").on('click', function(e){\r
e.preventDefault();\r
\r
// attachment links are "baseurl/attach/id"; we need id\r
embed = "[attachment]"+this.dataset.link.split("/").pop()+"[/attachment]";\r
}\r
+\r
+ // Delete prefilled Text of the comment input\r
+ // Note: not the best solution but function commentOpenUI don't\r
+ // work as expected (we need a way to wait until commentOpenUI would be finished).\r
+ // As for now we insert pieces of this function here\r
+ if ((commentElm !== null) && (typeof commentElm !== "undefined")) {\r
+ if (commentElm.value == aStr.comment){\r
+ commentElm.value = "";\r
+ $("#comment-edit-text-" + FileBrowser.id).addClass("comment-edit-text-full").removeClass("comment-edit-text-empty");\r
+ $("#comment-edit-submit-wrapper-" + FileBrowser.id).show();\r
+ $("#comment-edit-text-" + FileBrowser.id).attr('tabindex','9');\r
+ $("#comment-edit-submit-" + FileBrowser.id).attr('tabindex','10');\r
+ }\r
+\r
+ }\r
console.log(FileBrowser.event, this.dataset.filename, embed, FileBrowser.id);\r
parent.$("body").trigger(FileBrowser.event, [\r
this.dataset.filename,\r
\r
// close model\r
$('#modal').modal('hide');\r
- if (id!=="") {\r
- $("#comment-edit-text-" + FileBrowser.id).empty();\r
- commentExpand(FileBrowser.id);\r
- //$("#comment-edit-text-558").empty();\r
- };\r
+// if (id!=="") {\r
+// commentExpand(FileBrowser.id);\r
+// //$("#comment-edit-text-558").empty();\r
+// };\r
\r
});\r
\r
$('#profile-rotator').hide();\r
return;\r
}\r
- location = baseurl + "/fbrowser/image/?mode=minimal"+location['hash'];\r
- location.reload(true);\r
+// location = baseurl + "/fbrowser/image/?mode=modal"+location['hash'];\r
+// location.reload(true);\r
+\r
+ var url = baseurl + "/fbrowser/" + FileBrowser.type + "?mode=modal"\r
+ // load new content to fbrowser window\r
+ $(".fbrowser").load(url,function(){\r
+ $(function() {FileBrowser.init(nickname, type, hash);});\r
+ });\r
}\r
}\r
);\r
$('#profile-rotator').hide();\r
return;\r
}\r
- location = baseurl + "/fbrowser/file/?mode=minimal"+location['hash'];\r
- location.reload(true);\r
+// location = baseurl + "/fbrowser/file/?mode=modal"+location['hash'];\r
+// location.reload(true);\r
+\r
+ var url = baseurl + "/fbrowser/" + FileBrowser.type + "?mode=modal"\r
+ // load new content to fbrowser window\r
+ $(".fbrowser").load(url,function(){\r
+ $(function() {FileBrowser.init(nickname, type, hash);});\r
+ });\r
}\r
}\r
);\r
- }\r
+ },\r
};\r
\r
/*
* @brief contains functions for bootstrap modal handling
*/
+$(document).ready(function(){
+ // Clear bs modal on close
+ // We need this to prevent that the modal displays old content
+ $('body, footer').on('hidden.bs.modal', '.modal', function () {
+ $(this).removeData('bs.modal');
+ $("#modal-title").empty();
+ $('#modal-body').empty();
+ // remove the file browser from jot (else we would have problems
+ // with ajaxupload
+ $(".fbrowser").remove();
+ });
+
+ // Add Colorbox for viewing Network page images
+ //var cBoxClasses = new Array();
+ $(".wall-item-body a img").each(function(){
+ var aElem = $(this).parent();
+ var imgHref = aElem.attr("href");
+
+ // We need to make sure we only put a Colorbox on links to Friendica images
+ // We'll try to do this by looking for links of the form
+ // .../photo/ab803d8eg08daf85023adfec08 (with nothing more following), in hopes
+ // that that will be unique enough
+ if(imgHref.match(/\/photo\/[a-fA-F0-9]+(-[0-9]\.[\w]+?)?$/)) {
+
+ // Add a unique class to all the images of a certain post, to allow scrolling through
+ var cBoxClass = $(this).closest(".wall-item-body").attr("id") + "-lightbox";
+ $(this).addClass(cBoxClass);
+
+// if( $.inArray(cBoxClass, cBoxClasses) < 0 ) {
+// cBoxClasses.push(cBoxClass);
+// }
+
+ aElem.colorbox({
+ maxHeight: '90%',
+ photo: true, // Colorbox doesn't recognize a URL that don't end in .jpg, etc. as a photo
+ rel: cBoxClass //$(this).attr("class").match(/wall-item-body-[\d]+-lightbox/)[0]
+ });
+ }
+ });
-// Clear bs modal on close
-// We need this to prevent that the modal displays old content
-$('body').on('hidden.bs.modal', '.modal', function () {
- $(this).removeData('bs.modal');
- $("#modal-title").empty();
- $('#modal-body').empty();
+
+
+ // Jot nav menu.
+ $("body").on("click", "#jot-modal .jot-nav li a", function(e){
+ e.preventDefault();
+ toggleJotNav(this);
+ });
});
+// overwrite Dialog.show from main js to load the filebrowser into a bs modal
+Dialog.show = function(url) {
+ var modal = $('#modal').modal();
+ modal
+ .find('#modal-body')
+ .load(url, function (responseText, textStatus) {
+ if ( textStatus === 'success' ||
+ textStatus === 'notmodified')
+ {
+ modal.show();
+
+ $(function() {Dialog._load(url);});
+ }
+ });
+};
+
+// overwrite the function _get_url from main.js
+Dialog._get_url = function(type, name, id) {
+ var hash = name;
+ if (id !== undefined) hash = hash + "-" + id;
+ return "fbrowser/"+type+"/?mode=modal#"+hash;
+};
+
+// does load the filebrowser into the jot modal
+Dialog.showJot = function() {
+ var type = "image";
+ var name = "main";
+
+ var url = Dialog._get_url(type, name);
+ if(($(".modal-body #jot-fbrowser-wrapper .fbrowser").length) < 1 ) {
+ // load new content to fbrowser window
+ $("#jot-fbrowser-wrapper").load(url,function(responseText, textStatus){
+ if ( textStatus === 'success' ||
+ textStatus === 'notmodified')
+ {
+ $(function() {Dialog._load(url);});
+ }
+ });
+ }
+};
+
+// init the filebrowser after page load
+Dialog._load = function(url) {
+ // get nickname & filebrowser type from the modal content
+ var nickname = $("#fb-nickname").attr("value");
+ var type = $("#fb-type").attr("value");
+
+ // try to fetch the hash form the url
+ var match = url.match(/fbrowser\/[a-z]+\/\?mode=modal(.*)/);
+ var hash = match[1];
+
+ // initialize the filebrowser
+ var jsbrowser = function() {
+ FileBrowser.init(nickname, type, hash);
+ }
+ loadScript("view/theme/frio/js/filebrowser.js", jsbrowser);
+};
+
/**
* @brief Add first h3 element as modal title
*
}
}
-
+// This function loads html content from a friendica page
+// into a modal
function addToModal(url) {
var char = qOrAmp(url);
});
};
+// function to load the html from the edit post page into
+// the jot modal
function editpost(url) {
var modal = $('#jot-modal').modal();
var url = url + " #profile-jot-form";
//var rand_num = random_digits(12);
- $("#jot-perms-lnk").hide();
+ $(".jot-nav #jot-perms-lnk").parent("li").hide();
// rename the the original div jot-preview-content because the edit function
// does load the content for the modal from another source and preview won't work
});
}
+// remove content from the jot modal
function jotreset() {
// Clear bs modal on close
// We need this to prevent that the modal displays old content
$('body').on('hidden.bs.modal', '#jot-modal', function () {
$(this).removeData('bs.modal');
- $("#jot-perms-lnk").show();
+ $(".jot-nav #jot-perms-lnk").parent("li").show();
$("#profile-jot-form #jot-title-wrap").show();
$("#profile-jot-form #jot-category-wrap").show();
// the following was commented out because it is needed anymore
// because we changed the behavior at an other place
-// var rand_num = random_digits(12);
-// $('#jot-title, #jot-category, #profile-jot-text').val("");
-// $( "#profile-jot-form input[name='type']" ).val("wall");
-// $( "#profile-jot-form input[name='post_id']" ).val("");
-// $( "#profile-jot-form input[name='post_id_random']" ).val(rand_num);
+ // var rand_num = random_digits(12);
+ // $('#jot-title, #jot-category, #profile-jot-text').val("");
+ // $( "#profile-jot-form input[name='type']" ).val("wall");
+ // $( "#profile-jot-form input[name='post_id']" ).val("");
+ // $( "#profile-jot-form input[name='post_id_random']" ).val(rand_num);
$("#jot-modal-body").empty();
// rename the div #jot-preview-content-renamed back to it's original
// Move the original jot back to it's old place in the html structure
// For explaination have a look at function editpost()
$("footer #cache-container #profile-jot-form").appendTo("section #jot-content");
- });
+ });
}
+
+// Give the active "jot-nav" list element the class "active"
+function toggleJotNav (elm) {
+ // select all li of jot-nav and remove the active class
+ $(elm).closest(".jot-nav").children("li").removeClass("active");
+ // add the active class to the parent of the link which was selected
+ $(elm).parent("li").addClass("active");
+}
+
$("#collapsed-comments-" + id + " .collapsed-comments").hide()
}
-
function cmtBbOpen(id) {
$("#comment-edit-bb-" + id).show();
}
$(document).bind( "click.commentClose", handler );
}
+
+// test if there is default content in the jot text box and remove it
+function jotTextOpenUI(obj) {
+ if(obj.value == aStr.share) {
+ obj.value = '';
+ $(".modal-body #profile-jot-text").addClass("profile-jot-text-full").removeClass("profile-jot-text-empty");
+ }
+}
+
+// insert default content into the jot text box
+// if it's empty
+function jotTextCloseUI(obj) {
+ if(obj.value === '') {
+ obj.value = aStr.share;
+ $(".modal-body #profile-jot-text").removeClass("profile-jot-text-full").addClass("profile-jot-text-empty");
+ }
+}
+
function commentOpen(obj,id) {
if(obj.value == aStr.comment) {
obj.value = '';
}
});
- // Add Colorbox for viewing Network page images
- //var cBoxClasses = new Array();
- $(".wall-item-body a img").each(function(){
- var aElem = $(this).parent();
- var imgHref = aElem.attr("href");
-
- // We need to make sure we only put a Colorbox on links to Friendica images
- // We'll try to do this by looking for links of the form
- // .../photo/ab803d8eg08daf85023adfec08 (with nothing more following), in hopes
- // that that will be unique enough
- if(imgHref.match(/\/photo\/[a-fA-F0-9]+(-[0-9]\.[\w]+?)?$/)) {
-
- // Add a unique class to all the images of a certain post, to allow scrolling through
- var cBoxClass = $(this).closest(".wall-item-body").attr("id") + "-lightbox";
- $(this).addClass(cBoxClass);
-
-// if( $.inArray(cBoxClass, cBoxClasses) < 0 ) {
-// cBoxClasses.push(cBoxClass);
-// }
-
- aElem.colorbox({
- maxHeight: '90%',
- photo: true, // Colorbox doesn't recognize a URL that don't end in .jpg, etc. as a photo
- rel: cBoxClass //$(this).attr("class").match(/wall-item-body-[\d]+-lightbox/)[0]
- });
- }
- });
-
- // overwrite Dialog.show from main js to load the filebrowser into a bs modal
- Dialog.show = function(url) {
- var modal = $('#modal').modal();
- modal
- .find('#modal-body')
- .load(url, function (responseText, textStatus) {
- if ( textStatus === 'success' ||
- textStatus === 'notmodified')
- {
- modal.show();
-
- // get nickname & filebrowser type from the modal content
- var nickname = $("#fb-nickname").attr("value");
- var type = $("#fb-type").attr("value");
-
- // try to fetch the hash form the url
- var match = url.match(/fbrowser\/[a-z]+\/\?mode=modal(.*)/);
- var hash = match[1];
-
- // initialize the filebrowser
- var jsbrowser = function() {
- FileBrowser.init(nickname, type, hash);
- }
- loadScript("view/theme/frio/js/filebrowser.js", jsbrowser);
- }
- });
- };
-
- // overwrite the function _get_url from main.js
- Dialog._get_url = function(type, name, id) {
- var hash = name;
- if (id !== undefined) hash = hash + "-" + id;
- return "fbrowser/"+type+"/?mode=modal#"+hash;
- };
-
});
//function commentOpenUI(obj, id) {
<style>
#buglink_wrapper{display:none;} /* hide buglink. only in this page */
</style>
-<script type="text/javascript" src="{{$baseurl}}/js/ajaxupload.js" ></script>
-{{**<script type="text/javascript" src="view/theme/frio/js/filebrowser.js"></script>*}}
+{{*<script type="text/javascript" src="{{$baseurl}}/js/ajaxupload.js" ></script>*}}
+{{*<script type="text/javascript" src="view/theme/frio/js/filebrowser.js"></script>*}}
<div class="fbrowser {{$type}}">
<input id="fb-nickname" type="hidden" name="type" value="{{$nickname}}" />
-<script language="javascript" type="text/javascript">
+{{*<script language="javascript" type="text/javascript">*}}
+
+<script>
var editor=false;
var textlen = 0;
var plaintext = '{{$editselect}}';
$("#profile-jot-text-loading").show();
if(plaintext == 'none') {
$("#profile-jot-text-loading").hide();
- $("#profile-jot-text").addClass("profile-jot-text-full").removeClass("profile-jot-text-empty");
+ //$("#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();
});
}
+
});
editor = true;
+
// setup acl popup
$("a#jot-perms-icon").colorbox({
'inline' : true,
'transition' : 'elastic'
});
+
} else {
if (typeof cb!="undefined") cb();
}
/* callback */
$('body').on('fbrowser.image.main', function(e, filename, embedcode, id) {
- $.colorbox.close();
+ ///@todo this part isn't ideal and need to be done in a better way
+ jotTextOpenUI(document.getElementById("profile-jot-text"));
+ jotActive();
addeditortext(embedcode);
});
$('body').on('fbrowser.file.main', function(e, filename, embedcode, id) {
- $.colorbox.close();
+ jotTextOpenUI(document.getElementById("profile-jot-text"));
+ jotActive();
addeditortext(embedcode);
});
$('#wall-image-upload').on('click', function(){
Dialog.doImageBrowser("main");
+ jotActive();
});
$('#wall-file-upload').on('click', function(){
Dialog.doFileBrowser("main");
+ jotActive();
});
/**
// the following functions show/hide the specific jot content
// in dependence of the selected nav
function aclActive() {
- $(".modal-body #profile-jot-wrapper, .modal-body #jot-preview-content").hide();
+ $(".modal-body #profile-jot-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").hide();
$(".modal-body #profile-jot-acl-wrapper").show();
- $("#jot-text-lnk, #jot-preview-lnk").parent("li").removeClass("active");
- $("#jot-perms-lnk").parent("li").addClass("active");
+ }
+
+
+ function previewActive() {
+ $(".modal-body #profile-jot-wrapper, .modal-body #profile-jot-acl-wrapper,.modal-body #jot-fbrowser-wrapper").hide();
+ preview_post();
}
function jotActive() {
- $(".modal-body #profile-jot-acl-wrapper, .modal-body #jot-preview-content").hide();
+ $(".modal-body #profile-jot-acl-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").hide();
$(".modal-body #profile-jot-wrapper").show();
- $("#jot-perms-lnk, #jot-preview-lnk").parent("li").removeClass("active");
- $("#jot-text-lnk").parent("li").addClass("active");
+
+ //make sure jot text does have really the active class (we do this because there are some
+ // other events which trigger jot text
+ toggleJotNav($("#jot-modal .jot-nav #jot-text-lnk"));
}
- function previewActive() {
- $(".modal-body #profile-jot-wrapper, .modal-body #profile-jot-acl-wrapper").hide();
- $("#jot-text-lnk, #jot-perms-lnk").parent("li").removeClass("active");
- $("#jot-preview-lnk").parent("li").addClass("active");
- preview_post();
+ function fbrowserActive() {
+ $(".modal-body #profile-jot-wrapper, .modal-body #jot-preview-content, .modal-body #profile-jot-acl-wrapper").hide();
+
+ $(".modal-body #jot-fbrowser-wrapper").show();
+
+ $(function() {Dialog.showJot();});
}
+
</script>
<button class="btn btn-sm btn-main pull-right" id="jotOpen" onclick="jotShow(); return false;"><i class="fa fa-pencil-square-o fa-2x"></i></button>
-
-
-
<div id="jot-content">
<form id="profile-jot-form" action="{{$action}}" method="post">
<div id="profile-jot-wrapper">
{{* The jot text field in which the post text is inserted *}}
<div id="jot-text-wrap">
- <textarea rows="2" cols="64" class="profile-jot-text form-control" id="profile-jot-text" name="body" style="min-width:100%; max-width:100%;">{{if $content}}{{$content}}{{else}}{{$share}}{{/if}}</textarea>
+ <textarea rows="2" cols="64" class="profile-jot-text form-control" id="profile-jot-text" name="body" onFocus="jotTextOpenUI(this);" onBlur="jotTextCloseUI(this);" style="min-width:100%; max-width:100%;">{{if $content}}{{$content}}{{else}}{{$share}}{{/if}}</textarea>
</div>
<ul id="profile-jot-submit-wrapper" class="jothidden nav nav-pills">
- <li><a id="profile-location" onclick="jotGetLocation();return false;" title="{{$setloc}}"><i class="fa fa-map-marker"></i></a></li>
- <li><a href="#" id="wall-image-upload" title="{{$upload}}" data-toggle="modal" data-target="#PhotoModal"><i class="fa fa-picture-o"></i></a></li>
+ {{* uncomment the button for "wall-immage-upload" because we have integrated it directly in the jot modal
+ <li><a href="#" id="wall-image-upload" title="{{$upload}}"><i class="fa fa-picture-o"></i></a></li>
+ *}}
<li><a href="#" onclick="return false;" id="wall-file-upload" title="{{$attach}}"><i class="fa fa-paperclip"></i></a></li>
<li><a id="profile-link" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;" title="{{$weblink}}"><i class="fa fa-link"></i></a></li>
<li><a id="profile-video" onclick="jotVideoURL();return false;" title="{{$video}}"><i class="fa fa-film"></i></a></li>
<li><a id="profile-audio" onclick="jotAudioURL();return false;" title="{{$audio}}"><i class="fa fa-music"></i></a></li>
+ <li><a id="profile-location" onclick="jotGetLocation();return false;" title="{{$setloc}}"><i class="fa fa-map-marker"></i></a></li>
<!-- TODO: waiting for a better placement
<li><a id="profile-nolocation" onclick="jotClearLocation();return false;" title="{{$noloc}}">{{$shortnoloc}}</a></li>
-->
<div id="jot-preview-content" style="display:none;"></div>
+ <div id="jot-fbrowser-wrapper" style="display: none"></div>
+
{{if $content}}<script>initEditor();</script>{{/if}}
</form>
</div>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<!--<h4 class="modal-title">Modal Header</h4>-->
- <ul class="nav nav-tabs hidden-xs" role="menubar" data-tabs="tabs">
- {{* mark the first list entry as active because it is the first which is active after opening
+ {{* The Jot navigation menu (text input, permissions, preview, filebrowser) *}}
+ <ul class="nav nav-tabs hidden-xs jot-nav" role="menubar" data-tabs="tabs">
+ {{* Mark the first list entry as active because it is the first which is active after opening
the modal. Changing of the activity status is done by js in jot.tpl-header *}}
<li class="active" role="menuitem"><a id="jot-text-lnk" onclick="jotActive(); return false;">Text</a></li>
{{if $acl}}<li role="menuitem"><a id="jot-perms-lnk" onclick="aclActive();return false;">Permissions</a></li>{{/if}}
<li role="menuitem"><a id="jot-preview-lnk" onclick="previewActive();return false;">{{$preview}}</a></li>
+ <li role="menuitem"><a id="jot-preview-link" onclick="fbrowserActive(); return false;"> Browser </a></li>
</ul>
<div class="dropdown hidden-lg hidden-md hidden-sm" role="menubar" data-tabs="tabs">
<script>
- $('iframe').load(function() {
- this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
- });
-</script>
\ No newline at end of file
+ $('iframe').load(function() {
+ this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
+ });
+
+ // insert new object with value to aStr
+ // function jotTextOpenUI does make use of it
+ aStr.share = "{{$share}}";
+</script>
+
projects / friendica.git / commitdiff