new file mode 100644

@@ -0,0 +1,2 @@

+order deny,allow

+allow from all

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,17 @@

+.mod_clientsProjectDevices .layout_default.device {

+  position: relative;

+  display: inline-block; }

+  .mod_clientsProjectDevices .layout_default.device .screenshot {

+    position: absolute;

+    vertical-align: middle; }

+  .mod_clientsProjectDevices .layout_default.device.phone .screenshot {

+    top: 8.8%;

+    left: 4.854%; }

+  .mod_clientsProjectDevices .layout_default.device.desktop .screenshot {

+    top: 4.901%;

+    left: 4.202%; }

+  .mod_clientsProjectDevices .layout_default.device.tablet .screenshot {

+    top: 11%;

+    left: 6.737%; }

+

+/*# sourceMappingURL=devices.css.map */

new file mode 100644

@@ -0,0 +1,35 @@

+.mod_clientsProjectDevices {

+  .layout_default.device {

+    position: relative;

+    display: inline-block;

+

+    .screenshot {

+      position: absolute;

+      vertical-align: middle;

+    }

+

+    &.phone {

+

+      .screenshot {

+        top: 8.8%;

+        left: 4.854%;

+      }

+    }

+

+    &.desktop {

+

+      .screenshot {

+        top: 4.901%;

+        left: 4.202%;

+      }

+    }

+

+    &.tablet {

+

+      .screenshot {

+        top: 11%;

+        left: 6.737%;

+      }

+    }

+  }

+}

\ No newline at end of file

new file mode 100644

Binary files /dev/null and b/assets/images/Nexus_6.png differ

new file mode 100644

Binary files /dev/null and b/assets/images/desktop.png differ

new file mode 100644

Binary files /dev/null and b/assets/images/smartphone.png differ

new file mode 100644

Binary files /dev/null and b/assets/images/tablet.png differ

@@ -28,6 +28,15 @@ class tl_module_esm_clients extends \Backend

 		return $this->getTemplateGroup('_clientsShowcase_');

 	}

+	/**

+	 * Return all device presentation templates as array

+	 * @return array

+	 */

+	public function getProjectDevicesTemplates()

+	{

+		return $this->getTemplateGroup('_project_devices_');

+	}

+

 	public function getClients()

 	{

 		$arrClients = array();

@@ -36,8 +36,9 @@ ClassLoader::addClasses(array

 	'eSM_clients\EsmClientsSettingsModel' => 'system/modules/eSM_clients/models/EsmClientsSettingsModel.php',

 	// Modules

-	'eSM_clients\ModuleClientsShowcase' => 'system/modules/eSM_clients/modules/ModuleClientsShowcase.php',

-	'eSM_clients\ModuleClientsProject' => 'system/modules/eSM_clients/modules/ModuleClientsProject.php',

+	'eSM_clients\ModuleClientsShowcase'       => 'system/modules/eSM_clients/modules/ModuleClientsShowcase.php',

+	'eSM_clients\ModuleClientsProject'        => 'system/modules/eSM_clients/modules/ModuleClientsProject.php',

+	'eSM_clients\ModuleClientsProjectDevices' => 'system/modules/eSM_clients/modules/ModuleClientsProjectDevices.php',

 ));

@@ -48,6 +49,8 @@ TemplateLoader::addFiles(array

 (

 	'_clientsShowcase_default'      => 'system/modules/eSM_clients/templates/modules/inc',

 	'mod_clientsShowcase'           => 'system/modules/eSM_clients/templates/modules',

-	'mod_clientsProject'            => 'system/modules/eSM_clients/templates/modules',

-	'be_clientsShowcase_sorting'    => 'system/modules/eSM_clients/templates/backend',

+    'mod_clientsProject'            => 'system/modules/eSM_clients/templates/modules',

+    '_project_devices_default'      => 'system/modules/eSM_clients/templates/modules/inc',

+    'mod_clientsProjectDevices'     => 'system/modules/eSM_clients/templates/modules',

+    'be_clientsShowcase_sorting'    => 'system/modules/eSM_clients/templates/backend',

 ));

