Simple Photoalbum for Drupal

Olyan hobbi projekt, aminek segítségével lehet fotóalbumokat egyszerűen létrehozni és kezelni

Hobbi project

• 2023- Drupal 10 változat
• 2022-ben Imagick drivert készítettem a képek online szerkesztésére
• 2021-ben kiegészült egy új modullal a Carousel modullal
• 2021-ben elkészült a Drupal 8/9-es verzió
• 2014-2015 - Különböző fejlesztések
• 2013-ban elkészült a Drupal 7 verzió
• 2008-ban megírtam a Drupal 6 változatás kisebb módosításokkal
• 2006-ban akartam egy olyan webes programot írni, amely képes arra, hogyha bedobálok egy könyvtárba képeket, akkor az automatikusan generál egy fotóalbumot belőle. Eredetileg ez önáló lib volt

A modul képességei

• Egy könyvtárba bedobált képeket (és egyéb fájlokat) lapozhatóan megjelenít létrehozva egy galériát (fotóalbum).
• A galéria lapozható, a fájlok különböző szempontok szerint sorba rendezhetők.
• A könyvtárak a Drupalban szűrőként (filter) jelennek meg. Ez azt jelenti, hogy a weboldalba megadott szintaktika alapján beírt kifejezést fordítja le a modul galériává, így a galéria és egyéb szövegek keverhetők az oldalon.
• Egy oldalon egy galéria is lehet.
• Mobilbarát megjelenítés
• Az első megjelenítés során bélyegképeket (thumbnail) készít a fájlokról. A bélyegképek alapesetben 150 pixel szélesek.
  • A képekhez a PHP GD libjét használja.
  • Felismeri, hogyha egy kép megváltozott és újra készíti a bélyegképet, ha szükséges
  • A bélyegképek mindig egy _tn_ nevű alkönyvtárban vannak
  • Ha fájl nem kép és nem film, akkor a megjelenítéskor egy előre megadott kis képet jelenít meg (ikon thumbnail kép).
• A megjelenő fájlokra kattintva a képek nagy képként megjeleníthetők (colorbox module-t használva), illetve a filmek, hangok lejátszhatók a böngészőben, az egyéb fájlok letölthetőek.
• A fájlok alatt bizonyos tulajdonságok megjeleníthetők
  • A fájl mérete, fájlneve
  • Képek exif tulajdonságai, mérete, stb...
  • Filmek hangfájlok hossza, kódolása, stb...
  • Dokumentumok szerzője, mérete, létrehozás dátuma, utolsó szerkesztés ideje (MS Word, Excel, PPT, stb...)
  • Tömörített fájlok esetén a becsomagolt fájlok száma, titkosított-e, milyen a csomagolás módja, stb...
• Az első megjelenítés során a fájlok fontosabb adatai bekerülnek egy adatbázisba. Ezek az adatok
  • A fájl neve
  • A tárolási hely a szerveren relatív módon
  • Képaláírás
  • A fájl típusa (kép=>image, film=>video, hang=>audio, app=>application, doc=>dokumentum, cmp=>tömörített, oth=>egyéb, ext=>tiltott - ezek semmiképpen nem jelennek meg)
  • A fájlra kattintások száma
  • A fájlhoz tartozhat weblink is (url) és a target paraméter
• A fájlokhoz rendelt egyes adatok szerkeszthetőek,
  • Képaláírás - a galériában ez a név jelenik meg.
• Megadott könyvtárból és annak alkönyvtáraiból véletlenszerűen választott kép jelenhet meg, akkár blokkban is.
• A képek grafikai tulajdonságai online szerkeszthetők (PHP GD könyvtár segítségével). A szerkesztés lehetőségei
  • Elforgatható -90, 90, 180 fokban vagy tetszőleges fokkal
  • Tükrözés vízszintesen, függőlegesen
  • Átméretezhető jelölővel, pixellel megadva vagy %-kal megadva
  • Kivágható a kép egy része jelölővel vagy a képe részeit pixelekkel megadva
  • Kotraszt állítás
  • Fényesség állítás
  • RGB tulajdonságok állítása
  • stb...
• A listában megjelenő képek törölhetők.
• A lista sminkjét CSS osztályok segítségével meg lehet változtatni.

Használat

