├── language
    └── en-GB
    │   ├── en-GB.plg_fields_uikitgallery.sys.ini
    │   └── en-GB.plg_fields_uikitgallery.ini
├── README.md
├── tmpl
    └── uikitgallery.php
├── params
    └── uikitgallery.xml
├── uikitgallery.php
└── uikitgallery.xml


/language/en-GB/en-GB.plg_fields_uikitgallery.sys.ini:
--------------------------------------------------------------------------------
1 | PLG_FIELDS_UIKITGALLERY="Uikit Gallery"
2 | PLG_FIELDS_UIKITGALLERY_DESC="Uikit Gallery Custom Field for Joomla! with Lightbox"


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Joomla! User Group Nuremberg Uikit Galleryfield
 2 | 
 3 | Joomla! CustomField - Displays jpg-images from a folder within a gallery and lightbox
 4 | 
 5 | This customField shows a folderlist dropdown and renders the images in frontend with a lightbox according to the following example:
 6 | https://getuikit.com/v2/docs/lightbox.html
 7 | 
 8 | You have to enable the lightbox.js in your uikit-template.
 9 | Additionally you may insert the uk-grid uk-grid-width-medium-1-4 class into the container class of the field settings
10 | 


--------------------------------------------------------------------------------
/language/en-GB/en-GB.plg_fields_uikitgallery.ini:
--------------------------------------------------------------------------------
1 | PLG_FIELDS_UIKITGALLERY="Uikit Gallery"
2 | PLG_FIELDS_UIKITGALLERY_DESC="Uikit Gallery Custom Field for Joomla! with Lightbox"
3 | PLG_FIELDS_UIKITGALLERY_PARAMS_DIRECTORY_LABEL="Directory"
4 | PLG_FIELDS_UIKITGALLERY_PARAMS_DIRECTORY_DESC="Select your image directory"
5 | PLG_FIELDS_UIKITGALLERY_PARAMS_MULTIPLE_LABEL="Multiple"
6 | PLG_FIELDS_UIKITGALLERY_PARAMS_MULTIPLE_DESC="Choose if you want multiple selection"
7 | PLG_FIELDS_UIKITGALLERY_PARAMS_CONTAINER_CLASS_LABEL="Container class"
8 | PLG_FIELDS_UIKITGALLERY_PARAMS_CONTAINER_CLASS_DESC="Define container class for output"
9 | 


--------------------------------------------------------------------------------
/tmpl/uikitgallery.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package     Joomla.Plugin
 4 |  * @subpackage  Fields.Uikitgallery
 5 |  *
 6 |  * @copyright   Copyright (C) 2017 JUGN.
 7 |  * @license     GNU General Public License version 2 or later; see LICENSE.txt
 8 |  */
 9 | 
10 | defined('_JEXEC') or die;
11 | if (!$field->value || $field->value == '-1') {
12 |     return;
13 | }
14 | // get the folder name in images directory
15 | $path = $field->value;
16 | $class = $fieldParams->get('container_class');
17 | 
18 | // read the .jpg from the selected directory
19 | jimport('joomla.filesystem.folder');
20 | $filter = '.\.jpg$';
21 | $images = JFolder::files('images/' . $path);
22 | ?>
23 | 
24 | <div class="<?php echo $class; ?>">
25 |     <?php foreach ($images as $image) : ?>
26 |         <div>
27 |             <?php $img = JHtml::_('image', 'images/' . $path . '/' . $image, $image, array('title' => $image), false); ?>
28 | 
29 |             <?php echo JHtml::_('link', 'images/' . $path . '/' . $image, $img, array('data-uk-lightbox' => '{group:\'my-group\'}', 'title' => $image)); ?>
30 |         </div>
31 |     <?php endforeach; ?>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/params/uikitgallery.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <form>
 3 | 	<fields name="fieldparams">
 4 | 		<fieldset name="fieldparams">
 5 | 			<field
 6 | 				name="directory"
 7 | 				type="folderlist"
 8 | 				directory="images"
 9 | 				hide_none="true"
10 | 				hide_default="true"
11 | 				recursive="true"
12 | 				label="PLG_FIELDS_UIKITGALLERY_PARAMS_DIRECTORY_LABEL"
13 | 				description="PLG_FIELDS_UIKITGALLERY_PARAMS_DIRECTORY_DESC "
14 | 			>
15 | 				<option value="">COM_FIELDS_FIELD_USE_GLOBAL</option>
16 | 				<option value="/">/</option>
17 | 			</field>
18 | 
19 | 			<field
20 | 				name="multiple"
21 | 				type="list"
22 | 				label="PLG_FIELDS_UIKITGALLERY_PARAMS_MULTIPLE_LABEL"
23 | 				description="PLG_FIELDS_UIKITGALLERY_PARAMS_MULTIPLE_DESC"
24 | 			>
25 | 				<option value="">COM_FIELDS_FIELD_USE_GLOBAL</option>
26 | 				<option value="1">JYES</option>
27 | 				<option value="0">JNO</option>
28 | 			</field>
29 | 
30 | 			<field
31 | 				name="container_class"
32 | 				type="textarea"
33 | 				label="PLG_FIELDS_UIKITGALLERY_PARAMS_CONTAINER_CLASS_LABEL"
34 | 				description="PLG_FIELDS_UIKITGALLERY_PARAMS_CONTAINER_CLASS_DESC"
35 | 				size="40"
36 | 			/>
37 | 		</fieldset>
38 | 	</fields>
39 | </form>
40 | 


