Ticket #1000

modules/base/general/classes/BxBaseModGeneralModule.php

@@ -1095,6 +1095,9 @@ class BxBaseModGeneralModule extends BxDolModule
     	//--- Image(s)
         $aImages = $this->_getImagesForTimelinePost($aEvent, $aContentInfo, $sUrl, $aBrowseParams);
 
+        //--- Video(s)
+        $aVideos = $this->_getVideosForTimelinePost($aEvent, $aContentInfo, $sUrl, $aBrowseParams);
+
     	return array(
     		'sample' => isset($CNF['T']['txt_sample_single_with_article']) ? $CNF['T']['txt_sample_single_with_article'] : $CNF['T']['txt_sample_single'],
     		'sample_wo_article' => $CNF['T']['txt_sample_single'],
@@ -1104,6 +1107,7 @@ class BxBaseModGeneralModule extends BxDolModule
 			(isset($CNF['FIELD_TEXT']) && isset($aContentInfo[$CNF['FIELD_TEXT']]) ? strmaxtextlen($aContentInfo[$CNF['FIELD_TEXT']], 20, '...') : ''),
 			'text' => isset($CNF['FIELD_TEXT']) && isset($aContentInfo[$CNF['FIELD_TEXT']]) ? $aContentInfo[$CNF['FIELD_TEXT']] : '',
 			'images' => $aImages,
+            'videos' => $aVideos
 		);
     }
 
@@ -1111,21 +1115,35 @@ class BxBaseModGeneralModule extends BxDolModule
     {
         $CNF = &$this->_oConfig->CNF;
 
-        $sImage = '';
-        if(isset($CNF['FIELD_COVER']) && isset($aContentInfo[$CNF['FIELD_COVER']]) && $aContentInfo[$CNF['FIELD_COVER']])
+        $sImage = $sImageOrig = '';
+        if(isset($CNF['FIELD_COVER']) && isset($aContentInfo[$CNF['FIELD_COVER']]) && $aContentInfo[$CNF['FIELD_COVER']]) {
             $sImage = $this->_oConfig->getImageUrl($aContentInfo[$CNF['FIELD_COVER']], array('OBJECT_IMAGES_TRANSCODER_GALLERY', 'OBJECT_IMAGES_TRANSCODER_THUMB'));
+            $sImageOrig = $this->_oConfig->getImageUrl($aContentInfo[$CNF['FIELD_COVER']], array('OBJECT_IMAGES_TRANSCODER_COVER'));
+        }
 
-        if($sImage == '' && isset($CNF['FIELD_THUMB']) && isset($aContentInfo[$CNF['FIELD_THUMB']]) && $aContentInfo[$CNF['FIELD_THUMB']])
+        $bImageThumb = isset($CNF['FIELD_THUMB']) && isset($aContentInfo[$CNF['FIELD_THUMB']]) && $aContentInfo[$CNF['FIELD_THUMB']];
+        if($sImage == '' && $bImageThumb)
             $sImage = $this->_oConfig->getImageUrl($aContentInfo[$CNF['FIELD_THUMB']], array('OBJECT_IMAGES_TRANSCODER_GALLERY', 'OBJECT_IMAGES_TRANSCODER_THUMB'));
 
+        if($sImageOrig == '' && $bImageThumb)
+            $sImageOrig = $this->_oConfig->getImageUrl($aContentInfo[$CNF['FIELD_THUMB']], array('OBJECT_IMAGES_TRANSCODER_COVER'));
+
         if(empty($sImage))
             return array();
 
+        if($sImageOrig == '')
+            $sImageOrig = $sImage;
+
         return array(
-		    array('url' => $sUrl, 'src' => $sImage),
+		    array('url' => $sUrl, 'src' => $sImage, 'src_orig' => $sImageOrig),
 		);
     }
 
