                                                                                                                                                                                
                                                                                                                                                                                
index.html                                                                                          0000705                 00000000037 15242036653 0006545 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <!DOCTYPE html><title></title>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 helper.php                                                                                          0000705                 00000004252 15242036653 0006543 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;

/**
 * Helper for mod_tlpportfolio
 *
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @since       1.6
 */
class ModTlpportfolioHelper
{
	/**
     * Retrieve component items
     * @param Joomla\Registry\Registry  &$params  module parameters
     * @return array Array with all the elements
     */
    public static function getLists(&$params) {
        $db = JFactory::getDbo();
        $query = $db->getQuery(true);
        $mod_category=$params->get('mod_category');
        @$category = implode(",", $mod_category);

        JFactory::getLanguage()->getTag();
        $multilang=JLanguageMultilang::isEnabled();

        // Select the required fields from the table.
		$query->select( 'DISTINCT a.*,c.title AS category_title,t.title AS tools_title');
		$query->from('`#__tlpportfolio_portfolio` AS a');
		// Join over the category 'category'
		$query->join('LEFT', '#__categories AS c ON c.id = a.category');
		// Join over the foreign key 'tools_used'
		$query->join('LEFT', '#__tlpportfolio_tools AS t ON t.id = a.tools_used');
		$query->where('a.state = 1');

        // if($category>0){
        //     $query->where("a.category IN ($category)");
        // }
        $q = array();
        if (count($mod_category)>0) {
            
            foreach ($mod_category as $cat) {
                $q[] = "(FIND_IN_SET('{$cat}',a.category))";
            }

        }
        if(!empty($q)){
            $string = implode(" OR ", $q);
            $query->where("( {$string} )");
        }
        // Filter by language
        if ($multilang)
        {
            $query->where('a.language in (' . $db->quote(JFactory::getLanguage()->getTag()) . ',' . $db->quote('*') . ')');
        }
        $query->order('a.ordering');

        $db->setQuery($query, 0, $params->get('mod_projectcount'));
//echo $query;
        $rows = $db->loadObjectList();
        return $rows;
    }
    
}
                                                                                                                                                                                                                                                                                                                                                      mod_tlpportfolio.php                                                                                0000705                 00000002043 15242036653 0010654 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;

// Include the syndicate functions only once
require_once __DIR__ . '/helper.php';
require_once('components/com_tlpportfolio//helpers/tlpportfolio.php');
$doc = JFactory::getDocument();

/* */
/***** Owl Carousel Assets ***/
$doc->addStyleSheet(JURI::base() . 'components/com_tlpportfolio/assets/owlcarousel/owl.carousel.min.css');
$doc->addStyleSheet(JURI::base() . 'components/com_tlpportfolio/assets/owlcarousel/owl.theme.default.min.css');
$doc->addStyleSheet(JURI::base() . 'components/com_tlpportfolio/assets/css/tlpportfolio.css');

/* */

$doc->addScript(JURI::base() . 'components/com_tlpportfolio/assets/owlcarousel/owl.carousel.min.js');

require JModuleHelper::getLayoutPath('mod_tlpportfolio', $params->get('mod_layout', 'layout1'));
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             tmpl/carousel1.php                                                                                  0000705                 00000043052 15242036653 0010137 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail               		    = $params->get('mod_link_detail','');
$mod_link_type                  	    = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';

$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
if ( $overlay_color ) {
	$style .= '.tlp-portfolio .slider1 .tlp-overlay,.tlp-portfolio .slider1 .tlp-overlay .tlp-title{ background-color: rgba(' . $r . ', ' . $g . ', ' . $b . ', ' . $overlay_opacity . ');}';
}
$style .= '.tlp-portfolio .slider1 .tlp-overlay .tlp-title { text-align: ' . $project_name_text_align . ';}';
$style .= '.tlp-portfolio .slider1 .tlp-overlay .tlp-title h3,.tlp-portfolio .slider1 .tlp-overlay .tlp-title h3 a { font-size: ' . $project_name_font_size . 'px; color: ' . $project_name_font_color . '; text-align: ' . $project_name_text_align . ';}';
$style .= '.tlp-portfolio .slider1 .tlp-overlay .tlp-title h3:hover a { color: ' . $project_name_font_color_hover . ';}';
$style .= '.tlp-portfolio .slider1 .tlp-overlay p.description {font-size: ' . $short_desc_font_size . 'px; color: ' . $short_desc_font_color . '; text-align: ' . $short_desc_text_align . ';}';
$style .= '.tlp-portfolio .slider1 .tlp-overlay p.link-icon a { font-size: ' . $icon_font_size . 'px; color: ' . $icon_font_color . '; border: 1px solid ' . $icon_font_color . ';}';

$document->addStyleDeclaration( $style );

$html ='';

if ( ! empty( $rows ) ) : 
	$html .='<div class="container-fluid tlp-portfolio">';
		$html .='<div class="tlp-row slider1 ">';
			$html .='<p class="pre-text">'.$mod_pretext.'</p>';
			$html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
				
				foreach ( $rows as &$item ) :
					$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
					if ( $link_type == 2 ) {
						$popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
					} else {
						$popup = null;
					}
					
					$html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';	
						$html .='<div class="tlp-portfolio-item">';
						  $html .='<div class="tlp-portfolio-thum">';  
						      $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';           
						  $html .='</div>';
						    $html .='<div class="tlp-overlay">';
						      $html .='<div class="tlp-title">';
						          if($link_detail==1){
						              if($item->custom_url){
						                    $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
						                  }else{
						                    $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
						                }
						                }else{
						                  $html .='<h3>'.$item->title.'</h3>';
						              }
						      $html .='</div>';
						      $html .='<div class="tlp-content">';  
						          if(($short_desc_field==1)&&($item->short_description!='')){
						              $html .='<p class="description">'.substr($item->short_description,0,$short_desc_limit).'</p>';
						          }
						          if(($category_field==1)&&($item->category!='')){
                        $html .='<p class="description">'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                      }
						          if(($tools_field==1)&&($item->tools_used!='')){
						              $html .='<p class="description">'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
						          }
						          $html .='<p class="link-icon">';
						           if($link_detail==1){
						              if($item->custom_url){
						                  $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
						              }else{
						                  $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
						              }
						            }
						            if($project_url_field==1){
						               $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
						            }
						          $html .='</p> ';
						        $html .='</div>';
						    $html .='</div>';
						$html .='</div>';
					$html .='</div>';
				endforeach; 
			$html .='</div>';
		$html .='</div>';
	$html .='</div>';
endif; 
echo $html;

$itemIdsHtml = null;
foreach ( $rows as &$item ) {
	$itemIdsHtml .= "<span>{$item->id}</span>";
}
if ( count( $rows ) > 0 ) {
	$html = null;
	$html .= "<span id='tlp-port-item-count'>";
	$html .= $itemIdsHtml;
	$html .= "</span>";
	echo $html;
}
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);


</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      tmpl/isotope6.php                                                                                   0000705                 00000044164 15242036653 0010016 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope6 .tlp-portfolio-thum h3, .tlp-portfolio .isotope6 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope6 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .isotope6 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope6 .tlp-portfolio-thum .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .isotope6 .tlp-portfolio-thum p{font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';

$document->addStyleDeclaration( $style );

$html ='';

if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
  $html .='<p class="pre-text">'.$mod_pretext.'</p>';
  $html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
      $html .='<div class="button-group filter-button-group isotop-btn">';
      $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
      if(!$hide_showall){
        $selected = $selected_category ? null : " class='selected'" ;
        $html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
      }
      $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
      foreach ($category as $key => $value) {
        $selected = null;
        if($value->id == $selected_category){
          $selected = " class='selected'";
        }
        $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
        $html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
      }
      $html .='</div>';
      $html .='<div class="portfolio-grid">';
      foreach ($rows as &$item) {
        if($link_type==2){ 
              $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
          }else{
              $popup= null;
          }
        $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
        
        if (!empty($item->portfolio_image)){
        $tcat=explode(',', $item->category);
        $cat=implode(' cat', $tcat);
          $html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
              $html .='<figure class="tlp-portfolio-thum">';
                 $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>'; 
                   $html .='<figcaption>';
                      $html .='<div class="tlp-overlay">';
                         if($project_name_field==1){
                            if($link_detail==1){
                                if($item->custom_url){
                                    $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                                  }else{
                                    $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                                }
                                }else{
                                  $html .='<h3>'.$item->title.'</h3>';
                              }
                            }
                           if(($category_field==1)&&($item->category!='')){
                                $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                            }
                            if(($tools_field==1)&&($item->tools_used!='')){
                                  $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                            }      
                           if(($short_desc_field==1)&&($item->short_description!='')){
                              if($short_desc_limit>0){
                                  $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
                                }else{
                                  $html .='<p>'.$item->short_description.'</p>';
                              }
                            }
                     
                           $html .='<p class="link-icon">';
                            if($link_detail==1){
                              if($item->custom_url){
                                $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                                }else{
                                $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
                              }
                            }
                            if(($project_url_field==1)&&($item->project_url)){
                                $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
                            }
                          $html .='</p>';  
                    $html .='</div>';
                  $html .='</figcaption>';     
              $html .='</figure>';
          $html .='</div>';
          }
         }  
      $html .='</div>';
    $html .='</div>';
  $html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                                                                            tmpl/carousel6.php                                                                                  0000705                 00000042401 15242036653 0010141 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}
if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}
if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
$style .= '.tlp-portfolio .slider6 .tlp-overlay h3, .tlp-portfolio .slider6 .tlp-overlay h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .slider6 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .slider6 .tlp-overlay .tlp-title { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .slider6 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .slider6 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if ( ! empty( $rows ) ) : 
  $html .='<div class="container-fluid tlp-portfolio">';
    $html .='<div class="tlp-row slider6 ">';
      $html .='<p class="pre-text">'.$mod_pretext.'</p>';
      $html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
        
        foreach ( $rows as &$item ) :
          $detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
          if ( $link_type == 2 ) {
            $popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
          } else {
            $popup = null;
          }
          
        $html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';
				  $html .='<div class="tlp-portfolio-item">';
          $html .='<figure>';
            $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';             
              $html .='<figcaption>';
                $html .='<div class="tlp-overlay">';
                  $html .='<div class="tlp-title">';
                      if($link_detail==1){
                          if($item->custom_url){
                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                            }else{
                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                          }
                          }else{
                            $html .='<h3>'.$item->title.'</h3>';
                        }
                      if(($category_field==1)&&($item->category!='')){
                          $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                        }
                  $html .='</div>';
                  $html .='<div class="tlp-content">';  
                    $html .='<p class="link-icon">';
                        if($link_detail==1){
                          if($item->custom_url){
                              $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                          }else{
                              $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
                          }
                        }
                        if($project_url_field==1){
                           $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
                        }
                    $html .='</p>';  
                $html .='</div>';
              $html .='</div>';
            $html .='</figcaption>';
          $html .='</figure>';
        $html .='</div>'; 
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;
echo $html;
$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      items: <?php echo $params->get( 'mod_display_no' );?>,
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);

