From 5e541ff53b6db3da712b82ae3c470a5445b88767 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Fri, 10 Nov 2017 10:50:19 +0100 Subject: bring some ajax to photo upload --- view/css/mod_photos.css | 26 ++++++ view/js/mod_photos.js | 210 +++++++++++++++++++++++++++++++++++++++++++++ view/tpl/photos_upload.tpl | 3 + 3 files changed, 239 insertions(+) diff --git a/view/css/mod_photos.css b/view/css/mod_photos.css index 72dd7ffe7..8a189e9e5 100644 --- a/view/css/mod_photos.css +++ b/view/css/mod_photos.css @@ -34,3 +34,29 @@ left: -9999px; top: -9999px; } + +#upload-index { + width: 100%; +} + +#upload-index td:nth-child(1){ + padding: 7px 3px 7px 10px; +} + +#upload-index td:nth-child(4){ + padding: 7px 10px 7px 3px; + white-space: nowrap; +} + +#photos-upload-form.hover { + background-color: aliceblue; + opacity: 0.5; + box-shadow: inset 0 0px 7px #5cb85c; +} + +.upload-progress-bar { + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mOM2RFTDwAE2QHxFMHIIwAAAABJRU5ErkJggg==') repeat-y; + background-size: 0px; + padding: 0px !important; + height: 3px; +} diff --git a/view/js/mod_photos.js b/view/js/mod_photos.js index cbc1d8fa1..267b51531 100644 --- a/view/js/mod_photos.js +++ b/view/js/mod_photos.js @@ -3,6 +3,11 @@ */ $(document).ready(function() { + // call initialization file + if (window.File && window.FileList && window.FileReader) { + UploadInit(); + } + $("#photo-edit-newtag").contact_autocomplete(baseurl + '/acl', 'a', false, function(data) { $("#photo-edit-newtag").val('@' + data.name); }); @@ -18,3 +23,208 @@ function showHideBodyTextarea() { else $('#body-textarea').slideUp(); } + +// initialize +function UploadInit() { + + var fileselect = $("#photos-upload-choose"); + var filedrag = $("#photos-upload-form"); + var submit = $("#dbtn-submit"); + + // is XHR2 available? + var xhr = new XMLHttpRequest(); + if (xhr.upload) { + + // file select + fileselect.attr("multiple", 'multiple'); + fileselect.on("change", UploadFileSelectHandler); + + // file submit + submit.on("click", fileselect, UploadFileSelectHandler); + + // file drop + filedrag.on("dragover", DragDropUploadFileHover); + filedrag.on("dragleave", DragDropUploadFileHover); + filedrag.on("drop", DragDropUploadFileSelectHandler); + } + + window.filesToUpload = 0; + window.fileUploadsCompleted = 0; +} + +// file drag hover +function DragDropUploadFileHover(e) { + e.stopPropagation(); + e.preventDefault(); + e.currentTarget.className = (e.type == "dragover" ? "hover" : ""); +} + +// file selection via drag/drop +function DragDropUploadFileSelectHandler(e) { + // cancel event and hover styling + DragDropUploadFileHover(e); + + // fetch FileList object + var files = e.target.files || e.originalEvent.dataTransfer.files; + + $('.new-upload').remove(); + + // process all File objects + for (var i = 0, f; f = files[i]; i++) { + prepareHtml(f, i); + UploadFile(f, i); + } +} + +// file selection via input +function UploadFileSelectHandler(e) { + // fetch FileList object + if(e.target.id === 'dbtn-submit') { + e.preventDefault(); + var files = e.data[0].files; + } + if(e.target.id === 'photos-upload-choose') { + $('.new-upload').remove(); + var files = e.target.files; + } + + // process all File objects + for (var i = 0, f; f = files[i]; i++) { + if(e.target.id === 'photos-upload-choose') + prepareHtml(f, i); + if(e.target.id === 'dbtn-submit') { + UploadFile(f, i); + } + } +} + +function prepareHtml(f, i) { + var num = i - 1; + $('#upload-index #new-upload-progress-bar-' + num.toString()).after( + '' + + '' + + '' + f.name + '' + + '' + + '' + formatSizeUnits(f.size) + '' + + '' + + '' + + '' + + '' + ); +} + +function formatSizeUnits(bytes){ + if (bytes>=1000000000) {bytes=(bytes/1000000000).toFixed(2)+' GB';} + else if (bytes>=1000000) {bytes=(bytes/1000000).toFixed(2)+' MB';} + else if (bytes>=1000) {bytes=(bytes/1000).toFixed(2)+' KB';} + else if (bytes>1) {bytes=bytes+' bytes';} + else if (bytes==1) {bytes=bytes+' byte';} + else {bytes='0 byte';} + return bytes; +} + +// this is basically a js port of include/text.php getIconFromType() function +function getIconFromType(type) { + var map = { + //Common file + 'application/octet-stream': 'fa-file-o', + //Text + 'text/plain': 'fa-file-text-o', + 'application/msword': 'fa-file-word-o', + 'application/pdf': 'fa-file-pdf-o', + 'application/vnd.oasis.opendocument.text': 'fa-file-word-o', + 'application/epub+zip': 'fa-book', + //Spreadsheet + 'application/vnd.oasis.opendocument.spreadsheet': 'fa-file-excel-o', + 'application/vnd.ms-excel': 'fa-file-excel-o', + //Image + 'image/jpeg': 'fa-picture-o', + 'image/png': 'fa-picture-o', + 'image/gif': 'fa-picture-o', + 'image/svg+xml': 'fa-picture-o', + //Archive + 'application/zip': 'fa-file-archive-o', + 'application/x-rar-compressed': 'fa-file-archive-o', + //Audio + 'audio/mpeg': 'fa-file-audio-o', + 'audio/mp3': 'fa-file-audio-o', //webkit browsers need that + 'audio/wav': 'fa-file-audio-o', + 'application/ogg': 'fa-file-audio-o', + 'audio/ogg': 'fa-file-audio-o', + 'audio/webm': 'fa-file-audio-o', + 'audio/mp4': 'fa-file-audio-o', + //Video + 'video/quicktime': 'fa-file-video-o', + 'video/webm': 'fa-file-video-o', + 'video/mp4': 'fa-file-video-o', + 'video/x-matroska': 'fa-file-video-o' + }; + + var iconFromType = 'fa-file-o'; + + if (type in map) { + iconFromType = map[type]; + } + + return iconFromType; +} + +// upload files +function UploadFile(file, idx) { + + window.filesToUpload = window.filesToUpload + 1; + + var xhr = new XMLHttpRequest(); + + xhr.withCredentials = true; // Include the SESSION cookie info for authentication + + (xhr.upload || xhr).addEventListener('progress', function (e) { + + var done = e.position || e.loaded; + var total = e.totalSize || e.total; + // Dynamically update the percentage complete displayed in the file upload list + $('#upload-progress-' + idx).html(Math.round(done / total * 100) + '%'); + $('#upload-progress-bar-' + idx).css('background-size', Math.round(done / total * 100) + '%'); + + if(done == total) { + $('#upload-progress-' + idx).html('Processing...'); + } + + }); + + + xhr.addEventListener('load', function (e) { + //we could possibly turn the filenames to real links here and add the delete and edit buttons to avoid page reload... + $('#upload-progress-' + idx).html('Ready!'); + + //console.log('xhr upload complete', e); + window.fileUploadsCompleted = window.fileUploadsCompleted + 1; + + // When all the uploads have completed, refresh the page + if (window.filesToUpload > 0 && window.fileUploadsCompleted === window.filesToUpload) { + + window.fileUploadsCompleted = window.filesToUpload = 0; + + // After uploads complete, refresh browser window to display new files + window.location.href = window.location.href; + } + }); + + + xhr.addEventListener('error', function (e) { + $('#upload-progress-' + idx).html('ERROR'); + }); + + // POST to the entire cloud path + xhr.open('post', $('#photos-upload-form').attr( 'action' ), true); + + var formfields = $("#photos-upload-form").serializeArray(); + + var data = new FormData(); + $.each(formfields, function(i, field) { + data.append(field.name, field.value); + }); + data.append('userfile', file); + + xhr.send(data); +} diff --git a/view/tpl/photos_upload.tpl b/view/tpl/photos_upload.tpl index d52bad5a2..46b1d3fd0 100755 --- a/view/tpl/photos_upload.tpl +++ b/view/tpl/photos_upload.tpl @@ -56,6 +56,9 @@ {{/if}} + + {{* this is needed to append the upload files in the right order *}} +
{{$aclselect}}
-- cgit v1.2.3 From 3a17225546c9cd8f74bd1b2701e974fdda5929a2 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Fri, 10 Nov 2017 20:30:55 +0100 Subject: revert back to get the mid from enotify - otherwise we can not distinct between posts and likes --- Zotlabs/Lib/Enotify.php | 3 ++- view/js/main.js | 4 ++-- view/tpl/notifications_widget.tpl | 8 ++++---- 3 files changed, 8 insertions(+), 7 deletions(-) diff --git a/Zotlabs/Lib/Enotify.php b/Zotlabs/Lib/Enotify.php index d5798e671..697b57b6a 100644 --- a/Zotlabs/Lib/Enotify.php +++ b/Zotlabs/Lib/Enotify.php @@ -802,7 +802,8 @@ class Enotify { 'url' => $item['author']['xchan_url'], 'photo' => $item['author']['xchan_photo_s'], 'when' => relative_date($item['created']), - 'class' => (intval($item['item_unseen']) ? 'notify-unseen' : 'notify-seen'), + 'class' => (intval($item['item_unseen']) ? 'notify-unseen' : 'notify-seen'), + 'b64mid' => ((in_array($item['verb'], [ACTIVITY_LIKE, ACTIVITY_DISLIKE])) ? 'b64.' . base64url_encode($item['thr_parent']) : 'b64.' . base64url_encode($item['mid'])), 'message' => strip_tags(bbcode($itemem_text)) ); diff --git a/view/js/main.js b/view/js/main.js index ffea1b75c..e231dac60 100644 --- a/view/js/main.js +++ b/view/js/main.js @@ -959,9 +959,9 @@ function notify_popup_loader(notifyType) { $("." + notifyType + "-update").html(data.notify.length); $(data.notify).each(function() { - html = navbar_notifications_tpl.format(this.notify_link,this.photo,this.name,this.message,this.when,this.hclass); + html = navbar_notifications_tpl.format(this.notify_link,this.photo,this.name,this.message,this.when,this.hclass,this.b64mid); $("#navbar-" + notifyType + "-menu").append(html); - html = notifications_tpl.format(this.notify_link,this.photo,this.name,this.message,this.when,this.hclass); + html = notifications_tpl.format(this.notify_link,this.photo,this.name,this.message,this.when,this.hclass,this.b64mid); $("#nav-" + notifyType + "-menu").append(html); }); diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl index 1e752c313..0ece84891 100644 --- a/view/tpl/notifications_widget.tpl +++ b/view/tpl/notifications_widget.tpl @@ -29,16 +29,16 @@ {{if $module == 'display'}} -- cgit v1.2.3 From 55995b0494843ef826dc38f862e9dced34ae0d96 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sat, 11 Nov 2017 20:01:03 +0100 Subject: fix wiki pages not updating after creating new page --- Zotlabs/Widget/Wiki_pages.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Zotlabs/Widget/Wiki_pages.php b/Zotlabs/Widget/Wiki_pages.php index ac44b8d88..39d4b1717 100644 --- a/Zotlabs/Widget/Wiki_pages.php +++ b/Zotlabs/Widget/Wiki_pages.php @@ -12,7 +12,7 @@ class Wiki_pages { if(! $arr['resource_id']) { $c = channelx_by_nick(argv(1)); - $w = \Zotlabs\Lib\NativeWiki::exists_by_name($c['channel_id'],argv(2)); + $w = \Zotlabs\Lib\NativeWiki::exists_by_name($c['channel_id'],urldecode(argv(2))); $arr = array( 'resource_id' => $w['resource_id'], 'channel_id' => $c['channel_id'], -- cgit v1.2.3 From 823729d2c1ea202a463c645d3a84ebf35140bd9f Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sat, 11 Nov 2017 21:25:59 +0100 Subject: changelog --- CHANGELOG | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/CHANGELOG b/CHANGELOG index e547e1fbe..84bf4ea02 100644 --- a/CHANGELOG +++ b/CHANGELOG @@ -1,4 +1,35 @@ -Hubzilla 2.8 (????-??-??) +Hubzilla 2.8.1 (2017-11-11) + - Rename channel app events to calendar and add nav_set_selected() to /cal + - Load notifications links to /display via ajax if we are already in /display + - Add location info to the navbar for remote visitors + - Bring back tabindex to submit comments + - Add spanish translations for context help + - Added mode to portfolio widget + + Bugfixes + - Fix wiki pages not updating after creating new page + - Fix notifications covered by cover photo on medium size screens - github issue #906 + - Fix unable to change permissions on wiki with space in name + - Fix only show nav app link if we have a selected app + - Fix unable to mark all messages read + - Fix imagedata not set correctly if large photo and imagick is not installed + - Fix issues with diaspora xchans + - Fix profile photo issue triggered by a previous bug + + Plugins/Addon + N-S-F-W: improve the undocumented n-s-f-w author::word feature + Diaspora: update the import_diaspora tool for the version 2.0 account export files + Diaspora: fix comments are partly containing "diaspora_handle" instead of "author" - github issue #69 + Pubcrawl: provide feature setting for downgrade_media option + Pubcrawl: fix issue where replies to replies did not find its parent + Diaspora: fix friendica likes on comments + Diaspora: fix private mail + Diaspora: fix third party deletes/retractions not propagating + Diaspora: likes not working - github issue #895 in core + Diaspora: fix comments from unknown persons not accepted if allow public comments is enabled - github issue #68 + XMPP: fix php warning + +Hubzilla 2.8 (2017-10-25) - Redirect to be moderated items to /moderate - Update notifications if notifications area remains open - Create an actual logout module instead of relying on internal variables -- cgit v1.2.3 From 4668f36ddd095277599d50d726c3c1b0e4b680dd Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sat, 11 Nov 2017 21:48:58 +0100 Subject: more changelog --- CHANGELOG | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGELOG b/CHANGELOG index 84bf4ea02..f6fc163c5 100644 --- a/CHANGELOG +++ b/CHANGELOG @@ -7,6 +7,8 @@ Hubzilla 2.8.1 (2017-11-11) - Added mode to portfolio widget Bugfixes + - Fix os_syspath in DAV file put operation so that photos will scale correctly + - Fix unicode characters in urls tripping up url regexes - github issue #901 - Fix wiki pages not updating after creating new page - Fix notifications covered by cover photo on medium size screens - github issue #906 - Fix unable to change permissions on wiki with space in name -- cgit v1.2.3 From 064464a553697ad276e6d4f50f2f77652c60a7a4 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sun, 12 Nov 2017 20:18:18 +0100 Subject: fix some schema issues --- view/theme/redbasic/schema/dark.css | 8 ++++++-- view/theme/redbasic/schema/simple_black_on_white.css | 6 +++++- view/theme/redbasic/schema/simple_green_on_black.css | 6 +++++- view/theme/redbasic/schema/simple_white_on_black.css | 6 +++++- 4 files changed, 21 insertions(+), 5 deletions(-) diff --git a/view/theme/redbasic/schema/dark.css b/view/theme/redbasic/schema/dark.css index b1aa5e07a..1bff25e12 100644 --- a/view/theme/redbasic/schema/dark.css +++ b/view/theme/redbasic/schema/dark.css @@ -301,9 +301,13 @@ a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { font-weight: bold; } -.group-selected, .fileas-selected, .categories-selected, .search-selected, .active { +.list-group-item { + background-color: #222; +} + +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { color: #fff !important; - text-decoration: underline !important; + text-decoration: none !important; } .generic-content-wrapper-styled { diff --git a/view/theme/redbasic/schema/simple_black_on_white.css b/view/theme/redbasic/schema/simple_black_on_white.css index 915cc4e18..ab819d774 100644 --- a/view/theme/redbasic/schema/simple_black_on_white.css +++ b/view/theme/redbasic/schema/simple_black_on_white.css @@ -198,11 +198,15 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { background-color: #F5F5F5; } +.list-group-item { + background-color: #F5F5F5; +} + a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { font-weight: bold; } -.group-selected, .fileas-selected, .categories-selected, .search-selected, .active { +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { color: #000 !important; text-decoration: underline !important; } diff --git a/view/theme/redbasic/schema/simple_green_on_black.css b/view/theme/redbasic/schema/simple_green_on_black.css index 7f3f99fce..c8ea87050 100644 --- a/view/theme/redbasic/schema/simple_green_on_black.css +++ b/view/theme/redbasic/schema/simple_green_on_black.css @@ -259,11 +259,15 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { background-color: #143D12; } +.list-group-item { + background-color: #143D12; +} + a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { font-weight: bold; } -.group-selected, .fileas-selected, .categories-selected, .search-selected, .active { +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { color: #50f148 !important; text-decoration: underline !important; } diff --git a/view/theme/redbasic/schema/simple_white_on_black.css b/view/theme/redbasic/schema/simple_white_on_black.css index 7e7f80f2f..ea04d4d9e 100644 --- a/view/theme/redbasic/schema/simple_white_on_black.css +++ b/view/theme/redbasic/schema/simple_white_on_black.css @@ -237,11 +237,15 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { background-color: #030303; } +.list-group-item { + background-color: #030303; +} + a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { font-weight: bold; } -.group-selected, .fileas-selected, .categories-selected, .search-selected, .active { +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { color: #fff !important; text-decoration: underline !important; } -- cgit v1.2.3 From 6ea7ef43e0a0a99f81986c8e1fe5955800bfa496 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sun, 12 Nov 2017 21:04:43 +0100 Subject: removed underline only for testing purpose - revert --- view/theme/redbasic/schema/dark.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/view/theme/redbasic/schema/dark.css b/view/theme/redbasic/schema/dark.css index 1bff25e12..a921f42af 100644 --- a/view/theme/redbasic/schema/dark.css +++ b/view/theme/redbasic/schema/dark.css @@ -307,7 +307,7 @@ a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { .group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { color: #fff !important; - text-decoration: none !important; + text-decoration: underline !important; } .generic-content-wrapper-styled { -- cgit v1.2.3