• A modult szokásosan telepíteni kell a Drupal 7/8/9 felületén. Utána a megadott beállítások felületen be kell állítani alapvető paramétereket
  • Egy web szerveren meg kell adni egy default könyvtárat. Ez lesz minden megjelenítés alapja. (root könyvtár).
  • A megjelenítéskor az itemek számát. Ez adja meg az egyszerre megjeleníthető fájlok számát.
  • A kisképek méretét (default 150 px széles)
  • Szerkeszthetők legyenek-e a fájlok tulajdonságai
  • A megjelenítés alapvető sorrendje mi legyen
  • A különböző típusokba tartozó fájlok kiterjesztésének változtatása (kép, film, hang, végrehajtható, tömörített, egyéb, tiltott)
• Beállítjuk a szűrőt az alábbi felületen: admin/config/content/formats. Megadjuk, hogy melyik típusú oldalon akarjuk használni a szűrőt.
• A korábban megadott root könyvtár alat tnyitunk egy tetszőleges nevű könyvtárat (pl. galeria) és oda bemásoljuk FTP-vel a megjeleníteni kívánt fájlokat (képe, filmek, hangfájlok, stb...)
• Létrehozunk egy tetszőleges típusú oldalt (Blog, Egyszerű cikk, könyvlap, stb...)
• Az oldalon az alábbi lehetőségek alapján létehozzuk a galériát. A szövegszűrőt mindig szögletes zárójelek közé kell tenni:

Szövegszűrők

[jelölő|<paraméterek>]

Jelölők lehetnek

Az album képe

Sort - Filename Subtitle Type Size Date Views Ascending Descending

           

Statistics

Name of data of this node	Value
Number of items	0
Number of views	0
Average of views	There is no items

     

  

  

Megjegyzések

• A szintaktikában a kezdő és záró '{' és '}' jelek helyett '[' és ']' jeleket kell használni!
• Az útvonalnál a vezető "/" szükséges, de a végére nem kell tenni "/" jelet
• A jelölő és az útvonal kötelező, a többi paraméter elhagyható, akkor a default fog szerepelni
• rendezettség: asc, desc

	

		
Az album képe
		
				
		

			

	Sort 
		-
		Filename
		Subtitle
		Type
		Size
		Date
		Views
	 
		Ascending
		Descending
	

			
				
				     
			

			

			     
		
		
		
		

			
		
		   
		Statistics

	

		

			
Name of data of this node
			
Value
		

		

			
Number of items
			
0
		
		

			
Number of views
			
0
		
		

			
Average of views
			
There is no items
		
	
 
		
	



	
     
	








	

		
		
  
		
  
	

Letölthető:

• Version 7.x
• Version 8/9.x

Fejlesztési célok

• További képszerkesztési lehetőségek beépítése (emboss, noise, smooth, sharpen, blur, stb...)
• A filmek kisképei választhatók legyenek
• Melyik lib-et használja GD vagy Imagick (A Drupal 7 használhatja az Imagick-et)
• Fizetős változat. Megadott felhasználó csak úgy jelenítheti meg az eredeti tartalmat, hogyha fizet érte PAYPAL-on keresztül. Ha egy fájl fizetős és a user nem fizetett, akkor
  • a bináris fájlok nem lesznek letölthetőek,
  • a képek vízjellel jelennek meg,
  • a filmekből és a hangfájlokból csak az első 10 sec tölthető le
  • A fizetéstől számított 1 napig lehet letölteni a fájlt tetszőleges alkalommal.

History of development

2024.04.19 - 1.6.4 - new version

• bugfix: if empty a folder

2024.02.20 - 9.x-1.6.4

• Refactoring js files
• type change in database
• ImgManipulate
• Change the type of item
• Update to jCanvas 22.0.1
• Bugfix: avi show
• bugfix: jquery library dependencies 
• Bugfix: In the  Render function

2023.12.29

• Test: update item
• BugFix: Delete Item
• Bugfix: Search don't use after the Search on the next page => FilterFilter
• Bugfix: Translation smpl_help
• Bugfix: Text on pager buttons
• Bugfix: cache problem (GET=>POST)
• Bugfix: View image size problem
• BugFix: Properties of item
• BugFix: Edit: Properties
• Add: webp, avif support

2023.07.04

• when size & position of canvas change => (rect) layer change
• Mouse Wheele Zoom in / out
• Dragging the canvas
• Default size and position
• cursor changes
• Drag the scaled image
• Scale the canvas
• Modulable Imageedit
• EyeDrop && Transparence
• Color of layers is change (invert)
• Point layer bug (Eyedrop bug) - ok
• Circle, Rectangle, Ellipse layer ok
• jCanvas lib using
• EyeDropper

2023.02.21 - 9.x-1.5-dev

• New Imagick menu points

2023.02.14 - 9.x-1.41a

•  little change in Thumbnail messages
• Not html5 video &audio icons shows

2023.02.11 9.x-1.41