@@ -27,6 +27,52 @@ array_insert($GLOBALS['BE_MOD'], 1, array

 $GLOBALS['FE_MOD']['esalesClients'] = array

 (

-	'clientsShowcase' => 'ModuleClientsShowcase',

-	'clientsProject'  => 'ModuleClientsProject'

+	'clientsShowcase'        => 'ModuleClientsShowcase',

+	'clientsProject'         => 'ModuleClientsProject',

+	'clientsProjectDevices'  => 'ModuleClientsProjectDevices'

+);

+

+

+/**

+ * Devices

+ */

+

+$GLOBALS['eSM_clients']['devices'] = array

+(

+	'phone' => array

+	(

+		'devicemask' => array

+		(

+			'imageSRC' => 'system/modules/eSM_clients/assets/images/Nexus_6.png',

+			'ratio'    => 0.75

+		),

+		'screen'     => array

+		(

+			'ratio' => array('x'=>0.911, 'y'=>0.759)

+		)

+	),

+	'desktop' => array

+	(

+		'devicemask' => array

+		(

+			'imageSRC' => 'system/modules/eSM_clients/assets/images/desktop.png',

+			'ratio'    => 1.00

+		),

+		'screen'     => array

+		(

+			'ratio' => array('x'=>0.919, 'y'=>0.622)

+		)

+	),

+	'tablet' => array

+	(

+		'devicemask' => array

+		(

+			'imageSRC' => 'system/modules/eSM_clients/assets/images/tablet.png',

+			'ratio'    => 0.75

+		),

+		'screen'     => array

+		(

+			'ratio' => array('x'=>0.865, 'y'=>0.779)

+		)

+	)

 );

\ No newline at end of file

@@ -110,7 +110,7 @@ $GLOBALS['TL_DCA']['tl_esm_clients_projects'] = array

 	// Palettes

 	'palettes' => array

 	(

-		'default'                     => '{title_legend},title,alias;{categorize_legend},type;{details_legend},text,projectUrl,services,features,tech;{images_legend},gallerySRC;{invisible_legend:hide},invisible,start,stop'

+		'default'                     => '{title_legend},title,alias;{categorize_legend},type;{details_legend},text,projectUrl,services,features,tech;{images_legend},gallerySRC,desktopSRC,phoneSRC,tabletSRC;{invisible_legend:hide},invisible,start,stop'

 	),

 	// Fields

@@ -194,7 +194,7 @@ $GLOBALS['TL_DCA']['tl_esm_clients_projects'] = array

 			'label'                   => &$GLOBALS['TL_LANG']['tl_esm_clients_projects']['features'],

 			'inputType'               => 'listWizard',

 			'exclude'                 => true,

-			'eval'                    => array('mandatory'=>true),

+			'eval'                    => array('mandatory'=>false),

 			'sql'                     => "text NULL"

 		),

 		'tech' => array

@@ -242,6 +242,30 @@ $GLOBALS['TL_DCA']['tl_esm_clients_projects'] = array

 			'inputType'               => 'text',

 			'eval'                    => array('rgxp'=>'datim', 'datepicker'=>true, 'tl_class'=>'w50 wizard'),

 			'sql'                     => "varchar(10) NOT NULL default ''"

-		)

+		),

+		'desktopSRC' => array

+		(

+			'label'                   => &$GLOBALS['TL_LANG']['tl_esm_clients_projects']['desktopSRC'],

+			'exclude'                 => true,

+			'inputType'               => 'fileTree',

+			'eval'                    => array('fieldType'=>'radio', 'filesOnly'=>true, 'extensions'=>\Config::get('validImageTypes')),

+			'sql'                     => "binary(16) NULL"

+		),

+		'phoneSRC' => array

+		(

+			'label'                   => &$GLOBALS['TL_LANG']['tl_esm_clients_projects']['phoneSRC'],

+			'exclude'                 => true,

+			'inputType'               => 'fileTree',

+			'eval'                    => array('fieldType'=>'radio', 'filesOnly'=>true, 'extensions'=>\Config::get('validImageTypes')),

+			'sql'                     => "binary(16) NULL"

+		),

+		'tabletSRC' => array

+		(

+			'label'                   => &$GLOBALS['TL_LANG']['tl_esm_clients_projects']['tabletSRC'],

+			'exclude'                 => true,

+			'inputType'               => 'fileTree',

+			'eval'                    => array('fieldType'=>'radio', 'filesOnly'=>true, 'extensions'=>\Config::get('validImageTypes')),

+			'sql'                     => "binary(16) NULL"

+		),

 	)

 );

\ No newline at end of file