</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>                                                                                                                                                                                                                                                               tmpl/isotope1.php                                                                                   0000705                 00000043751 15242036653 0010012 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope1 .tlp-item-bg { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .isotope1 .tlp-content h3, .tlp-portfolio .isotope1 .tlp-content h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .isotope1 .tlp-content h3:hover a { color: '. $project_name_font_color_hover.'; }';
$style .= '.tlp-portfolio .isotope1 .tlp-content p{font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';
if($overlay_color){
$style .= '.tlp-portfolio .isotope1 .tlp-portfolio-item .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
if($icon_font_color){
$style .= '.tlp-portfolio .isotope1 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
}
$document->addStyleDeclaration( $style );

$html ='';
if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
			$html .='<div class="button-group filter-button-group isotop-btn">';

			$allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
			if(!$hide_showall){
				$selected = $selected_category ? null : " class='selected'" ;
				$html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
			}
			$category=TlpportfolioFrontendHelper::getCategoryName($category_id);
			foreach ($category as $key => $value) {
				$selected = null;
				if($value->id == $selected_category){
					$selected = " class='selected'";
				}
				$catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
				$html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
			}
			$html .='</div>';
				
		$html .='<div class="portfolio-grid">';
	
		foreach ($rows as &$item) : 
			$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
			if($link_type==2){ 
		        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
		      }else{
		        $popup= null;
		    }
			
			if (!empty($item->portfolio_image)){
        $tcat=explode(',', $item->category);
        $cat=implode(' cat', $tcat);
				$html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
		        $html .='<div class="tlp-item-bg">';
			       $html .='<div class="tlp-portfolio-thum tlp-item">';
				 			$html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';		     		
				        	$html .='<div class="tlp-overlay">';
				              $html .='<ul class="link-icon">';
					              if($link_detail==1){
					                if($item->custom_url){
					                  $html .='<li><a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a></li>';
					                	}else{
					                  $html .='<li><a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a></li>';
					                }
					              }
				                if(($project_url_field==1)&&($item->project_url)){
				                   	$html .='<li><a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a></li> '; 
				                }
				              $html .='</ul>'; 
				              if(($category_field==1)&&($item->category!='')){
		                    	$html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				              }
				              if(($tools_field==1)&&($item->tools_used!='')){
				                    $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
				              }                    	  
				        	$html .='</div>';
			    		$html .='</div>';
					   	
					   	if(($project_name_field==1)||($short_desc_field==1)){   
					    $html .='<div class="tlp-content">';
					        $html .='<div class="tlp-content-holder">';
					        if($project_name_field==1){
					            if($link_detail==1){
					                if($item->custom_url){
					                    $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
					                  }else{
					                    $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
					                }
					                }else{
					                  $html .='<h3>'.$item->title.'</h3>';
					              }
					            }
					        if(($short_desc_field==1)&&($item->short_description!='')){
				                if($short_desc_limit>0){
				                    $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
				                  }else{
				                    $html .='<p>'.$item->short_description.'</p>';
				                }
				            }
					        $html .='</div>';     
					   	$html .='</div>';
					   }              
					$html .='</div>';
				$html .='</div>';
			  }
		endforeach;
	$html .='</div>';
$html .='</div>	';
$html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;
$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                       tmpl/carousel8.php                                                                                  0000705                 00000040577 15242036653 0010157 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
$style .= '.tlp-portfolio .layout12 .tlp-overlay h3, .tlp-portfolio .layout12 .tlp-overlay h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout12 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.'; }';
if($overlay_color){
$style .= '.tlp-portfolio .layout12 .tlp-overlay { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout12 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout12 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if ( ! empty( $rows ) ) : 
	$html .='<div class="container-fluid tlp-portfolio">';
		$html .='<div class="tlp-row layout12 ">';
			$html .='<p class="pre-text">'.$mod_pretext.'</p>';
			$html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
				
				foreach ( $rows as &$item ) :
					$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
					if ( $link_type == 2 ) {
						$popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
					} else {
						$popup = null;
					}
					
			$html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';
				$html .='<div class="tlp-portfolio-item">'; 
				    $html .='<figure>';
				    $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';               
				    $html .='</figure>';
				    $html .='<div class="tlp-overlay">';
				      $html .='<div class="item-info">';
				      $html .='<div class="item-info-top">';
				      if($project_name_field==1){
				        if($link_detail==1){
				            if($item->custom_url){
				                $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				              }else{
				                $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				            }
				            }else{
				              $html .='<h3>'.$item->title.'</h3>';
				          }
				        }
				        $html .='<div class="line"></div>';
				      $html .='</div>';
				      $html .='<div class="item-info-bottom">';
				      if(($category_field==1)&&($item->category!='')){
				            $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				        }
				        $html .='</div>';
				      $html .='</div>';
				    $html .='</div>';
				$html .='</div>';
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);

</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                 tmpl/isotope8.php                                                                                   0000705                 00000042310 15242036653 0010007 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope8 .tlp-overlay h3, .tlp-portfolio .isotope8 .tlp-overlay h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope8 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.'; }';
if($overlay_color){
$style .= '.tlp-portfolio .isotope8 .tlp-overlay .tlp-title { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope8 .tlp-overlay .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .isotope8 .tlp-overlay p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';

$document->addStyleDeclaration( $style );

$html ='';

if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
  $html .='<p class="pre-text">'.$mod_pretext.'</p>';
  $html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
      $html .='<div class="button-group filter-button-group isotop-btn">';
      $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
      if(!$hide_showall){
        $selected = $selected_category ? null : " class='selected'" ;
        $html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
      }
      $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
      foreach ($category as $key => $value) {
        $selected = null;
        if($value->id == $selected_category){
          $selected = " class='selected'";
        }
        $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
        $html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
      }
      $html .='</div>';
      $html .='<div class="portfolio-grid">';
      foreach ($rows as &$item) {
        $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
        if($link_type==2){ 
                $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
            }else{
                $popup= null;
            }
      if (!empty($item->portfolio_image)){
        $tcat=explode(',', $item->category);
        $cat=implode(' cat', $tcat);
        $html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
          $html .='<figure>';
            $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';              
            $html .='<figcaption>';
            $html .='<div class="tlp-overlay">';
              $html .='<div class="tlp-title">';
                  if($link_detail==1){
                      if($item->custom_url){
                          $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                        }else{
                          $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                      }
                      }else{
                        $html .='<h3>'.$item->title.'</h3>';
                    }
                  if(($category_field==1)&&($item->category!='')){
                        $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                    }
              $html .='</div>';
              $html .='<div class="tlp-content">';  
                  $html .='<p class="link-icon">';
                    if($link_detail==1){
                      if($item->custom_url){
                        $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                        }else{
                        $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
                      }
                    }
                    if(($project_url_field==1)&&($item->project_url)){
                        $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
                    }
                  $html .='</p>';  
              $html .='</div>';
            $html .='</div>';
          $html .='</figcaption>';
        $html .='</figure>';
        $html .='</div>';
          }
       }
      $html .='</div>';
    $html .='</div>';
  $html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                        tmpl/layout2.php                                                                                    0000705                 00000042246 15242036653 0007644 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
@$layout2_image_area                	= $params->get('mod_layout2_image_area','');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;

@$layout2_content_area = (12-$layout2_image_area);
$image_area = "tlp-col-md-".$layout2_image_area." tlp-col-lg-".$layout2_image_area." tlp-col-sm-6 tlp-col-xs-6";
$content_area = "tlp-col-md-".$layout2_content_area." tlp-col-lg-".$layout2_content_area." tlp-col-sm-6 tlp-col-xs-6";

if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout2 .tlp-content h3,.tlp-portfolio .layout2 .tlp-content h3 a { font-size:'. $project_name_font_size. 'px; color: '. $project_name_font_color.'; text-align:'. $project_name_text_align .';}';
$style .= '.tlp-portfolio .layout2 .tlp-content h3 a:hover { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout2 .tlp-overlay { background-color: rgba('.$r.', '.$g.', '.$b .','. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout2 .tlp-overlay .link-icon li,.tlp-portfolio .layout2 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout2 .tlp-content .read-more a { border: 1px solid '. $primary_color.'; color:'. $primary_color.'; }';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
				$html .='<div class="tlp-portfolio-item">';                 	
				  $html .='<div class="tlp-portfolio-thum tlp-item '.$image_area.'">';
				  	if (!empty($item->portfolio_image)){
				      	$html .='<figure>';
				   			  $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';   		
				   		  $html .='</figure>';	
				      }
				      	$html .='<div class="tlp-overlay">';
				            $html .='<ul class="link-icon">';
				                if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<li><a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a></li>';
				                  }else{
				                      $html .='<li><a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a></li>';
				                  }
				                 }
				                if($item->project_url){
				                  $html .='<li><a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a></li>';  
				                }
				            $html .='</ul>';                    	  
				        $html .='</div>';
				  $html .='</div>';
				  $html .='<div class="tlp-content '.$content_area.'">';
				    $html .='<article>';
				        $html .='<div class="tlp-content-holder">';
				            if($project_name_field==1){
				              if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                    }else{
				                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                  }
				                  }else{
				                    $html .='<h3>'.$item->title.'</h3>';
				                }
				            }
				            if(($short_desc_field==1)&&($item->short_description!='')){
				                if($short_desc_limit>0){
				                    $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
				                  }else{
				                    $html .='<p>'.$item->short_description.'</p>';
				                }
				            }
				            if(($category_field==1)||($client_field==1)||($tools_field==1)||($project_url_field==1)){ 
				                $html .='<div class="extra-features">';
				                $html .='<ul>';
				                  if(($category_field==1)&&($item->category!='')){
				                      $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_CATEGORY') .':</label> '. TlpportfolioFrontendHelper::getCatTitle($item->category).'</li>';
				                  }
				                  if(($client_field==1)&&($item->client_name!='')){   
				                      $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_CLIENT_NAME').':</label> '. $item->client_name.'</li>';
				                  }
				                  if(($tools_field==1)&&($item->tools_used!='')){   
				                      $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_TOOLS_USED').':</label> ' .TlpportfolioFrontendHelper::getTools($item->tools_used).'</li>';
				                  }
				                  if(($project_url_field==1)&&($item->project_url!='')){   
				                      $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_PROJECT_URL').':</label>  <a href="'.$item->project_url.'" target="_blank">'.$item->project_url.'</a></li>';
				                  }
				                  if($item->completed_date!=''){   
				                      $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_COMPLETED_DATE').':</label> '.date($create_date_format, strtotime($item->completed_date)).'</li>';
				                  }
				                $html .='</ul>';
				                $html .='</div>';
				              }
				        $html .='</div>';  
				    $html .='</article>';     
				  $html .='</div>';                    
				$html .='</div>';
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                          tmpl/layout10.php                                                                                   0000705                 00000035316 15242036653 0007723 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout10 .tlp-overlay h3, .tlp-portfolio .layout10 .tlp-overlay h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout10 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout10 .tlp-overlay .tlp-title { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout10 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout10 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
			if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">';
				  $html .='<figure>';
				    $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';             
				    $html .='<figcaption>';
				      $html .='<div class="tlp-overlay">';
				        $html .='<div class="tlp-title">';
				            if($link_detail==1){
				                if($item->custom_url){
				                    $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                  }else{
				                    $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                }
				                }else{
				                  $html .='<h3>'.$item->title.'</h3>';
				              }
				            if(($category_field==1)&&($item->category!='')){
				                $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				              }
				        $html .='</div>';
				        $html .='<div class="tlp-content">';  
				            $html .='<p class="link-icon">';
				                if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				                  }else{
				                      $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				                  }
				                }
				                if($project_url_field==1){
				                   $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				                }
				            $html .='</p>';  
				        $html .='</div>';
				      $html .='</div>';
				    $html .='</figcaption>';
				  $html .='</figure>';
				$html .='</div>'; 
			}
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                  tmpl/layout5.php                                                                                    0000705                 00000036167 15242036653 0007654 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout5 .tlp-overlay h3,.tlp-portfolio .layout5 .tlp-overlay h3 a {font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout5 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.'; }';
if($overlay_color){
$style .= '.tlp-portfolio .layout5 .tlp-overlay { background-color: rgba('. $r.','. $g.','. $b.','. $overlay_opacity.');}';
$style .= '.tlp-portfolio .layout5 .tlp-overlay .tlp-title { background-color: rgba('. $r.', '. $g.','. $b.','. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout5 .tlp-overlay p.description { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';
$style .= '.tlp-portfolio .layout5 .tlp-overlay p.link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$document->addStyleDeclaration( $style );

$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
				if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">';
				  $html .='<div class="tlp-portfolio-thum">';  
				      $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';           
				  $html .='</div>';
				    $html .='<div class="tlp-overlay">';
				      $html .='<div class="tlp-title">';
				          if($link_detail==1){
				              if($item->custom_url){
				                    $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                  }else{
				                    $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                }
				                }else{
				                  $html .='<h3>'.$item->title.'</h3>';
				              }
				      $html .='</div>';
				      $html .='<div class="tlp-content">';  
				          if(($short_desc_field==1)&&($item->short_description!='')){
				              $html .='<p class="description">'.substr($item->short_description,0,$short_desc_limit).'</p>';
				          }
				          if(($category_field==1)&&($item->category!='')){
				              $html .='<p class="description">'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				          }
				          if(($tools_field==1)&&($item->tools_used!='')){
				              $html .='<p class="description">'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
				          }
				          $html .='<p class="link-icon">';
				           if($link_detail==1){
				              if($item->custom_url){
				                  $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				              }else{
				                  $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				              }
				            }
				            if($project_url_field==1){
				               $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				            }
				          $html .='</p> ';
				        $html .='</div>';
				    $html .='</div>';
				$html .='</div>';
				}
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif; 
echo $html;
$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                                                                                                                                                                                                                                                                                         tmpl/isotope9.php                                                                                   0000705                 00000042563 15242036653 0010022 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope9 .tlp-portfolio-item h3 , .tlp-portfolio .isotope9 .tlp-portfolio-item h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope9 .tlp-portfolio-item h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .isotope9 .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope9 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .isotope9 .tlp-overlay .item-info p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
  $html .='<p class="pre-text">'.$mod_pretext.'</p>';
  $html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
      $html .='<div class="button-group filter-button-group isotop-btn">';
      $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
      if(!$hide_showall){
        $selected = $selected_category ? null : " class='selected'" ;
        $html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
      }
      $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
      foreach ($category as $key => $value) {
        $selected = null;
        if($value->id == $selected_category){
          $selected = " class='selected'";
        }
        $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
        $html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
      }
      $html .='</div>';
      $html .='<div class="portfolio-grid">';
      foreach ($rows as &$item) {
        if($link_type==2){ 
              $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
          }else{
              $popup= null;
          }
        $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
        
      if (!empty($item->portfolio_image)){
        $tcat=explode(',', $item->category);
        $cat=implode(' cat', $tcat);
      $html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
        $html .='<figure>';
          $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';            
        
        $html .='<div class="tlp-overlay">';
          $html .='<div class="item-info">';
          if($project_name_field==1){
              if($link_detail==1){
                  if($item->custom_url){
                      $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                    }else{
                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                  }
                  }else{
                    $html .='<h3>'.$item->title.'</h3>';
                }
              }
            $html .='<div class="line"></div>';
            if(($category_field==1)&&($item->category!='')){
                $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
            }
            if(($short_desc_field==1)&&($item->short_description!='')){
                if($short_desc_limit>0){
                    $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
                  }else{
                    $html .='<p>'.$item->short_description.'</p>';
                }
            }
            $html .='<p class="link-icon">';
              if($link_detail==1){
                if($item->custom_url){
                  $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                  }else{
                  $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
                }
              }
              if(($project_url_field==1)&&($item->project_url)){
                  $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
              }
            $html .='</p>';   
          $html .='</div>';
        $html .='</div>';
        $html .='</figure>';
        $html .='</div>';
          }
         }
      $html .='</div>';
    $html .='</div>';
  $html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                             tmpl/carousel7.php                                                                                  0000705                 00000042162 15242036653 0010146 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
$style .= '.tlp-portfolio .layout11 .tlp-overlay h3, .tlp-portfolio .layout11 .tlp-overlay h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout11 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout11 .tlp-overlay { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout11 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout11 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if ( ! empty( $rows ) ) : 
	$html .='<div class="container-fluid tlp-portfolio">';
		$html .='<div class="tlp-row layout11 ">';
			$html .='<p class="pre-text">'.$mod_pretext.'</p>';
			$html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
				
				foreach ( $rows as &$item ) :
					$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
					if ( $link_type == 2 ) {
						$popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
					} else {
						$popup = null;
					}
					
				$html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';
				$html .='<div class="tlp-portfolio-item">'; 
				    $html .='<figure>';
				    $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';               
				    $html .='</figure>';
				    $html .='<div class="tlp-overlay">';
				      $html .='<div class="item-info">';
				      if($project_name_field==1){
				        if($link_detail==1){
				            if($item->custom_url){
				                $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				              }else{
				                $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				            }
				            }else{
				              $html .='<h3>'.$item->title.'</h3>';
				          }
				        }
				        $html .='<div class="line"></div>';
				        if(($category_field==1)&&($item->category!='')){
				            $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				        }
				      if(($short_desc_field==1)&&($item->short_description!='')){
				          if($short_desc_limit>0){
				              $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
				            }else{
				              $html .='<p>'.$item->short_description.'</p>';
				          }
				        }
				      $html .='<p class="link-icon">';
				          if($link_detail==1){
				            if($item->custom_url){
				                $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				            }else{
				                $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				            }
				          }
				          if($project_url_field==1){
				             $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				          }
				      $html .='</p>';
				      $html .='</div>';
				    $html .='</div>';
				$html .='</div>';
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);

</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                                                                                                                                                                                                                                                                                              tmpl/isotope7.php                                                                                   0000705                 00000043431 15242036653 0010013 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope7 .tlp-portfolio-item h3, .tlp-portfolio .isotope7 .tlp-portfolio-item h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope7 .tlp-portfolio-item h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .isotope7 figcaption:hover { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope7 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .isotope7 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
  $html .='<p class="pre-text">'.$mod_pretext.'</p>';
  $html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
      $html .='<div class="button-group filter-button-group isotop-btn">';
      $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
      if(!$hide_showall){
        $selected = $selected_category ? null : " class='selected'" ;
        $html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
      }
      $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
      foreach ($category as $key => $value) {
        $selected = null;
        if($value->id == $selected_category){
          $selected = " class='selected'";
        }
        $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
        $html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
      }
      $html .='</div>';
      $html .='<div class="portfolio-grid">';
      foreach ($rows as &$item) {
        if($link_type==2){ 
              $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
          }else{
              $popup= null;
          }
        $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
        
      if (!empty($item->portfolio_image)){
        $tcat=explode(',', $item->category);
        $cat=implode(' cat', $tcat);
        $html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
        $html .='<figure>';
          $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';            
              $html .='<figcaption>';
                $html .='<div class="tlp-content" >';
                if($project_name_field==1){
                    if($link_detail==1){
                        if($item->custom_url){
                            $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                          }else{
                            $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                        }
                        }else{
                          $html .='<h3>'.$item->title.'</h3>';
                      }
                    }
                    if(($category_field==1)&&($item->category!='')){
                          $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                      }
                      if(($tools_field==1)&&($item->tools_used!='')){
                            $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                      }      
                     if(($short_desc_field==1)&&($item->short_description!='')){
                        if($short_desc_limit>0){
                            $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
                          }else{
                            $html .='<p>'.$item->short_description.'</p>';
                        }
                      }
                    $html .='<p class="link-icon">';
                      if($link_detail==1){
                        if($item->custom_url){
                          $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                          }else{
                          $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
                        }
                      }
                      if(($project_url_field==1)&&($item->project_url)){
                          $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
                      }
                    $html .='</p>';   
              $html .='</div>';
            $html .='</figcaption>';  
           $html .='</figure>'; 
        $html .='</div>';
          }
         }
      $html .='</div>';
    $html .='</div>';
  $html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                       tmpl/layout4.php                                                                                    0000705                 00000037365 15242036653 0007654 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}

if($overlay_color){
$style .= '.tlp-portfolio .layout4 .image-container .tlp-overlay { background-color: rgba('. $r.','.$g .','.$b.','.$overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout4 .image-container .tlp-overlay p { font-size: '.$short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';
$style .= '.tlp-portfolio .layout4 .tlp-portfolio-item .tlp-info h3, .tlp-portfolio .layout4 .tlp-portfolio-item .tlp-info h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .layout4 .tlp-portfolio-item .tlp-info h3:hover a { color: '. $project_name_font_color_hover.'; }';
$style .= '.tlp-portfolio .layout4 .image-container .tlp-overlay .tlp-title h3,.tlp-portfolio .layout4 .image-container .tlp-overlay .tlp-title h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; }';

$document->addStyleDeclaration( $style );

$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
				if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">';                     	
				  $html .='<div class="image-container">';
				    if (!empty($item->portfolio_image)){
				            $html .='<figure>';
				              $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';      
				            $html .='</figure>';  
				          }
				      $html .='<div class="tlp-overlay">';
				        $html .='<div class="tlp-title">';
				            if($link_detail==1){
				                if($item->custom_url){
				                    $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                    }else{
				                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                    }
				                  }else{
				                    $html .='<h3>'.$item->title.'</h3>';
				                }
				        $html .='</div>'; 
				          if(($category_field==1)&&($item->category!='')){
				              $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				            }
				          if(($tools_field==1)&&($item->tools_used!='')){
				              $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
				          }
				          if(($short_desc_field==1)&&($item->short_description!='')){
				              $html .='<p>'.substr($item->short_description,0,$short_desc_limit).'</p>';
				          }
				          $html .='<p class="link-icon">';
				            if($link_detail==1){
				                if($item->custom_url){
				                      $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				                  }else{
				                      $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				                  }
				                }
				                if($project_url_field==1){
				                   $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				                }
				          $html .='</p>';                    
				        $html .='</div>';
				  $html .='</div>';
				  if($project_name_field==1){
				  $html .='<div class="tlp-info">';        
				      if($link_detail==1){
				          if($item->custom_url){
				              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				            }else{
				              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				          }
				          }else{
				            $html .='<h3>'.$item->title.'</h3>';
				        }                
				  $html .='</div>';
				  }     
				$html .='</div>';
				}
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                                                                                                                                                           tmpl/layout3.php                                                                                    0000705                 00000041533 15242036653 0007643 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout3 .tlp-content h3,.tlp-portfolio .layout3 .tlp-content h3 a { font-size:'. $project_name_font_size .'px; color:'. $project_name_font_color.'; text-align:'. $project_name_text_align.';}';
$style .= '.tlp-portfolio .layout3 .tlp-content h3:hover a { color:'. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .layout3 .tlp-content p { font-size:'. $short_desc_font_size .'px; color:'. $short_desc_font_color.'; text-align:'.$short_desc_text_align.';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay { background-color: rgba('. $r.','. $g.','.$b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout3 .tlp-overlay .link-icon li,.tlp-portfolio .layout3 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );

$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
				$html .='<div class="tlp-portfolio-item">';                   
				    $html .='<div class="tlp-portfolio-thum tlp-item ">';
				        if (!empty($item->portfolio_image)){
				            $html .='<figure>';
				              $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';      
				            $html .='</figure>';  
				          }
				        	$html .='<div class="tlp-overlay">';
				              $html .='<p class="link-icon">';
				                if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				                  }else{
				                      $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				                  }
				                }
				                if($project_url_field==1){
				                   $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				                }
				              $html .='</p>';         	  
				        	$html .='</div>';
				    $html .='</div>';
				     
				    $html .='<div class="tlp-content">';
				      $html .='<div class="tlp-content-holder">';
				          if($project_name_field==1){
				              if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                    }else{
				                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                  }
				                  }else{
				                    $html .='<h3>'.$item->title.'</h3>';
				                }
				              }
				              if(($short_desc_field==1)&&($item->short_description!='')){
				                  if($short_desc_limit>0){
				                      $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
				                    }else{
				                      $html .='<p>'.$item->short_description.'</p>';
				                  }
				              }
				        
				              if(($category_field==1)||($client_field==1)||($tools_field==1)||($project_url_field==1)){ 
				                $html .='<div class="extra-features">';
				                  $html .='<ul>';
				                    if(($category_field==1)&&($item->category!='')){
				                        $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_CATEGORY') .':</label> '. TlpportfolioFrontendHelper::getCatTitle($item->category).'</li>';
				                    }
				                    if(($client_field==1)&&($item->client_name!='')){   
				                        $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_CLIENT_NAME').':</label> '. $item->client_name.'</li>';
				                    }
				                    if(($tools_field==1)&&($item->tools_used!='')){   
				                        $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_TOOLS_USED').':</label> ' .TlpportfolioFrontendHelper::getTools($item->tools_used).'</li>';
				                    }
				                    if(($project_url_field==1)&&($item->project_url!='')){   
				                        $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_PROJECT_URL').':</label>  <a href="'.$item->project_url.'" target="_blank">'.$item->project_url.'</a></li>';
				                    }
				                    if($item->completed_date!=''){   
				                        $html .='<li><label>'.JText::_('MOD_TLPPORTFOLIO_FORM_LBL_PORTFOLIO_COMPLETED_DATE').':</label> '.date($create_date_format, strtotime($item->completed_date)).'</li>';
				                    }
				                  $html .='</ul>';
				                $html .='</div>';
				              }
				        $html .='</div>';
				    $html .='</div>';                    
				$html .='</div>';

			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif; 
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>

<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                     tmpl/index.html                                                                                     0000705                 00000000037 15242036653 0007521 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <!DOCTYPE html><title></title>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 tmpl/layout11.php                                                                                   0000705                 00000035537 15242036653 0007731 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout11 .tlp-overlay h3, .tlp-portfolio .layout11 .tlp-overlay h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout11 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout11 .tlp-overlay { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout11 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout11 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
			if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">'; 
				    $html .='<figure>';
				    $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';               
				    $html .='</figure>';
				    $html .='<div class="tlp-overlay">';
				      $html .='<div class="item-info">';
				      if($project_name_field==1){
				        if($link_detail==1){
				            if($item->custom_url){
				                $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				              }else{
				                $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				            }
				            }else{
				              $html .='<h3>'.$item->title.'</h3>';
				          }
				        }
				        $html .='<div class="line"></div>';
				        if(($category_field==1)&&($item->category!='')){
				            $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				        }
				      if(($short_desc_field==1)&&($item->short_description!='')){
				          if($short_desc_limit>0){
				              $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
				            }else{
				              $html .='<p>'.$item->short_description.'</p>';
				          }
				        }
				      $html .='<p class="link-icon">';
				          if($link_detail==1){
				            if($item->custom_url){
				                $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				            }else{
				                $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				            }
				          }
				          if($project_url_field==1){
				             $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				          }
				      $html .='</p>';
				      $html .='</div>';
				    $html .='</div>';
				$html .='</div>';
			}
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>

<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                 tmpl/layout9.php                                                                                    0000705                 00000036010 15242036653 0007643 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout9 .tlp-portfolio-item h3, .tlp-portfolio .layout9 .tlp-portfolio-item h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
if($overlay_color){
$style .= '.tlp-portfolio .layout9 figcaption:hover { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout9 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout9 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';

		     if (!empty($item->portfolio_image)):
		      $html .='<figure class="tlp-portfolio-item">';
		          $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';           
		            $html .='<figcaption>';
		              $html .='<div class="tlp-content" >';
		                  if($project_name_field==1){
		                    if($link_detail==1){
		                        if($item->custom_url){
		                            $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
		                          }else{
		                            $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
		                        }
		                        }else{
		                          $html .='<h3>'.$item->title.'</h3>';
		                      }
		                    }
		                    if(($category_field==1)&&($item->category!='')){
		                        $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
		                      }
		                    if(($tools_field==1)&&($item->tools_used!='')){ 
		                        $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
		                    }
		                    if(($short_desc_field==1)&&($item->short_description!='')){
		                        $html .='<p>'.substr($item->short_description,0,$short_desc_limit).'</p>';
		                    }
		                  $html .='<p class="link-icon">';
		                    if($link_detail==1){
		                      if($item->custom_url){
		                          $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
		                      }else{
		                          $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
		                      }
		                    }
		                    if($project_url_field==1){
		                       $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
		                    }
		                  $html .='</p>';  
		            $html .='</div>';
		          $html .='</figcaption>';
		      $html .='</figure>';  
		    endif; 

			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif;

echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        tmpl/layout12.php                                                                                   0000705                 00000034354 15242036653 0007726 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout12 .tlp-overlay h3, .tlp-portfolio .layout12 .tlp-overlay h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout12 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout12 .tlp-overlay { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout12 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout12 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
			if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">'; 
				    $html .='<figure>';
				    $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';               
				    $html .='</figure>';
				    $html .='<div class="tlp-overlay">';
				      $html .='<div class="item-info">';
				      $html .='<div class="item-info-top">';
				      if($project_name_field==1){
				        if($link_detail==1){
				            if($item->custom_url){
				                $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				              }else{
				                $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				            }
				            }else{
				              $html .='<h3>'.$item->title.'</h3>';
				          }
				        }
				        $html .='<div class="line"></div>';
				      $html .='</div>';
				      $html .='<div class="item-info-bottom">';
				      if(($category_field==1)&&($item->category!='')){
				            $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				        }
				        $html .='</div>';
				      $html .='</div>';
				    $html .='</div>';
				$html .='</div>';
			}
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/fotorama/fotorama.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                    tmpl/layout7.php                                                                                    0000705                 00000036073 15242036653 0007652 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout7 .tlp-portfolio-thum h3, .tlp-portfolio .layout7 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .layout7 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .layout7 .tlp-portfolio-thum p { background: '. $primary_color.'; font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$style .= '.tlp-portfolio .layout7 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba('. $r.', '.$g.', '. $b.', '. $overlay_opacity.'); font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.';  text-align: '. $short_desc_text_align.'}';
$style .= '.tlp-portfolio .layout7 .tlp-portfolio-thum .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
			if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">';
				   $html .='<figure class="tlp-portfolio-thum">';
				      $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';  
				      $html .='<figcaption>';
				      $html .='<div class="tlp-overlay">';
				         if($project_name_field==1){
				              if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                    }else{
				                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                  }
				                  }else{
				                    $html .='<h3>'.$item->title.'</h3>';
				                }
				              }
				            if(($category_field==1)&&($item->category!='')){
				                  $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				              }
				            if(($tools_field==1)&&($item->tools_used!='')){ 
				                $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
				            }
				        $html .='<div>';
				        
				        $desc = explode(".", $item->short_description);
				        $t=count($desc);  
				        for($i=0;$i<$t-1;$i++){ 
				        
				          $html .='<p>'. $desc[$i].'</p>';
				        } 
				        $html .='</div>';
				            $html .='<span class="link-icon">';
				              if($link_detail==1){
				                if($item->custom_url){
				                  $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				                }else{
				                  $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				                }
				              }
				            $html .='</span>'; 
				        $html .='</div>';  
				      $html .='</figcaption>';     
				  $html .='</figure>';
				$html .='</div>';
			 }
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif;
echo $html;
$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                     tmpl/isotope4.php                                                                                   0000705                 00000044124 15242036653 0010010 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
if($overlay_color){
$style .= '.tlp-portfolio .isotope4 .tlp-portfolio-thum:hover .tlp-content { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope4 .tlp-portfolio-thum .tlp-content p { text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope4 .tlp-portfolio-thum h3 ,.tlp-portfolio .isotope4 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope4 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .isotope4 .tlp-portfolio-thum { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .isotope4 .tlp-portfolio-thum p{font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';
$style .= '.tlp-portfolio .isotope4 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';
if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
  $html .='<p class="pre-text">'.$mod_pretext.'</p>';
  $html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
      $html .='<div class="button-group filter-button-group isotop-btn">';
      $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
      if(!$hide_showall){
        $selected = $selected_category ? null : " class='selected'" ;
        $html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
      }
      $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
      foreach ($category as $key => $value) {
        $selected = null;
        if($value->id == $selected_category){
          $selected = " class='selected'";
        }
        $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
        $html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
      }
      $html .='</div>';
      $html .='<div class="portfolio-grid">';

      foreach ($rows as &$item) {
        $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
        if($link_type==2){ 
                $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
            }else{
                $popup= null;
            }
        if (!empty($item->portfolio_image)){
          $tcat=explode(',', $item->category);
          $cat=implode(' cat', $tcat);
          $html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
              $html .='<figure class="tlp-portfolio-thum">';
                 $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';           
              $html .='<figcaption>';
                 $html .='<div class="tlp-content">';
                     if($link_detail==1){
                          if($item->custom_url){
                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                            }else{
                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                          }
                          }else{
                            $html .='<h3>'.$item->title.'</h3>';
                        }
                      // $html .='</div>'; 
                        if(($category_field==1)&&($item->category!='')){
                            $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                        }
                        if(($tools_field==1)&&($item->tools_used!='')){
                              $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                        }      
                     $html .='<p class="link-icon">';
                        if($link_detail==1){
                          if($item->custom_url){
                            $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                            }else{
                            $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
                          }
                        }
                        if(($project_url_field==1)&&($item->project_url)){
                            $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
                        }
                    $html .='</p>';     
                   $html .='</div>';
                   if(($short_desc_field==1)&&($item->short_description!='')){
                      if($short_desc_limit>0){
                          $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
                        }else{
                          $html .='<p>'.$item->short_description.'</p>';
                      }
                    }
                 $html .='</figcaption>';     
              $html .='</figure>';
          $html .='</div>';
            }
           }
        $html .='</div>';
    $html .='</div>';
  $html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                            tmpl/carousel3.php                                                                                  0000705                 00000043051 15242036653 0010140 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail                = $params->get('mod_link_detail','');
$mod_link_type                  = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
if($overlay_color){
$style .= '.tlp-portfolio .slider3 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .slider3 .tlp-portfolio-thum h3,.tlp-portfolio .slider3 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .slider3 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .slider3 .tlp-portfolio-thum p {font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';
$style .= '.tlp-portfolio .slider3 .tlp-portfolio-thum .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';

if ( ! empty( $rows ) ) : 
  $html .='<div class="container-fluid tlp-portfolio">';
    $html .='<div class="tlp-row slider3 ">';
      $html .='<p class="pre-text">'.$mod_pretext.'</p>';
      $html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
        
        foreach ( $rows as &$item ) :
          $detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
          if ( $link_type == 2 ) {
            $popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
          } else {
            $popup = null;
          }
          
          $html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';
				$html .='<div class="tlp-portfolio-item">';
          $html .='<figure class="tlp-portfolio-thum">';
              $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';
              $html .='<figcaption>';
                $html .='<div class="tlp-overlay">';
                    if($project_name_field==1){
                      if($link_detail==1){
                          if($item->custom_url){
                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                            }else{
                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                          }
                          }else{
                            $html .='<h3>'.$item->title.'</h3>';
                        }
                      }
                      if(($category_field==1)&&($item->category!='')){
                          $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                        }
                      if(($tools_field==1)&&($item->tools_used!='')){ 
                          $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                      }
                      if(($short_desc_field==1)&&($item->short_description!='')){
                          $html .='<p>'.substr($item->short_description,0,$short_desc_limit).'</p>';
                      }
                      $html .='<p class="link-icon">';
                        if($link_detail==1){
                          if($item->custom_url){
                              $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                          }else{
                              $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
                          }
                        }
                        if($project_url_field==1){
                           $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
                        }
                      $html .='</p>';   
                $html .='</div>';
              $html .='</figcaption>';     
          $html .='</figure>';
        $html .='</div>';
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;

echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);

</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       tmpl/isotope3.php                                                                                   0000705                 00000042362 15242036653 0010011 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$category_id                  			= $params->get('mod_category');
@$hide_showall                    		= $params->get('mod_hide_showall','');
@$selected_category               		= $params->get('mod_selected_category','');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');
$mod_hide_count                         = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope3 .tlp-overlay .tlp-title { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .isotope3 .tlp-overlay h3,.tlp-portfolio .isotope3 .tlp-overlay h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .isotope3 .tlp-overlay h3:hover a { color: '. $project_name_font_color_hover.'; }';
if($overlay_color){
$style .= '.tlp-portfolio .isotope3 .tlp-overlay {background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope3 .tlp-overlay p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';
$style .= '.tlp-portfolio .isotope3 .tlp-overlay p.link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';
if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-portfolio-isotope '.$layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
		  $html .='<div class="button-group filter-button-group isotop-btn">';
		  $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
		  	if($mod_hide_count==1){ 
            	$count = '';
	          }else{
	            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
	        }
			if(!$hide_showall){
				$selected = $selected_category ? null : " class='selected'" ;
				$html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
			}
		  $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
		  foreach ($category as $key => $value) {
		    $selected = null;
		    if($value->id == $selected_category){
		      $selected = " class='selected'";
		    }
		    $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
		    if($mod_hide_count==1){ 
            	$count = '';
          	}else{
            	$count = ' <span class="count-cat">('. count($catitems).')</span>';
        	}
			$html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
		  }
		  $html .='</div>';
		  $html .='<div class="portfolio-grid">';

		  foreach ($rows as &$item) {

		    $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
		    if($link_type==2){ 
		            $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
		        }else{
		            $popup= null;
		        }
			if (!empty($item->portfolio_image)){
        		$tcat=explode(',', $item->category);
        		$cat=implode(' cat', $tcat);
				$html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
		           $html .='<div class="tlp-each-item">';
		           		$html .='<div class="tlp-portfolio-thum">';  
		                  $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';              
		               $html .='</div>';
		               $html .='<div class="tlp-overlay">';
		                 $html .='<div class="tlp-title">';
		                   if($link_detail==1){
		                    if($item->custom_url){
		                        $html .='<h3><a href="'.$item->custom_url.'" target="_blank" > '.substr($item->title,0, 33).'</a></h3>';
		                      }else{
		                        $html .='<h3><a href="'.$detail_link.'"'. $popup .'>'. substr($item->title,0, 33).'</a></h3>';
		                      }}else{
		                        $html .='<h3>'.substr($item->title,0, 33).'</h3>';
		                    }
		                 $html .='</div>';
		                 $html .='<div class="tlp-content">'; 
		                   if(($short_desc_field==1)&&($item->short_description!='')){
		                        if($short_desc_limit>0){
		                            $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
		                          }else{
		                            $html .='<p>'.$item->short_description.'</p>';
		                        }
		                      }
		                   if(($category_field==1)&&($item->category!='')){
		                          $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
		                      }
		                   if(($tools_field==1)&&($item->tools_used!='')){
		                          $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
		                      } 
		                    $html .='<p class="link-icon">';
		                        if($link_detail==1){
		                          if($item->custom_url){
		                            $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
		                            }else{
		                            $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
		                          }
		                        }
		                        if(($project_url_field==1)&&($item->project_url)){
		                            $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
		                        }
		                    $html .='</p>'; 
		                 $html .='</div>';
		               $html .='</div>';
		          $html .='</div>';
				    $html .='</div>';
		      }  
		    }
			$html .='</div>';
		$html .='</div>';
	$html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                              tmpl/carousel4.php                                                                                  0000705                 00000042663 15242036653 0010151 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
if($overlay_color){
$style .= '.tlp-portfolio .slider4 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .slider4 .tlp-portfolio-thum h3,.tlp-portfolio .slider4 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .slider4 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.'; }';
$style .= '.tlp-portfolio .slider4 .tlp-portfolio-thum p {font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';
$style .= '.tlp-portfolio .slider4 .tlp-portfolio-thum .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';

if ( ! empty( $rows ) ) : 
  $html .='<div class="container-fluid tlp-portfolio">';
    $html .='<div class="tlp-row slider4 ">';
      $html .='<p class="pre-text">'.$mod_pretext.'</p>';
      $html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
        
        foreach ( $rows as &$item ) :
          $detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
          if ( $link_type == 2 ) {
            $popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
          } else {
            $popup = null;
          }
          
        $html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';
				$html .='<div class="tlp-portfolio-item">';
           $html .='<figure class="tlp-portfolio-thum">';
              $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';  
              $html .='<figcaption>';
              $html .='<div class="tlp-overlay">';
                 if($project_name_field==1){
                      if($link_detail==1){
                          if($item->custom_url){
                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                            }else{
                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                          }
                          }else{
                            $html .='<h3>'.$item->title.'</h3>';
                        }
                      }
                    if(($category_field==1)&&($item->category!='')){
                          $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                      }
                    if(($tools_field==1)&&($item->tools_used!='')){ 
                        $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                    }
                $html .='<div>';
                
                $desc = explode(".", $item->short_description);
                $t=count($desc);  
                for($i=0;$i<$t-1;$i++){ 
                
                  $html .='<p>'. $desc[$i].'</p>';
                } 
                $html .='</div>';
                    $html .='<span class="link-icon">';
                      if($link_detail==1){
                        if($item->custom_url){
                          $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                        }else{
                          $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
                        }
                      }
                    $html .='</span>'; 
                $html .='</div>';  
              $html .='</figcaption>';     
          $html .='</figure>';
        $html .='</div>';
			$html .='</div>';	
	 endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);

</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                             tmpl/layout6.php                                                                                    0000705                 00000036450 15242036653 0007650 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}

if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
if($overlay_color){
$style .= '.tlp-portfolio .layout6 .tlp-portfolio-thum:hover .tlp-content { background-color: rgba('. $r.','. $g.','. $b.','. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout6 .tlp-portfolio-thum h3, .tlp-portfolio .layout6 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout6 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.'; }';
$style .= '.tlp-portfolio .layout6 .tlp-portfolio-thum .tlp-content p{text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .layout6 .tlp-portfolio-thum { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .layout6 .tlp-portfolio-thum p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';
$style .= '.tlp-portfolio .layout6 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
			if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">';
				  $html .='<figure class="tlp-portfolio-thum">';
				      $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';              
				    $html .='<figcaption>';
				          $html .='<div class="tlp-content">';
				         if($project_name_field==1){
				              if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                    }else{
				                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                  }
				                  }else{
				                    $html .='<h3>'.$item->title.'</h3>';
				                }
				              }
				              
				              if(($category_field==1)&&($item->category!='')){
				                  $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				              }
				              if(($tools_field==1)&&($item->tools_used!='')){ 
				                  $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
				              }
				              $html .='<p class="link-icon">';
				                if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				                  }else{
				                      $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				                  }
				                }
				                if($project_url_field==1){
				                   $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				                }
				              $html .='</p>';    
				            $html .='</div>';
				          if(($short_desc_field==1)&&($item->short_description!='')){ 
				               $html .='<p>'.substr($item->short_description,0,$short_desc_limit).'</p>';
				          }
				    $html .='</figcaption>';     
				  $html .='</figure>';
				$html .='</div>';
				}
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
	$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>


                                                                                                                                                                                                                        tmpl/default.php                                                                                    0000705                 00000032661 15242036653 0007671 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     1.2
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 			= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 					= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 				= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 			= $tlpportfolio_params->get('enable_social_share');
$link_type 						= $tlpportfolio_params->get('link_type','2');
$image_grid 					= $tlpportfolio_params->get('image_grid','10');
$create_date_format 			= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 				= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 						= $tlpportfolio_params->get('g_layout');
$g_display_no 					= $tlpportfolio_params->get('g_display_no','4');
$g_grid_type 					= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 			= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_image_style 					= $tlpportfolio_params->get('g_image_style');
$g_primary_color 				= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 				= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 				= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 		= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 		= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_text_align 		= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 		= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 		= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 		= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 				= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 				= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 			= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 			= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 					= $tlpportfolio_params->get('g_tools_field');
$g_category_field 				= $tlpportfolio_params->get('g_category_field');
$g_client_field 				= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 			= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     	= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             	= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               	= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 				= $params->get("mod_display_no");
$mod_layout 					= $params->get("mod_layout");
$mod_grid_type 					= $params->get('mod_grid_type');
$mod_item_to_item_margin 		= $params->get('mod_item_to_item_margin');
$mod_image_style 				= $params->get('mod_image_style');
$mod_primary_color 				= $params->get('mod_primary_color');
$mod_overlay_color 				= $params->get('mod_overlay_color');
$mod_overlay_opacity 			= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 	= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 	= $params->get('mod_project_name_font_color');
$mod_project_name_text_align 	= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 		= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 		= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 		= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 			= $params->get('mod_icon_font_size');
$mod_icon_font_color 			= $params->get('mod_icon_font_color');
$mod_project_name_field 		= $params->get('mod_project_name_field');
$mod_short_desc_field 			= $params->get('mod_short_desc_field');
$mod_tools_field 				= $params->get('mod_tools_field');
$mod_category_field 			= $params->get('mod_category_field');
$mod_client_field 				= $params->get('mod_client_field');
$mod_project_url_field 			= $params->get('mod_project_url_field');
$mod_btn_bg                     = $params->get('mod_btn_bg');
$mod_btn_text_color            	= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              	= $params->get('mod_btn_bg_hover');
$mod_pretext               		= $params->get('mod_pretext');
$menu_id                 	    = $params->get( 'mod_portmenuitem' );

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
	$display_no=$mod_display_no;
	$grid=(12/$mod_display_no);
}else{
	$display_no=$g_display_no;
	$grid=(12/$g_display_no);
}


