V1.0.0

v1.0.0

Author: Eldenroot

README.md

@@ -9,11 +9,12 @@ FancyBox JavaScript library for presenting images in a fancy way, no more openin
 - MyBB support thread: https://community.mybb.com/thread-219143.html or feel free to create a ticket on GitHub
 
 ## Authors and credits:
-- Wildcard - for help with coding and fixing bugs in MyBB FanxyBox
-- effone - for a lot of useful tips
+- Wildcard - for a great help with coding and fixing bugs in MyBB FanxyBox
+- effone - for a lot of useful tips and fixes
+- iAndrew - for a working sample code for external image URLs support in FancyBox
 - lukasamd - for an original idea and MyBB integration
 - SvePu - for code improvements - added ability to view all images in a post
 - Jānis Skarnelis - as a developer of awesome FancyBox library
 
-## Developed with love by MyBB Group
-[![MyBB Group](https://github.com/mybbgroup/MyBB_Fancybox/blob/master/mybbgrouplogo.png?raw=true "MyBB Group")](https://mybb.com "MyBB Group")
+## Developed with love by MyBB Group - https://mybb.group
+[![MyBB Group](https://github.com/mybbgroup/MyBB_Fancybox/blob/master/mybbgrouplogo.png?raw=true "MyBB Group")](https://mybb.group "MyBB Group")

inc/plugins/mybbfancybox.php

@@ -4,7 +4,7 @@
  * MyBB FancyBox - plugin for MyBB 1.8.x forum software
  *
  * @package MyBB Plugin
- * @author MyBB Group - Eldenroot & Wildcard - <eldenroot@gmail.com>
+ * @author MyBB Group - Eldenroot & Wildcard & effone - <eldenroot@gmail.com>
  * @copyright 2019 MyBB Group <http://mybb.group>
  * @link <https://github.com/mybbgroup/MyBB_Fancybox>
  * @license GPL-3.0
@@ -55,11 +55,11 @@ function mybbfancybox_info()
 
 	return array(
 		"name"			=> $lang->mybbfancybox,
-		"description"	=> $lang->mybbfancybox_description,
+		"description"	=> $lang->mybbfancybox_description . '<a href=\'https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amount=0&business=eldenroot%40gmail.com&item_name=MyBB+Plugin+Development&no_note=1&no_shipping=1&currency_code=USD\' target=\'_blank\'><img style=\'float: right; margin-top: 5px;\' src=\'https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_pp_142x27.png\' border=\'0\' alt=\'PayPal Donate\' /></a>',
 		"website"		=> "https://github.com/mybbgroup/MyBB_Fancybox",
-		"author"		=> "MyBB Group (Eldenroot & Wildcard)",
+		"author"		=> "MyBB Group (Eldenroot & Wildcard & effone)",
 		"authorsite"	=> "https://github.com/mybbgroup/MyBB_Fancybox",
-		"version"		=> "0.9.0dev",
+		"version"		=> "1.0.0",
 		"codename"		=> "mybbfancybox",
 		"compatibility" => "18*"
 	);
@@ -168,7 +168,7 @@ function mybbfancybox_install()
 	$db->insert_query('settings', $mybbfancybox_setting);
 
 	$mybbfancybox_setting = array(
-		'name'			=> 'mybbfancybox_include_images_from_urls_into_gallery', // issue GitHub #49
+		'name'			=> 'mybbfancybox_include_images_from_urls_into_gallery',
 		'title'			=> $lang->mybbfancybox_include_images_from_urls_into_gallery_title,
 		'description'	=> $lang->mybbfancybox_include_images_from_urls_into_gallery_description,
 		'optionscode'	=> 'yesno',
@@ -178,46 +178,46 @@ function mybbfancybox_install()
 	);
 	$db->insert_query('settings', $mybbfancybox_setting);
 
-	// FancyBox basic settings - lines #37-48 in mybbfancybox.js in /jscripts folder
+	// FancyBox basic settings
 	$mybbfancybox_setting = array(
 		'name'			=> 'mybbfancybox_protect_images',
 		'title'			=> $lang->mybbfancybox_protect_images_title,
 		'description'	=> $lang->mybbfancybox_protect_images_description,
-		'optionscode'	=> 'yesno', // false or true value
+		'optionscode'	=> 'yesno',
 		'value'			=> '0',
 		'disporder'		=> '4',
 		'gid'			=> $gid
 	);
 	$db->insert_query('settings', $mybbfancybox_setting);
 
 	$mybbfancybox_setting = array(
-		'name'			=> 'mybbfancybox_watermark', // displayed only the previous setting (protect images) is enabled
+		'name'			=> 'mybbfancybox_watermark',
 		'title'			=> $lang->mybbfancybox_watermark_title,
 		'description'	=> $lang->mybbfancybox_watermark_description,
-		'optionscode'	=> 'yesno', // CSS class watermark or leave blank to disable (protect images must be enable to use that!)
+		'optionscode'	=> 'yesno',
 		'value'			=> '0',
 		'disporder'		=> '5',
 		'gid'			=> $gid
 	);
 	$db->insert_query('settings', $mybbfancybox_setting);
 
 	$mybbfancybox_setting = array(
-		'name'			=> 'mybbfancybox_watermark_low_resolution_images', // displayed only the previous setting (watermark) is enabled
+		'name'			=> 'mybbfancybox_watermark_low_resolution_images',
 		'title'			=> $lang->mybbfancybox_watermark_low_resolution_images_title,
 		'description'	=> $lang->mybbfancybox_watermark_low_resolution_images_description,
-		'optionscode'	=> 'yesno', // Exclude low resolution images from adding watermark
+		'optionscode'	=> 'yesno',
 		'value'			=> '0',
 		'disporder'		=> '6',
 		'gid'			=> $gid
 	);
 	$db->insert_query('settings', $mybbfancybox_setting);
 
 	$mybbfancybox_setting = array(
-		'name'			=> 'mybbfancybox_watermark_resolutions', //  displayed only if the previous setting (watermark exclude...) is set to YES
+		'name'			=> 'mybbfancybox_watermark_resolutions',
 		'title'			=> $lang->mybbfancybox_watermark_resolutions_title,
 		'description'	=> $lang->mybbfancybox_watermark_resolutions_description,
 		'optionscode'	=> 'text',
-		'value'			=> '300|300', // Instead of using hard-coded values would be better to add a custom box max width X height px
+		'value'			=> '300|300',
 		'disporder'		=> '7',
 		'gid'			=> $gid
 	);
@@ -227,7 +227,7 @@ function mybbfancybox_install()
 		'name'			=> 'mybbfancybox_loop',
 		'title'			=> $lang->mybbfancybox_loop_title,
 		'description'	=> $lang->mybbfancybox_loop_description,
-		'optionscode'	=> 'yesno', // false or true value
+		'optionscode'	=> 'yesno',
 		'value'			=> '1',
 		'disporder'		=> '8',
 		'gid'			=> $gid
@@ -238,7 +238,7 @@ function mybbfancybox_install()
 		'name'			=> 'mybbfancybox_infobar',
 		'title'			=> $lang->mybbfancybox_infobar_title,
 		'description'	=> $lang->mybbfancybox_infobar_description,
-		'optionscode'	=> 'yesno', // false or true value
+		'optionscode'	=> 'yesno',
 		'value'			=> '1',
 		'disporder'		=> '9',
 		'gid'			=> $gid
@@ -249,7 +249,7 @@ function mybbfancybox_install()
 		'name'			=> 'mybbfancybox_arrows',
 		'title'			=> $lang->mybbfancybox_arrows_title,
 		'description'	=> $lang->mybbfancybox_arrows_description,
-		'optionscode'	=> 'yesno', // false or true value
+		'optionscode'	=> 'yesno',
 		'value'			=> '1',
 		'disporder'		=> '10',
 		'gid'			=> $gid
@@ -260,7 +260,7 @@ function mybbfancybox_install()
 		'name'			=> 'mybbfancybox_thumbs',
 		'title'			=> $lang->mybbfancybox_thumbs_title,
 		'description'	=> $lang->mybbfancybox_thumbs_description,
-		'optionscode'	=> 'yesno', // false or true value
+		'optionscode'	=> 'yesno',
 		'value'			=> '0',
 		'disporder'		=> '11',
 		'gid'			=> $gid
@@ -271,7 +271,7 @@ function mybbfancybox_install()
 		'name'			=> 'mybbfancybox_minimize',
 		'title'			=> $lang->mybbfancybox_minimize_title,
 		'description'	=> $lang->mybbfancybox_minimize_description,
-		'optionscode'	=> 'yesno', // enable or disable feature; CSS is already added into mybbfancybox.css; we need just to load an extra JS + delete commented minimize button in config file (GitHub issue #32)
+		'optionscode'	=> 'yesno',
 		'value'			=> '1',
 		'disporder'		=> '12',
 		'gid'			=> $gid
@@ -292,7 +292,7 @@ function mybbfancybox_install()
 
 EOF;
 
-	// Settings for buttons - lines #50-58 in mybbfancybox.js in /jscripts folder
+	// Settings for buttons
 	$mybbfancybox_setting = array(
 		'name'			=> 'mybbfancybox_buttons',
 		'title'			=> $lang->mybbfancybox_buttons_title,
@@ -394,6 +394,14 @@ function mybbfancybox_showthread_start()
 	// Apply required changes in postbit_attachments_images_image template (replace all content)
 	$templates->cache['postbit_attachments_images_image'] = '<a target="_blank" data-fancybox="data-{$attachment[\'pid\']}" data-type="image"><img src="attachment.php?aid={$attachment[\'aid\']}" class="attachment" alt="" title="{$lang->postbit_attachment_filename} {$attachment[\'filename\']}&#13{$lang->postbit_attachment_size} {$attachment[\'filesize\']}&#13{$lang->mybbfancybox_uploaded} {$attachdate}&#13{$lang->mybbfancybox_views} {$attachment[\'downloads\']}{$lang->mybbfancybox_views_symbol_after}" /></a>&nbsp;&nbsp;&nbsp;';
 
+	$buttonArray = (array) unserialize($mybb->settings['mybbfancybox_buttons']);
+
+	// Minimize button - load JS code only when enabled in ACP
+	$minimize = '';
+	
+	if ($mybb->settings['mybbfancybox_minimize'] == 1) {
+		array_splice($buttonArray, count($buttonArray)-1, 0, 'minimize');
+	}
 	foreach (array(
 		'mybbfancybox_protect_images' => 'protect',
 		'mybbfancybox_loop' => 'loop',
@@ -441,8 +449,6 @@ function mybbfancybox_showthread_start()
 		}
 	}
 
-	$buttonArray = (array) unserialize($mybb->settings['mybbfancybox_buttons']);
-
 	if (!empty($buttonArray) &&
 		count($buttonArray) > 0) {
 		$buttons = "'".implode("','", $buttonArray)."'";
@@ -478,6 +484,10 @@ function mybbfancybox_showthread_start()
 		infobar: {$infobar},
 		arrows: {$arrows},
 		thumbs: {$thumbs},{$buttons}{$afterLoadScript}
+		btnTpl: {
+			minimize:
+			'<button data-fancybox-minimize class="fancybox-button fancybox-button--minimise" title="{{MINIMIZE}}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 445 445"><g fill="#010002"><path d="M440.3 4.7a15.9 15.9 0 0 0-22.5 0L286 136.5V47.7a16 16 0 0 0-31.7 0V175l1.2 6 3.3 5 .1.2h.2l5 3.4 6 1.2h127.2a16 16 0 0 0 0-31.8h-88.8L440.3 27.2a16 16 0 0 0 0-22.5zM180.9 255.5l-6-1.2H47.6a16 16 0 0 0 0 31.8h88.7L4.7 417.8A15.9 15.9 0 1 0 27 440.3L159 308.5v88.8a16 16 0 0 0 31.8 0V270.2l-1.2-6a16 16 0 0 0-8.6-8.7z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381.4 381.4"><path d="M380.1 9.8c-1.6-3.9-4.7-7-8.5-8.6L365.5 0h-159a16 16 0 0 0 0 31.8h120.6L31.8 327V206.6a15.9 15.9 0 0 0-31.8 0v159l1.2 6 3.3 5 .1.1.2.1 5 3.4 6 1.2h159a16 16 0 0 0 0-31.8H54.3L349.6 54.3v120.5a16 16 0 0 0 31.8 0v-159l-1.3-6z" fill="#010002"/></svg></button>'
+		}
 	});
 	// -->
 	</script>
@@ -592,4 +602,3 @@ function mybbfancybox_print_peekers($peekers)
 
 	return $peekers;
 }
-

inc/plugins/mybbfancybox/mybbfancybox.css

@@ -26,14 +26,20 @@
 
 /** FancyBox - minimize feature **/
 .minimized {
-	height: 44px;
+	height: 44px !important;
 }
 
 .minimized .fancybox-stage,
 .minimized .fancybox-navigation {
 	display: none;
 }
 
+.minimized .fancybox-caption__body {
+	margin-bottom: -13px;
+	font-size: 13px;
+	opacity: 0.95;
+}
+
 .fancybox-button--minimise svg {
 	padding: 2px;
 }
@@ -49,4 +55,4 @@
 
 .minimized .fancybox-button--minimise svg:nth-child(2) {
 	display: block;
-}
+}

jscripts/mybbfancybox.js

@@ -25,6 +25,7 @@ var MyBBFancyBox = (function($, m) {
 	},
 	options = {
 		slideClass: '',
+		closeExisting: true,
 		loop: true,
 		protect: false,
 		keyboard: true,
@@ -35,13 +36,13 @@ var MyBBFancyBox = (function($, m) {
 			hideOnClose: true,
 		},
 		buttons: [
-			'minimize', // this is needed for the new feature - display only when setting in ACP is enabled
 			'slideShow',
 			'fullScreen',
 			'thumbs',
 			'share',
 			'download',
 			'zoom',
+			'minimize',
 			'close',
 		],
 	};
@@ -52,6 +53,20 @@ var MyBBFancyBox = (function($, m) {
 	 * @return void
 	 */
 	function init() {
+		
+		if (options.buttons && options.buttons.indexOf("minimize") !== -1) {
+			var yState = $('body').css('overflow-y');
+			// Add click event for minimize button
+			$(document).on('click', '[data-fancybox-minimize]', function() {
+				var fb = $.fancybox.getInstance();
+
+				if (fb) {
+					fb.$refs.container.toggleClass('minimized');
+					$('body').css('overflow-y', (fb.$refs.container.hasClass('minimized')) ? yState : 'hidden');
+				}
+			});
+		}
+
 		$('.post_body img').each(function() {
 			var currentImage = $(this);
 			var pid = currentImage.parents('.post_body.scaleimages').attr('id');
@@ -65,6 +80,7 @@ var MyBBFancyBox = (function($, m) {
 		$.fancybox.defaults.i18n.en = lang;
 
 		// FancyBox default settings
+		
 		$('[data-fancybox]').fancybox(options);
 	}
 
@@ -79,7 +95,7 @@ var MyBBFancyBox = (function($, m) {
 	}
 
 	m.setup = setup;
-
+	
 	$(init);
 	return m;
 })(jQuery, MyBBFancyBox || {});