@@ -18,6 +18,7 @@

  */

 $GLOBALS['TL_DCA']['tl_module']['palettes']['clientsShowcase']    = '{title_legend},name,headline,type;{config_legend},esm_numberOfItems,perPage;{reference_legend},jumpTo;{template_legend:hide},customTpl,esm_clientsShowcase_template;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space';

 $GLOBALS['TL_DCA']['tl_module']['palettes']['clientsProject']    = '{title_legend},name,headline,type;{image_legend},imgSize,fullsize;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space';

+$GLOBALS['TL_DCA']['tl_module']['palettes']['clientsProjectDevices']    = '{title_legend},name,headline,type;{devices_legend},esm_clients_devices;{settings_legend},esm_clients_devices_dimensions;{template_legend:hide},customTpl,esm_clients_devices_template;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space';

 /**

@@ -42,4 +43,37 @@ $GLOBALS['TL_DCA']['tl_module']['fields']['esm_clientsShowcase_template'] = arra

 	'options_callback'        => array('tl_module_esm_clients', 'getClientsShowcaseTemplates'),

 	'eval'                    => array('tl_class'=>'w50'),

 	'sql'                     => "varchar(32) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_module']['fields']['esm_clients_devices_template'] = array

+(

+	'label'                   => &$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices_template'],

+	'default'                 => '_project_devices_default',

+	'exclude'                 => true,

+	'inputType'               => 'select',

+	'options_callback'        => array('tl_module_esm_clients', 'getProjectDevicesTemplates'),

+	'eval'                    => array('tl_class'=>'w50'),

+	'sql'                     => "varchar(32) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_module']['fields']['esm_clients_devices'] = array

+(

+	'label'                   => &$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices'],

+	'exclude'                 => true,

+	'inputType'               => 'checkbox',

+	'options'                 => array('desktop','smartphone','tablet'),

+	'reference'               => &$GLOBALS['TL_LANG']['ESM_CLIENTS']['REF']['devices'],

+	'eval'                    => array('mandatory'=>true, 'multiple'=>true),

+	'sql'                     => "varchar(128) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_module']['fields']['esm_clients_devices_dimensions'] = array

+(

+	'label'                   => &$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices_dimensions'],

+	'exclude'                 => true,

+	'inputType'               => 'imageSize',

+	'options'                 => array('proportional'),

+	'reference'               => &$GLOBALS['TL_LANG']['MSC'],

+	'eval'                    => array('rgxp'=>'natural', 'includeBlankOption'=>true, 'nospace'=>true, 'tl_class'=>'w50'),

+	'sql'                     => "varchar(64) NOT NULL default ''"

 );

\ No newline at end of file

@@ -13,7 +13,7 @@

 /**

  * Headings

  */

-$GLOBALS['TL_LANG']['ESM_CLIENTS']['project_text'] = 'Besonderheiten';

+$GLOBALS['TL_LANG']['ESM_CLIENTS']['project_text'] = 'Projektinfo';

 $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_link'] = 'Projekt ansehen';

 $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_services'] = 'Unsere Leistungen';

 $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_features'] = 'Features';

@@ -22,4 +22,14 @@ $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_tech'] = 'Systeme';

 /**

  * Backend

  */

-$GLOBALS['TL_LANG']['ESM_CLIENTS']['sortorder'] = 'Sortierung im Frontend';

\ No newline at end of file

+$GLOBALS['TL_LANG']['ESM_CLIENTS']['sortorder'] = 'Sortierung im Frontend';

+

+/**

+ * References

+ */

+$GLOBALS['TL_LANG']['ESM_CLIENTS']['REF']['devices'] = array

+(

+	'desktop'    => 'Desktop',

+	'smartphone' => 'Smartphone',

+	'tablet'     => 'Tablet'

+);

\ No newline at end of file

@@ -24,4 +24,6 @@ $GLOBALS['TL_LANG']['FMD']['esalesClients'][0] = 'eSales Media - Kunden';

 $GLOBALS['TL_LANG']['FMD']['clientsShowcase'][0] = 'Kundenliste mit Projekten';

 $GLOBALS['TL_LANG']['FMD']['clientsShowcase'][1] = 'Zeigt eine Liste mit Kunden an, welche Projekte zugewiesen haben.';

 $GLOBALS['TL_LANG']['FMD']['clientsProject'][0] = 'Projektdetails';

-$GLOBALS['TL_LANG']['FMD']['clientsProject'][1] = 'Zeigt die Details zu einem Kundenprojekt';