• Imagick - Watermark bug - ok, Resize bug - ok, Imagick version 6.x.x vs 7.x.x - ok 

2023.02.10 - 9.x-1.4

• GD - Vignette oval/rect - ok, Border - ok, Watermark - ok, Sharpen - ok, Blur - ok, Add noise - ok
• Imagick   - Vignette oval / rect - ok, Border - ok, Watermark - ok, Sharpen - ok, Blur - ok, Add noise - ok
• GD/Imagick - Sharpen, Blur - ok
• GD - Saturation, Hu are more quick, Change the GD /Imagick driver on Image Edit interface
• GD - Resize - ok, Reset - ok, Gamma - ok, Brightness - ok, RGB - ok, GrayScale - ok, Contrast - ok, Convolution - ok
• Imgedit interface little changes  

2023.01.16 

• Bug: GD - Noise - ok
• U can use cancel button to break long command 
• GD: Saturation & hue works, but buggy

2023.01.13.

• From Drupal 9.5.1 jQuery UI, jQuery UI Draggable, jQuery UI Resizable
  out of core of Drupal and has to use contrib modules
• jQuery UI, jQuery UI Draggable, jQuery UI Resizable contrib modules!

2023.01.12 - bug: imgedit=> GD / save - ok

2023.01.11 - Watermark text (copyright, author) write only into jpeg

2023.01.03

• GD - Vignette (rect, circle, ellipse) - ok, Watermark - ok, Border - ok, Color / Lighting, RGB - ok
• bug: ImgEdit window selection - ok
• Translate system and translation file (Hu)
• imgAreaSelect problem and optimalization
• Imagick - Vignette, Ellipse - ok, Circle - ok, Rect - ok
• Slideshow: little changes of design
• Slideshow: click on thumnail load the image
• Bug: Slideshow: There are 'items' type of items are not images
• Bug: Slideshow shows only images
• Bug: Edit All function
   

2022.12.02

• Selenium IDE tests

2022.11.20 - 9.x-1.40-dev - Test Framework

• Javascript optimalization
• minor fixes of
• Rename files on the server, change subtitle & link
• stat of actual page
• Write jpeg file Author & Copyright info && Save back

2022.10.18 

• Bugfix: Imagick / GD Watermark
• Bugfix: Exif:  - images, videos, compressed files, Office files (doc, xls, ppt, docx, xlsx, pptx,), executable files (exe, dll, apk)
• Wignette OnFly
• GD - RGB
• Imagick - RGB
• GD - Border
• Imagick driver- Border (default color from the image average color)
• Imagick driver - Vignette ellipse, Vignette circle
• Imagick driver - Emboss, Edge
• Sharpen, Add noise, Denoise
• Imagick Driver - GrayScale, Contrast, Brightness, Gamma, Resize interface - ok
• Imagick Driver - Resize - ok, Crop - ok, Rotate - ok, Mirror (Flip/Flop) - ok, 

2022.07.03

• open actual image in new tab

2022.05.23 - 9.x-1.28-rc5

• Vignette_ellipse works and optimalized

2022.05.18 - 9.x-1.28-rc2

• Long term image edit process break from browser

2022.05.15 - 9.x-1.28-rc1

• Vignette - ellipse - it works

2022.05.14 - 9.x-1.28-dev

• Style change (little)
• Vignette - ellipse - it works almost
• Vignette - circle - ok
• Searching for some image (name, filename, caption) - ok
• Vignette - rect - ok

2022.04.09 - 9.x-1.27-dev

• Color & B/W icons
• ImageEdit chane and bug
• Vignette effect, Watermark
• Bug: Description id, Bug: Search only if enabled

2023.02.10 - 9.x-1.4

• GD - Vignette oval/rect - ok, Border - ok,  Watermark - ok, Sharpen - ok, Blur - ok, Add noise - ok
• Imagick - Vignette oval / rect - ok, Border - ok, Watermark - ok, Sharpen - ok, Blur - ok, Add noise - ok     
• GD/Imagick - Sharpen, Blur - ok
• GD - Saturation, Hu are more quick
• Change the GD /Imagick driver on Image Edit interface

2023.01.17

• GD - Resize - ok, Reset - ok, Gamma - ok, Brightness - ok, RGB - ok, GrayScale - ok, Contrast - ok, Convolution - ok
• Imgedit interface little changes  

2023.01.16 - Bug: GD - Noise - ok

2023.01.15

• U can use cancel button to break long command 
• GD: Saturation & hue works, but buggy

2023.01.13.