$grid=(12/$display_no);

$bss="tlp-col-md-".$grid." tlp-col-lg-".$grid." tlp-col-sm-6";

if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';

if($layout=='layout1'){
$style .='.tlp-portfolio .layout1 .tlp-portfolio-item { background:'.$primary_color.';}';
$style .='.tlp-portfolio .layout1 .tlp-content h3,.tlp-portfolio .layout1 .tlp-content h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '.$project_name_text_align.';}';
$style .= '.tlp-portfolio .layout1 .tlp-content p{font-size: '.$short_desc_font_size .'px; color:'. $short_desc_font_color.';  text-align: '. $short_desc_text_align .';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-overlay { background-color: rgba('. $r.','. $g.','.$b .','.$overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout1 .tlp-overlay .link-icon li,.tlp-portfolio .layout1 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
}
$document->addStyleDeclaration( $style );
?>

<?php if (!empty($rows)) : ?>
<div class="container-fluid">
<div class="tlp-row tlp-portfolio">
	<p class="pre-text"><?php echo $mod_pretext;?></p>
	<div class="tlp-layout <?php echo $layout . $mIsoLayout;?>">
	<?php 
		foreach ($rows as &$item) : 
			if($link_type==2){ 
		        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
		      }else{
		        $popup= null;
		    }
			$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
			?>
			<div class="<?php echo $bss.$ItemClass;?> <?php if($item_to_item_margin==0){echo 'allmargin0';}?> ">
				<div class="tlp-portfolio-item">                     	
				    <div class="tlp-portfolio-thum tlp-item">
				 		<img class="img-responsive" src="<?php echo JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image; ?> " alt="<?php echo $item->title; ?>"/>		     		
				        	<div class="tlp-overlay">
				              	<p class="link-icon">
				                <?php if($link_detail==1){
	                                  if($item->custom_url){?>
	                                    <a href="<?php echo $item->custom_url; ?>" target="_blank" ><i class="fa fa-info"></i></a>
	                                  <?php }else{?>
	                                    <a href="<?php echo $detail_link ?>" <?php echo $popup; ?>><i class="fa fa-info"></i></a>
	                                  <?php }
	                                }?>
				                <?php if($project_url_field==1){ ?>
				                   <a href="<?php echo $item->project_url;?>" target="_blank"><i class="fa fa-external-link"></i></a>  
				                <?php }?>
				              	</p> 
				              	<?php if(($category_field==1)&&($item->category_title!='')){ ?>
				                    <p><?php echo $item->category_title?></p>
				              	<?php }?>
				              	<?php if(($tools_field==1)&&($item->tools_used!='')){?> 
				                    <p><?php echo TlpportfolioFrontendHelper::getTools($item->tools_used);?></p>
				              	<?php }?>                    	  
				        	</div>
				    </div>
				   <?php if(($project_name_field==1)||($short_desc_field==1)){?>      
				    <div class="tlp-content">
				        <div class="tlp-content-holder">
				        <?php if($project_name_field==1){
				         if($link_detail==1){
				             if($item->custom_url){?>
				               <h3><a href="<?php echo $item->custom_url; ?>" target="_blank" ><?php echo $item->title; ?></a></h3>
				             <?php }else{?>
				              <h3><a href="<?php echo $detail_link; ?>" <?php echo $popup; ?> ><?php echo $item->title; ?></a></h3>
				         <?php }}else{?>
				              <h3><?php echo $item->title; ?></h3>
				         <?php }
				         }?>
				          <?php if(($short_desc_field==1)&&($item->short_description!='')){?>
				        	     <p><?php echo $item->short_description; ?></p>
				          <?php }?>
				        </div>     
				   </div>
				   <?php }?>                          
				</div>
			</div>	
		<?php endforeach; ?>
	</div>