+    protected function _getVideosForTimelinePost($aEvent, $aContentInfo, $sUrl, $aBrowseParams = array())
+    {
+        return array();
+    }
+
     protected function _entityComments ($sObject, $iId = 0)
     {
         if (!$iId)

modules/boonex/russian/data/langs/bx_timeline/ru.xml

@@ -61,6 +61,8 @@
     <string name="_bx_timeline_page_title_view_home"><![CDATA[Общая хроника новостей]]></string>
 	<string name="_bx_timeline_page_title_sys_item"><![CDATA[Элемент хроники]]></string>
 	<string name="_bx_timeline_page_title_item"><![CDATA[Элемент хроники]]></string>
+	<string name="_bx_timeline_page_title_sys_item_brief"><![CDATA[Предпросмотр элемента хроники]]></string>
+    <string name="_bx_timeline_page_title_item_brief"><![CDATA[Предпросмотр элемента хроники]]></string>
 	<string name="_bx_timeline_page_title_sys_account"><![CDATA[Хроника новостей]]></string>
 	<string name="_bx_timeline_page_title_account"><![CDATA[Хроника новостей]]></string>
 	<string name="_bx_timeline_page_block_title_system_post_profile"><![CDATA[Создать публикацию]]></string>
@@ -70,6 +72,9 @@
 	<string name="_bx_timeline_page_block_title_system_view_profile_outline"><![CDATA[Хроника новостей профайла (сводка)]]></string>
 	<string name="_bx_timeline_page_block_title_view_profile_outline"><![CDATA[Хроника новостей профайла]]></string>
 	<string name="_bx_timeline_page_block_title_item"><![CDATA[Элемент]]></string>
+	<string name="_bx_timeline_page_block_title_item_content"><![CDATA[Содержимое]]></string>
+    <string name="_bx_timeline_page_block_title_item_info"><![CDATA[Информация]]></string>
+    <string name="_bx_timeline_page_block_title_item_comments"><![CDATA[Комментарии]]></string>
 	<string name="_bx_timeline_page_block_title_system_post_account"><![CDATA[Создать публикацию]]></string>
 	<string name="_bx_timeline_page_block_title_post_account"><![CDATA[Создать публикацию]]></string>
 	<string name="_bx_timeline_page_block_title_system_view_account"><![CDATA[Хроника новостей (лента)]]></string>

modules/boonex/timeline/classes/BxTimelineConfig.php

@@ -96,6 +96,8 @@ class BxTimelineConfig extends BxBaseModNotificationsConfig
         	'transcoder_videos_mp4' => $this->_sName . '_videos_mp4',
         	'transcoder_videos_webm' => $this->_sName . '_videos_webm',
 
+        	'page_item_brief' => $this->_sName . '_item_brief',
+
         	'menu_item_manage' => $this->_sName . '_menu_item_manage',
         	'menu_item_actions' => $this->_sName . '_menu_item_actions',
         	'menu_post_attachments' => $this->_sName . '_menu_post_attachments',
@@ -135,14 +137,17 @@ class BxTimelineConfig extends BxBaseModNotificationsConfig
         	'view' => array(
         		'main_' . $sHpI => $sHp . '-' . $sHpI,
         		'item_' . $sHpI => $sHp . '-item-' . $sHpI . '-',
+                'item_popup_' . $sHpI => $sHp . '-item-popup-' . $sHpI,
                 'photo_popup_' . $sHpI => $sHp . '-photo-popup-' . $sHpI,
 
                 'main_' . $sHpT => $sHp . '-' . $sHpT,
         		'item_' . $sHpT => $sHp . '-item-' . $sHpT . '-',
+        		'item_popup_' . $sHpT => $sHp . '-item-popup-' . $sHpT,
                 'photo_popup_' . $sHpT => $sHp . '-photo-popup-' . $sHpT,
 
         		'main_' . $sHpO => $sHp . '-' . $sHpO,
         		'item_' . $sHpO => $sHp . '-item-' . $sHpO . '-',
+        		'item_popup_' . $sHpO => $sHp . '-item-popup-' . $sHpO,
                 'photo_popup_' . $sHpO => $sHp . '-photo-popup-' . $sHpO,
 
         		'main_' . $sHpS => $sHp . '-' . $sHpS,

modules/boonex/timeline/classes/BxTimelineModule.php

@@ -287,6 +287,11 @@ class BxTimelineModule extends BxBaseModNotificationsModule implements iBxDolCon
         echo $this->_oTemplate->getRepostedBy($iRepostedId);
     }
 
+    public function actionGetItemBrief()
+    {
+        echo BxDolPage::getObjectInstance($this->_oConfig->getObject('page_item_brief'), $this->_oTemplate)->getCode();
+    }
+
     function actionRss()
     {
         $aArgs = func_get_args();
@@ -867,6 +872,34 @@ class BxTimelineModule extends BxBaseModNotificationsModule implements iBxDolCon
         return $this->_oTemplate->getItemBlock($iItemId);
     }
 
+    public function serviceGetBlockItemContent()
+    {
+        $iItemId = bx_process_input(bx_get('id'), BX_DATA_INT);
+        $sMode = bx_process_input(bx_get('mode'));
+        if(!$iItemId || !$sMode)
+            return '';
+            
+        return $this->_oTemplate->getItemBlockContent($iItemId, $sMode);
+    }
+    
+    public function serviceGetBlockItemInfo()
+    {
+        $iItemId = bx_process_input(bx_get('id'), BX_DATA_INT);
+        if(!$iItemId)
+            return '';
+
+        return $this->_oTemplate->getItemBlockInfo($iItemId);
+    }
+
+    public function serviceGetBlockItemComments()
+    {
+        $iItemId = bx_process_input(bx_get('id'), BX_DATA_INT);
+        if(!$iItemId)
+            return '';
+
+        return $this->_oTemplate->getItemBlockComments($iItemId);
+    }
+    
     /**
      * @page service Service Calls
      * @section bx_timeline Timeline

modules/boonex/timeline/classes/BxTimelineTemplate.php

@@ -182,6 +182,73 @@ class BxTimelineTemplate extends BxBaseModNotificationsTemplate
         )));
     }
 
+    /**
+     * Get event's content.
+     * @param integer $iId - event ID.
+     * @param string $sMode - 'photo' is only one mode which is available for now.
+     */
+    public function getItemBlockContent($iId, $sMode) {
+        $CNF = $this->_oConfig->CNF;
+        $sStylePrefix = $this->_oConfig->getPrefix('style');
+
+        $aEvent = $this->_oDb->getEvents(array('browse' => 'id', 'value' => $iId));
+        if(empty($aEvent))
+            return '';
+
+        $aTmplVars = array(
+        	'style_prefix' => $sStylePrefix,
+            'bx_if:show_image' => array(
+                'condition' => false,
+                'content' => array()
+            )
+        );
+
+        switch($sMode) {
+            case 'photo':
+                $aTmplVars['bx_if:show_image']['condition'] = true;
+                $aTmplVars['bx_if:show_image']['content'] = array(
+                    'style_prefix' => $sStylePrefix,
+                    'src' => base64_decode(bx_process_input(bx_get('src'))),
+                );
+                break;
+        }
+
+        return $this->parseHtmlByName('block_item_content.html', $aTmplVars);
+    }
+
+    public function getItemBlockInfo($iId) {
+        $CNF = $this->_oConfig->CNF;
+
+        $aEvent = $this->_oDb->getEvents(array('browse' => 'id', 'value' => $iId));
+        if(empty($aEvent))
+            return '';
+
+        $aResult = $this->getData($aEvent);
+        if($aResult === false)
+            return '';
+
+        list($sAuthorName, $sAuthorUrl, $sAuthorIcon, $sAuthorUnit) = $this->getModule()->getUserInfo($aResult['owner_id']);
+
+        return $this->parseHtmlByName('block_item_info.html', array(
+            'style_prefix' => $this->_oConfig->getPrefix('style'),
+            'author' => $sAuthorUnit
+        ));
+    }
+
+    public function getItemBlockComments($iId) {
+        $CNF = $this->_oConfig->CNF;
+
+        $aEvent = $this->_oDb->getEvents(array('browse' => 'id', 'value' => $iId));
+        if(empty($aEvent))
+            return '';
+
+        $aResult = $this->getData($aEvent);
+        if($aResult === false)
+            return '';
+            
+        return $this->_getComments($aResult['comments']);
+    }
+
     public function getUnit(&$aEvent, $aBrowseParams = array())
     {
         $oModule = $this->getModule();
@@ -978,19 +1045,26 @@ class BxTimelineTemplate extends BxBaseModNotificationsTemplate
         $aTmplVarsImages = array();
         if(!empty($aContent['images'])) {
             foreach($aContent['images'] as $aImage) {
-                $sImage = '';
-                if(!empty($aImage['src']))
-                    $sImage = $this->parseImage($bBrowseItem && !empty($aImage['src_orig']) ? $aImage['src_orig'] : $aImage['src'], array(
-                    	'class' => $sStylePrefix . '-item-img'
-                    ));
-
-                if(!empty($sImage) && (isset($aImage['url']) || isset($aImage['onclick']))) {
-                    $aAttrs = array();
-                    if(isset($aImage['onclick']))
-                        $aAttrs['onclick'] = $aImage['onclick'];
-
-                    $sImage = $this->parseLink(isset($aImage['url']) ? $aImage['url'] : 'javascript:void(0)', $sImage, $aAttrs);
-                }
+                $sImageSrc = '';
+                if($bBrowseItem && !empty($aImage['src_orig']))
+                    $sImageSrc = $aImage['src_orig'];
+                else if(!empty($aImage['src']))
+                    $sImageSrc = $aImage['src'];
+
+                if(empty($sImageSrc))
+                    continue;
+                
+                $sImage = $this->parseImage($sImageSrc, array(
+                	'class' => $sStylePrefix . '-item-img'
+                ));
+
+                $aAttrs = array();
+                if(isset($aImage['onclick']))
+                    $aAttrs['onclick'] = $aImage['onclick'];
+                else if(!$bBrowseItem && !empty($aImage['src_orig']))
+                    $aAttrs['onclick'] = 'return ' . $sJsObject . '.showItem(this, \'' . $aEvent['id'] . '\', \'photo\', ' . json_encode(array('src' => base64_encode($aImage['src_orig']))) . ')'; 
+
+                $sImage = $this->parseLink(isset($aImage['url']) ? $aImage['url'] : 'javascript:void(0)', $sImage, $aAttrs);
 
                 $aTmplVarsImages[] = array(
                     'style_prefix' => $sStylePrefix,
@@ -1164,13 +1238,14 @@ class BxTimelineTemplate extends BxBaseModNotificationsTemplate
                     $oTranscoderBig = BxDolTranscoderImage::getObjectInstance($this->_oConfig->getObject('transcoder_photos_big'));
 
                     foreach($aPhotos as $iPhotoId) {
+                        $sPhotoSrc = $oTranscoder->getFileUrl($iPhotoId);
                         $sPhotoSrcBig = $oTranscoderBig->getFileUrl($iPhotoId);
+                        if(empty($sPhotoSrcBig) && !empty($sPhotoSrc))
+                            $sPhotoSrcBig = $sPhotoSrc;
 
                         $aResult['content']['images'][] = array(
-                            'src' => $oTranscoder->getFileUrl($iPhotoId),
+                            'src' => $sPhotoSrc,
                             'src_orig' => $sPhotoSrcBig,
-                            'title' => '',
-                            'onclick' => $sJsObject . '.showPhoto(this, \'' . $sPhotoSrcBig . '\')'
                         );
                     }
                 }

modules/boonex/timeline/install/langs/en.xml

@@ -61,6 +61,8 @@
     <string name="_bx_timeline_page_title_view_home"><![CDATA[Public Feed]]></string>
 	<string name="_bx_timeline_page_title_sys_item"><![CDATA[Feed Item]]></string>
 	<string name="_bx_timeline_page_title_item"><![CDATA[Feed Item]]></string>
+	<string name="_bx_timeline_page_title_sys_item_brief"><![CDATA[Feed Item Preview]]></string>
+    <string name="_bx_timeline_page_title_item_brief"><![CDATA[Feed Item Preview]]></string>
 	<string name="_bx_timeline_page_title_sys_account"><![CDATA[Feed]]></string>
 	<string name="_bx_timeline_page_title_account"><![CDATA[Feed]]></string>
 	<string name="_bx_timeline_page_block_title_system_post_profile"><![CDATA[Post to Feed]]></string>
@@ -70,6 +72,9 @@
 	<string name="_bx_timeline_page_block_title_system_view_profile_outline"><![CDATA[Profile Feed (Outline)]]></string>
 	<string name="_bx_timeline_page_block_title_view_profile_outline"><![CDATA[Profile Feed]]></string>
 	<string name="_bx_timeline_page_block_title_item"><![CDATA[Item]]></string>
+	<string name="_bx_timeline_page_block_title_item_content"><![CDATA[Content]]></string>
+	<string name="_bx_timeline_page_block_title_item_info"><![CDATA[Info]]></string>
+	<string name="_bx_timeline_page_block_title_item_comments"><![CDATA[Comments]]></string>
 	<string name="_bx_timeline_page_block_title_system_post_account"><![CDATA[Post to Feed]]></string>
 	<string name="_bx_timeline_page_block_title_post_account"><![CDATA[Post to Feed]]></string>
 	<string name="_bx_timeline_page_block_title_system_view_account"><![CDATA[Feed (Timeline)]]></string>

modules/boonex/timeline/install/sql/disable.sql

@@ -1,6 +1,6 @@
 -- PAGES & BLOCKS
 DELETE FROM `sys_objects_page` WHERE `module` = 'bx_timeline';
-DELETE FROM `sys_pages_blocks` WHERE `module` = 'bx_timeline';
+DELETE FROM `sys_pages_blocks` WHERE `module` = 'bx_timeline' OR `object` IN('bx_timeline_view', 'bx_timeline_view_home', 'bx_timeline_item', 'bx_photos_item_brief');
 
 
 -- MENU

modules/boonex/timeline/install/sql/enable.sql

@@ -2,7 +2,9 @@
 INSERT INTO `sys_objects_page`(`object`, `title_system`, `title`, `module`, `layout_id`, `visible_for_levels`, `visible_for_levels_editable`, `uri`, `url`, `meta_description`, `meta_keywords`, `meta_robots`, `cache_lifetime`, `cache_editable`, `deletable`, `override_class_name`, `override_class_file`) VALUES 
 ('bx_timeline_view', '_bx_timeline_page_title_sys_view', '_bx_timeline_page_title_view', 'bx_timeline', 5, 2147483647, 1, 'timeline-view', 'page.php?i=timeline-view', '', '', '', 0, 1, 0, 'BxTimelinePageView', 'modules/boonex/timeline/classes/BxTimelinePageView.php'),
 ('bx_timeline_view_home', '_bx_timeline_page_title_sys_view_home', '_bx_timeline_page_title_view_home', 'bx_timeline', 5, 2147483647, 1, 'timeline-view-home', 'page.php?i=timeline-view-home', '', '', '', 0, 1, 0, '', ''),
-('bx_timeline_item', '_bx_timeline_page_title_sys_item', '_bx_timeline_page_title_item', 'bx_timeline', 5, 2147483647, 1, 'timeline-item', 'page.php?i=timeline-item', '', '', '', 0, 1, 0, '', '');
+
+('bx_timeline_item', '_bx_timeline_page_title_sys_item', '_bx_timeline_page_title_item', 'bx_timeline', 5, 2147483647, 1, 'timeline-item', 'page.php?i=timeline-item', '', '', '', 0, 1, 0, '', ''),
+('bx_timeline_item_brief', '_bx_timeline_page_title_sys_item_brief', '_bx_timeline_page_title_item_brief', 'bx_timeline', 2, 2147483647, 1, 'timeline-item-quick', 'page.php?i=timeline-item-quick', '', '', '', 0, 1, 0, '', '');
 
 INSERT INTO `sys_pages_blocks` (`object`, `cell_id`, `module`, `title_system`, `title`, `designbox_id`, `visible_for_levels`, `type`, `content`, `deletable`, `copyable`, `active`, `order`) VALUES
 ('bx_timeline_view', 1, 'bx_timeline', '_bx_timeline_page_block_title_system_post_profile', '_bx_timeline_page_block_title_post_profile', 11, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:14:"get_block_post";}', 0, 0, 1, 1),
@@ -13,7 +15,12 @@ INSERT INTO `sys_pages_blocks` (`object`, `cell_id`, `module`, `title_system`, `
 ('bx_timeline_view_home', 1, 'bx_timeline', '_bx_timeline_page_block_title_system_view_home', '_bx_timeline_page_block_title_view_home', 11, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:19:"get_block_view_home";}', 0, 0, 0, 2),
 ('bx_timeline_view_home', 1, 'bx_timeline', '_bx_timeline_page_block_title_system_view_home_outline', '_bx_timeline_page_block_title_view_home_outline', 11, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:27:"get_block_view_home_outline";}', 0, 0, 1, 3),
 
-('bx_timeline_item', 1, 'bx_timeline', '', '_bx_timeline_page_block_title_item', 0, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:14:"get_block_item";}', 0, 0, 1, 1);
+('bx_timeline_item', 1, 'bx_timeline', '', '_bx_timeline_page_block_title_item', 0, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:14:"get_block_item";}', 0, 0, 1, 1),
+
+('bx_timeline_item_brief', 1, 'bx_timeline', '', '_bx_timeline_page_block_title_item_content', 0, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:22:"get_block_item_content";}', 0, 0, 1, 1),
+('bx_timeline_item_brief', 2, 'bx_timeline', '', '_bx_timeline_page_block_title_item_info', 11, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:19:"get_block_item_info";}', 0, 0, 1, 1),
+('bx_timeline_item_brief', 2, 'bx_timeline', '', '_bx_timeline_page_block_title_item_comments', 11, 2147483647, 'service', 'a:2:{s:6:"module";s:11:"bx_timeline";s:6:"method";s:23:"get_block_item_comments";}', 0, 0, 1, 2);
+
 
 -- PAGES: add page block on dashboard
 SET @iPBCellDashboard = 2;

modules/boonex/timeline/install/sql/install.sql

@@ -223,7 +223,7 @@ CREATE TABLE IF NOT EXISTS `bx_timeline_meta_locations` (
   KEY `country_state_city` (`country`,`state`(8),`city`(8))
 );
 
-CREATE TABLE `bx_timeline_meta_mentions` (
+CREATE TABLE IF NOT EXISTS `bx_timeline_meta_mentions` (
   `object_id` int(10) unsigned NOT NULL,
   `profile_id` int(10) unsigned NOT NULL,
   KEY `object_id` (`object_id`),

modules/boonex/timeline/js/view.js

@@ -171,10 +171,20 @@ BxTimelineView.prototype.showMoreContent = function(oLink) {
 	}	
 };
 
-BxTimelineView.prototype.showPhoto = function(oLink, sUrl) {
+BxTimelineView.prototype.showItem = function(oLink, iId, sMode, oParams) {
 	var sView = this._getView(oLink);
+	var oData = $.extend({}, this._getDefaultData(), {id: iId, mode: sMode}, (oParams != undefined ? oParams : {}));
 
-	$('#' + this._aHtmlIds['photo_popup_' + sView]).dolPopupImage(sUrl, $(oLink).parent());
+	$(".bx-popup-full-screen.bx-popup-applied:visible").dolPopupHide();
+
+	$(window).dolPopupAjax({
+		id: {value: this._aHtmlIds['item_popup_' + sView] + iId, force: true},
+		url: bx_append_url_params(this._sActionsUrl + 'get_item_brief', oData),
+		removeOnClose: true,
+		fullScreen: true
+	});
+
+	return false;
 };
 
 BxTimelineView.prototype.commentItem = function(oLink, sSystem, iId) {

modules/boonex/timeline/template/block_item_content.html

@@ -0,0 +1,9 @@
+<div class="__style_prefix__-bview-content">
+	<div class="__style_prefix__-bview-cnt">
+        <bx_if:show_image>
+            <div class="__style_prefix__-bview-image">
+                <img src="__src__" />
+            </div>
+        </bx_if:show_image>
+	</div>
+</div>

modules/boonex/timeline/template/block_item_info.html

@@ -0,0 +1,5 @@
+<div class="__style_prefix__-bview-info">
+	<div class="__style_prefix__-bview-cnt">
+        __author__
+	</div>
+</div>

modules/boonex/timeline/template/css/view.css

@@ -277,6 +277,15 @@ div.bx-tl-view-outline div.bx-tl-reposted div.bx-tl-content {
 }
 
 
+/*--- Item Brief Style ---*/
+div.bx-tl-bview-image {
+	text-align: center;
+}
+div.bx-tl-bview-image img {
+	max-width: 100%;
+}
+
+
 /*--- Empty Style ---*/
 div.bx-tl-empty div.bx-msg-box-container {
 	margin-top: 0px;