img and swiper

Author: ejmoog

websitebackup/phpbb/ext/ejpoox/ij/README.md

@@ -6,6 +6,51 @@ Copy the extension to phpBB/ext/ejpoox/ij
 
 Go to "ACP" > "Customise" > "Extensions" and enable the "ejsoon ij" extension.
 
+There are three BBCode should be add by hands: ij, ijp, ijr.
+
+ij:
+bbcode:
+```
+[ij]{TEXT}[/ij]
+```
+html:
+```
+<span class="font_ij">{TEXT}</span>
+```
+tips:
+```
+ij倉頡小字型
+```
+
+ijp:
+bbcode:
+```
+[ijp]{TEXT}[/ijp]
+```
+html:
+```
+<span class="ijp_outer"><div class="ijp_main"><span class="font_ij">{TEXT}</span></div><div class="ijp_bottom"> {TEXT} </div></span>
+```
+tips:
+```
+ij plus
+```
+
+ijr:
+bbcode:
+```
+[ijr]{TEXT}[/ijr]
+```
+html:
+```
+<span class="ijp_outer"><div class="ijr_main"><span class="font_ij">{TEXT}</span></div><div class="ijr_bottom"> {TEXT} </div></span>
+```
+tips:
+```
+ij font has a region
+```
+
+
 ## License
 
 [GNU General Public License v2](license.txt)

websitebackup/phpbb/ext/ejpoox/image/README.md

@@ -9,10 +9,6 @@ Go to "ACP" > "Customise" > "Extensions" and enable the "ejsoon image" extension
 Add 3 bbcode in the ACP: imgid, svgid, svg.
 
 
-
-
-
-
 bbcode:
 ```
 [imgid]{NUMBER}[/imgid]

websitebackup/phpbb/ext/ejpoox/image/composer.json

@@ -3,8 +3,8 @@
     "type": "phpbb-extension",
     "description": "ejsoon image extension",
     "homepage": "http://ejsoon.win/ejpoox",
-    "version": "1.0.0-dev",
-    "time": "2020-12-15",
+    "version": "1.0.1",
+    "time": "2021-02-14",
     "license": "GPL-2.0-only",
     "authors": [
         {

websitebackup/phpbb/ext/ejpoox/image/styles/prosilver/template/the_ejsoon_image.js

@@ -1,9 +1,9 @@
 // ejsoon image extension start -->
 // html string to element
 function htmlToElems(html) {
-  let temp = document.createElement('template');
-  temp.innerHTML = html;
-  return temp.content;
+	let temp = document.createElement('template');
+	temp.innerHTML = html;
+	return temp.content;
 }
 // get image by ajax
 function ajximg(type, img, postid) {
@@ -16,14 +16,15 @@ function ajximg(type, img, postid) {
 				var aacccimg = aaccc.getElementsByTagName("img");
 				if (aacccimg.length > 0) {
 					img.src = aacccimg[0].src;
-					img.classList.add("postimage");
+					img.className = "postimage";
 				}
 			} else if ('svg' == type) {
 				var aacccsvg = aaccc.getElementsByTagName("svg");
 				if (aacccsvg.length > 0) {
 					img.outerHTML = converSVG(aacccsvg[0].outerHTML);
 				}
 			}
+			if (typeof goswiper === 'function') goswiper();
 		}
 	}
 	xmlhttp.open("GET","viewtopic.php?p=" + postid,true);

websitebackup/phpbb/ext/ejpoox/swiper/README.md

@@ -1,11 +1,71 @@
-# phpbb swiper
+# ejsoon swiper
 
 ## Installation
 
 Copy the extension to phpBB/ext/ejpoox/swiper
 
-Go to "ACP" > "Customise" > "Extensions" and enable the "phpbb swiper" extension.
+Go to "ACP" > "Customise" > "Extensions" and enable the "ejsoon swiper" extension.
+
+And then add the bbcode [swiper], [ss], [st]:
+
+bbcode:
+```
+[swiper]{TEXT}[/swiper]
+```
+
+html:
+```
+<div class="swiper-container"><!-- Additional required wrapper -->
+<div class="swiper-wrapper"><!-- Slides -->
+{TEXT}
+</div>
+<!-- Add Pagination -->
+<div class="swiper-pagination-ejsoon"></div>
+<!-- If we need navigation buttons -->
+<div class="swiper-button-prev"></div>
+<div class="swiper-button-next"></div>
+</div>
+```
+
+tips:
+```
+swiper-container
+```
+
+
+bbcode:
+```
+[ss]{TEXT}[/ss]
+```
+
+html:
+```
+<div class="swiper-slide">{TEXT}</div>
+```
+
+tips:
+```
+swiper-slide
+```
+
+
+bbcode:
+```
+[st]{TEXT}[/st]
+```
+
+html:
+```
+<div style="position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); color: white; padding: 12px; width: 100%;">{TEXT}</div>
+```
+
+tips:
+```
+swiper text below
+```
 
 ## License
 
 [GNU General Public License v2](license.txt)
+
+

websitebackup/phpbb/ext/ejpoox/swiper/composer.json

@@ -3,8 +3,8 @@
     "type": "phpbb-extension",
     "description": "ejsoon swiper function",
     "homepage": "http://ejsoon.win/ejpoox",
-    "version": "1.0.0-dev",
-    "time": "2020-09-30",
+    "version": "1.0.1",
+    "time": "2021-02-14",
     "license": "GPL-2.0-only",
     "authors": [
         {

websitebackup/phpbb/ext/ejpoox/swiper/styles/prosilver/template/the_ejsoon_swiper.js

@@ -1,21 +1,33 @@
 // swiper start -->
-	var mySwiper = new Swiper ('.swiper-container', {
-		loop: true,
-		autoHeight: true, //enable auto height
-		pagination: {
-			el: '.swiper-pagination-ejsoon',
-			clickable: true,
-			renderBullet: function (index, className) {
-				return '<span class="' + className + '">' + (index + 1) + '</span>';
+goswiper();
+function goswiper() {
+	// if img, after img loading
+	var isImg = document.querySelector(".imgid");
+	var isSvg = document.querySelector(".svgid");
+	if (isImg || isSvg) {
+		return;
+	}
+	var ifswiper = document.querySelector(".swiper-container");
+	if (ifswiper) {
+		var mySwiper = new Swiper ('.swiper-container', {
+			loop: true,
+			autoHeight: true, //enable auto height
+			pagination: {
+				el: '.swiper-pagination-ejsoon',
+				clickable: true,
+				renderBullet: function (index, className) {
+					return '<span class="' + className + '">' + (index + 1) + '</span>';
+				},
+				dynamicBullets: true,
+				dynamicMainBullets: 3,
 			},
-			dynamicBullets: true,
-			dynamicMainBullets: 3,
-		},
-		navigation: {
-		  nextEl: '.swiper-button-next',
-		  prevEl: '.swiper-button-prev',
-		},
-	})
+			navigation: {
+			  nextEl: '.swiper-button-next',
+			  prevEl: '.swiper-button-prev',
+			},
+		})
+	}
+}
 // swiper end -->