</div>	
</div>
<?php endif; ?>

<?php $itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/fotorama/fotorama.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

	


                                                                               tmpl/layout1.php                                                                                    0000705                 00000037016 15242036653 0007642 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');


if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
if($layout=='layout1'){
$style .='.tlp-portfolio .layout1 .tlp-portfolio-item { background:'.$primary_color.';}';
$style .='.tlp-portfolio .layout1 .tlp-content h3,.tlp-portfolio .layout1 .tlp-content h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '.$project_name_text_align.';}';
$style .='.tlp-portfolio .layout1 .tlp-content h3 a:hover { color: '. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .layout1 .tlp-content p{font-size: '.$short_desc_font_size .'px; color:'. $short_desc_font_color.';  text-align: '. $short_desc_text_align .';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-overlay { background-color: rgba('. $r.','. $g.','.$b .','.$overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout1 .tlp-overlay .link-icon li,.tlp-portfolio .layout1 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
}
$document->addStyleDeclaration( $style );

$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
				$html .='<div class="tlp-portfolio-item">';                     	
				    $html .='<div class="tlp-portfolio-thum tlp-item">';
				 		$html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.' " alt="'.$item->title.'"/>	';	     		
				        	$html .='<div class="tlp-overlay">';
				              $html .='<p class="link-icon">';
				                if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				                  }else{
				                      $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				                  }
				                }
				                if($project_url_field==1){
				                   $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				                }
				              $html .='</p>';
				              if(($category_field==1)&&($item->category!='')){
				                    $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				              }
				              if(($tools_field==1)&&($item->tools_used!='')){
				                    $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
				              }
				        	$html .='</div>';
				    $html .='</div>';
				   if(($project_name_field==1)||($short_desc_field==1)){
					    $html .='<div class="tlp-content">';
					        $html .='<div class="tlp-content-holder">';
					          if($project_name_field==1){
					            if($link_detail==1){
					                if($item->custom_url){
					                    $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
					                  }else{
					                    $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
					                }
					                }else{
					                  $html .='<h3>'.$item->title.'</h3>';
					              }
					            }
					            if(($short_desc_field==1)&&($item->short_description!='')){
					                if($short_desc_limit>0){
					                    $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
					                  }else{
					                    $html .='<p>'.$item->short_description.'</p>';
					                }
					            }
					        $html .='</div>';
					    $html .='</div>';
					  }                
				$html .='</div>';
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif; 
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  tmpl/layout8.php                                                                                    0000705                 00000036105 15242036653 0007647 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .layout8 .tlp-portfolio-thum h3, .tlp-portfolio .layout8 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .layout8 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .layout8 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .layout8 .tlp-portfolio-thum .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .layout8 .tlp-portfolio-thum p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) :
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-layout '.$layout . $mIsoLayout.'">';

	foreach ($rows as &$item) : 
		if($link_type==2){ 
	        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
	      }else{
	        $popup= null;
	    }
		$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
		
			$html .='<div class="'.$bss.$ItemClass .$item_to_item_margin.' ">';
			if (!empty($item->portfolio_image)){
				$html .='<div class="tlp-portfolio-item">';
				  $html .='<figure class="tlp-portfolio-thum">';
				      $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';
				      $html .='<figcaption>';
				        $html .='<div class="tlp-overlay">';
				            if($project_name_field==1){
				              if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
				                    }else{
				                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
				                  }
				                  }else{
				                    $html .='<h3>'.$item->title.'</h3>';
				                }
				              }
				              if(($category_field==1)&&($item->category!='')){
				                  $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
				                }
				              if(($tools_field==1)&&($item->tools_used!='')){ 
				                  $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
				              }
				              if(($short_desc_field==1)&&($item->short_description!='')){
				                  $html .='<p>'.substr($item->short_description,0,$short_desc_limit).'</p>';
				              }
				              $html .='<p class="link-icon">';
				                if($link_detail==1){
				                  if($item->custom_url){
				                      $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
				                  }else{
				                      $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
				                  }
				                }
				                if($project_url_field==1){
				                   $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
				                }
				              $html .='</p>';   
				        $html .='</div>';
				      $html .='</figcaption>';     
				  $html .='</figure>';
				$html .='</div>';
				}
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                           tmpl/isotope10.php                                                                                  0000705                 00000041226 15242036653 0010065 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope10 .tlp-portfolio-item h3 , .tlp-portfolio .isotope10 .tlp-portfolio-item h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope10 .tlp-portfolio-item h3:hover a { color: '. $project_name_font_color_hover.';}';
if($overlay_color){
$style .= '.tlp-portfolio .isotope10 .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope10 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .isotope10 .tlp-overlay .item-info p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';

$document->addStyleDeclaration( $style );
$html ='';

if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
  $html .='<p class="pre-text">'.$mod_pretext.'</p>';
  $html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
      $html .='<div class="button-group filter-button-group isotop-btn">';
      $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
      if(!$hide_showall){
        $selected = $selected_category ? null : " class='selected'" ;
        $html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
      }
      $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
      foreach ($category as $key => $value) {
        $selected = null;
        if($value->id == $selected_category){
          $selected = " class='selected'";
        }
        $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
        $html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
      }
      $html .='</div>';
      $html .='<div class="portfolio-grid">';
      foreach ($rows as &$item) {
        if($link_type==2){ 
              $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
          }else{
              $popup= null;
          }
        $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
        
      if (!empty($item->portfolio_image)){
        $tcat=explode(',', $item->category);
        $cat=implode(' cat', $tcat);
        $html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
        $html .='<figure>';
          $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';            
        
          $html .='<div class="tlp-overlay">';
             $html .='<div class="item-info">';
             $html .='<div class="item-info-top">';
             if($project_name_field==1){
                if($link_detail==1){
                    if($item->custom_url){
                        $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                      }else{
                        $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                    }
                    }else{
                      $html .='<h3>'.$item->title.'</h3>';
                  }
              }
              $html .='<div class="line"></div>';
              $html .='</div>';
              $html .='<div class="item-info-bottom">';
               if(($category_field==1)&&($item->category!='')){
                    $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                }
              $html .='</div>';
            $html .='</div>';
          $html .='</div>';
        $html .='</figure>';
        $html .='</div>';
          }
         }
      $html .='</div>';
    $html .='</div>';
  $html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                                          tmpl/isotope2.php                                                                                   0000705                 00000044175 15242036653 0010014 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path 					= $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail 							= $tlpportfolio_params->get('link_detail','1');
$bootstrap_version 						= $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share 					= $tlpportfolio_params->get('enable_social_share');
$link_type 								= $tlpportfolio_params->get('link_type','2');
$image_grid 							= $tlpportfolio_params->get('image_grid','10');
$create_date_format 					= $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit 						= $tlpportfolio_params->get('short_desc_limit','150');
$g_layout 								= $tlpportfolio_params->get('g_layout');
$g_display_no 							= $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab               		= $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob               		= $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type 							= $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin 					= $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                       		= $tlpportfolio_params->get('g_gutter');
$g_image_style 							= $tlpportfolio_params->get('g_image_style');
$g_primary_color 						= $tlpportfolio_params->get('g_primary_color');
$g_overlay_color 						= $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity 						= $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size 				= $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color 				= $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover    	= $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align 				= $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size 				= $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color 				= $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align 				= $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size 						= $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color 						= $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field 					= $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field 					= $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field 							= $tlpportfolio_params->get('g_tools_field');
$g_category_field 						= $tlpportfolio_params->get('g_category_field');
$g_client_field 						= $tlpportfolio_params->get('g_client_field');
$g_project_url_field 					= $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                     			= $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color             			= $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover               			= $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no 						= $params->get("mod_display_no");
$mod_display_no_tab             		= $params->get("mod_display_no_tab");
$mod_display_no_mob             		= $params->get("mod_display_no_mob");
$mod_layout 							= $params->get("mod_layout");
$mod_grid_type 							= $params->get('mod_grid_type');
$mod_item_to_item_margin 				= $params->get('mod_item_to_item_margin');
$mod_gutter                     		= $params->get('mod_gutter');
$mod_image_style 						= $params->get('mod_image_style');
$mod_primary_color 						= $params->get('mod_primary_color');
$mod_overlay_color 						= $params->get('mod_overlay_color');
$mod_overlay_opacity 					= $params->get('mod_overlay_opacity');
$mod_project_name_font_size 			= $params->get('mod_project_name_font_size');
$mod_project_name_font_color 			= $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover 		= $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align 			= $params->get('mod_project_name_text_align');
$mod_short_desc_font_size 				= $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color 				= $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align 				= $params->get('mod_short_desc_text_align');
$mod_icon_font_size 					= $params->get('mod_icon_font_size');
$mod_icon_font_color 					= $params->get('mod_icon_font_color');
$mod_project_name_field 				= $params->get('mod_project_name_field');
$mod_short_desc_field 					= $params->get('mod_short_desc_field');
$mod_tools_field 						= $params->get('mod_tools_field');
$mod_category_field 					= $params->get('mod_category_field');
$mod_client_field 						= $params->get('mod_client_field');
$mod_project_url_field 					= $params->get('mod_project_url_field');
$mod_btn_bg                     		= $params->get('mod_btn_bg');
$mod_btn_text_color            			= $params->get('mod_btn_text_color');
$mod_btn_bg_hover              			= $params->get('mod_btn_bg_hover');
$mod_pretext               				= $params->get('mod_pretext');
$menu_id                 	 			= $params->get('mod_portmenuitem');
$category_id                  			= $params->get('mod_category');
@$hide_showall                    		= $params->get('mod_hide_showall','');
@$selected_category               		= $params->get('mod_selected_category','');
$mod_link_detail               		  	= $params->get('mod_link_detail','');
$mod_link_type                  	  	= $params->get('mod_link_type','');
$mod_hide_count                       	= $params->get('mod_hide_count','');

if($mod_grid_type!=''){
	$grid_type=$mod_grid_type;
}else{
	$grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
	$item_to_item_margin=$mod_item_to_item_margin;
}else{
	$item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
	$image_style=$mod_image_style;
}else{
	$image_style=$g_image_style;
}
if($mod_primary_color!=''){
	$primary_color=$mod_primary_color;
}else{
	$primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
	$overlay_color=$mod_overlay_color;
}else{
	$overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
	$overlay_opacity=$mod_overlay_opacity;
}else{
	$overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
	$project_name_font_size=$mod_project_name_font_size;
}else{
	$project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
	$project_name_font_color=$mod_project_name_font_color;
}else{
	$project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
	$project_name_text_align=$mod_project_name_text_align;
}else{
	$project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
	$short_desc_font_size=$mod_short_desc_font_size;
}else{
	$short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
	$short_desc_font_color=$mod_short_desc_font_color;
}else{
	$short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
	$short_desc_text_align=$mod_short_desc_text_align;
}else{
	$short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
	$icon_font_size=$mod_icon_font_size;
}else{
	$icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
	$icon_font_color=$mod_icon_font_color;
}else{
	$icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
	$project_name_field=$mod_project_name_field;
}else{
	$project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
	$short_desc_field=$mod_short_desc_field;
}else{
	$short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
	$tools_field=$mod_tools_field;
}else{
	$tools_field=$g_tools_field;
}
if($mod_category_field!=''){
	$category_field=$mod_category_field;
}else{
	$category_field=$g_category_field;
}
if($mod_client_field!=''){
	$client_field=$mod_client_field;
}else{
	$client_field=$g_client_field;
}
if($mod_project_url_field!=''){
	$project_url_field=$mod_project_url_field;
}else{
	$project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
	$layout=$mod_layout;
}else{
	$layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
	$hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
	}
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
	$mIsoLayout = " masonry-grid ";
	$ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
if($overlay_color){
$style .= '.tlp-portfolio .isotope2 .image-container .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .isotope2 .image-container .tlp-overlay p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';
$style .= '.tlp-portfolio .isotope2 .tlp-portfolio-item .tlp-info h3, .tlp-portfolio .isotope2 .tlp-portfolio-item .tlp-info h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .isotope2 .tlp-portfolio-item .tlp-info h3:hover a { color: '. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .isotope2 .image-container .tlp-overlay .tlp-title h3, .tlp-portfolio .isotope2 .image-container .tlp-overlay .tlp-title h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; }';
$style .= '.tlp-portfolio .isotope2 .tlp-overlay .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';
if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
	$html .='<p class="pre-text">'.$mod_pretext.'</p>';
	$html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
			$html .='<div class="button-group filter-button-group isotop-btn">';

			$allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
			if($mod_hide_count==1){ 
            	$count = '';
	         }else{
	            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
	        }
			if(!$hide_showall){
				$selected = $selected_category ? null : " class='selected'" ;
				$html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
			}
			$category=TlpportfolioFrontendHelper::getCategoryName($category_id);
			foreach ($category as $key => $value) {
				$selected = null;
				if($value->id == $selected_category){
					$selected = " class='selected'";
				}
				$catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
				if($mod_hide_count==1){ 
	            	$count = '';
		          }else{
		            $count = ' <span class="count-cat">('. count($catitems).')</span>';
		        }
					$html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
				}
			$html .='</div>';
				
		$html .='<div class="portfolio-grid">';

		foreach ($rows as &$item) : 
			$detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
			if($link_type==2){ 
		        $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
		      }else{
		        $popup= null;
		    }
			if (!empty($item->portfolio_image)){
        		$tcat=explode(',', $item->category);
        		$cat=implode(' cat', $tcat);
				$html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
		          $html .='<div class="tlp-each-item">';
		           $html .='<div class="image-container">';
		                $html .='<figure>'; 
		                   $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';           
		                $html .='</figure>';
		             
		                  $html .='<div class="tlp-overlay">';
		                   $html .='<div class="tlp-title">';
		                      if($link_detail==1){
		                          if($item->custom_url){
		                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
		                            }else{
		                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
		                          }
		                          }else{
		                            $html .='<h3>'.$item->title.'</h3>';
		                        }
		                       $html .='</div>'; 
		                        if(($category_field==1)&&($item->category!='')){
		                            $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
		                        }
		                        if(($tools_field==1)&&($item->tools_used!='')){
		                              $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
		                        }      
		                       if(($short_desc_field==1)&&($item->short_description!='')){
		                          if($short_desc_limit>0){
		                              $html .='<p>'.substr($item->short_description,0,$short_desc_limit).' ...'.'</p>';
		                            }else{
		                              $html .='<p>'.$item->short_description.'</p>';
		                          }
		                        }
		                      $html .='<p class="link-icon">';
		                        if($link_detail==1){
		                          if($item->custom_url){
		                            $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
		                            }else{
		                            $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
		                          }
		                        }
		                        if(($project_url_field==1)&&($item->project_url)){
		                            $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
		                        }
		                      $html .='</p>';               
		                 $html .='</div>';
		           $html .='</div>';
		           if($project_name_field==1){ 
		           	$html .='<div class="tlp-info">';        
		                if($link_detail==1){
		                  if($item->custom_url){
		                      $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
		                    }else{
		                      $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
		                  }
		                  }else{
		                    $html .='<h3>'.$item->title.'</h3>';
		                }                 
		           	$html .='</div>';
		          	}
				$html .='</div>';
			}
			$html .='</div>';
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                                                                                                                                                                                                                                                                                                                                                   tmpl/carousel5.php                                                                                  0000705                 00000042702 15242036653 0010144 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
$style .= '.tlp-portfolio .slider5 .tlp-portfolio-item h3, .tlp-portfolio .slider5 .tlp-portfolio-item h3 a { font-size: '. $project_name_font_size .'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.'}';
$style .= '.tlp-portfolio .slider5 .tlp-portfolio-item h3:hover a { color: '. $project_name_font_color_hover.'; }';
if($overlay_color){
$style .= '.tlp-portfolio .slider5 figcaption:hover { background-color: rgba('. $r.','. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .slider5 .tlp-portfolio-item .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';
$style .= '.tlp-portfolio .slider5 .tlp-portfolio-item p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';

$document->addStyleDeclaration( $style );
$html ='';

if ( ! empty( $rows ) ) : 
  $html .='<div class="container-fluid tlp-portfolio">';
    $html .='<div class="tlp-row slider5 ">';
      $html .='<p class="pre-text">'.$mod_pretext.'</p>';
      $html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
        
        foreach ( $rows as &$item ) :
          $detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
          if ( $link_type == 2 ) {
            $popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
          } else {
            $popup = null;
          }
          
        $html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';
          $html .='<figure class="tlp-portfolio-item">';
            $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';           
              $html .='<figcaption>';
                $html .='<div class="tlp-content" >';
                    if($project_name_field==1){
                      if($link_detail==1){
                          if($item->custom_url){
                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                            }else{
                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                          }
                          }else{
                            $html .='<h3>'.$item->title.'</h3>';
                        }
                      }
                      if(($category_field==1)&&($item->category!='')){
                          $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                        }
                      if(($tools_field==1)&&($item->tools_used!='')){ 
                          $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                      }
                      if(($short_desc_field==1)&&($item->short_description!='')){
                          $html .='<p>'.substr($item->short_description,0,$short_desc_limit).'</p>';
                      }
                    $html .='<p class="link-icon">';
                      if($link_detail==1){
                        if($item->custom_url){
                            $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                        }else{
                            $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
                        }
                      }
                      if($project_url_field==1){
                         $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
                      }
                    $html .='</p>';  
              $html .='</div>';
            $html .='</figcaption>';
        $html .='</figure>'; 
      $html .='</div>'; 
    endforeach; 
  $html .='</div>';
$html .='</div>'; 
$html .='</div>';
endif;
echo $html;
$itemIdsHtml = null;
    foreach ($rows as &$item){
      $itemIdsHtml .="<span>{$item->id}</span>";
    }
    if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);