• From Drupal 9.5.1 
• jQuery UI, jQuery UI Draggable, jQuery UI Resizable
      out of core of Drupal and has to use contrib modules
      jQuery UI, jQuery UI Draggable, jQuery UI Resizable contrib modules!

2023.01.12 - bug: imgedit=> GD / save - ok

2023.01.11 - Watermark text (copyright, author) write only into jpeg

2023.01.03 - GD- Vignette (rect, circle, ellipse) - ok, Watermark - ok, Border - ok, Color / Lighting, RGB - ok

2022.12.31 - bug: ImgEdit window selection - ok

2022.12.30 - Translate system and translation file (Hu)

2022.12.28 - imgAreaSelect problem and optimalization

2022.12.17 

• Imagick- Vignette, Ellipse - ok, Circle - ok, Rect - ok, 
• Slideshow: little changes of design

2022.12.16 - Slideshow: click on thumnail load the image
2022.12.13 - Bug: Slideshow: There are 'items' type of items are not images

2022.12.11 - Bug: Slideshow shows only images, Edit All function
2022.12.02 - Selenium IDE tests

2022.11.20 - 9.x-1.40-dev - Test Framework

2022.11.11 - Javascript optimalization

2022.11.02

• minor fixes of
• Rename files on the server, change subtitle & link
• stat of actual page

2022.11.01 - Write jpeg file Author & Copyright info && Save back

2022.10.18 - Bugfix: Imagick / GD Watermark

