From dce23f6dbc5fd20622ac898d76645faccb6907c0 Mon Sep 17 00:00:00 2001
From: satish <satish.dvnk@vtiger.com>
Date: Fri, 7 Apr 2017 15:05:50 +0530
Subject: [PATCH] Updated banner ui in dashboard page

---
 .../v7/modules/ExtensionStore/Promotions.tpl  |   2 +-
 .../Vtiger/dashboards/DashBoardHeader.tpl     |  90 +++++++++---------
 layouts/v7/skins/contact/style.css            |  15 +--
 layouts/v7/skins/inventory/style.css          |  15 +--
 layouts/v7/skins/marketing/style.css          |  15 +--
 .../v7/skins/marketing_and_sales/style.css    |  15 +--
 layouts/v7/skins/project/style.css            |  15 +--
 layouts/v7/skins/sales/style.css              |  15 +--
 layouts/v7/skins/support/style.css            |  15 +--
 layouts/v7/skins/tools/style.css              |  15 +--
 layouts/v7/skins/vtiger/style.less            |  23 +++--
 .../vtiger/marketplace/ExtensionStore.zip     | Bin 40716 -> 40669 bytes
 .../modules/ExtensionStore/ExtensionStore.js  |  29 +++---
 13 files changed, 137 insertions(+), 127 deletions(-)

diff --git a/layouts/v7/modules/ExtensionStore/Promotions.tpl b/layouts/v7/modules/ExtensionStore/Promotions.tpl
index 70246d62e..dd28c2e86 100644
--- a/layouts/v7/modules/ExtensionStore/Promotions.tpl
+++ b/layouts/v7/modules/ExtensionStore/Promotions.tpl
@@ -11,7 +11,7 @@
 	{foreach $HEADER_SCRIPTS as $SCRIPT}
 		<script type="{$SCRIPT->getType()}" src="{$SCRIPT->getSrc()}" />
 	{/foreach}
-	<div class="banner-container" style="margin: 0px 10px 10px;">
+	<div class="banner-container" style="margin: 0px 10px;">
 		<div class="row"></div>
 		<div class="banner">
 			<ul class="bxslider">
diff --git a/layouts/v7/modules/Vtiger/dashboards/DashBoardHeader.tpl b/layouts/v7/modules/Vtiger/dashboards/DashBoardHeader.tpl
index 93294a18a..11737f390 100644
--- a/layouts/v7/modules/Vtiger/dashboards/DashBoardHeader.tpl
+++ b/layouts/v7/modules/Vtiger/dashboards/DashBoardHeader.tpl
@@ -11,48 +11,50 @@
 -->*}
 
 <div class='dashboardHeading container-fluid'>