</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                              tmpl/isotope5.php                                                                                   0000705                 00000043667 15242036653 0010024 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
@$hide_showall                        = $params->get('mod_hide_showall','');
@$selected_category                   = $params->get('mod_selected_category','');
$mod_link_detail                      = $params->get('mod_link_detail','');
$mod_link_type                        = $params->get('mod_link_type','');
$mod_hide_count                       = $params->get('mod_hide_count','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}

if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-".$md_grid." tlp-col-lg-".$md_grid." tlp-col-sm-". $sm_grid. " tlp-col-xs-".$xs_grid;


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.tlp-portfolio button:hover { background: '. $primary_color.'}';
$style .= '.tlp-portfolio button.selected { background: '. $primary_color.'}';
$style .= '.tlp-portfolio .button-group button { background:'.$btn_bg.' !important; color:'.$btn_text_color.';}';
$style .= '.tlp-portfolio .button-group button:hover,.tlp-portfolio .button-group button.selected { background:'.$btn_bg_hover.'!important;}';
if($gutter){
  $style .= '.tlp-portfolio .tlp-equal-height { margin-bottom: 0px;}';
  $style .= '.tlp-portfolio [class*=tlp-col-] { padding-left : '.$gutter.'px; padding-right : '.$gutter.'px; margin-bottom : '.($gutter*2).'px; }';
  $style .= '.tlp-row { margin-left : -'.$gutter.'px!important; margin-right : -'.$gutter.'px!important;}'; 
}
$style .= '.tlp-portfolio .isotope5 .tlp-portfolio-thum h3, .tlp-portfolio .isotope5 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .isotope5 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .isotope5 .tlp-portfolio-thum p { background: '. $primary_color.'; font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.'}';
$style .= '.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.'); font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.';  text-align: '. $short_desc_text_align.';}';
$style .= '.tlp-portfolio .isotope5 .tlp-portfolio-thum .link-icon a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );
$html ='';
if (!empty($rows)) : 
$html .='<div class="container-fluid">';
$html .='<div class="tlp-row tlp-portfolio">';
  $html .='<p class="pre-text">'.$mod_pretext.'</p>';
  $html .='<div class="tlp-portfolio-isotope '. $layout . $mIsoLayout.'">';
		$html .='<div class="isotop-container">';
      $html .='<div class="button-group filter-button-group isotop-btn">';
      $allitems=TlpportfolioFrontendHelper::getAllitemsCount($category_id);
      if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat-all">('. count($allitems).')</span>';
        }
      if(!$hide_showall){
        $selected = $selected_category ? null : " class='selected'" ;
        $html .='<button data-filter="*" '.$selected.'>'.JText::_('MOD_TLPPORTFOLIO_ISOTOPE_ALL_BTN').$count .'</button>';
      }
      $category=TlpportfolioFrontendHelper::getCategoryName($category_id);
      foreach ($category as $key => $value) {
        $selected = null;
        if($value->id == $selected_category){
          $selected = " class='selected'";
        }
        $catitems=TlpportfolioFrontendHelper::getCountbyCat($value->id);
        if($mod_hide_count==1){ 
            $count = '';
          }else{
            $count = ' <span class="count-cat">('. count($catitems).')</span>';
        }
        $html .='<button '.$selected.' data-filter=".cat'.strtolower($value->id).'">'.$value->title. $count.' </button>';
      }
      $html .='</div>';
      $html .='<div class="portfolio-grid">';

      foreach ($rows as &$item) {

        $detail_link=JRoute::_('index.php?option=com_tlpportfolio&view=portfolio&id='.(int) $item->id);
        if($link_type==2){ 
                $popup=' data-id="'.$item->id.'" class="tlp-single-item-popup"';
            }else{
                $popup= null;
            }
      if (!empty($item->portfolio_image)){
        $tcat=explode(',', $item->category);
        $cat=implode(' cat', $tcat);
        $html .='<div class="tlp-portfolio-item cat'.$cat.' '.$bss.$ItemClass.' '.$item_to_item_margin .'">';
            $html .='<figure class="tlp-portfolio-thum">';
              $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';
              $html .='<figcaption>';
                $html .='<div class="tlp-overlay">';
                  if($project_name_field==1){
                    if($link_detail==1){
                          if($item->custom_url){
                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                            }else{
                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                          }
                          }else{
                            $html .='<h3>'.$item->title.'</h3>';
                        }
                    }
                      if(($category_field==1)&&($item->category!='')){
                            $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                        }
                      if(($tools_field==1)&&($item->tools_used!='')){
                            $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                      }    
                $html .='<div>';
                $desc = explode(".", $item->short_description);
                $t=count($desc);  
                for($i=0;$i<$t-1;$i++){ 
           
                  $html .='<p>'.$desc[$i].'</p>';
                } 
                $html .='</div>';
                    $html .='<span class="link-icon">';
                            if($link_detail==1){
                              if($item->custom_url){
                                $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                                }else{
                                $html .='<a href="'.$detail_link .'" '.$popup.'><i class="fa fa-info"></i></a>';
                              }
                            }
                            if(($project_url_field==1)&&($item->project_url)){
                                $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>'; 
                            }
                        $html .='</span>';
                $html .='</div>';  
              $html .='</figcaption>';     
          $html .='</figure>';
        $html .='</div>';
            }
      }
      $html .='</div>';
    $html .='</div>';
  $html .='</div>';