\ No newline at end of file

+$GLOBALS['TL_LANG']['FMD']['clientsProject'][1] = 'Zeigt die Details zu einem Kundenprojekt';

+$GLOBALS['TL_LANG']['FMD']['clientsProjectDevices'][0] = 'Projekt-Device-Mockups';

+$GLOBALS['TL_LANG']['FMD']['clientsProjectDevices'][1] = 'Zeigt Geräte-Mockups mit Screenshots';

\ No newline at end of file

@@ -29,6 +29,12 @@ $GLOBALS['TL_LANG']['tl_esm_clients_projects']['tech'][0] = 'Technologie';

 $GLOBALS['TL_LANG']['tl_esm_clients_projects']['tech'][1] = 'Die bei dem Projekt eingesetzte Technologie';

 $GLOBALS['TL_LANG']['tl_esm_clients_projects']['gallerySRC'][0] = 'Screenshots';

 $GLOBALS['TL_LANG']['tl_esm_clients_projects']['gallerySRC'][1] = 'Screenshots/Schaubilder zum Projekt.';

+$GLOBALS['TL_LANG']['tl_esm_clients_projects']['desktopSRC'][0] = 'Desktop-Screenshot';

+$GLOBALS['TL_LANG']['tl_esm_clients_projects']['desktopSRC'][1] = 'Desktop Screenshot zum Projekt.';

+$GLOBALS['TL_LANG']['tl_esm_clients_projects']['phoneSRC'][0] = 'Smartphone-Screenshot';

+$GLOBALS['TL_LANG']['tl_esm_clients_projects']['phoneSRC'][1] = 'Smartphone Screenshot zum Projekt.';

+$GLOBALS['TL_LANG']['tl_esm_clients_projects']['tabletSRC'][0] = 'Tablet-Screenshot';

+$GLOBALS['TL_LANG']['tl_esm_clients_projects']['tabletSRC'][1] = 'Table Screenshot zum Projekt.';

 $GLOBALS['TL_LANG']['tl_esm_clients_projects']['invisible'][0] = 'Unsichtbar';

 $GLOBALS['TL_LANG']['tl_esm_clients_projects']['invisible'][1] = 'Den Eintrag im Frontend verstecken.';

 $GLOBALS['TL_LANG']['tl_esm_clients_projects']['start'][0] = 'Anzeigen ab';

@@ -17,11 +17,18 @@ $GLOBALS['TL_LANG']['tl_module']['esm_numberOfItems'][0] = 'Gesamtzahl der Eleme

 $GLOBALS['TL_LANG']['tl_module']['esm_numberOfItems'][1] = 'Hier können Sie die Gesamtzahl der Elemente begrenzen. Geben Sie 0 ein, um alle anzuzeigen.';

 $GLOBALS['TL_LANG']['tl_module']['esm_clientsShowcase_template'][0] = 'Showcase-Template';

 $GLOBALS['TL_LANG']['tl_module']['esm_clientsShowcase_template'][1] = 'Hier können Sie das Showcase-Template überschreiben.';

+$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices_template'][0] = 'Devices-Template';

+$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices_template'][1] = 'Hier können Sie das Devices-Template auswählen.';

+$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices'][0] = 'Devices';

+$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices'][1] = 'Hier können Sie bestimmen, welche Devices angezeigt werden, insofern Screenshots dafür im Projekt hinterlegt wurden.';

+$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices_dimensions'][0] = 'Maximalgröße';

+$GLOBALS['TL_LANG']['tl_module']['esm_clients_devices_dimensions'][1] = 'Die Maximalgröße des Device-Mockups';

 /**

  * Legends

  */

-//$GLOBALS['TL_LANG']['tl_module']['title_legend'] = 'Titel';

+$GLOBALS['TL_LANG']['tl_module']['devices_legend'] = 'Geräte';

+$GLOBALS['TL_LANG']['tl_module']['settings_legend'] = 'Einstellungen';

 /**

  * References

@@ -33,16 +33,35 @@ class EsmClientsModel extends \Model

 	 */

 	protected static $strTable = 'tl_esm_clients';

+	/**

+	 * @return \Model\Collection|null

+	 */

+	public static function countReferenceClients()

