* being first
*/
$this->page['htmlhead'] = Renderer::replaceMacros($tpl, [
- '$local_nickname' => $app->getLoggedInUserNickname(),
'$local_user' => $localUID,
'$generator' => 'Friendica' . ' ' . App::VERSION,
'$delitem' => $l10n->t('Delete this item?'),
public static function getBrowsablePhotosForUser(int $uid, string $album = null): array
{
if (!empty($album)) {
- $sqlExtra = sprintf("AND `album` = '%S' ", DBA::escape($album));
+ $sqlExtra = sprintf("AND `album` = '%s' ", DBA::escape($album));
$sqlExtra2 = "";
} else {
$sqlExtra = '';
--- /dev/null
+<?php
+/**
+ * @copyright Copyright (C) 2010-2022, the Friendica project
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ *
+ */
+
+namespace Friendica\Module\Media;
+
+use Friendica\App;
+use Friendica\BaseModule;
+use Friendica\Core\L10n;
+use Friendica\Core\Renderer;
+use Friendica\Core\Session\Capability\IHandleUserSessions;
+use Friendica\Core\System;
+use Friendica\Model\Attach;
+use Friendica\Module\Response;
+use Friendica\Network\HTTPException\UnauthorizedException;
+use Friendica\Util\Profiler;
+use Friendica\Util\Strings;
+use Psr\Log\LoggerInterface;
+
+/**
+ * Browser for Attachments
+ */
+class AttachmentBrowser extends BaseModule
+{
+ /** @var IHandleUserSessions */
+ protected $session;
+ /** @var App */
+ protected $app;
+
+ public function __construct(L10n $l10n, App\BaseURL $baseUrl, App\Arguments $args, LoggerInterface $logger, Profiler $profiler, Response $response, IHandleUserSessions $session, App $app, array $server, array $parameters = [])
+ {
+ parent::__construct($l10n, $baseUrl, $args, $logger, $profiler, $response, $server, $parameters);
+
+ $this->session = $session;
+ $this->app = $app;
+ }
+
+ protected function content(array $request = []): string
+ {
+ if (!$this->session->getLocalUserId()) {
+ throw new UnauthorizedException($this->t('Permission denied.'));
+ }
+
+ // Needed to match the correct template in a module that uses a different theme than the user/site/default
+ $theme = Strings::sanitizeFilePathItem($request['theme'] ?? '');
+ if ($theme && is_file("view/theme/$theme/config.php")) {
+ $this->app->setCurrentTheme($theme);
+ }
+
+ $files = Attach::selectToArray(['id', 'filename', 'filetype'], ['uid' => $this->session->getLocalUserId()]);
+
+
+ $fileArray = array_map([$this, 'map_files'], $files);
+
+ $tpl = Renderer::getMarkupTemplate('media/filebrowser.tpl');
+ $output = Renderer::replaceMacros($tpl, [
+ '$type' => 'attachment',
+ '$path' => ['' => $this->t('Files')],
+ '$folders' => false,
+ '$files' => $fileArray,
+ '$cancel' => $this->t('Cancel'),
+ '$nickname' => $this->app->getLoggedInUserNickname(),
+ '$upload' => $this->t('Upload'),
+ ]);
+
+ if (empty($request['mode'])) {
+ System::httpExit($output);
+ }
+
+ return $output;
+ }
+
+ protected function map_files(array $record): array
+ {
+ [$m1, $m2] = explode('/', $record['filetype']);
+ $filetype = file_exists(sprintf('images/icons/%s.png', $m1) ? $m1 : 'text');
+
+ return [
+ sprintf('%s/attach/%s', $this->baseUrl, $record['id']),
+ $record['filename'],
+ sprintf('%s/images/icon/16/%s.png', $this->baseUrl, $filetype),
+ ];
+ }
+}
--- /dev/null
+<?php
+/**
+ * @copyright Copyright (C) 2010-2022, the Friendica project
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ *
+ */
+
+namespace Friendica\Module\Media;
+
+use Friendica\App;
+use Friendica\BaseModule;
+use Friendica\Core\L10n;
+use Friendica\Core\Renderer;
+use Friendica\Core\Session\Capability\IHandleUserSessions;
+use Friendica\Core\System;
+use Friendica\Model\Photo;
+use Friendica\Module\Response;
+use Friendica\Network\HTTPException\UnauthorizedException;
+use Friendica\Util\Images;
+use Friendica\Util\Profiler;
+use Friendica\Util\Strings;
+use Psr\Log\LoggerInterface;
+
+/**
+ * Browser for Photos
+ */
+class PhotosBrowser extends BaseModule
+{
+ /** @var IHandleUserSessions */
+ protected $session;
+ /** @var App */
+ protected $app;
+
+ public function __construct(L10n $l10n, App\BaseURL $baseUrl, App\Arguments $args, LoggerInterface $logger, Profiler $profiler, Response $response, IHandleUserSessions $session, App $app, array $server, array $parameters = [])
+ {
+ parent::__construct($l10n, $baseUrl, $args, $logger, $profiler, $response, $server, $parameters);
+
+ $this->session = $session;
+ $this->app = $app;
+ }
+
+ protected function content(array $request = []): string
+ {
+ if (!$this->session->getLocalUserId()) {
+ throw new UnauthorizedException($this->t('Permission denied.'));
+ }
+
+ // Needed to match the correct template in a module that uses a different theme than the user/site/default
+ $theme = Strings::sanitizeFilePathItem($request['theme'] ?? '');
+ if ($theme && is_file("view/theme/$theme/config.php")) {
+ $this->app->setCurrentTheme($theme);
+ }
+
+ $album = $this->parameters['album'] ?? null;
+
+ $photos = Photo::getBrowsablePhotosForUser($this->session->getLocalUserId(), $album);
+ $albums = $album ? false : Photo::getBrowsableAlbumsForUser($this->session->getLocalUserId());
+
+ $path = [
+ '' => $this->t('Photos'),
+ ];
+ if (!empty($album)) {
+ $path[$album] = $album;
+ }
+
+ $photosArray = array_map([$this, 'map_files'], $photos);
+
+ $tpl = Renderer::getMarkupTemplate('media/filebrowser.tpl');
+ $output = Renderer::replaceMacros($tpl, [
+ '$type' => 'photos',
+ '$path' => $path,
+ '$folders' => $albums,
+ '$files' => $photosArray,
+ '$cancel' => $this->t('Cancel'),
+ '$nickname' => $this->app->getLoggedInUserNickname(),
+ '$upload' => $this->t('Upload'),
+ ]);
+
+ if (empty($request['mode'])) {
+ System::httpExit($output);
+ }
+
+ return $output;
+ }
+
+ protected function map_files(array $record): array
+ {
+ $types = Images::supportedTypes();
+ $ext = $types[$record['type']];
+ $filename_e = $record['filename'];
+
+ // Take the largest picture that is smaller or equal 640 pixels
+ $photo = Photo::selectFirst(
+ ['scale'],
+ [
+ "`resource-id` = ? AND `height` <= ? AND `width` <= ?",
+ $record['resource-id'],
+ 640,
+ 640
+ ],
+ ['order' => ['scale']]);
+ $scale = $photo['scale'] ?? $record['loq'];
+
+ return [
+ sprintf('%s/photos/%s/image/%s', $this->baseUrl, $this->app->getLoggedInUserNickname(), $record['resource-id']),
+ $filename_e,
+ sprintf('%s/photo/%s-%s.%s', $this->baseUrl, $record['resource-id'], $scale, $ext),
+ $record['desc'],
+ ];
+ }
+}
+++ /dev/null
-<?php
-/**
- * @copyright Copyright (C) 2010-2022, the Friendica project
- *
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <https://www.gnu.org/licenses/>.
- *
- */
-
-namespace Friendica\Module\Profile\Attachment;
-
-use Friendica\App;
-use Friendica\BaseModule;
-use Friendica\Core\L10n;
-use Friendica\Core\Renderer;
-use Friendica\Core\Session\Capability\IHandleUserSessions;
-use Friendica\Core\System;
-use Friendica\Model\Attach;
-use Friendica\Module\Response;
-use Friendica\Util\Profiler;
-use Friendica\Util\Strings;
-use Psr\Log\LoggerInterface;
-
-/**
- * Browser for Attachments
- */
-class Browser extends BaseModule
-{
- /** @var IHandleUserSessions */
- protected $session;
- /** @var App */
- protected $app;
-
- public function __construct(L10n $l10n, App\BaseURL $baseUrl, App\Arguments $args, LoggerInterface $logger, Profiler $profiler, Response $response, IHandleUserSessions $session, App $app, array $server, array $parameters = [])
- {
- parent::__construct($l10n, $baseUrl, $args, $logger, $profiler, $response, $server, $parameters);
-
- $this->session = $session;
- $this->app = $app;
- }
-
- protected function content(array $request = []): string
- {
- if (!$this->session->getLocalUserId()) {
- $this->baseUrl->redirect();
- }
-
- // Needed to match the correct template in a module that uses a different theme than the user/site/default
- $theme = Strings::sanitizeFilePathItem($request['theme'] ?? '');
- if ($theme && is_file("view/theme/$theme/config.php")) {
- $this->app->setCurrentTheme($theme);
- }
-
- $files = Attach::selectToArray(['id', 'filename', 'filetype'], ['uid' => $this->session->getLocalUserId()]);
-
-
- $fileArray = array_map([$this, 'map_files'], $files);
-
- $tpl = Renderer::getMarkupTemplate('profile/filebrowser.tpl');
- $output = Renderer::replaceMacros($tpl, [
- '$type' => 'attachment',
- '$path' => ['' => $this->t('Files')],
- '$folders' => false,
- '$files' => $fileArray,
- '$cancel' => $this->t('Cancel'),
- '$nickname' => $this->app->getLoggedInUserNickname(),
- '$upload' => $this->t('Upload'),
- ]);
-
- if (empty($request['mode'])) {
- System::httpExit($output);
- }
-
- return $output;
- }
-
- protected function map_files(array $record): array
- {
- list($m1, $m2) = explode('/', $record['filetype']);
- $filetype = file_exists(sprintf('images/icons/%s.png', $m1) ? $m1 : 'zip');
-
- return [
- sprintf('%s/attach/%s', $this->baseUrl, $record['id']),
- $record['filename'],
- sprintf('%s/images/icon/16/%s.png', $this->baseUrl, $filetype),
- ];
- }
-}
+++ /dev/null
-<?php
-/**
- * @copyright Copyright (C) 2010-2022, the Friendica project
- *
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <https://www.gnu.org/licenses/>.
- *
- */
-
-namespace Friendica\Module\Profile\Photos;
-
-use Friendica\App;
-use Friendica\BaseModule;
-use Friendica\Core\L10n;
-use Friendica\Core\Renderer;
-use Friendica\Core\Session\Capability\IHandleUserSessions;
-use Friendica\Core\System;
-use Friendica\Model\Photo;
-use Friendica\Module\Response;
-use Friendica\Util\Images;
-use Friendica\Util\Profiler;
-use Friendica\Util\Strings;
-use Psr\Log\LoggerInterface;
-
-/**
- * Browser for Photos
- */
-class Browser extends BaseModule
-{
- /** @var IHandleUserSessions */
- protected $session;
- /** @var App */
- protected $app;
-
- public function __construct(L10n $l10n, App\BaseURL $baseUrl, App\Arguments $args, LoggerInterface $logger, Profiler $profiler, Response $response, IHandleUserSessions $session, App $app, array $server, array $parameters = [])
- {
- parent::__construct($l10n, $baseUrl, $args, $logger, $profiler, $response, $server, $parameters);
-
- $this->session = $session;
- $this->app = $app;
- }
-
- protected function content(array $request = []): string
- {
- if (!$this->session->getLocalUserId()) {
- $this->baseUrl->redirect();
- }
-
- // Needed to match the correct template in a module that uses a different theme than the user/site/default
- $theme = Strings::sanitizeFilePathItem($request['theme'] ?? '');
- if ($theme && is_file("view/theme/$theme/config.php")) {
- $this->app->setCurrentTheme($theme);
- }
-
- $album = $this->parameters['album'] ?? null;
-
- $photos = Photo::getBrowsablePhotosForUser($this->session->getLocalUserId(), $album);
- $albums = $album ? false : Photo::getBrowsableAlbumsForUser($this->session->getLocalUserId());
-
- $path = [
- '' => $this->t('Photos'),
- ];
- if (!empty($album)) {
- $path[$album] = $album;
- }
-
- $photosArray = array_map([$this, 'map_files'], $photos);
-
- $tpl = Renderer::getMarkupTemplate('profile/filebrowser.tpl');
- $output = Renderer::replaceMacros($tpl, [
- '$type' => 'photos',
- '$path' => $path,
- '$folders' => $albums,
- '$files' => $photosArray,
- '$cancel' => $this->t('Cancel'),
- '$nickname' => $this->app->getLoggedInUserNickname(),
- '$upload' => $this->t('Upload'),
- ]);
-
- if (empty($request['mode'])) {
- System::httpExit($output);
- }
-
- return $output;
- }
-
- protected function map_files(array $record): array
- {
- $types = Images::supportedTypes();
- $ext = $types[$record['type']];
- $filename_e = $record['filename'];
-
- // Take the largest picture that is smaller or equal 640 pixels
- $photo = Photo::selectFirst(
- ['scale'],
- [
- "`resource-id` = ? AND `height` <= ? AND `width` <= ?",
- $record['resource-id'],
- 640,
- 640
- ],
- ['order' => ['scale']]);
- $scale = $photo['scale'] ?? $record['loq'];
-
- return [
- sprintf('%s/photos/%s/image/%s', $this->baseUrl, $this->app->getLoggedInUserNickname(), $record['resource-id']),
- $filename_e,
- sprintf('%s/photo/%s-%s.%s', $this->baseUrl, $record['resource-id'], $scale, $ext),
- $record['desc'],
- ];
- }
-}
use Friendica\Module;
$profileRoutes = [
- '' => [Module\Profile\Index::class, [R::GET]],
- '/attachment/upload' => [Module\Profile\Attachment\Upload::class, [ R::POST]],
- '/attachment/browser' => [Module\Profile\Attachment\Browser::class, [R::GET]],
- '/contacts/common' => [Module\Profile\Common::class, [R::GET]],
- '/contacts[/{type}]' => [Module\Profile\Contacts::class, [R::GET]],
- '/media' => [Module\Profile\Media::class, [R::GET]],
- '/photos' => [Module\Profile\Photos\Index::class, [R::GET ]],
- '/photos/browser[/{album}]' => [Module\Profile\Photos\Browser::class, [R::GET]],
- '/photos/upload' => [Module\Profile\Photos\Upload::class, [ R::POST]],
- '/profile' => [Module\Profile\Profile::class, [R::GET]],
- '/remote_follow' => [Module\Profile\RemoteFollow::class, [R::GET, R::POST]],
- '/schedule' => [Module\Profile\Schedule::class, [R::GET, R::POST]],
- '/status[/{category}[/{date1}[/{date2}]]]' => [Module\Profile\Status::class, [R::GET]],
- '/unkmail' => [Module\Profile\UnkMail::class, [R::GET, R::POST]],
+ '' => [Module\Profile\Index::class, [R::GET]],
+ '/attachment/upload' => [Module\Profile\Attachment\Upload::class, [ R::POST]],
+ '/contacts/common' => [Module\Profile\Common::class, [R::GET]],
+ '/contacts[/{type}]' => [Module\Profile\Contacts::class, [R::GET]],
+ '/media' => [Module\Profile\Media::class, [R::GET]],
+ '/photos' => [Module\Profile\Photos\Index::class, [R::GET ]],
+ '/photos/upload' => [Module\Profile\Photos\Upload::class, [ R::POST]],
+ '/profile' => [Module\Profile\Profile::class, [R::GET]],
+ '/remote_follow' => [Module\Profile\RemoteFollow::class, [R::GET, R::POST]],
+ '/schedule' => [Module\Profile\Schedule::class, [R::GET, R::POST]],
+ '/status[/{category}[/{date1}[/{date2}]]]' => [Module\Profile\Status::class, [R::GET]],
+ '/unkmail' => [Module\Profile\UnkMail::class, [R::GET, R::POST]],
];
$apiRoutes = [
'/magic' => [Module\Magic::class, [R::GET]],
'/manifest' => [Module\Manifest::class, [R::GET]],
'/friendica.webmanifest' => [Module\Manifest::class, [R::GET]],
+
+ '/media' => [
+ '/attachment/browser' => [Module\Media\AttachmentBrowser::class, [R::GET]],
+ '/photos/browser[/{album}]' => [Module\Media\PhotosBrowser::class, [R::GET]],
+ ],
+
'/moderation' => [
'[/]' => [Module\Moderation\Summary::class, [R::GET]],
+++ /dev/null
-// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
-/**
- * Filebrowser - Friendica Communications Server
- *
- * Copyright (c) 2010-2021, the Friendica project
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This code handle user interaction for image/file upload/browser dialog.
- * Is loaded from filebrowser_plain.tpl
- *
- * To load filebrowser in colorbox, call
- *
- * Dialog.doImageBrowser(eventname, id);
- *
- * or
- *
- * Dialog.doFileBrowser(eventname, id);
- *
- * where:
- *
- * eventname: event name to catch return value
- * id: id returned to event handler
- *
- * When user select an item, an event in fired in parent page, on body element
- * The event is named
- *
- * fbrowser.<type>.[<eventname>]
- *
- * <type> will be one of "image" or "file", and the event handler will
- * get the following params:
- *
- * filename: filename of item chosen by user
- * embed: bbcode to embed element into posts
- * id: id from caller code
- *
- * example:
- *
- * // open dialog for select an image for a textarea with id "myeditor"
- * var id="myeditor";
- * Dialog.doImageBrowser("example", id);
- *
- * // setup event handler to get user selection
- * $("body").on("fbrowser.image.example", function(event, filename, bbcode, id) {
- * // close colorbox
- * $.colorbox.close();
- * // replace textarea text with bbcode
- * $(id).value = bbcode;
- * });
- **/
-const FileBrowser = {
- nickname: '',
- type: '',
- event: '',
- id: null,
-
- init: function (nickname, type) {
- FileBrowser.nickname = nickname;
- FileBrowser.type = type;
- FileBrowser.event = 'fbrowser.' + type;
- if (location['hash'] !== '') {
- const h = location['hash'].replace('#', '');
- FileBrowser.event = FileBrowser.event + '.' + h.split('-')[0];
- FileBrowser.id = h.split('-')[1];
- }
-
- console.log('FileBrowser:', nickname, type, FileBrowser.event, FileBrowser.id);
-
- $('.error a.close').on('click', function (e) {
- e.preventDefault();
- $('.error').addClass('hidden');
- });
-
- $('.folders a, .path a').on('click', function (e) {
- e.preventDefault();
- location.href = FileBrowser._getUrl("minimal", location['hash'], this.dataset.folder);
- location.reload();
- });
-
- $(".photo-album-photo-link").on('click', function (e) {
- e.preventDefault();
-
- let embed = '';
- if (FileBrowser.type === "photos") {
- embed = '[url=' + this.dataset.link + '][img=' + this.dataset.img + ']' + this.dataset.alt + '[/img][/url]';
- }
- if (FileBrowser.type === "attachment") {
- embed = '[attachment]' + this.dataset.link + '[/attachment]';
- }
- console.log(FileBrowser.event, this.dataset.filename, embed, FileBrowser.id);
- parent.$('body').trigger(FileBrowser.event, [
- this.dataset.filename,
- embed,
- FileBrowser.id
- ]);
-
- });
-
- if ($('#upload-photos').length)
- {
- new window.AjaxUpload(
- 'upload-photos',
- {
- action: 'profile/' + FileBrowser.nickname + '/photos/upload?response=json',
- name: 'userfile',
- responseType: 'json',
- onSubmit: function (file, ext) {
- $('#profile-rotator').show();
- $('.error').addClass('hidden');
- },
- onComplete: function (file, response) {
- if (response['error'] !== undefined) {
- $('.error span').html(response['error']);
- $('.error').removeClass('hidden');
- $('#profile-rotator').hide();
- return;
- }
- location.href = FileBrowser._getUrl("minimal", location['hash']);
- location.reload();
- }
- }
- );
- }
-
- if ($('#upload-attachment').length)
- {
- new window.AjaxUpload(
- 'upload-attachment',
- {
- action: 'profile/' + FileBrowser.nickname + '/attachment/upload?response=json',
- name: 'userfile',
- responseType: 'json',
- onSubmit: function (file, ext) {
- $('#profile-rotator').show();
- $('.error').addClass('hidden');
- },
- onComplete: function (file, response) {
- if (response['error'] !== undefined) {
- $('.error span').html(response['error']);
- $('.error').removeClass('hidden');
- $('#profile-rotator').hide();
- return;
- }
- location.href = FileBrowser._getUrl("minimal", location['hash']);
- location.reload();
- }
- }
- );
- }
- },
-
- _getUrl: function (mode, hash, folder) {
- let folderValue = folder !== undefined ? folder : FileBrowser.folder;
- let folderUrl = folderValue !== undefined ? '/' + encodeURIComponent(folderValue) : '';
- return 'profile/' + FileBrowser.nickname + '/' + FileBrowser.type + '/browser' + folderUrl + '?mode=' + mode + hash;
- }
-};
-// @license-end
if (id !== undefined) {
hash = hash + "-" + id;
}
- return '/profile/' + localNickname + '/' + type + '/browser?mode=minimal#' + hash;
+ return 'media/' + type + '/browser?mode=minimal#' + hash;
},
_get_size: function() {
--- /dev/null
+// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
+/**
+ * Filebrowser - Friendica Communications Server
+ *
+ * Copyright (c) 2010-2021, the Friendica project
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This code handle user interaction for image/file upload/browser dialog.
+ * Is loaded from filebrowser_plain.tpl
+ *
+ * To load filebrowser in colorbox, call
+ *
+ * Dialog.doImageBrowser(eventname, id);
+ *
+ * or
+ *
+ * Dialog.doFileBrowser(eventname, id);
+ *
+ * where:
+ *
+ * eventname: event name to catch return value
+ * id: id returned to event handler
+ *
+ * When user select an item, an event in fired in parent page, on body element
+ * The event is named
+ *
+ * fbrowser.<type>.[<eventname>]
+ *
+ * <type> will be one of "image" or "file", and the event handler will
+ * get the following params:
+ *
+ * filename: filename of item chosen by user
+ * embed: bbcode to embed element into posts
+ * id: id from caller code
+ *
+ * example:
+ *
+ * // open dialog for select an image for a textarea with id "myeditor"
+ * var id="myeditor";
+ * Dialog.doImageBrowser("example", id);
+ *
+ * // setup event handler to get user selection
+ * $("body").on("fbrowser.image.example", function(event, filename, bbcode, id) {
+ * // close colorbox
+ * $.colorbox.close();
+ * // replace textarea text with bbcode
+ * $(id).value = bbcode;
+ * });
+ **/
+const FileBrowser = {
+ nickname: '',
+ type: '',
+ event: '',
+ id: null,
+
+ init: function (nickname, type) {
+ FileBrowser.nickname = nickname;
+ FileBrowser.type = type;
+ FileBrowser.event = 'fbrowser.' + type;
+ if (location['hash'] !== '') {
+ const h = location['hash'].replace('#', '');
+ FileBrowser.event = FileBrowser.event + '.' + h.split('-')[0];
+ FileBrowser.id = h.split('-')[1];
+ }
+
+ console.log('FileBrowser:', nickname, type, FileBrowser.event, FileBrowser.id);
+
+ $('.error a.close').on('click', function (e) {
+ e.preventDefault();
+ $('.error').addClass('hidden');
+ });
+
+ $('.folders a, .path a').on('click', function (e) {
+ e.preventDefault();
+ location.href = FileBrowser._getUrl("minimal", location['hash'], this.dataset.folder);
+ location.reload();
+ });
+
+ $(".photo-album-photo-link").on('click', function (e) {
+ e.preventDefault();
+
+ let embed = '';
+ if (FileBrowser.type === "photos") {
+ embed = '[url=' + this.dataset.link + '][img=' + this.dataset.img + ']' + this.dataset.alt + '[/img][/url]';
+ }
+ if (FileBrowser.type === "attachment") {
+ embed = '[attachment]' + this.dataset.link + '[/attachment]';
+ }
+ console.log(FileBrowser.event, this.dataset.filename, embed, FileBrowser.id);
+ parent.$('body').trigger(FileBrowser.event, [
+ this.dataset.filename,
+ embed,
+ FileBrowser.id
+ ]);
+
+ });
+
+ if ($('#upload-photos').length)
+ {
+ new window.AjaxUpload(
+ 'upload-photos',
+ {
+ action: 'profile/' + FileBrowser.nickname + '/photos/upload?response=json',
+ name: 'userfile',
+ responseType: 'json',
+ onSubmit: function (file, ext) {
+ $('#profile-rotator').show();
+ $('.error').addClass('hidden');
+ },
+ onComplete: function (file, response) {
+ if (response['error'] !== undefined) {
+ $('.error span').html(response['error']);
+ $('.error').removeClass('hidden');
+ $('#profile-rotator').hide();
+ return;
+ }
+ location.href = FileBrowser._getUrl("minimal", location['hash']);
+ location.reload();
+ }
+ }
+ );
+ }
+
+ if ($('#upload-attachment').length)
+ {
+ new window.AjaxUpload(
+ 'upload-attachment',
+ {
+ action: 'profile/' + FileBrowser.nickname + '/attachment/upload?response=json',
+ name: 'userfile',
+ responseType: 'json',
+ onSubmit: function (file, ext) {
+ $('#profile-rotator').show();
+ $('.error').addClass('hidden');
+ },
+ onComplete: function (file, response) {
+ if (response['error'] !== undefined) {
+ $('.error span').html(response['error']);
+ $('.error').removeClass('hidden');
+ $('#profile-rotator').hide();
+ return;
+ }
+ location.href = FileBrowser._getUrl("minimal", location['hash']);
+ location.reload();
+ }
+ }
+ );
+ }
+ },
+
+ _getUrl: function (mode, hash, folder) {
+ let folderValue = folder !== undefined ? folder : FileBrowser.folder;
+ let folderUrl = folderValue !== undefined ? '/' + encodeURIComponent(folderValue) : '';
+ return 'media/' + FileBrowser.type + '/browser' + folderUrl + '?mode=' + mode + hash;
+ }
+};
+// @license-end
--- /dev/null
+<!--
+ This is the template used by mod/fbrowser.php
+-->
+<script type="text/javascript" src="view/js/ajaxupload.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
+<script type="text/javascript" src="view/js/module/media/filebrowser.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
+<script>
+ $(function() {
+ FileBrowser.init("{{$nickname}}", "{{$type}}");
+ });
+</script>
+<div class="fbrowser {{$type}}">
+ <div class="error hidden">
+ <span></span> <a href="#" class='close'>X</a>
+ </div>
+
+ <div class="path">
+ {{foreach $path as $folder => $name}}
+ <a href="#" data-folder="{{$folder}}">{{$name}}</a>
+ {{/foreach}}
+ </div>
+
+ {{if $folders }}
+ <div class="folders">
+ <ul>
+ {{foreach $folders as $folder}}
+ <li><a href="#" data-folder="{{$folder}}">{{$folder}}</a></li>
+ {{/foreach}}
+ </ul>
+ </div>
+ {{/if}}
+
+ <div class="list">
+ {{foreach $files as $f}}
+ <div class="photo-album-image-wrapper">
+ <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}" data-alt="{{$f.3}}">
+ <img alt="{{$f.3}}" src="{{$f.1}}">
+ <p>{{$f.1}}</p>
+ </a>
+ </div>
+ {{/foreach}}
+ </div>
+
+ <div class="upload">
+ <button id="upload-{{$type}}"><img id="profile-rotator" src="images/rotator.gif" alt="{{$wait}}" title="{{$wait}}" style="display: none;" /> {{$upload}}</button>
+ </div>
+</div>
+
+
+ </body>
+
+</html>
+++ /dev/null
-<!--
- This is the template used by mod/fbrowser.php
--->
-<script type="text/javascript" src="view/js/ajaxupload.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
-<script type="text/javascript" src="view/js/filebrowser.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
-<script>
- $(function() {
- FileBrowser.init("{{$nickname}}", "{{$type}}");
- });
-</script>
-<div class="fbrowser {{$type}}">
- <div class="error hidden">
- <span></span> <a href="#" class='close'>X</a>
- </div>
-
- <div class="path">
- {{foreach $path as $folder => $name}}
- <a href="#" data-folder="{{$folder}}">{{$name}}</a>
- {{/foreach}}
- </div>
-
- {{if $folders }}
- <div class="folders">
- <ul>
- {{foreach $folders as $folder}}
- <li><a href="#" data-folder="{{$folder}}">{{$folder}}</a></li>
- {{/foreach}}
- </ul>
- </div>
- {{/if}}
-
- <div class="list">
- {{foreach $files as $f}}
- <div class="photo-album-image-wrapper">
- <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}" data-alt="{{$f.3}}">
- <img alt="{{$f.3}}" src="{{$f.1}}">
- <p>{{$f.1}}</p>
- </a>
- </div>
- {{/foreach}}
- </div>
-
- <div class="upload">
- <button id="upload-{{$type}}"><img id="profile-rotator" src="images/rotator.gif" alt="{{$wait}}" title="{{$wait}}" style="display: none;" /> {{$upload}}</button>
- </div>
-</div>
-
-
- </body>
-
-</html>
+++ /dev/null
-// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
-/**
- * Filebrowser - Friendica Communications Server
- *
- * Copyright (c) 2010-2021, the Friendica project
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This code handle user interaction for photo/file upload/browser dialog.
- * Is loaded from filebrowser_plain.tpl
- *
- * To load filebrowser in colorbox, call
- *
- * Dialog.doImageBrowser(eventname, id);
- *
- * or
- *
- * Dialog.doFileBrowser(eventname, id);
- *
- * where:
- *
- * eventname: event name to catch return value
- * id: id returned to event handler
- *
- * When user select an item, an event in fired in parent page, on body element
- * The event is named
- *
- * fbrowser.<type>.[<eventname>]
- *
- * <type> will be one of "image" or "file", and the event handler will
- * get the following params:
- *
- * filename: filename of item chosen by user
- * embed: bbcode to embed element into posts
- * id: id from caller code
- *
- * example:
- *
- * // open dialog for select an image for a textarea with id "myeditor"
- * var id="myeditor";
- * Dialog.doImageBrowser("example", id);
- *
- * // setup event handler to get user selection
- * $("body").on("fbrowser.image.example", function(event, filename, bbcode, id) {
- * // close colorbox
- * $.colorbox.close();
- * // replace textarea text with bbcode
- * $(id).value = bbcode;
- * });
- **/
-
-/*
- * IMPORTANT
- *
- * This is a modified version to work with
- * the frio theme.and bootstrap modals
- *
- * The original file is under:
- * js/filebrowser.js
- *
- */
-
-var FileBrowser = {
- nickname: '',
- type: '',
- event: '',
- folder: '',
- id: null,
-
- init: function (nickname, type, hash) {
- FileBrowser.nickname = nickname;
- FileBrowser.type = type;
- FileBrowser.event = 'fbrowser.' + type;
-
- if (hash !== '') {
- const h = hash.replace('#', '');
- const destination = h.split('-')[0];
- FileBrowser.id = h.split('-')[1];
- FileBrowser.event = FileBrowser.event + '.' + destination;
- if (destination === 'comment') {
- // Get the comment textinput field
- var commentElm = document.getElementById('comment-edit-text-' + FileBrowser.id);
- }
- }
-
- console.log('FileBrowser: ' + nickname, type, FileBrowser.event, FileBrowser.id);
-
- FileBrowser.postLoad();
-
- $('.error .close').on('click', function (e) {
- e.preventDefault();
- $('.error').addClass('hidden');
- });
-
- // Click on album link
- $('.fbrowser').on('click', '.folders button, .path button', function (e) {
- e.preventDefault();
- let url = FileBrowser._getUrl("none", this.dataset.folder);
- FileBrowser.folder = this.dataset.folder;
-
- FileBrowser.loadContent(url);
- });
-
- //Embed on click
- $('.fbrowser').on('click', '.photo-album-photo-link', function (e) {
- e.preventDefault();
-
- let embed = '';
- if (FileBrowser.type === 'photos') {
- embed = '[url=' + this.dataset.link + '][img=' + this.dataset.img + ']' + this.dataset.alt + '[/img][/url]';
- }
- if (FileBrowser.type === 'attachment') {
- embed = '[attachment]' + this.dataset.link + '[/attachment]';
- }
-
- // Delete prefilled Text of the comment input
- // Note: not the best solution but function commentOpenUI don't
- // work as expected (we need a way to wait until commentOpenUI would be finished).
- // As for now we insert pieces of this function here
- if (commentElm !== null && typeof commentElm !== 'undefined') {
- if (commentElm.value === '') {
- $('#comment-edit-text-' + FileBrowser.id)
- .addClass('comment-edit-text-full')
- .removeClass('comment-edit-text-empty');
- $('#comment-edit-submit-wrapper-' + FileBrowser.id).show();
- $('#comment-edit-text-' + FileBrowser.id).attr('tabindex', '9');
- $('#comment-edit-submit-' + FileBrowser.id).attr('tabindex', '10');
- }
- }
-
- console.log(FileBrowser.event, this.dataset.filename, embed, FileBrowser.id);
-
- $('body').trigger(FileBrowser.event, [this.dataset.filename, embed, FileBrowser.id, this.dataset.img]);
-
- // Close model
- $('#modal').modal('hide');
- // Update autosize for this textarea
- autosize.update($('.text-autosize'));
- });
-
- // EventListener for switching between photo and file mode
- $('.fbrowser').on('click', '.fbswitcher .btn', function (e) {
- e.preventDefault();
- FileBrowser.type = this.getAttribute('data-mode');
- $('.fbrowser')
- .removeClass()
- .addClass('fbrowser ' + FileBrowser.type);
-
- FileBrowser.loadContent(FileBrowser._getUrl("none"));
- });
- },
-
- // Initialize the AjaxUpload for the upload buttons
- uploadButtons: function () {
- if ($('#upload-photos').length) {
- //AjaxUpload for photos
- new window.AjaxUpload(
- 'upload-photos',
- {
- action: 'profile/' + FileBrowser.nickname + '/photos/upload?response=json&album=' + encodeURIComponent(FileBrowser.folder),
- name: 'userfile',
- responseType: 'json',
- onSubmit: function (file, ext) {
- $('.fbrowser-content').hide();
- $('.fbrowser .profile-rotator-wrapper').show();
- $('.error').addClass('hidden');
- },
- onComplete: function (file, response) {
- if (response['error'] !== undefined) {
- $('.error span').html(response['error']);
- $('.error').removeClass('hidden');
- $('.fbrowser .profile-rotator-wrapper').hide();
- $('.fbrowser-content').show();
- return;
- }
- // load new content to fbrowser window
- FileBrowser.loadContent(FileBrowser._getUrl("none"));
- },
- });
- }
-
- if ($('#upload-attachment').length) {
- //AjaxUpload for files
- new window.AjaxUpload(
- 'upload-attachment',
- {
- action: 'profile/' + FileBrowser.nickname + '/attachment/upload?response=json',
- name: 'userfile',
- responseType: 'json',
- onSubmit: function (file, ext) {
- $('.fbrowser-content').hide();
- $('.fbrowser .profile-rotator-wrapper').show();
- $('.error').addClass('hidden');
- },
- onComplete: function (file, response) {
- if (response["error"] !== undefined) {
- $('.error span').html(response['error']);
- $('.error').removeClass('hidden');
- $('.fbrowser .profile-rotator-wrapper').hide();
- $('.fbrowser-content').show();
- return;
- }
- // Load new content to fbrowser window
- FileBrowser.loadContent(FileBrowser._getUrl("none"));
- },
- });
- }
- },
-
- // Stuff which should be executed if no content was loaded
- postLoad: function () {
- FileBrowser.initGallery();
- $('.fbrowser .fbswitcher .btn').removeClass('active');
- $('.fbrowser .fbswitcher [data-mode=' + FileBrowser.type + ']').addClass('active');
- // We need to add the AjaxUpload to the button
- FileBrowser.uploadButtons();
- },
-
- // Load new content (e.g. change photo album)
- loadContent: function (url) {
- $('.fbrowser-content').hide();
- $('.fbrowser .profile-rotator-wrapper').show();
-
- // load new content to fbrowser window
- $('.fbrowser').load(url, function (responseText, textStatus) {
- $('.profile-rotator-wrapper').hide();
- if (textStatus === 'success') {
- $(".fbrowser_content").show();
- FileBrowser.postLoad();
- }
- });
- },
-
- // Initialize justified Gallery
- initGallery: function () {
- $('.fbrowser.photos .fbrowser-content-container').justifiedGallery({
- rowHeight: 80,
- margins: 4,
- border: 0,
- });
- },
-
- _getUrl: function (mode, folder) {
- let folderValue = folder !== undefined ? folder : FileBrowser.folder;
- let folderUrl = folderValue !== undefined ? '/' + encodeURIComponent(folderValue) : '';
- return 'profile/' + FileBrowser.nickname + '/' + FileBrowser.type + '/browser' + folderUrl + '?mode=' + mode + "&theme=frio";
- }
-};
-// @license-end
Dialog._get_url = function (type, name, id) {
var hash = name;
if (id !== undefined) hash = hash + "-" + id;
- return 'profile/' + localNickname + '/' + type + '/browser?mode=none&theme=frio#' + hash;
+ return 'media/' + type + '/browser?mode=none&theme=frio#' + hash;
};
// Does load the filebrowser into the jot modal.
let filebrowser = document.getElementById("filebrowser");
// Try to fetch the hash form the url.
- let match = url.match(/profile\/[a-z]+\/.*(#.*)/);
+ let match = url.match(/media\/[a-z]+\/.*(#.*)/);
if (!filebrowser || match === null) {
return; //not fbrowser
}
// Initialize the filebrowser.
loadScript("view/js/ajaxupload.js");
- loadScript("view/theme/frio/js/filebrowser.js", function () {
+ loadScript("view/theme/frio/js/module/media/filebrowser.js", function () {
FileBrowser.init(filebrowser.dataset.nickname, filebrowser.dataset.type, match[1]);
});
};
--- /dev/null
+// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
+/**
+ * Filebrowser - Friendica Communications Server
+ *
+ * Copyright (c) 2010-2021, the Friendica project
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This code handle user interaction for photo/file upload/browser dialog.
+ * Is loaded from filebrowser_plain.tpl
+ *
+ * To load filebrowser in colorbox, call
+ *
+ * Dialog.doImageBrowser(eventname, id);
+ *
+ * or
+ *
+ * Dialog.doFileBrowser(eventname, id);
+ *
+ * where:
+ *
+ * eventname: event name to catch return value
+ * id: id returned to event handler
+ *
+ * When user select an item, an event in fired in parent page, on body element
+ * The event is named
+ *
+ * fbrowser.<type>.[<eventname>]
+ *
+ * <type> will be one of "image" or "file", and the event handler will
+ * get the following params:
+ *
+ * filename: filename of item chosen by user
+ * embed: bbcode to embed element into posts
+ * id: id from caller code
+ *
+ * example:
+ *
+ * // open dialog for select an image for a textarea with id "myeditor"
+ * var id="myeditor";
+ * Dialog.doImageBrowser("example", id);
+ *
+ * // setup event handler to get user selection
+ * $("body").on("fbrowser.image.example", function(event, filename, bbcode, id) {
+ * // close colorbox
+ * $.colorbox.close();
+ * // replace textarea text with bbcode
+ * $(id).value = bbcode;
+ * });
+ **/
+
+/*
+ * IMPORTANT
+ *
+ * This is a modified version to work with
+ * the frio theme.and bootstrap modals
+ *
+ * The original file is under:
+ * js/filebrowser.js
+ *
+ */
+
+var FileBrowser = {
+ nickname: '',
+ type: '',
+ event: '',
+ folder: '',
+ id: null,
+
+ init: function (nickname, type, hash) {
+ FileBrowser.nickname = nickname;
+ FileBrowser.type = type;
+ FileBrowser.event = 'fbrowser.' + type;
+
+ if (hash !== '') {
+ const h = hash.replace('#', '');
+ const destination = h.split('-')[0];
+ FileBrowser.id = h.split('-')[1];
+ FileBrowser.event = FileBrowser.event + '.' + destination;
+ if (destination === 'comment') {
+ // Get the comment textinput field
+ var commentElm = document.getElementById('comment-edit-text-' + FileBrowser.id);
+ }
+ }
+
+ console.log('FileBrowser: ' + nickname, type, FileBrowser.event, FileBrowser.id);
+
+ FileBrowser.postLoad();
+
+ $('.error .close').on('click', function (e) {
+ e.preventDefault();
+ $('.error').addClass('hidden');
+ });
+
+ // Click on album link
+ $('.fbrowser').on('click', '.folders button, .path button', function (e) {
+ e.preventDefault();
+ let url = FileBrowser._getUrl("none", this.dataset.folder);
+ FileBrowser.folder = this.dataset.folder;
+
+ FileBrowser.loadContent(url);
+ });
+
+ //Embed on click
+ $('.fbrowser').on('click', '.photo-album-photo-link', function (e) {
+ e.preventDefault();
+
+ let embed = '';
+ if (FileBrowser.type === 'photos') {
+ embed = '[url=' + this.dataset.link + '][img=' + this.dataset.img + ']' + this.dataset.alt + '[/img][/url]';
+ }
+ if (FileBrowser.type === 'attachment') {
+ embed = '[attachment]' + this.dataset.link + '[/attachment]';
+ }
+
+ // Delete prefilled Text of the comment input
+ // Note: not the best solution but function commentOpenUI don't
+ // work as expected (we need a way to wait until commentOpenUI would be finished).
+ // As for now we insert pieces of this function here
+ if (commentElm !== null && typeof commentElm !== 'undefined') {
+ if (commentElm.value === '') {
+ $('#comment-edit-text-' + FileBrowser.id)
+ .addClass('comment-edit-text-full')
+ .removeClass('comment-edit-text-empty');
+ $('#comment-edit-submit-wrapper-' + FileBrowser.id).show();
+ $('#comment-edit-text-' + FileBrowser.id).attr('tabindex', '9');
+ $('#comment-edit-submit-' + FileBrowser.id).attr('tabindex', '10');
+ }
+ }
+
+ console.log(FileBrowser.event, this.dataset.filename, embed, FileBrowser.id);
+
+ $('body').trigger(FileBrowser.event, [this.dataset.filename, embed, FileBrowser.id, this.dataset.img]);
+
+ // Close model
+ $('#modal').modal('hide');
+ // Update autosize for this textarea
+ autosize.update($('.text-autosize'));
+ });
+
+ // EventListener for switching between photo and file mode
+ $('.fbrowser').on('click', '.fbswitcher .btn', function (e) {
+ e.preventDefault();
+ FileBrowser.type = this.getAttribute('data-mode');
+ $('.fbrowser')
+ .removeClass()
+ .addClass('fbrowser ' + FileBrowser.type);
+
+ FileBrowser.loadContent(FileBrowser._getUrl("none"));
+ });
+ },
+
+ // Initialize the AjaxUpload for the upload buttons
+ uploadButtons: function () {
+ if ($('#upload-photos').length) {
+ //AjaxUpload for photos
+ new window.AjaxUpload(
+ 'upload-photos',
+ {
+ action: 'profile/' + FileBrowser.nickname + '/photos/upload?response=json&album=' + encodeURIComponent(FileBrowser.folder),
+ name: 'userfile',
+ responseType: 'json',
+ onSubmit: function (file, ext) {
+ $('.fbrowser-content').hide();
+ $('.fbrowser .profile-rotator-wrapper').show();
+ $('.error').addClass('hidden');
+ },
+ onComplete: function (file, response) {
+ if (response['error'] !== undefined) {
+ $('.error span').html(response['error']);
+ $('.error').removeClass('hidden');
+ $('.fbrowser .profile-rotator-wrapper').hide();
+ $('.fbrowser-content').show();
+ return;
+ }
+ // load new content to fbrowser window
+ FileBrowser.loadContent(FileBrowser._getUrl("none"));
+ },
+ });
+ }
+
+ if ($('#upload-attachment').length) {
+ //AjaxUpload for files
+ new window.AjaxUpload(
+ 'upload-attachment',
+ {
+ action: 'profile/' + FileBrowser.nickname + '/attachment/upload?response=json',
+ name: 'userfile',
+ responseType: 'json',
+ onSubmit: function (file, ext) {
+ $('.fbrowser-content').hide();
+ $('.fbrowser .profile-rotator-wrapper').show();
+ $('.error').addClass('hidden');
+ },
+ onComplete: function (file, response) {
+ if (response["error"] !== undefined) {
+ $('.error span').html(response['error']);
+ $('.error').removeClass('hidden');
+ $('.fbrowser .profile-rotator-wrapper').hide();
+ $('.fbrowser-content').show();
+ return;
+ }
+ // Load new content to fbrowser window
+ FileBrowser.loadContent(FileBrowser._getUrl("none"));
+ },
+ });
+ }
+ },
+
+ // Stuff which should be executed if no content was loaded
+ postLoad: function () {
+ FileBrowser.initGallery();
+ $('.fbrowser .fbswitcher .btn').removeClass('active');
+ $('.fbrowser .fbswitcher [data-mode=' + FileBrowser.type + ']').addClass('active');
+ // We need to add the AjaxUpload to the button
+ FileBrowser.uploadButtons();
+ },
+
+ // Load new content (e.g. change photo album)
+ loadContent: function (url) {
+ $('.fbrowser-content').hide();
+ $('.fbrowser .profile-rotator-wrapper').show();
+
+ // load new content to fbrowser window
+ $('.fbrowser').load(url, function (responseText, textStatus) {
+ $('.profile-rotator-wrapper').hide();
+ if (textStatus === 'success') {
+ $(".fbrowser_content").show();
+ FileBrowser.postLoad();
+ }
+ });
+ },
+
+ // Initialize justified Gallery
+ initGallery: function () {
+ $('.fbrowser.photos .fbrowser-content-container').justifiedGallery({
+ rowHeight: 80,
+ margins: 4,
+ border: 0,
+ });
+ },
+
+ _getUrl: function (mode, folder) {
+ let folderValue = folder !== undefined ? folder : FileBrowser.folder;
+ let folderUrl = folderValue !== undefined ? '/' + encodeURIComponent(folderValue) : '';
+ return 'media/' + FileBrowser.type + '/browser' + folderUrl + '?mode=' + mode + "&theme=frio";
+ }
+};
+// @license-end
var updateInterval = {{$update_interval}};
var localUser = {{if $local_user}}{{$local_user}}{{else}}false{{/if}};
- var localNickname = {{if $local_nickname}}"{{$local_nickname|escape:'javascript' nofilter}}"{{else}}false{{/if}};
var aStr = {
'delitem' : "{{$delitem|escape:'javascript' nofilter}}",
'blockAuthor' : "{{$blockAuthor|escape:'javascript' nofilter}}",
--- /dev/null
+<!--
+ This is the template used by mod/fbrowser.php
+-->
+<div id="filebrowser" class="fbrowser {{$type}}" data-nickname="{{$nickname}}" data-type="{{$type}}">
+ <div class="fbrowser-content">
+ <div class="error hidden">
+ <span></span> <button type="button" class="btn btn-link close" aria-label="Close">X</button>
+ </div>
+
+ {{* The breadcrumb navigation *}}
+ <ol class="path breadcrumb" aria-label="Breadcrumb" role="menu">
+ {{foreach $path as $folder => $name}}
+ <li role="presentation">
+ <button type="button" class="btn btn-link" data-folder="{{$folder}}" role="menuitem">{{$name}}</button>
+ </li>
+ {{/foreach}}
+
+ {{* Switch between image and file mode *}}
+ <div class="fbswitcher btn-group btn-group-xs pull-right" aria-label="Switch between photo and attachment mode">
+ <button type="button" class="btn btn-default" data-mode="photos" aria-label="Photo Mode"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
+ <button type="button" class="btn btn-default" data-mode="attachment" aria-label="Attachment Mode"><i class="fa fa-file-o" aria-hidden="true"></i></button>
+ </div>
+ </ol>
+
+ <div class="media">
+
+ {{* List of photo albums *}}
+ {{if $folders }}
+ <div class="folders media-left" role="navigation" aria-label="Album Navigation">
+ <ul role="menu">
+ {{foreach $folders as $folder}}
+ <li role="presentation">
+ <button type="button" data-folder="{{$folder}}" role="menuitem">{{$folder}}</button>
+ </li>
+ {{/foreach}}
+ </ul>
+ </div>
+ {{/if}}
+
+ {{* The main content (images or files) *}}
+ <div class="list {{$type}} media-body" role="main" aria-label="Browser Content">
+ <div class="fbrowser-content-container">
+ {{foreach $files as $f}}
+ <div class="photo-album-image-wrapper">
+ <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}" data-alt="{{$f.3}}">
+ <img src="{{$f.2}}" alt="{{$f.1}}">
+ <p>{{$f.1}}</p>
+ </a>
+ </div>
+ {{/foreach}}
+ </div>
+ </div>
+ </div>
+
+ <div class="upload">
+ <button id="upload-{{$type}}" type="button" class="btn btn-primary">{{$upload}}</button>
+ </div>
+ </div>
+
+ {{* This part contains the conent loader icon which is visible when new conent is loaded *}}
+ <div class="profile-rotator-wrapper" aria-hidden="true" style="display: none;">
+ <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
+ </div>
+</div>
+++ /dev/null
-<!--
- This is the template used by mod/fbrowser.php
--->
-<div id="filebrowser" class="fbrowser {{$type}}" data-nickname="{{$nickname}}" data-type="{{$type}}">
- <div class="fbrowser-content">
- <div class="error hidden">
- <span></span> <button type="button" class="btn btn-link close" aria-label="Close">X</button>
- </div>
-
- {{* The breadcrumb navigation *}}
- <ol class="path breadcrumb" aria-label="Breadcrumb" role="menu">
- {{foreach $path as $folder => $name}}
- <li role="presentation">
- <button type="button" class="btn btn-link" data-folder="{{$folder}}" role="menuitem">{{$name}}</button>
- </li>
- {{/foreach}}
-
- {{* Switch between image and file mode *}}
- <div class="fbswitcher btn-group btn-group-xs pull-right" aria-label="Switch between photo and attachment mode">
- <button type="button" class="btn btn-default" data-mode="photos" aria-label="Photo Mode"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
- <button type="button" class="btn btn-default" data-mode="attachment" aria-label="Attachment Mode"><i class="fa fa-file-o" aria-hidden="true"></i></button>
- </div>
- </ol>
-
- <div class="media">
-
- {{* List of photo albums *}}
- {{if $folders }}
- <div class="folders media-left" role="navigation" aria-label="Album Navigation">
- <ul role="menu">
- {{foreach $folders as $folder}}
- <li role="presentation">
- <button type="button" data-folder="{{$folder}}" role="menuitem">{{$folder}}</button>
- </li>
- {{/foreach}}
- </ul>
- </div>
- {{/if}}
-
- {{* The main content (images or files) *}}
- <div class="list {{$type}} media-body" role="main" aria-label="Browser Content">
- <div class="fbrowser-content-container">
- {{foreach $files as $f}}
- <div class="photo-album-image-wrapper">
- <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}" data-alt="{{$f.3}}">
- <img src="{{$f.2}}" alt="{{$f.1}}">
- <p>{{$f.1}}</p>
- </a>
- </div>
- {{/foreach}}
- </div>
- </div>
- </div>
-
- <div class="upload">
- <button id="upload-{{$type}}" type="button" class="btn btn-primary">{{$upload}}</button>
- </div>
- </div>
-
- {{* This part contains the conent loader icon which is visible when new conent is loaded *}}
- <div class="profile-rotator-wrapper" aria-hidden="true" style="display: none;">
- <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
- </div>
-</div>
projects / friendica.git / commitdiff