$html .='</div>';
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>
                                                                         tmpl/carousel2.php                                                                                  0000705                 00000043102 15242036653 0010134 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?php
/**
 * @version     2.0
 * @package     com_tlpportfolio
 * @subpackage  mod_tlpportfolio
 * @author      TechLabPro <info@techlabpro.com>
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
defined('_JEXEC') or die;
$rows = ModTlpportfolioHelper::getLists($params);
$app = JFactory::getApplication();
$tlpportfolio_params = JComponentHelper::getParams('com_tlpportfolio');
$lang = JFactory::getLanguage();
$dir = $lang->get('rtl');
$image_storiage_path                  = $tlpportfolio_params->get('image_path','image/tlpportfolio');
$link_detail                          = $tlpportfolio_params->get('link_detail','1');
$bootstrap_version                    = $tlpportfolio_params->get('bootstrap_version','1');
$enable_social_share                  = $tlpportfolio_params->get('enable_social_share');
$link_type                            = $tlpportfolio_params->get('link_type','2');
$image_grid                           = $tlpportfolio_params->get('image_grid','10');
$create_date_format                   = $tlpportfolio_params->get('create_date_format','m-d-Y');
$short_desc_limit                     = $tlpportfolio_params->get('short_desc_limit','150');
$g_layout                             = $tlpportfolio_params->get('g_layout');
$g_display_no                         = $tlpportfolio_params->get('g_display_no','4');
$g_display_no_tab                     = $tlpportfolio_params->get('g_display_no_tab','3');
$g_display_no_mob                     = $tlpportfolio_params->get('g_display_no_mob','1');
$g_grid_type                          = $tlpportfolio_params->get('g_grid_type');
$g_item_to_item_margin                = $tlpportfolio_params->get('g_item_to_item_margin','1');
$g_gutter                             = $tlpportfolio_params->get('g_gutter');
$g_image_style                        = $tlpportfolio_params->get('g_image_style');
$g_primary_color                      = $tlpportfolio_params->get('g_primary_color');
$g_overlay_color                      = $tlpportfolio_params->get('g_overlay_color');
$g_overlay_opacity                    = $tlpportfolio_params->get('g_overlay_opacity');
$g_project_name_font_size             = $tlpportfolio_params->get('g_project_name_font_size');
$g_project_name_font_color            = $tlpportfolio_params->get('g_project_name_font_color');
$g_project_name_font_color_hover      = $tlpportfolio_params->get('g_project_name_font_color_hover');
$g_project_name_text_align            = $tlpportfolio_params->get('g_project_name_text_align');
$g_short_desc_font_size               = $tlpportfolio_params->get('g_short_desc_font_size');
$g_short_desc_font_color              = $tlpportfolio_params->get('g_short_desc_font_color');
$g_short_desc_text_align              = $tlpportfolio_params->get('g_short_desc_text_align');
$g_icon_font_size                     = $tlpportfolio_params->get('g_icon_font_size');
$g_icon_font_color                    = $tlpportfolio_params->get('g_icon_font_color');
//field control
$g_project_name_field                 = $tlpportfolio_params->get('g_project_name_field');
$g_short_desc_field                   = $tlpportfolio_params->get('g_short_desc_field');
$g_tools_field                        = $tlpportfolio_params->get('g_tools_field');
$g_category_field                     = $tlpportfolio_params->get('g_category_field');
$g_client_field                       = $tlpportfolio_params->get('g_client_field');
$g_project_url_field                  = $tlpportfolio_params->get('g_project_url_field');
$g_btn_bg                             = $tlpportfolio_params->get('g_btn_bg');
$g_btn_text_color                     = $tlpportfolio_params->get('g_btn_text_color');
$g_btn_bg_hover                       = $tlpportfolio_params->get('g_btn_bg_hover');


/* Module Parma */
$mod_display_no                       = $params->get("mod_display_no");
$mod_display_no_tab                   = $params->get("mod_display_no_tab");
$mod_display_no_mob                   = $params->get("mod_display_no_mob");
$mod_layout                           = $params->get("mod_layout");
$mod_grid_type                        = $params->get('mod_grid_type');
$mod_item_to_item_margin              = $params->get('mod_item_to_item_margin');
$mod_gutter                           = $params->get('mod_gutter');
$mod_image_style                      = $params->get('mod_image_style');
$mod_primary_color                    = $params->get('mod_primary_color');
$mod_overlay_color                    = $params->get('mod_overlay_color');
$mod_overlay_opacity                  = $params->get('mod_overlay_opacity');
$mod_project_name_font_size           = $params->get('mod_project_name_font_size');
$mod_project_name_font_color          = $params->get('mod_project_name_font_color');
$mod_project_name_font_color_hover    = $params->get('mod_project_name_font_color_hover');
$mod_project_name_text_align          = $params->get('mod_project_name_text_align');
$mod_short_desc_font_size             = $params->get('mod_short_desc_font_size');
$mod_short_desc_font_color            = $params->get('mod_short_desc_font_color');
$mod_short_desc_text_align            = $params->get('mod_short_desc_text_align');
$mod_icon_font_size                   = $params->get('mod_icon_font_size');
$mod_icon_font_color                  = $params->get('mod_icon_font_color');
$mod_project_name_field               = $params->get('mod_project_name_field');
$mod_short_desc_field                 = $params->get('mod_short_desc_field');
$mod_tools_field                      = $params->get('mod_tools_field');
$mod_category_field                   = $params->get('mod_category_field');
$mod_client_field                     = $params->get('mod_client_field');
$mod_project_url_field                = $params->get('mod_project_url_field');
$mod_btn_bg                           = $params->get('mod_btn_bg');
$mod_btn_text_color                   = $params->get('mod_btn_text_color');
$mod_btn_bg_hover                     = $params->get('mod_btn_bg_hover');
$mod_pretext                          = $params->get('mod_pretext');
$menu_id                              = $params->get('mod_portmenuitem');
$category_id                          = $params->get('mod_category');
$mod_link_detail                = $params->get('mod_link_detail','');
$mod_link_type                  = $params->get('mod_link_type','');

if($mod_grid_type!=''){
  $grid_type=$mod_grid_type;
}else{
  $grid_type=$g_grid_type;
}
if($mod_item_to_item_margin!=''){
  $item_to_item_margin=$mod_item_to_item_margin;
}else{
  $item_to_item_margin=$g_item_to_item_margin;
}
if($mod_image_style!=''){
  $image_style=$mod_image_style;
}else{
  $image_style=$g_image_style;
}
if($mod_primary_color!=''){
  $primary_color=$mod_primary_color;
}else{
  $primary_color=$g_primary_color;
}
if($mod_overlay_color!=''){
  $overlay_color=$mod_overlay_color;
}else{
  $overlay_color=$g_overlay_color;
}
if($mod_overlay_opacity!=''){
  $overlay_opacity=$mod_overlay_opacity;
}else{
  $overlay_opacity=$g_overlay_opacity;
}
if($mod_project_name_font_size!=''){
  $project_name_font_size=$mod_project_name_font_size;
}else{
  $project_name_font_size=$g_project_name_font_size;
}
if($mod_project_name_font_color!=''){
  $project_name_font_color=$mod_project_name_font_color;
}else{
  $project_name_font_color=$g_project_name_font_color;
}
if($mod_project_name_font_color_hover!=''){
   $project_name_font_color_hover=$mod_project_name_font_color_hover;
}else{
   $project_name_font_color_hover=$g_project_name_font_color_hover;
}
if($mod_project_name_text_align!=''){
  $project_name_text_align=$mod_project_name_text_align;
}else{
  $project_name_text_align=$g_project_name_text_align;
}
if($mod_short_desc_font_size!=''){
  $short_desc_font_size=$mod_short_desc_font_size;
}else{
  $short_desc_font_size=$g_short_desc_font_size;
}
if($mod_short_desc_font_color!=''){
  $short_desc_font_color=$mod_short_desc_font_color;
}else{
  $short_desc_font_color=$g_short_desc_font_color;
}
if($mod_short_desc_text_align!=''){
  $short_desc_text_align=$mod_short_desc_text_align;
}else{
  $short_desc_text_align=$g_short_desc_text_align;
}
if($mod_icon_font_size!=''){
  $icon_font_size=$mod_icon_font_size;
}else{
  $icon_font_size=$g_icon_font_size;
}
if($mod_icon_font_color!=''){
  $icon_font_color=$mod_icon_font_color;
}else{
  $icon_font_color=$g_icon_font_color;
}
if($mod_project_name_field!=''){
  $project_name_field=$mod_project_name_field;
}else{
  $project_name_field=$g_project_name_field;
}
if($mod_short_desc_field!=''){
  $short_desc_field=$mod_short_desc_field;
}else{
  $short_desc_field=$g_short_desc_field;
}
if($mod_tools_field!=''){
  $tools_field=$mod_tools_field;
}else{
  $tools_field=$g_tools_field;
}
if($mod_category_field!=''){
  $category_field=$mod_category_field;
}else{
  $category_field=$g_category_field;
}
if($mod_client_field!=''){
  $client_field=$mod_client_field;
}else{
  $client_field=$g_client_field;
}
if($mod_project_url_field!=''){
  $project_url_field=$mod_project_url_field;
}else{
  $project_url_field=$g_project_url_field;
}
if($mod_layout!=''){ 
  $layout=$mod_layout;
}else{
  $layout=$g_layout;
}
if($mod_btn_bg!=''){
  $btn_bg=$mod_btn_bg;
}else{
  $btn_bg=$g_btn_bg;
}
if($mod_btn_bg_hover!=''){
  $btn_bg_hover=$mod_btn_bg_hover;
}else{
  $btn_bg_hover=$g_btn_bg_hover;
}
if($mod_btn_text_color!=''){
  $btn_text_color=$mod_btn_text_color;
}else{
  $btn_text_color=$g_btn_text_color;
}
if($mod_display_no!=''){
  $display_no=$mod_display_no; 
  $md_grid=(12/$mod_display_no);
}else{
  $display_no=$g_display_no; 
  $md_grid=(12/$g_display_no);
}