--------------------------------------------------------------------------------
/uikitgallery.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package     Joomla.Plugin
 4 |  * @subpackage  Fields.Imagelist
 5 |  *
 6 |  * @copyright   Copyright (C) 2005 - 2017 Open Source Matters, Inc. All rights reserved.
 7 |  * @license     GNU General Public License version 2 or later; see LICENSE.txt
 8 |  */
 9 | 
10 | defined('_JEXEC') or die;
11 | 
12 | JLoader::import('components.com_fields.libraries.fieldslistplugin', JPATH_ADMINISTRATOR);
13 | 
14 | /**
15 |  * Fields Imagelist Plugin
16 |  *
17 |  * @since  3.7.0
18 |  */
19 | class PlgFieldsUikitgallery extends FieldsListPlugin
20 | {
21 | 	/**
22 | 	 * Transforms the field into a DOM XML element and appends it as a child on the given parent.
23 | 	 *
24 | 	 * @param   stdClass    $field   The field.
25 | 	 * @param   DOMElement  $parent  The field node parent.
26 | 	 * @param   JForm       $form    The form.
27 | 	 *
28 | 	 * @return  DOMElement
29 | 	 *
30 | 	 * @since   3.7.0
31 | 	 */
32 | 	public function onCustomFieldsPrepareDom($field, DOMElement $parent, JForm $form)
33 | 	{
34 | 		$fieldNode = parent::onCustomFieldsPrepareDom($field, $parent, $form);
35 | 
36 | 		if (!$fieldNode)
37 | 		{
38 | 			return $fieldNode;
39 | 		}
40 | 
41 |         $fieldNode->setAttribute('type', 'folderlist');
42 |         $fieldNode->setAttribute('directory', 'images');
43 |         $fieldNode->setAttribute('required', false);
44 |         $fieldNode->setAttribute('hide_none', false);
45 |         $fieldNode->setAttribute('hide_default', true);
46 |         $fieldNode->setAttribute('recursive', true);
47 |         $fieldNode->setAttribute('default', '/');
48 |         $fieldNode->setAttribute('label', 'PLG_FIELDS_UIKITGALLERY_PARAMS_DIRECTORY_LABEL');
49 |         $fieldNode->setAttribute('description', 'PLG_FIELDS_UIKITGALLERY_PARAMS_DIRECTORY_DESC');
50 | 
51 | 
52 | 
53 |         return $fieldNode;
54 | 	}
55 | }
56 | 


--------------------------------------------------------------------------------
/uikitgallery.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8" ?>
 2 | <extension type="plugin" version="3.7.0" group="fields" method="upgrade">
 3 | 	<name>plg_fields_uikitgallery</name>
 4 | 	<author>Barbara Aßmann</author>
 5 | 	<creationDate>June 2017</creationDate>
 6 | 	<copyright>Copyright (C) 2005 - 2017 webnet-assmann.de. All rights reserved.</copyright>
 7 | 	<license>GNU General Public License version 2 or later; see LICENSE.txt</license>
 8 | 	<authorEmail>info@webnet-assmann.de</authorEmail>
 9 | 	<authorUrl>www.webnet-assmann.de</authorUrl>
10 | 	<version>1.0</version>
11 | 	<description>PLG_FIELDS_UIKITGALLERY_DESC</description>
12 | 	<files>
13 | 		<filename plugin="uikitgallery">uikitgallery.php</filename>
14 | 		<folder>language</folder>
15 | 		<folder>params</folder>
16 | 		<folder>tmpl</folder>
17 | 	</files>
18 | 	<languages>
19 | 		<language tag="en-GB">en-GB.plg_fields_uikitgallery.ini</language>
20 | 		<language tag="en-GB">en-GB.plg_fields_uikitgallery.sys.ini</language>
21 | 	</languages>
22 | 	<config>
23 | 		<fields name="params">
24 | 			<fieldset name="basic">
25 | 				<field
26 | 					name="directory"
27 | 					type="folderlist"
28 | 					directory="images"
29 | 					required="true"
30 | 					hide_none="true"
31 | 					hide_default="true"
32 | 					recursive="true"
33 | 					default="/"
34 | 					label="PLG_FIELDS_UIKITGALLERY_PARAMS_DIRECTORY_LABEL"
35 | 					description=" "
36 | 				>
37 | 					<option value="/">/</option>
38 | 				</field>
39 | 	
40 | 				<field
41 | 					name="multiple"
42 | 					type="radio"
43 | 					class="btn-group btn-group-yesno"
44 | 					default="0"
45 | 					label="PLG_FIELDS_UIKITGALLERY_PARAMS_MULTIPLE_LABEL"
46 | 					description="PLG_FIELDS_UIKITGALLERY_PARAMS_MULTIPLE_DESC"
47 | 				>
48 | 					<option value="1">JYES</option>
49 | 					<option value="0">JNO</option>
50 | 				</field>
51 | 	
52 | 				<field
53 | 					name="container_class"
54 | 					type="textarea"
55 | 					label="PLG_FIELDS_UIKITGALLERY_PARAMS_CONTAINER_CLASS_LABEL"
56 | 					description="PLG_FIELDS_UIKITGALLERY_PARAMS_CONTAINER_CLASS_DESC"
57 | 					size="40"
58 | 				/>
59 | 			</fieldset>
60 | 		</fields>
61 | 	</config>
62 | </extension>
63 | 


--------------------------------------------------------------------------------