2022.10.15
    Bugfix: Exif:
        - images
        - videos
        - compressed files
        - Office files (doc, xls, ppt, docx, xlsx, pptx,
        - executable files (exe, dll, apk)
2022.10.13
- Wignette OnFly

2022.10.09

• GD - RGB
• Imagick - RGB

2022.10.08

• GD - Border
• Imagick driver - Border (default color from the image average color)

2022.09.29 - Imagick driver - Vignette ellipse, Vignette circle

2022.09.26

• Imagick driver
• Emboss
• Edge

2022.09.24

• Sharpen
• Add noise
• Denoise

2022.09.16

• Imagick Drive
• GrayScale
• Contrast
• Brightness
• Gamma
• Resize interface - ok

2022.09.10

• Imagick Driver - Resize - ok, Crop - ok, Rotate - ok, Mirror (Flip/Flop) - ok

2022.07.03 - open actual image in new tab

2022.05.23 - 9.x-1.28-rc5 - Vignette_ellipse works and optimalized

2022.05.18 - 9.x-1.28-rc2 - Long term image edit process break from browser

2022.05.15 - 9.x-1.28-rc1 - Vignette - ellipse - it works

2022.05.14 - 9.x-1.28-dev

• Style change (little)
• Vignette - ellipse - it works almost
• Vignette - circle - ok
• Searching for some image (name, filename, caption) - ok

2022.05.10 - Vignette - rect - ok

2022.04.09 - 9.x-1.27-dev

• Color & B/W icons
• ImageEdit chane and bug

2022.03.26

• Vignette effect
• Watermark

2022.03.22

• Bug: Description id
• Bug: Search only if enabled

2022.03.21

• Added: Smplphotoalbum. filter / search
• Added: Smplphotoalbum. slide, carousel etc...

2021.08.13

• bug corrections

2021.05.06

• Drupal 8/9 version 1.0

2020.03.01

• Beginning of Drupal 8/9 version

2016.07.27

• buttons instead og div-s

2016.05.31

• Facebook share-hez og:image és og:description lehetőség

20151226

• Using Imagic everywhere, because of less memory consumption
• A videokról készülhet kiskép

20151224

• if there is Imagick installed on server system it use that library

20151212

• On the Linux server the edit image is ready
• Bug: Kill the image from server and database
• Edit images: Rotate, Cut, resize brightness, cotrast, etc. with GD

20151205

• Added: image edit undo, redo

20151129

• Add: Edit image: Rotate, any degree, flip, crop, resize, contrast, color, brightness

20151108

• Bug: 404 code when the image is missed.
• Add: Automatic meta keyword and description

20151101

• Edit all subscription / caption is ok
• Bug: number of viewing
• Bug: There was 2 characters output of bootloader - and the images did not viewed

20151018

• Bug: When taxonomy page vote, view then call the all page, beacause calls the taxonomy/path...
• New taxonomy and modify taxonomy is ok.
• link edit with ajax and write out the change
• Taxonomy modify with ajax and write out the change
• Viewnumber increments in v.php
• Random image style modify
• css modify
• md5chk change ready

20151010

• md5chk delete but there are bugs in the module

20150927

• Edit taxonomy of image
• New taxonomy into the taxonomy_term_data tabe ad smplphotoalbum_taxonomy
• Delete from a row from smplphotoalbum_taxonomy table
• Modfy taxonomy_term_data table record name and /or description
• Shows a taxonomy table

20150920

• Random image from a folder

20150919

• Prevent to direct access of folder tree of simple photoalbum

20150913

• Edit all Subscription / Caption on the gallery
• Error: If not logged in the pager link are bad :-( - This is cache problem

20150823

• write out Properties of pptx. It is the same mode than docx.
• write out properties of zip if php_zip is loaded
• write out properties of rar's if php_rar is loaded
• new filetype icons and properties
• css with sass

20150711

• Bugfix (when in the link there are two digits)

20150705

• Taxonomy delete

20150627

• AJAX bugfix

20150614

• bugfixes - paging & Drupal cache problems

20150607

• bug correction os simple list
• HTML warnings correction
• Taxonomy of pictures

20141220

• compressed and application (exe,dll, etc.) shows

20141116

• Bugfix in the "Simple listof all items"
• New: Description ia longer text and view in a popup layer

20141020

• Bugfix - show gallery of non pictures

20140629

• Helperfunction for sharing a page for Facebook with image

20140615

• Bugfix - for thumbnail pictures fix
• Bugfix - pager
• increases the speed of showing of pictures

20121231

• Drupal 7 Working version with
• NEWS:  installer, more quicker, less memory comsumption
• BUGFIXES: edit / delete /kill in simple list is working

20121226

• Drupal 7 text filter module rewritten

Drupal 7 version

20100720

• BUG: voted number strange! - smpl.js - solved
• BUG: simple list of images does not work - solved

20100719

• Changeable order
• Filter in views

20100718

• permission problem

20100704

• rewrite it with hook_menu and callback ajax calling - token hardening dropped!

20100629

• Durpal token hardening

20100614

• bugfixes

20100523

• Insert the subtitles into the contents of keywords meta tag

20100511

• write out properties of docx, and xlsx documents
• BUG: The last page was not out - solved

20100510

• BUG: ajax callback authentication - solved with token
• write out properties of pdf and other media types

20100507

• Handle video and other media types

20100504

• Bug: Random picture almost the same - solved
• Bug: if the number of pages is only one does not need pager - solved

20100502

• Optimize the speed of making a random image

20100418

• exif information popup window - ok

20100416

• change subtitle
• setting delete state the image

20100411

• Checked is ready
• Ranking is ready
• Viewed
• Make thumbnails

20100410

• Show the thumbnails and pictures
• the pager works, similar the original Drupal pager
• the css style is the original
• making thumbnails

20100406

• Write out the place of pictures in table

20100405

• Make Drupal Setting interface, install, uninstall

Original Drupal version based on previous version

2.4.3   PDO database layer support if PHP version > 5.1.0
2.4.2   Bugfix: Error in database table.
2.4.1   Add: Read Exif information of picture with PHP
2.3.6a  Bugfix
2.3.6   Simple list can ordered and filtered
        css styles are in other file (smplphotoalbum.css)
        Bugfix: Flat file database
        Bugfix: Watch the picture in original format in IE
2.3.5a  Tested PHP 5.0.4 Databases(Access, Mysql 5.0.1 with ADODB)
2.3.5   Add: Voting system with ADODB (http://adodb.sourceforge.net)

• Tested with access & mysql
• List of Ranks

2.3.4c  Bugfixes and preview of database version (ADODB or Flat file database) Compatibility problem php 4.x.x vs php 5.x.x
2.3.4b  The folder of thumbnails go to the subdirectory is called _th_
        It converts the thumbnails of older version.
2.3.4   It plays the video and the audio files in LAYER
2.3.3b  The size of picture resizes to the size of space, the picture is printable
2.3.3a  Shows the picture with overlibmws library
        - The name of thumbnail file started with _tn_
        It converts the tn_ => _tn_ automatic at first run

2.3.2b  U can use LANG definition.
2.3.2a  Debug version
2.3.2   Debugging
2.3   Video & sound file play's and Listm,
        if the plugins are installed
        Supported video: avi, mpg, mpeg, mov, rm, ram, wmv
        mov, rm, ram and wav, asf, mp3, mid, wma file has no thumbnail
        Tested in IE6 & Firefox 1.0.7

2.2.3   Simple List of Pictures (to download)
2.2.2a  default pager, bugs
2.2.2   Pager
2.2.1   Thumbnail rewrite when original file newer than thumbnail
2.2     CSV file handling
2.1     no session
2.0b    rewritten in OOP style
1.0     first release