if ($mod_display_no_tab != '' ) {
  $sm_grid = ( 12 / $mod_display_no_tab );
} else {
  $sm_grid = ( 12 / $g_display_no_tab );
}
if ( $mod_display_no_mob != '' ) {
  $xs_grid = ( 12 / $mod_display_no_mob );
} else {
  $xs_grid = ( 12 / $g_display_no_mob );
}

if($mod_gutter !='') {
  $gutter = $mod_gutter;
}else {
  $gutter = $g_gutter;
}
if($gutter=='') {
  $gutter = 15;
}
if($item_to_item_margin==0){
  $item_to_item_margin = ' allmargin0';
}else{
  $item_to_item_margin = '';
}
if($mod_link_detail!=''){
  $link_detail = $mod_link_detail;
}else{
  $link_detail = $link_detail;
}
if($mod_link_type!=''){
  $link_type = $mod_link_type;
}else {
  $link_type = $link_type;
}

$bss = "tlp-col-md-12 tlp-col-lg-12 tlp-col-sm-12 tlp-col-xs-12";


if($overlay_color){
  $hex = str_replace("#", "", $overlay_color);
   if(strlen($hex) == 3) {
      $r = hexdec($hex[0].$hex[0]);
      $g = hexdec($hex[1].$hex[1]);
      $b = hexdec($hex[2].$hex[2]);
   } else {
      $r = hexdec($hex[0].$hex[1]);
      $g = hexdec($hex[2].$hex[3]);
      $b = hexdec($hex[4].$hex[5]);
  }
}

$mIsoLayout = " even-grid ";
$ItemClass = ' tlp-equal-height';

if ($grid_type == 2) {
  $mIsoLayout = " masonry-grid ";
  $ItemClass = ' masonry-item ';
}
$document = JFactory::getDocument();
$style ='';

$style .= '.tlp-popup-wrap .tlp-popup-navigation-wrap { background:' .$primary_color.';}';
$style .= '.owl-theme .owl-nav div,.owl-theme .owl-dots .owl-dot span { background:' . $btn_bg . ' !important; color:' . $btn_text_color . ';}';
$style .= '.owl-theme .owl-nav div:hover,.owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span { background:' . $btn_bg_hover . ' !important; color:' . $btn_text_color . ';}';
if($overlay_color){
$style .= '.tlp-portfolio .slider2 .tlp-portfolio-thum:hover .tlp-content { background-color: rgba('. $r.', '. $g.', '. $b.', '. $overlay_opacity.');}';
}
$style .= '.tlp-portfolio .slider2 .tlp-portfolio-thum h3 , .tlp-portfolio .slider2 .tlp-portfolio-thum h3 a { font-size: '. $project_name_font_size.'px; color: '. $project_name_font_color.'; text-align: '. $project_name_text_align.';}';
$style .= '.tlp-portfolio .slider2 .tlp-portfolio-thum h3:hover a { color: '. $project_name_font_color_hover.';}';
$style .= '.tlp-portfolio .slider2 .tlp-portfolio-thum p { font-size: '. $short_desc_font_size.'px; color: '. $short_desc_font_color.'; text-align: '. $short_desc_text_align.';}';
$style .= '.tlp-portfolio .slider2 .tlp-overlay .link-icon li a { font-size: '. $icon_font_size .'px; color: '. $icon_font_color.'; border: 1px solid '.$icon_font_color.';}';

$document->addStyleDeclaration( $style );

$html ='';

if ( ! empty( $rows ) ) : 
  $html .='<div class="container-fluid tlp-portfolio">';
    $html .='<div class="tlp-row slider2 ">';
      $html .='<p class="pre-text">'.$mod_pretext.'</p>';
      $html .='<div id="owl-portfolio" class="owl-carousel owl-theme">';
        
        foreach ( $rows as &$item ) :
          $detail_link = JRoute::_( 'index.php?option=com_tlpportfolio&view=portfolio&id=' . (int) $item->id .'&Itemid='.$menu_id);
          if ( $link_type == 2 ) {
            $popup = ' data-id="' . $item->id . '" class="tlp-single-item-popup"';
          } else {
            $popup = null;
          }
          
        $html .='<div class="'.$item_to_item_margin.' tlp-equal-height">';
				$html .='<div class="tlp-portfolio-item">';
          $html .='<figure class="tlp-portfolio-thum">';
              $html .='<img class="img-responsive" src="'.JURI::root().$image_storiage_path.'/m_'.$item->portfolio_image.'" alt="'.$item->title.'"/>';              
              $html .='<figcaption>';
                  $html .='<div class="tlp-content">';
                 if($project_name_field==1){
                      if($link_detail==1){
                          if($item->custom_url){
                              $html .='<h3><a href="'.$item->custom_url.'" target="_blank" >'.$item->title.'</a></h3>';
                            }else{
                              $html .='<h3><a href="'.$detail_link.'" '. $popup.'>'.$item->title.'</a></h3>';
                          }
                          }else{
                            $html .='<h3>'.$item->title.'</h3>';
                        }
                      }
                      
                      if(($category_field==1)&&($item->category!='')){
                          $html .='<p>'.TlpportfolioFrontendHelper::getCatTitle($item->category).'</p>';
                      }
                      if(($tools_field==1)&&($item->tools_used!='')){ 
                          $html .='<p>'.TlpportfolioFrontendHelper::getTools($item->tools_used).'</p>';
                      }
                      $html .='<p class="link-icon">';
                        if($link_detail==1){
                          if($item->custom_url){
                              $html .='<a href="'.$item->custom_url.'" target="_blank" ><i class="fa fa-info"></i></a>';
                          }else{
                              $html .='<a href="'.$detail_link.'" '.$popup.'><i class="fa fa-info"></i></a>';
                          }
                        }
                        if($project_url_field==1){
                           $html .='<a href="'.$item->project_url.'" target="_blank"><i class="fa fa-external-link"></i></a>';
                        }
                      $html .='</p>';    
                    $html .='</div>';
                  if(($short_desc_field==1)&&($item->short_description!='')){ 
                       $html .='<p>'.substr($item->short_description,0,$short_desc_limit).'</p>';
                  }
            $html .='</figcaption>';     
          $html .='</figure>';
        $html .='</div>';
			$html .='</div>';	
		endforeach; 
	$html .='</div>';
$html .='</div>';	
$html .='</div>';
endif;
echo $html;

$itemIdsHtml = null;
  	foreach ($rows as &$item){
    	$itemIdsHtml .="<span>{$item->id}</span>";
  	}
   	if(count($rows) > 0){
      $html = null;
        $html .= "<span id='tlp-port-item-count'>";
          $html .=  $itemIdsHtml;
        $html .=  "</span>";
      echo $html;
    }