+	{

+		$t1 = static::$strTable;

+		$t2 = $t1.'_projects';

+

+		$Result = \Database::getInstance()->execute("SELECT COUNT($t1.id) AS 'totalcount' FROM $t1 WHERE invisible='' AND EXISTS (SELECT 1 FROM $t2 WHERE $t2.pid = $t1.id AND invisible = '' GROUP BY $t2.pid)");

+

+		if ($Result->numRows)

+		{

+			return $Result->totalcount;

+		}

+

+		return 0;

+	}

 	/**

 	 * @return \Model\Collection|null

 	 */

-	public static function getReferenceClients()

+	public static function getReferenceClients($intLimit=0, $intOffset=0)

 	{

 		$t1 = static::$strTable;

 		$t2 = $t1.'_projects';

-		$Result = \Database::getInstance()->execute("SELECT $t1.id FROM $t1 WHERE invisible='' AND EXISTS (SELECT 1 FROM $t2 WHERE $t2.pid = $t1.id AND invisible = '' GROUP BY $t2.pid) ORDER BY $t1.sorting");

+		$Result = \Database::getInstance()->prepare("SELECT $t1.id FROM $t1 WHERE invisible='' AND EXISTS (SELECT 1 FROM $t2 WHERE $t2.pid = $t1.id AND invisible = '' GROUP BY $t2.pid) ORDER BY $t1.sorting")

+		->limit($intLimit,$intOffset)

+		->execute();

 		$arrIds = $Result->fetchEach('id');

new file mode 100644

@@ -0,0 +1,174 @@

+<?php

+

+/**

+ * Clients for Contao

+ *

+ * Copyright (c) 2014 Benjamin Roth [http://www.esales-media.de]

+ *

+ * @package eSM_clients

+ * @link    http://www.esales-media.de

+ * @license commercial

+*/

+

+

+/**

+ * Run in a custom namespace, so the class can be replaced

+ */

+namespace eSM_clients;

+

+

+/**

+ * Shows a list of clients which have active projects

+ *

+ * @package   Modules

+ * @author    Benjamin Roth <http://www.esales-media.de>

+ * @copyright eSales Media 2014

+ */

+class ModuleClientsProjectDevices extends \Module

+{

+	/**

+	 * Template

+	 * @var string

+	 */

+	protected $strTemplate = 'mod_clientsProjectDevices';

+

+	protected $objProject = null;

+

+	protected $arrSRCs = array();

+	protected $referenceHeight;

+

+

+	public function generate()

+	{

+		if (TL_MODE == 'BE')

+		{

+			$objTemplate = new \BackendTemplate('be_wildcard');

+

+			$objTemplate->wildcard = '### ' . utf8_strtoupper($GLOBALS['TL_LANG']['FMD']['clientsProjectDevices'][0]) . ' ###';

+			$objTemplate->title = $this->headline;

+			$objTemplate->id = $this->id;

+			$objTemplate->link = $this->name;

+			$objTemplate->href = 'contao/main.php?do=themes&table=tl_module&act=edit&id=' . $this->id;

+

+			return $objTemplate->parse();

+		}

+

+		// Set the item from the auto_item parameter

+		if (!isset($_GET['items']) && \Config::get('useAutoItem') && isset($_GET['auto_item']))

+		{

+			\Input::setGet('items', \Input::get('auto_item'));

+		}

+

+		$this->objProject = EsmClientsProjectsModel::findByIdOrAlias($_GET['items']);

+

+		if ($this->objProject === null)

+		{

+			global $objPage;

+			$objHandler = new $GLOBALS['TL_PTY']['error_404']();

+			$objHandler->generate($objPage->id);

+		}

+

+		// Selected devices

+		$this->esm_clients_devices = deserialize($this->esm_clients_devices, true);

+

+		// Collect device images

+		if ($this->objProject->desktopSRC != '' && in_array('desktop', $this->esm_clients_devices))

+		{

+			$this->arrSRCs['desktop'] = $this->objProject->desktopSRC;

+		}

+

+		if ($this->objProject->phoneSRC != '' && in_array('smartphone', $this->esm_clients_devices))

+		{

+			$this->arrSRCs['phone'] = $this->objProject->phoneSRC;

+		}

+

+		if ($this->objProject->tabletSRC != '' && in_array('tablet', $this->esm_clients_devices))

+		{

+			$this->arrSRCs['tablet'] = $this->objProject->tabletSRC;

+		}

+

+		// Don't show module if no device screen is available

+		if (!count($this->arrSRCs))

+		{

+			return '';

+		}

+

+		// Load CSS

+		$GLOBALS['TL_CSS'][] = 'system/modules/eSM_clients/assets/css/devices.css||static';

+

+

+		return parent::generate();

+	}

+

+	/**

+	 * Compile the current element

+	 */

+	protected function compile()

+	{

+		global $objPage;

+

+		$this->esm_clients_devices_dimensions = deserialize($this->esm_clients_devices_dimensions);

+		if ($this->esm_clients_devices_dimensions[1])

+		{

+			$this->referenceHeight = $this->esm_clients_devices_dimensions[1];

+			$this->Template->referenceHeight = $this->referenceHeight;

+		}

+

+		// Add images

+		$arrDeviceScreenshots = array();

+		foreach ($this->arrSRCs as $devicetype => $source)

+		{

+			$objModel = \FilesModel::findByUuid($source);

+

+			if ($objModel === null)

+			{

+				if (!\Validator::isUuid($source))

+				{

+					$this->Template->text = '<p class="error">'.$GLOBALS['TL_LANG']['ERR']['version2format'].'</p>';

+				}

+			}

+			elseif (is_file(TL_ROOT . '/' . $objModel->path))

+			{

+				// Calculate devicemask height

+				if (isset($GLOBALS['eSM_clients']['devices'][$devicetype]))

+				{

+					$objDevicemask = new \File($GLOBALS['eSM_clients']['devices'][$devicetype]['devicemask']['imageSRC'], true);

+					if ($objDevicemask->isImage)

+					{

+						$intDeviceHeight = round($this->referenceHeight * $GLOBALS['eSM_clients']['devices'][$devicetype]['devicemask']['ratio']);

+						$objDevicemaskImage = \Image::create($objDevicemask,array('',$intDeviceHeight,'proportional'));

+						$objDevicemask = new \File($objDevicemaskImage->executeResize()->getResizedPath(),true);

+					}

+				}

+

+				$objFile = new \File($objModel->path,true);

+				if ($objFile->isImage)

+				{

+					$arrMeta = \Frontend::getMetaData($objModel->meta, $objPage->language);

+					$arrImage = array

+					(

+						'id'        => $objModel->id,

+						'uuid'      => $objModel->uuid,

+						'name'      => $objFile->basename,

+						'singleSRC' => $objModel->path,

+						'alt'       => $arrMeta['title'],

+						'imageUrl'  => $arrMeta['link'],

+						'caption'   => $arrMeta['caption'],

+						'size'      => serialize(array($objDevicemask->width*$GLOBALS['eSM_clients']['devices'][$devicetype]['screen']['ratio']['x'],$objDevicemask->height*$GLOBALS['eSM_clients']['devices'][$devicetype]['screen']['ratio']['y'],'center_top')),

+					);

+					$objImage = new \stdClass();

+					$this->addImageToTemplate($objImage, $arrImage);

+					$arrDeviceScreenshots[$devicetype] = array

+					(

+						'device'     => $objDevicemask->path,

+						'screenshot' => $objImage

+					);

+				}

+			}

+		}

+

+		// Add images to Template

+		$this->Template->screenshots = $arrDeviceScreenshots;

+

+	}

+}

@@ -26,164 +26,219 @@ namespace eSM_clients;

  */

 class ModuleClientsShowcase extends \Module

 {

-	/**

-	 * Template

-	 * @var string

-	 */

-	protected $strTemplate = 'mod_clientsShowcase';

-

-	/**

-	 * URL

-	 * @var string

-	 */

-	protected $strLink;

-

-

-	public function generate()

-	{

-		if (TL_MODE == 'BE')

-		{

-			$objTemplate = new \BackendTemplate('be_wildcard');

-

-			$objTemplate->wildcard = '### ' . utf8_strtoupper($GLOBALS['TL_LANG']['FMD']['clientsShowcase'][0]) . ' ###';

-			$objTemplate->title = $this->headline;

-			$objTemplate->id = $this->id;

-			$objTemplate->link = $this->name;

-			$objTemplate->href = 'contao/main.php?do=themes&table=tl_module&act=edit&id=' . $this->id;

-

-			return $objTemplate->parse();

-		}

-

-		$this->strUrl = preg_replace('/\?.*$/', '', \Environment::get('request'));

-		$this->strLink = $this->strUrl;

-

-		return parent::generate();

-	}

-

-	/**

-	 * Compile the current element

-	 */

-	protected function compile()

-	{

-		global $objPage;

-

-		$Clients = EsmClientsModel::getReferenceClients();

-

-		$strItems = '';

-

-		foreach ($Clients as $client)

-		{

-//			dump($client);

-			// Load client template

-			$objClientTemplate = new \FrontendTemplate($this->esm_clientsShowcase_template);

-

-			// Set template data

-			$objClientTemplate->title = $client->title;

-			$objClientTemplate->text = $client->text;

-			$objClientTemplate->color = deserialize($client->basecolor);

-			$objClientTemplate->branchId = $client->branch;

-

-			// Branche

-			$Branch = $client->getRelated('branch');

-			if (!is_null($Branch))

-			{

-				$objClientTemplate->branch = $Branch->title;

-			}

-

-			// Neutral logo

-			$objNeutralLogo = \FilesModel::findByUuid($client->logo_neutral);

-

-			if (is_file(TL_ROOT . '/' . $objNeutralLogo->path))

-			{

-				$objFile = new \File($objNeutralLogo->path, true);

-				$arrSize = $objFile->imageSize;

-				$arrMeta = $this->getMetaData($objNeutralLogo->meta, $objPage->language);

-				if (empty($arrMeta))

-				{

-					if ($objPage->rootFallbackLanguage !== null)

-					{

-						$arrMeta = $this->getMetaData($objNeutralLogo->meta, $objPage->rootFallbackLanguage);

-					}

-				}

-				if ($arrMeta['title'] == '')

-				{

-					$arrMeta['title'] = specialchars($objFile->basename);

-				}

-				$objClientTemplate->logo_neutral = array

-				(

-					'src'         => $objNeutralLogo->path,

-					'width'       => $arrSize[0],

-					'height'      => $arrSize[1],

-					'attributes'  => $arrSize[3] . ' alt="' . $arrMeta['title'] . '"',

-					'meta'        => $arrMeta

-				);

-

-			}

-

-			// Original logo

-			$objOriginalLogo = \FilesModel::findByUuid($client->logo_original);

-

-			if (is_file(TL_ROOT . '/' . $objOriginalLogo->path))

-			{

-				$objFile = new \File($objOriginalLogo->path, true);

-				$arrSize = $objFile->imageSize;

-				$arrMeta = $this->getMetaData($objOriginalLogo->meta, $objPage->language);

-				if (empty($arrMeta))

-				{

-					if ($objPage->rootFallbackLanguage !== null)

-					{

-						$arrMeta = $this->getMetaData($objOriginalLogo->meta, $objPage->rootFallbackLanguage);

-					}

-				}

-				if ($arrMeta['title'] == '')

-				{

-					$arrMeta['title'] = specialchars($objFile->basename);

-				}

-				$objClientTemplate->logo_original = array

-				(

-					'src'         => $objOriginalLogo->path,

-					'width'       => $arrSize[0],

-					'height'      => $arrSize[1],

-					'attributes'  => $arrSize[3] . ' alt="' . $arrMeta['title'] . '"',

-					'meta'        => $arrMeta

-				);

-

-			}

-

-			// Get client projects

-			$Projects = $client->getProjects();

-

-			$arrProjects = array();

-			foreach($Projects as $project)

-			{

-

-				$arrRow = $project->row();

-

-				if ($this->jumpTo > 0)

-				{

-					$objTarget = \PageModel::findByPk($this->jumpTo);

-

-					if ($objTarget !== null)

-					{

-						$strJumpTo = ampersand($this->generateFrontendUrl($objTarget->row(), ((\Config::get('useAutoItem') && !\Config::get('disableAlias')) ?  '/%s' : '/items/%s')));

-						$strJumpTo = sprintf($strJumpTo,(!\Config::get('disableAlias') && $project->alias != '') ? $project->alias : $project->id);

-

-						$arrRow['link'] = $strJumpTo;

-					}

-				}

-

-				$arrProjects[] = $arrRow;

-			}

-

-			$objClientTemplate->projects = $arrProjects;

-

-

-			// Render Template

-			$strItems .= $objClientTemplate->parse();

-		}

-

-		$this->Template->items = $strItems;

-	}

+    /**

+     * Template

+     * @var string

+     */

+    protected $strTemplate = 'mod_clientsShowcase';

+

+    /**

+     * URL

+     * @var string

+     */

+    protected $strLink;

+

+

+    public function generate()

+    {

+        if (TL_MODE == 'BE')

+        {

+            $objTemplate = new \BackendTemplate('be_wildcard');

+

+            $objTemplate->wildcard = '### ' . utf8_strtoupper($GLOBALS['TL_LANG']['FMD']['clientsShowcase'][0]) . ' ###';

+            $objTemplate->title = $this->headline;

+            $objTemplate->id = $this->id;

+            $objTemplate->link = $this->name;

+            $objTemplate->href = 'contao/main.php?do=themes&table=tl_module&act=edit&id=' . $this->id;

+

+            return $objTemplate->parse();

+        }

+

+        $this->strUrl = preg_replace('/\?.*$/', '', \Environment::get('request'));

+        $this->strLink = $this->strUrl;

+

+        return parent::generate();

+    }

+

+    /**

+     * Compile the current element

+     */

+    protected function compile()

+    {

+        /** @var \PageModel $objPage */

+        global $objPage;

+

+        $limit = null;

+        $offset = 0;

+

+        // Maximum number of items

+        if ($this->esm_numberOfItems > 0)

+        {

+            $limit = $this->esm_numberOfItems;

+        }

+

+        // Get the total number of items

+        $intTotal = EsmClientsModel::countReferenceClients();

+

+        if ($intTotal < 1)

+        {

+            return;

+        }

+

+        $total = $intTotal - $offset;

+

+        // Split the results

+        if ($this->perPage > 0 && (!isset($limit) || $this->esm_numberOfItems > $this->perPage))

+        {

+            // Adjust the overall limit

+            if (isset($limit))

+            {

+                $total = min($limit, $total);

+            }

+

+            // Get the current page

+            $id = 'page_cs' . $this->id;

+            $page = (\Input::get($id) !== null) ? \Input::get($id) : 1;

+

+            // Do not index or cache the page if the page number is outside the range

+            if ($page < 1 || $page > max(ceil($total/$this->perPage), 1))

+            {

+                /** @var \PageError404 $objHandler */

+                $objHandler = new $GLOBALS['TL_PTY']['error_404']();

+                $objHandler->generate($objPage->id);

+            }

+

+            // Set limit and offset

+            $limit = $this->perPage;

+            $offset += (max($page, 1) - 1) * $this->perPage;

+

+            // Overall limit

+            if ($offset + $limit > $total)

+            {

+                $limit = $total - $offset;

+            }

+

+            // Add the pagination menu

+            $objPagination = new \Pagination($total, $this->perPage, \Config::get('maxPaginationLinks'), $id);

+            $this->Template->pagination = $objPagination->generate("\n  ");

+        }

+

+        $Clients = EsmClientsModel::getReferenceClients(($limit ?: 0), $offset);

+

+        $strItems = '';

+

+        foreach ($Clients as $client)

+        {

+            // Load client template

+            $objClientTemplate = new \FrontendTemplate($this->esm_clientsShowcase_template);

+

+            // Set template data

+            $objClientTemplate->title = $client->title;

+            $objClientTemplate->text = $client->text;

+            $objClientTemplate->color = deserialize($client->basecolor);

+            $objClientTemplate->branchId = $client->branch;

+

+            // Branche

+            $Branch = $client->getRelated('branch');

+            if (!is_null($Branch))

+            {

+                $objClientTemplate->branch = $Branch->title;

+            }

+

+            // Neutral logo

+            $objNeutralLogo = \FilesModel::findByUuid($client->logo_neutral);

+

+            if (is_file(TL_ROOT . '/' . $objNeutralLogo->path))

+            {

+                $objFile = new \File($objNeutralLogo->path, true);

+                $arrSize = $objFile->imageSize;

+                $arrMeta = $this->getMetaData($objNeutralLogo->meta, $objPage->language);

+                if (empty($arrMeta))

+                {

+                    if ($objPage->rootFallbackLanguage !== null)

+                    {

+                        $arrMeta = $this->getMetaData($objNeutralLogo->meta, $objPage->rootFallbackLanguage);

+                    }

+                }

+                if ($arrMeta['title'] == '')

+                {

+                    $arrMeta['title'] = specialchars($objFile->basename);

+                }

+                $objClientTemplate->logo_neutral = array

+                (

+                    'src'         => $objNeutralLogo->path,

+                    'width'       => $arrSize[0],

+                    'height'      => $arrSize[1],