-    <div class="btn-group pull-right">
-        {if $SELECTABLE_WIDGETS|count gt 0}
-            <button class='btn btn-default addButton dropdown-toggle' data-toggle='dropdown'>
-                {vtranslate('LBL_ADD_WIDGET')}&nbsp;&nbsp;<i class="caret"></i>
-            </button>
-            
-            <ul class="dropdown-menu dropdown-menu-right widgetsList pull-right" style="min-width:100%;text-align:left;">
-                {assign var="MINILISTWIDGET" value=""}
-                {foreach from=$SELECTABLE_WIDGETS item=WIDGET}
-                    {if $WIDGET->getName() eq 'MiniList'}
-                        {assign var="MINILISTWIDGET" value=$WIDGET} {* Defer to display as a separate group *}
-                    {elseif $WIDGET->getName() eq 'Notebook'}
-                        {assign var="NOTEBOOKWIDGET" value=$WIDGET} {* Defer to display as a separate group *}
-                    {else}
-                        <li>
-                            <a onclick="Vtiger_DashBoard_Js.addWidget(this, '{$WIDGET->getUrl()}')" href="javascript:void(0);"
-                               data-linkid="{$WIDGET->get('linkid')}" data-name="{$WIDGET->getName()}" data-width="{$WIDGET->getWidth()}" data-height="{$WIDGET->getHeight()}">
-                                {vtranslate($WIDGET->getTitle(), $MODULE_NAME)}</a>
-                        </li>
-                    {/if}
-                {/foreach}
-                
-                {if $MINILISTWIDGET && $MODULE_NAME == 'Home'}
-                    <li class="divider"></li>
-                    <li>
-                        <a onclick="Vtiger_DashBoard_Js.addMiniListWidget(this, '{$MINILISTWIDGET->getUrl()}')" href="javascript:void(0);"
-                           data-linkid="{$MINILISTWIDGET->get('linkid')}" data-name="{$MINILISTWIDGET->getName()}" data-width="{$MINILISTWIDGET->getWidth()}" data-height="{$MINILISTWIDGET->getHeight()}">
-                            {vtranslate($MINILISTWIDGET->getTitle(), $MODULE_NAME)}</a>
-                    </li>
-                    <li>
-                        <a onclick="Vtiger_DashBoard_Js.addNoteBookWidget(this, '{$NOTEBOOKWIDGET->getUrl()}')" href="javascript:void(0);"
-                           data-linkid="{$NOTEBOOKWIDGET->get('linkid')}" data-name="{$NOTEBOOKWIDGET->getName()}" data-width="{$NOTEBOOKWIDGET->getWidth()}" data-height="{$NOTEBOOKWIDGET->getHeight()}">
-                            {vtranslate($NOTEBOOKWIDGET->getTitle(), $MODULE_NAME)}</a>
-                    </li>
-                {/if}
-                
-            </ul>
-        {else if $MODULE_PERMISSION}
-            <button class='btn addButton dropdown-toggle' disabled="disabled" data-toggle='dropdown'>
-                <strong>{vtranslate('LBL_ADD_WIDGET')}</strong> &nbsp;&nbsp;
-                <i class="caret"></i>
-            </button>
-        {/if}
-    </div>
+	<div class="buttonGroups pull-right">
+		<div class="btn-group">
+			{if $SELECTABLE_WIDGETS|count gt 0}
+				<button class='btn btn-default addButton dropdown-toggle' data-toggle='dropdown'>
+					{vtranslate('LBL_ADD_WIDGET')}&nbsp;&nbsp;<i class="caret"></i>
+				</button>
+
+				<ul class="dropdown-menu dropdown-menu-right widgetsList pull-right" style="min-width:100%;text-align:left;">
+					{assign var="MINILISTWIDGET" value=""}
+					{foreach from=$SELECTABLE_WIDGETS item=WIDGET}
+						{if $WIDGET->getName() eq 'MiniList'}
+							{assign var="MINILISTWIDGET" value=$WIDGET} {* Defer to display as a separate group *}
+						{elseif $WIDGET->getName() eq 'Notebook'}
+							{assign var="NOTEBOOKWIDGET" value=$WIDGET} {* Defer to display as a separate group *}
+						{else}
+							<li>
+								<a onclick="Vtiger_DashBoard_Js.addWidget(this, '{$WIDGET->getUrl()}')" href="javascript:void(0);"
+									data-linkid="{$WIDGET->get('linkid')}" data-name="{$WIDGET->getName()}" data-width="{$WIDGET->getWidth()}" data-height="{$WIDGET->getHeight()}">
+									{vtranslate($WIDGET->getTitle(), $MODULE_NAME)}</a>
+							</li>
+						{/if}
+					{/foreach}
+
+					{if $MINILISTWIDGET && $MODULE_NAME == 'Home'}
+						<li class="divider"></li>
+						<li>
+							<a onclick="Vtiger_DashBoard_Js.addMiniListWidget(this, '{$MINILISTWIDGET->getUrl()}')" href="javascript:void(0);"
+								data-linkid="{$MINILISTWIDGET->get('linkid')}" data-name="{$MINILISTWIDGET->getName()}" data-width="{$MINILISTWIDGET->getWidth()}" data-height="{$MINILISTWIDGET->getHeight()}">
+								{vtranslate($MINILISTWIDGET->getTitle(), $MODULE_NAME)}</a>
+						</li>
+						<li>
+							<a onclick="Vtiger_DashBoard_Js.addNoteBookWidget(this, '{$NOTEBOOKWIDGET->getUrl()}')" href="javascript:void(0);"
+								data-linkid="{$NOTEBOOKWIDGET->get('linkid')}" data-name="{$NOTEBOOKWIDGET->getName()}" data-width="{$NOTEBOOKWIDGET->getWidth()}" data-height="{$NOTEBOOKWIDGET->getHeight()}">
+								{vtranslate($NOTEBOOKWIDGET->getTitle(), $MODULE_NAME)}</a>
+						</li>
+					{/if}
+
+				</ul>
+			{else if $MODULE_PERMISSION}
+				<button class='btn addButton dropdown-toggle' disabled="disabled" data-toggle='dropdown'>
+					<strong>{vtranslate('LBL_ADD_WIDGET')}</strong> &nbsp;&nbsp;
+					<i class="caret"></i>
+				</button>
+			{/if}
+		</div>
+	</div>
 </div>
diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index 0b799ac59..fcae04216 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/inventory/style.css b/layouts/v7/skins/inventory/style.css
index 0798f1ba1..118106d88 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/marketing/style.css b/layouts/v7/skins/marketing/style.css
index c60d9d545..7332f8718 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/marketing_and_sales/style.css b/layouts/v7/skins/marketing_and_sales/style.css
index 186ecb8ef..f07eaabfc 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/project/style.css b/layouts/v7/skins/project/style.css
index 449abfece..75699fa8e 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/sales/style.css b/layouts/v7/skins/sales/style.css
index 251464e59..4131e8604 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/support/style.css b/layouts/v7/skins/support/style.css
index 8bf6ddb23..666fef333 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/tools/style.css b/layouts/v7/skins/tools/style.css
index c4aa742d2..d72821086 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -6795,21 +6795,22 @@ a.btnReport:hover {
 }
 .bx-wrapper img {
   max-width: 100%;
+  width: 500px;
+  height: 45px;
 }
-.bx-wrapper {
-  max-width: 99% !important;
+.bx-wrapper .bxslider {
+  padding-left: 0px;
+}
+.bxslider ul {
+  padding-left: 0px;
 }
-.bxslider li {
+.bx-wrapper .bxslider li {
   position: relative;
   text-align: center;
   left: 0px;
 }
 .bx-wrapper .bx-viewport {
   width:99%;
-  -moz-box-shadow: 0 0 5px #ccc;
-  -webkit-box-shadow: 0 0 5px #ccc;
-  box-shadow: 0 0 5px #ccc;
-  border: 5px solid #fff;
   left: 0px;
   background: #fff;
   -webkit-transform: translatez(0);
diff --git a/layouts/v7/skins/vtiger/style.less b/layouts/v7/skins/vtiger/style.less
index a7940af1c..2e602184a 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -7766,7 +7766,6 @@ a.btnReport, a.btnReport:hover{
 //Image Animation - Products - start
 .bx-wrapper { 
     position: relative; 
-    //margin: 0 auto 10px; 
     margin-bottom: 10px; 
     padding: 0; 
     *zoom: 1; 
@@ -7774,20 +7773,26 @@ a.btnReport, a.btnReport:hover{
 
 .bx-wrapper img { 
     max-width: 100%; 
-}.bx-wrapper {
-	max-width: 99% !important;
+    width: 500px;
+    height: 45px;
+}
+
+.bx-wrapper .bxslider {
+  padding-left: 0px;
 }
-.bxslider li {
+
+.bxslider ul {
+  padding-left: 0px;
+}
+
+.bx-wrapper .bxslider li {
 	position: relative;
 	text-align: center;
 	left: 0px;
 }
+
 .bx-wrapper .bx-viewport {
-	width:99%; 
-    -moz-box-shadow: 0 0 5px #ccc; 
-    -webkit-box-shadow: 0 0 5px #ccc; 
-    box-shadow: 0 0 5px #ccc; 
-    border:  5px solid #fff; 
+	width:99%;
     left: 0px; 
     background: #fff; 
 
diff --git a/packages/vtiger/marketplace/ExtensionStore.zip b/packages/vtiger/marketplace/ExtensionStore.zip
index 8813b54b87a4e37807415e131779d559abc9c0bb..fdaeafd47acfc8da5b01bc224b916ca546f03bb7 100644
GIT binary patch
delta 1675
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
VlcSzD0@;z1+@2~1FO&cP006wZ3Jm}N

delta 1745
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

diff --git a/pkg/vtiger/modules/ExtensionStore/modules/ExtensionStore/ExtensionStore.js b/pkg/vtiger/modules/ExtensionStore/modules/ExtensionStore/ExtensionStore.js
index 1db0d0878..2f6a80983 100644
--- a/pkg/vtiger/modules/ExtensionStore/modules/ExtensionStore/ExtensionStore.js
+++ b/pkg/vtiger/modules/ExtensionStore/modules/ExtensionStore/ExtensionStore.js
@@ -20,10 +20,7 @@ jQuery.Class('ExtensionStore_ExtensionStore_Js', {}, {
 				auto: true,
 				pager: items.length > 1,
 				speed: items.length > 1 ? 1500 : 0,
-				pause: 3000,
-				onSlideBefore: function () {
-					jQuery('.bx-viewport').css({'height': '150px', 'overflow': 'hidden'});
-				}
+				pause: 3000
 			});
 		}
 	},
@@ -87,29 +84,29 @@ jQuery.Class('ExtensionStore_ExtensionStore_Js', {}, {
 
 			if (element.hasClass('up')) {
 				bannerContainer.slideUp();
-				element.find('.icon-chevron-up').addClass('hide');
-				element.find('.icon-chevron-down').removeClass('hide');
+				element.find('.fa-chevron-up').addClass('hide');
+				element.find('.fa-chevron-down').removeClass('hide');
 				element.addClass('down').removeClass('up');
 			} else if (element.hasClass('down')) {
 				if (bannerContainer.find('img').length <= 0) {
 					thisInstance.getPromotionsFromMarketPlace(null);
 				}
 				bannerContainer.slideDown();
-				element.find('.icon-chevron-down').addClass('hide');
-				element.find('.icon-chevron-up').removeClass('hide');
+				element.find('.fa-chevron-down').addClass('hide');
+				element.find('.fa-chevron-up').removeClass('hide');
 				element.addClass('up').removeClass('down');
 			}
 		});
 	},
 
 	insertTogglePromotionHtml: function () {
-		var toggleHtml = '<span class="btn-group">'+
-				'<button class="btn addButton togglePromotion up">'+
-					'<span id="hide" class="icon icon-chevron-up"></span>'+
-					'<span id="show" class="icon icon-chevron-down hide"></span>'+
+		var toggleHtml = '<div class="btn-group">'+
+				'<button class="btn btn-default addButton togglePromotion up">'+
+					'<span id="hide" class="fa fa-chevron-up"></span>'+
+					'<span id="show" class="fa fa-chevron-down hide"></span>'+
 				'</button>'+
-				'</span>';
-		jQuery('.dashboardHeading').find('.btn-toolbar').append(toggleHtml);
+				'</div>';
+		jQuery('.dashboardHeading').find('.buttonGroups').append(toggleHtml);
 	},
 
 	registerEvents: function () {
@@ -119,10 +116,8 @@ jQuery.Class('ExtensionStore_ExtensionStore_Js', {}, {
 		if ((moduleName == 'Home')) {
 			thisInstance.insertTogglePromotionHtml();
 			thisInstance.getPromotionsFromMarketPlace();
-			jQuery('.togglePromotion').find('.icon-chevron-up').addClass('hide');
-			jQuery('.togglePromotion').find('.icon-chevron-down').removeClass('hide');
-			jQuery('.togglePromotion').addClass('down').removeClass('up');
 			thisInstance.registerEventsForTogglePromotion();
+			jQuery('.togglePromotion').trigger('click');
 		}
 	}
 });
-- 
GitLab