?>
<script type="text/javascript">
  (function ($) {
    var owl = $("#owl-portfolio");
    owl.owlCarousel({
      autoplay: <?php echo $params->get( 'mod_autoplay' );?>,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      nav: <?php echo $params->get( 'mod_navigation' );?>,
      dots: <?php echo $params->get( 'mod_pagination' );?>,
      lazyLoad: <?php echo $params->get( 'mod_lazyload' );?>,
      rtl: <?php if($dir==1){ echo "true";}else{ echo "false";};?>,
      loop: <?php echo $params->get( 'mod_loop_enable' );?>,
      smartSpeed: <?php echo $params->get( 'mod_speed' );?>,
      margin: <?php echo $gutter;?>,
      autoHeight: true,
      responsiveClass: <?php echo $params->get( 'mod_responsive' );?>,
      responsive: {
        0: {
          items: 1,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        480: {
          items: <?php echo $params->get( 'mod_display_no_mob' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        768: {
          items: <?php echo $params->get( 'mod_display_no_tab' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        },
        // breakpoint from 768 up
        1200: {
          items: <?php echo $params->get( 'mod_display_no' );?>,
          nav: <?php echo $params->get( 'mod_navigation' );?>,
          dots: <?php echo $params->get( 'mod_pagination' );?>
        }
      }
    });
  })(jQuery);


</script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo JURI::root();?>components/com_tlpportfolio/assets/js/tlp-portfolio.js" type="text/javascript"></script>

                                                                                                                                                                                                                                                                                                                                                                                                                                                              mod_tlpportfolio.xml                                                                                0000705                 00000054665 15242036653 0010706 0                                                                                                    ustar 00                                                                                                                                                                                                                                                       <?xml version="1.0" encoding="utf-8"?>
<extension type="module" version="3.0" method="upgrade" client="site">
    <name>TLP Portfolio PRO</name>
    <creationDate>2015-12-01</creationDate>
    <copyright>Copyright (C) 2015. All rights reserved.</copyright>
    <license>GNU General Public License version 2 or later; see LICENSE.txt</license>
    <author>TechLabPro</author>
    <authorEmail>info@techlabpro.com</authorEmail>
    <authorUrl>http://www.techlabpro.com</authorUrl>
    <version>2.4</version>
    <description>MOD_TLPPORTFOLIO_DESCRIPTION</description>
    
    <files>
        <filename module="mod_tlpportfolio">mod_tlpportfolio.php</filename>
        <filename>helper.php</filename>
        <filename>index.html</filename>
        <folder>tmpl</folder>
    </files>
    <languages folder="../../languages/modules/mod_tlpportfolio">
        
			<language tag="en-GB">en-GB/en-GB.mod_tlpportfolio.ini</language>
			<language tag="en-GB">en-GB/en-GB.mod_tlpportfolio.sys.ini</language>
    </languages>
    <config>
        <fields name="params">
           <fieldset name="basic">
               <field 
                   name="mod_pretext" 
                   type="textarea" 
                   default="" 
                   label="MOD_TLPPORTFOLIO_LABEL_PRETEXT" 
                   description="MOD_TLPPORTFOLIO_DESC_PRETEXT">
               </field>
                <field name="mod_category" type="category" extension="com_tlpportfolio"
                     label="Category (Select none for all)"
                     description="MOD_TLPPORTFOLIO_DESC_TEAM_CATEGORY" multiple = "multiple">
                </field>
                <field name="mod_layout" type="list" default="layout1" label="MOD_TLPPORTFOLIO_LABEL_LAYOUT" description="MOD_TLPPORTFOLIO_DESC_LAYOUT">
                      <option value="layout1">Layout 1</option>
                      <option value="layout2">Layout 2</option>
                      <option value="layout3">Layout 3</option>
                      <option value="layout4">Layout 4</option>
                      <option value="layout5">Layout 5</option>
                      <option value="layout6">Layout 6</option>
                      <option value="layout7">Layout 7</option>
                      <option value="layout8">Layout 8</option>
                      <option value="layout9">Layout 9</option>
                      <option value="layout10">Layout 10</option>
                      <option value="layout11">Layout 11</option>
                      <option value="layout12">Layout 12</option>
                      <option value="isotope1">Isotope 1</option>
                      <option value="isotope2">Isotope 2</option>
                      <option value="isotope3">Isotope 3</option>
                      <option value="isotope4">Isotope 4</option>
                      <option value="isotope5">Isotope 5</option>
                      <option value="isotope6">Isotope 6</option>
                      <option value="isotope7">Isotope 7</option>
                      <option value="isotope8">Isotope 8</option>
                      <option value="isotope9">Isotope 9</option>
                      <option value="isotope10">Isotope 10</option>
                      <option value="carousel1">Carousel Slider1</option>
                      <option value="carousel2">Carousel Slider2</option>
                      <option value="carousel3">Carousel Slider3</option>
                      <option value="carousel4">Carousel Slider4</option>
                      <option value="carousel5">Carousel Slider5</option>
                      <option value="carousel6">Carousel Slider6</option>
                      <option value="carousel7">Carousel Slider7</option>
                      <option value="carousel8">Carousel Slider8</option>
                </field>
                <field name="mod_layout2_image_area" type="list" showon="mod_layout:layout2" 
                    label="Layout 2 Image area"
                    description="Set layout 2 image area width content area will auto calculated" 
                    default="5"     
                    menu_published="0"
                    filter="raw">
                        <option value="1">1 Per Row</option>
                        <option value="2">2 Per Row</option>
                        <option value="3">3 Per Row</option>
                        <option value="4">4 Per Row</option>
                        <option value="5">5 Per Row</option>
                        <option value="6">6 Per Row</option>
                        <option value="7">7 Per Row</option>
                  </field>
                <field name="mod_hide_showall" showon="mod_layout:isotope1[OR]mod_layout:isotope2[OR]mod_layout:isotope3[OR]mod_layout:isotope4[OR]mod_layout:isotope5[OR]mod_layout:isotope6[OR]mod_layout:isotope7[OR]mod_layout:isotope8[OR]mod_layout:isotope9[OR]mod_layout:isotope10" type="checkbox" label="Hide Show All Button" description="Check if you want to hide show all button" value="1" default="0" />

                <field name="mod_hide_count" showon="mod_layout:isotope1[OR]mod_layout:isotope2[OR]mod_layout:isotope3[OR]mod_layout:isotope4[OR]mod_layout:isotope5[OR]mod_layout:isotope6[OR]mod_layout:isotope7[OR]mod_layout:isotope8[OR]mod_layout:isotope9[OR]mod_layout:isotope10" type="checkbox" 
                  label="Hide Count in Button" description="Check if you want to hide count on Isotope button" value="1" default="0" />
            
                <field name="mod_selected_category" showon="mod_hide_showall:1"
                       type="Category"
                       extension="com_tlpportfolio"
                       label="Select a Category"
                       description="Select one category">
                       <option value="">Select Category</option>
                  </field>  
                <field name="mod_display_no" type="list"              
                      label="MOD_TLPPORTFOLIO_FORM_LBL_DISPLAY_NO"
                      description="MOD_TLPPORTFOLIO_FORM_DESC_DISPLAY_NO" 
                      default="4" menu_published="0" filter="raw">
                          <option value="">JGLOBAL_USE_GLOBAL</option>
                          <option value="1">1 Per Row</option>
                          <option value="2">2 Per Row</option>
                          <option value="3">3 Per Row</option>
                          <option value="4">4 Per Row</option>
                          <option value="6">6 Per Row</option>
                </field>
                <field name="mod_display_no_tab" type="list"   
                  label="MOD_TLPPORTFOLIO_FORM_LBL_DISPLAY_NO_TAB"
                  description="MOD_TLPPORTFOLIO_FORM_DESC_DISPLAY_NO_TAB" 
                  default="3"     
                  menu_published="0"
                  filter="raw">
                      <option value="1">1 Per Row</option>
                      <option value="2">2 Per Row</option>
                      <option value="3">3 Per Row</option>
                      <option value="4">4 Per Row</option>
                      <option value="6">6 Per Row</option>
                </field>  
                <field name="mod_display_no_mob" type="list"   
                    label="MOD_TLPPORTFOLIO_FORM_LBL_DISPLAY_NO_MOB"
                    description="MOD_TLPPORTFOLIO_FORM_DESC_DISPLAY_NO_MOB" 
                    default="1"     
                    menu_published="0"
                    filter="raw">
                        <option value="1">1 Per Row</option>
                        <option value="2">2 Per Row</option>
                        <option value="3">3 Per Row</option>
                        <option value="4">4 Per Row</option>
                        <option value="6">6 Per Row</option>
                </field>
                <field name="mod_grid_type" type="radio" class="btn-group btn-group-yesno"  
                      label="MOD_TLPPORTFOLIO_LBL_G_GRID_TYPE"
                      description="MOD_TLPPORTFOLIO_FORM_DESC_G_GRID_TYPE" 
                      default="">
                      <option value="">JGLOBAL_USE_GLOBAL</option> 
                      <option value="1">Even Grid</option>
                      <option value="2">Masonry</option>
                  </field>

                  <field name="mod_item_to_item_margin" type="radio" class="btn-group btn-group-yesno"   
                      label="MOD_TLPPORTFOLIO_FORM_LBL_G_ITEM_TO_ITEM_MARGIN"
                      description="MOD_TLPPORTFOLIO_FORM_DESC_G_ITEM_TO_ITEM_MARGIN" 
                      default="">
                      <option value="">JGLOBAL_USE_GLOBAL</option>
                      <option value="1">Bootstrap default </option>
                      <option value="0">No Margin(0)</option>
                  </field>
                  <field name="mod_gutter" type="text" showon="mod_item_to_item_margin:1"
                    label="MOD_TLPPORTFOLIO_FORM_LBL_GUTTER"
                    description="MOD_TLPPORTFOLIO_FORM_DESC_GUTTER" 
                    default=""/>
                
                    <field 
                        name="mod_projectcount" 
                        type="text" 
                        default="15" 
                        label="MOD_TLPPORTFOLIO_LABEL_TOTAL_MEMBER_COUNT" 
                        description="MOD_TLPPORTFOLIO_DESC_TOTAL_MEMBER_COUNT">
                    </field>
        

                   <field name="mod_project_name_field" type="radio" class="btn-group btn-group-yesno"   
                       label="MOD_TLPPORTFOLIO_LBL_G_PROJECT_NAME_FIELD"
                       description="MOD_TLPPORTFOLIO_DESC_G_PROJECT_NAME_FIELD" 
                       default="">
                          <option value="">JGLOBAL_USE_GLOBAL</option> 
                           <option value="1">JSHOW</option>
                           <option value="0">JHIDE</option>
                   </field>      

                   <field name="mod_short_desc_field" type="radio" class="btn-group btn-group-yesno" 
                       label="MOD_TLPPORTFOLIO_LBL_G_SHORT_DESC_FIELD"
                       description="MOD_TLPPORTFOLIO_DESC_G_SHORT_DESC_FIELD" 
                       default="">
                          <option value="">JGLOBAL_USE_GLOBAL</option> 
                          <option value="1">JSHOW</option>
                          <option value="0">JHIDE</option>
                   </field>

                   <field name="mod_tools_field" type="radio" class="btn-group btn-group-yesno" 
                       label="MOD_TLPPORTFOLIO_LBL_G_TOOLS_FIELD"
                       description="MOD_TLPPORTFOLIO_DESC_G_TOOLS_FIELD" 
                       default="">
                          <option value="">JGLOBAL_USE_GLOBAL</option> 
                           <option value="1">JSHOW</option>
                           <option value="0">JHIDE</option>
                   </field>

                   <field name="mod_category_field" type="radio" class="btn-group btn-group-yesno"  
                       label="MOD_TLPPORTFOLIO_LBL_G_CATEGORY_FIELD"
                       description="MOD_TLPPORTFOLIO_DESC_G_CATEGORY_FIELD" 
                       default="">
                          <option value="">JGLOBAL_USE_GLOBAL</option> 
                           <option value="1">JSHOW</option>
                           <option value="0">JHIDE</option>
                   </field>

                   <field name="mod_client_field" type="radio" class="btn-group btn-group-yesno" 
                       label="MOD_TLPPORTFOLIO_LBL_G_CLIENT_FIELD"
                       description="MOD_TLPPORTFOLIO_DESC_G_CLIENT_FIELD" 
                       default="">
                          <option value="">JGLOBAL_USE_GLOBAL</option>
                           <option value="1">JSHOW</option>
                           <option value="0">JHIDE</option>
                   </field>

                   <field name="mod_project_url_field" type="radio" class="btn-group btn-group-yesno"    
                       label="MOD_TLPPORTFOLIO_LBL_G_PROJECT_URL_FIELD"
                       description="MOD_TLPPORTFOLIO_DESC_G_PROJECT_URL_FIELD" 
                            default="">
                            <option value="">JGLOBAL_USE_GLOBAL</option>
                            <option value="1">JSHOW</option>
                            <option value="0">JHIDE</option>
                   </field>
        

                <field name="mod_link_detail" type="radio" class="btn-group btn-group-yesno"
                  label="MOD_TLPPORTFOLIO_LBL_LINK_DETAIL"
                  description="MOD_TLPPORTFOLIO_DESC_LINK_DETAIL" default="1" >
                    <option value="1">JSHOW</option>
                    <option value="0">JHIDE</option>
                </field>
                <field name="mod_link_type" type="radio" showon="mod_link_detail:1" class="btn-group btn-group-yesno"
                      label="MOD_TLPPORTFOLIO_LBL_LINK_TYPE"
                      description="MOD_TLPPORTFOLIO_DESC_LINK_TYPE" default="1" >
                        <option value="1">Detail Page</option>
                        <option value="2">POPUP</option>
                </field>
                <field name="mod_portmenuitem" type="menuitem" default="45" 
                      label="MOD_TLPPORTFOLIO_LABEL_ENABLE_MENUITEM" description="MOD_TLPPORTFOLIO_DESC_ENABLE_MENUITEM" />
            </fieldset>

            <fieldset name="style" label="MOD_TLPPORTFOLIO_STYLE_LABEL">

                <field name="mod_primary_color" type="color" default=""   
                    label="MOD_TLPPORTFOLIO_LBL_G_PRIMARY_COLOR"
                    description="MOD_TLPPORTFOLIO_DESC_G_PRIMARY_COLOR"   
                    menu_published="0"
                    filter="raw" />

                <field name="mod_overlay_color" type="color" default="#000000"    
                    label="MOD_TLPPORTFOLIO_LBL_G_OVERLAY_COLOR"
                    description="MOD_TLPPORTFOLIO_DESC_G_OVERLAY_COLOR"   
                    menu_published="0"
                    filter="raw" />

                <field name="mod_overlay_opacity" type="list"
                    label="MOD_TLPPORTFOLIO_LBL_G_OVERLAY_OPACITY"
                    description="MOD_TLPPORTFOLIO_DESC_G_OVERLAY_OPACITY" 
                    default=".8" 
                    menu_published="0"
                    filter="raw">
                        <option value="">JGLOBAL_USE_GLOBAL</option>
                        <option value=".1">10%</option>
                        <option value=".2">20%</option>
                        <option value=".3">30%</option>
                        <option value=".4">40%</option>
                        <option value=".5">50%</option>
                        <option value=".6">60%</option>
                        <option value=".7">70%</option>
                        <option value=".8">80%</option>
                        <option value=".9">90%</option>
                </field>

                <field name="mod_project_name_font_size" type="text"   
                    label="MOD_TLPPORTFOLIO_LBL_G_PROJECT_NAME_FONT_SIZE"
                    description="MOD_TLPPORTFOLIO_DESC_G_PROJECT_NAME_FONT_SIZE" 
                    default="" 
                    menu_published="0"
                    filter="raw" />

                <field name="mod_project_name_font_color" type="color" default=""
                    label="MOD_TLPPORTFOLIO_LBL_G_PROJECT_NAME_FONT_COLOR"
                    description="MOD_TLPPORTFOLIO_DESC_G_PROJECT_NAME_FONT_COLOR" 
                    menu_published="0"
                    filter="raw" />

                <field name="mod_project_name_font_color_hover" type="color" default=""
                label="Project Name Hover Color"
                description="Set Project name hover color" 
                menu_published="0"
                filter="raw" />

                <field name="mod_project_name_text_align" type="list"    
                    label="MOD_TLPPORTFOLIO_LBL_G_PROJECT_NAME_TEXT_ALIGN"
                    description="MOD_TLPPORTFOLIO_DESC_G_PROJECT_NAME_TEXT_ALIGN" 
                    default="" 
                    menu_published="0"
                    filter="raw">
                        <option value="">JGLOBAL_USE_GLOBAL</option>
                        <option value="left">Left</option>
                        <option value="center">Center</option>
                        <option value="right">Right</option>
                        <option value="justify">Justify</option>
                </field>

                <field name="mod_short_desc_font_size" type="text" 
                    label="MOD_TLPPORTFOLIO_LBL_G_SHORT_DESC_FONT_SIZE"
                    description="MOD_TLPPORTFOLIO_DESC_G_SHORT_DESC_FONT_SIZE"   
                    menu_published="0"
                    filter="raw" />

                <field name="mod_short_desc_font_color" type="color" default=""  
                    label="MOD_TLPPORTFOLIO_LBL_G_SHORT_DESC_FONT_COLOR"
                    description="MOD_TLPPORTFOLIO_DESC_G_SHORT_DESC_FONT_COLOR" 
                    menu_published="0"
                    filter="raw" />

                <field name="mod_short_desc_text_align" type="list"  
                    label="MOD_TLPPORTFOLIO_LBL_G_SHORT_DESC_TEXT_ALIGN"
                    description="MOD_TLPPORTFOLIO_DESC_G_SHORT_DESC_TEXT_ALIGN" 
                    default="" 
                    menu_published="0"
                    filter="raw">
                        <option value="">JGLOBAL_USE_GLOBAL</option>
                        <option value="left">Left</option>
                        <option value="right">Right</option>
                        <option value="center">Center</option>
                        <option value="justify">Justify</option>
                </field>

                <field name="mod_icon_font_size" type="text" 
                    label="MOD_TLPPORTFOLIO_LBL_G_ICON_FONT_SIZE"
                    description="MOD_TLPPORTFOLIO_DESC_G_ICON_FONT_SIZE" 
                    menu_published="0"
                    filter="raw" />

                <field name="mod_icon_font_color" type="color" default="" 
                    label="MOD_TLPPORTFOLIO_LBL_G_ICON_FONT_COLOR"
                    description="MOD_TLPPORTFOLIO_DESC_G_ICON_FONT_COLOR" 
                    menu_published="0"
                    filter="raw" />
                <field name="mod_btn_bg" type="color"
                    label="MOD_TLPPORTFOLIO_FORM_LBL_BTN_BG"
                    description="COM_TLPPORTFOLIO_FORM_DESC_BTN_BG" />
                <field name="mod_btn_text_color" type="color"
                    label="MOD_TLPPORTFOLIO_FORM_LBL_BTN_TEXT_COLOR"
                    description="COM_TLPPORTFOLIO_FORM_DESC_BTN_TEXT_COLOR" />
                <field name="mod_btn_bg_hover" type="color"
                    label="MOD_TLPPORTFOLIO_FORM_LBL_BTN_BG_HOVER"
                    description="COM_TLPPORTFOLIO_FORM_DESC_BTN_BG_HOVER" />
             </fieldset>   

            <fieldset name="carasoul" label="MOD_TLPPORTFOLIO_LABEL_CAROUSEL">        

                     <field 
                        name="@spacer" 
                        type="spacer" 
                        default="" 
                        label="" 
                        description="">
                    </field>
               
                    <field 
                        name="mod_speed" 
                        type="text" 
                        default="200" 
                        label="MOD_TLPPORTFOLIO_LABEL_SLIDER_SPEED" 
                        description="MOD_TLPPORTFOLIO_DESC_SLIDER_SPEED">
                    </field>
                    <field name="mod_autoplay" type="radio" default="true" class="btn-group btn-group-yesno" label="MOD_TLPPORTFOLIO_LABEL_AUTO_PLAY" description="MOD_TLPPORTFOLIO_DESC_AUTO_PLAY">
                          <option value="true">True</option>
                          <option value="false">False</option>
                    </field>
                    
                    <field name="mod_navigation" type="radio" default="true" class="btn-group btn-group-yesno" label="MOD_TLPPORTFOLIO_LABEL_NAVIGATION" description="MOD_TLPPORTFOLIO_DESC_NAVIGATION">
                            <option value="true">JSHOW</option>
                            <option value="false">JHIDE</option>
                    </field>
                    
                    <field name="mod_pagination" type="radio" default="false" class="btn-group btn-group-yesno" label="MOD_TLPPORTFOLIO_LABEL_PAGINATION" description="MOD_TLPPORTFOLIO_DESC_PAGINATION">
                            <option value="true">JSHOW</option>
                            <option value="false">JHIDE</option>
                    </field>
                    
                    <field name="mod_responsive" type="radio" default="true" class="btn-group btn-group-yesno" label="MOD_TLPPORTFOLIO_LABEL_RESPONSIVE" description="MOD_TLPPORTFOLIO_DESC_RESPONSIVE">
                            <option value="true">True</option>
                            <option value="false">False</option>
                    </field>
                    <field name="mod_lazyload" type="radio" default="true" class="btn-group btn-group-yesno" label="MOD_TLPPORTFOLIO_LABEL_LAZYLOAD" description="MOD_TLPPORTFOLIO_DESC_LAZYLOAD">
                            <option value="true">True</option>
                            <option value="false">False</option>
                    </field>
                    
                    <field name="mod_loop_enable" type="radio" class="btn-group btn-group-yesno"
                      label="MOD_TLPPORTFOLIO_LBL_LOOP"
                      description="MOD_TLPPORTFOLIO_DESC_LOOP" 
                      default="true">
                        <option value="true">True</option>
                        <option value="false">False</option>
                    </field>
                    

                </fieldset> 
                <fieldset
                  name="advanced">
                  <field
                      name="moduleclass_sfx"
                      type="textarea" rows="3"
                      label="COM_MODULES_FIELD_MODULECLASS_SFX_LABEL"
                      description="COM_MODULES_FIELD_MODULECLASS_SFX_DESC" />

                  <field
                      name="cache"
                      type="list"
                      default="0"
                      label="COM_MODULES_FIELD_CACHING_LABEL"
                      description="COM_MODULES_FIELD_CACHING_DESC">
                      <option
                          value="0">COM_MODULES_FIELD_VALUE_NOCACHING</option>
                  </field>
              </fieldset> 
            
        </fields>
    </config>
</extension>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           