From a078a33ac3e76b51a51b41bcdbc9146aa5c1187b Mon Sep 17 00:00:00 2001
From: Rodrigo Goncalves <rodrigo.g@ufsc.br>
Date: Mon, 11 Apr 2016 16:03:41 -0300
Subject: [PATCH] Fix for DropDown width in SumoSelect (AlpacaJS)

---
 Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWSeTIC.tt                        |  4 ++--
 Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWUFSC.tt                         |  4 ++--
 Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWSeTIC.tt                      |  4 ++--
 Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWUFSC.tt                       |  4 ++--
 Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWSeTIC.tt                        |  2 +-
 Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWUFSC.tt                         |  2 +-
 NewTicketWizard.sopm                                                                   |  4 +++-
 NewTicketWizardSeTIC.sopm                                                              |  6 +++---
 NewTicketWizardUFSC.sopm                                                               |  6 +++---
 var/httpd/htdocs/js/thirdparty/alpaca/alpaca-full.min.js                               |  4 ++++
 var/httpd/htdocs/js/thirdparty/alpaca/jquery.sumoselect.js                             | 17 ++++++++++++-----
 var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg.png       | Bin 337 -> 0 bytes
 var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg_setic.png | Bin 337 -> 0 bytes
 13 files changed, 35 insertions(+), 22 deletions(-)
 delete mode 100644 var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg.png
 delete mode 100644 var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg_setic.png

diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWSeTIC.tt b/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWSeTIC.tt
index cff9cf1..d25c5ec 100755
--- a/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWSeTIC.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWSeTIC.tt
@@ -10,9 +10,9 @@
 <div id="footerF" align="center" style="bottom: 10px; width: 100%; margin-top: 18px; margin-bottom: 8px;" class="noPrint">
 
 <div style="font-size: 0px;">
-<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/queues-panel/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
+<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/ufsc/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
 </div>
-		<br><a href="http://www.setic.ufsc.br" target="_blank"><img src="/otrs-web/skins/Customer/default/images/queues-panel/setic.png" style="border-style: none"></a>
+		<br><a href="http://www.setic.ufsc.br" target="_blank"><img src="/otrs-web/skins/Customer/default/images/ufsc/setic.png" style="border-style: none"></a>
 		<br>
 		<div style="margin-top: 4px;"><span style="color: #BBBBBB;">© SeTIC - Superintendência de Governança Eletrônica e Tecnologia da Informação e Comunicação</span>
 		</div>
diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWUFSC.tt b/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWUFSC.tt
index cff9cf1..d25c5ec 100755
--- a/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWUFSC.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWUFSC.tt
@@ -10,9 +10,9 @@
 <div id="footerF" align="center" style="bottom: 10px; width: 100%; margin-top: 18px; margin-bottom: 8px;" class="noPrint">
 
 <div style="font-size: 0px;">
-<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/queues-panel/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
+<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/ufsc/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
 </div>
-		<br><a href="http://www.setic.ufsc.br" target="_blank"><img src="/otrs-web/skins/Customer/default/images/queues-panel/setic.png" style="border-style: none"></a>
+		<br><a href="http://www.setic.ufsc.br" target="_blank"><img src="/otrs-web/skins/Customer/default/images/ufsc/setic.png" style="border-style: none"></a>
 		<br>
 		<div style="margin-top: 4px;"><span style="color: #BBBBBB;">© SeTIC - Superintendência de Governança Eletrônica e Tecnologia da Informação e Comunicação</span>
 		</div>
diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWSeTIC.tt b/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWSeTIC.tt
index 73aa2ab..a6ea4fb 100755
--- a/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWSeTIC.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWSeTIC.tt
@@ -112,7 +112,7 @@
 		
 		#header {
 			height: 90px;
-			background-image: url("/otrs-web/skins/Customer/default/images/queues-panel/cabecalhoUFSC.jpg");
+			background-image: url("/otrs-web/skins/Customer/default/images/ufsc/cabecalhoUFSC.jpg");
 			background-position: bottom left;
 			padding-left: 30px;
 			padding-top: 0px;
@@ -161,7 +161,7 @@ body {
 		
 		
 		#Navigation {
-			background-image: url('/otrs-web/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg_setic.png');
+			background-image: url('/otrs-web/skins/Customer/default/images/ufsc/panel_hd_bg_setic.png');
 			background-repeat: repeat-x;
     		background-position: 0 50%;
     		border: 1px solid #9CABC1;
diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWUFSC.tt b/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWUFSC.tt
index 4ca81cc..87de9a1 100755
--- a/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWUFSC.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWUFSC.tt
@@ -96,7 +96,7 @@
 	<style type="text/css">
 		#header {
 			height: 90px;
-			background-image: url("/otrs-web/skins/Customer/default/images/queues-panel/cabecalhoUFSC.jpg");
+			background-image: url("/otrs-web/skins/Customer/default/images/ufsc/cabecalhoUFSC.jpg");
 			background-position: bottom left;
 			padding-left: 30px;
 			padding-top: 0px;
@@ -145,7 +145,7 @@ vertical-align: bottom;
 		
 		
 		#Navigation {
-			background-image: url('/otrs-web/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg.png');
+			background-image: url('/otrs-web/skins/Customer/default/images/ufsc/panel_hd_bg.png');
 			background-repeat: repeat-x;
     		background-position: 0 50%;
     		border: 1px solid #9CABC1;
diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWSeTIC.tt b/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWSeTIC.tt
index 71dafe5..5ea9555 100755
--- a/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWSeTIC.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWSeTIC.tt
@@ -34,7 +34,7 @@
 		</tbody>
 	</table>
 	<div style="font-size: 0px;">
-		<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/queues-panel/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
+		<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/ufsc/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
 	</div>
 
 
diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWUFSC.tt b/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWUFSC.tt
index 72b8f43..33c1e7c 100755
--- a/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWUFSC.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWUFSC.tt
@@ -34,7 +34,7 @@
 						</tr>
 					</tbody></table>
 <div style="font-size: 0px;">
-<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/queues-panel/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
+<div style="height: 2px; width: 100%; background-image: url('/otrs-web/skins/Customer/default/images/ufsc/separador.gif'); background-repeat: repeat-x; background-position: 0 50%;"></div>
 </div>
 
 <!-- end header -->
diff --git a/NewTicketWizard.sopm b/NewTicketWizard.sopm
index eb15b96..875335a 100755
--- a/NewTicketWizard.sopm
+++ b/NewTicketWizard.sopm
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <otrs_package version="1.0">
     <Name>NewTicketWizard</Name>
-    <Version>2.0.0</Version>
+    <Version>2.0.2</Version>
     <Framework>5.0.x</Framework>
     <Vendor>SeTIC</Vendor>
     <URL>http://www.setic.ufsc.br</URL>
@@ -25,6 +25,8 @@
    	<ChangeLog version="1.9.9">Fix for date fields</ChangeLog>
    	<ChangeLog version="1.9.11">Fix for public interface custom properties</ChangeLog>
    	<ChangeLog version="2.0.0">Changes for OTRS 5.0.x</ChangeLog>
+   	<ChangeLog version="2.0.1">Separation for OTRS Media (images)</ChangeLog>
+   	<ChangeLog version="2.0.2">Fix for DropDown width in SumoSelect (AlpacaJS)</ChangeLog>
     <IntroInstall Type="post" Title="Thank you">New Ticket Wizard module installed successfully!</IntroInstall>
     <BuildDate>?</BuildDate>
     <BuildHost>?</BuildHost>
diff --git a/NewTicketWizardSeTIC.sopm b/NewTicketWizardSeTIC.sopm
index 955d3e8..ae42ac9 100755
--- a/NewTicketWizardSeTIC.sopm
+++ b/NewTicketWizardSeTIC.sopm
@@ -1,13 +1,14 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <otrs_package version="1.0">
     <Name>NewTicketWizardSeTIC</Name>
-    <Version>1.0.0</Version>
+    <Version>1.0.1</Version>
     <Framework>5.0.x</Framework>
     <Vendor>SeTIC</Vendor>
     <URL>http://www.setic.ufsc.br</URL>
     <License>GPLv2</License>
     <Description>NewTicket Wizard Module Template for SeTIC</Description>
-   	<ChangeLog version="1.0.0">First version</ChangeLog>
+	<ChangeLog version="1.0.0">First version</ChangeLog>   	
+	<ChangeLog version="1.0.1">Media separation</ChangeLog>
    	<IntroInstall Type="post" Title="Thank you">New Ticket Wizard SeTIC Template module installed successfully!</IntroInstall>
     <BuildDate>?</BuildDate>
     <BuildHost>?</BuildHost>
@@ -15,6 +16,5 @@
         <File Permission="644" Location="Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWSeTIC.tt"></File>        
         <File Permission="644" Location="Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWSeTIC.tt"></File>
         <File Permission="644" Location="Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWSeTIC.tt"></File>
-        <File Permission="644" Location="var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg_setic.png"></File>
     </Filelist>   
 </otrs_package>
diff --git a/NewTicketWizardUFSC.sopm b/NewTicketWizardUFSC.sopm
index ee944a2..e8995c3 100755
--- a/NewTicketWizardUFSC.sopm
+++ b/NewTicketWizardUFSC.sopm
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <otrs_package version="1.0">
     <Name>NewTicketWizardUFSC</Name>
-    <Version>1.1.0</Version>
+    <Version>1.1.1</Version>
     <Framework>5.0.x</Framework>
     <Vendor>SeTIC</Vendor>
     <URL>http://www.setic.ufsc.br</URL>
@@ -10,6 +10,7 @@
    	<ChangeLog version="1.0.0">First version</ChangeLog>
    	<ChangeLog version="1.0.1">Fix for footer</ChangeLog>
    	<ChangeLog version="1.1.0">Changes for OTRS 5.0.x</ChangeLog>
+   	<ChangeLog version="1.1.1">Media separation</ChangeLog>
    	<IntroInstall Type="post" Title="Thank you">New Ticket Wizard UFSC Template module installed successfully!</IntroInstall>
     <BuildDate>?</BuildDate>
     <BuildHost>?</BuildHost>
@@ -17,6 +18,5 @@
         <File Permission="644" Location="Kernel/Output/HTML/Templates/Standard/CustomerFooterNTWUFSC.tt"></File>        
         <File Permission="644" Location="Kernel/Output/HTML/Templates/Standard/CustomerHeaderNTWUFSC.tt"></File>
         <File Permission="644" Location="Kernel/Output/HTML/Templates/Standard/CustomerHTMLHeadNTWUFSC.tt"></File>
-        <File Permission="644" Location="var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg.png"></File>
     </Filelist>   
-</otrs_package>
\ No newline at end of file
+</otrs_package>
diff --git a/var/httpd/htdocs/js/thirdparty/alpaca/alpaca-full.min.js b/var/httpd/htdocs/js/thirdparty/alpaca/alpaca-full.min.js
index e0ed348..79a211c 100644
--- a/var/httpd/htdocs/js/thirdparty/alpaca/alpaca-full.min.js
+++ b/var/httpd/htdocs/js/thirdparty/alpaca/alpaca-full.min.js
@@ -16770,6 +16770,10 @@ this["HandlebarsPrecompiled"]["web-edit"]["wizard"] = Handlebars.template({"1":f
                     {
                         delete settings.nonSelectedText;
                     }
+                    
+                    if (self.options.control_width) {
+                    	settings.floatWidth = self.options.control_width;
+                    }
 
                     $(self.getControlEl()).SumoSelect(settings);
                 }
diff --git a/var/httpd/htdocs/js/thirdparty/alpaca/jquery.sumoselect.js b/var/httpd/htdocs/js/thirdparty/alpaca/jquery.sumoselect.js
index ac427d0..a96a87d 100644
--- a/var/httpd/htdocs/js/thirdparty/alpaca/jquery.sumoselect.js
+++ b/var/httpd/htdocs/js/thirdparty/alpaca/jquery.sumoselect.js
@@ -21,7 +21,7 @@
             placeholder: 'Escolha',   // Dont change it here.
             csvDispCount: 3,              // display no. of items in multiselect. 0 to display all.
             captionFormat:'{0} Selected', // format of caption text. you can set your locale.
-            floatWidth: 400,              // Screen width of device at which the list is rendered in floating popup fashion.
+            floatWidth: 0,              // Screen width of device at which the list is rendered in floating popup fashion.
             forceCustomRendering: false,  // force the custom modal on all devices below floatWidth resolution.
             nativeOnDevice: ['Android', 'BlackBerry', 'iPhone', 'iPad', 'iPod', 'Opera Mini', 'IEMobile', 'Silk'], //
             outputAsCSV: false,           // true to POST data as csv ( false for Html control array ie. deafault select )
@@ -56,7 +56,7 @@
                     O.E.wrap('<div class="SumoSelect" tabindex="0">');
                     O.select = O.E.parent();
                     O.caption = $('<span></span>');
-                    O.CaptionCont = $('<p class="CaptionCont"><label><i></i></label></p>').addClass('SlectBox').attr('style', O.E.attr('style')).prepend(O.caption);
+                    O.CaptionCont = $('<p class="CaptionCont"><label><i></i></label></p>').addClass('SlectBox').attr('style', O.E.attr('style')).prepend(O.caption);;                  
                     O.select.append(O.CaptionCont);
 
                     if(O.E.attr('disabled'))
@@ -113,7 +113,11 @@
 
                     if(!opt.attr('value'))opt.attr('value',opt.val());
 
-                    li = $('<li data-val="' + opt.val() + '"><label>' + opt.text() + '</label></li>');
+                    if (settings && settings.floatWidth) {
+                    	li = $('<li data-val="' + opt.val() + '"><label style="width: ' + settings.floatWidth + '">' + opt.text() + '</label></li>');
+                    } else
+                    	li = $('<li data-val="' + opt.val() + '"><label>' + opt.text() + '</label></li>');
+                    
                     if (O.is_multi) li.prepend('<span><i></i></span>');
 
                     if (opt[0].disabled)
@@ -249,7 +253,7 @@
                     });
 
                     if (O.is_floating) {
-                        H = O.optDiv.children('ul').outerHeight() + 2;  // +2 is clear fix
+                        H = O.optDiv.children('ul').outerHeight() + 15;  // +2 is clear fix
                         if (O.is_multi) H = H + parseInt(O.optDiv.css('padding-bottom'));
                         O.optDiv.css('height', H);
                     }
@@ -448,13 +452,16 @@
                     var O = this;
                     //called on init and also on resize.
                     //O.is_floating = true if window width is < specified float width
-                    O.is_floating = $(window).width() <= settings.floatWidth;
+                    O.is_floating = (settings.floatWidth);
 
                     //set class isFloating
                     O.optDiv.toggleClass('isFloating', O.is_floating);
 
                     //remove height if not floating
                     if (!O.is_floating) O.optDiv.css('height', '');
+                    
+                    //set width if is floating
+                    if (O.is_floating) O.optDiv.css('width', settings.floatWidth);
 
                     //toggle class according to okCancelInMulti flag only when it is not floating
                     O.optDiv.toggleClass('okCancelInMulti', settings.okCancelInMulti && !O.is_floating);
diff --git a/var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg.png b/var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg.png
deleted file mode 100644
index 564b30a..0000000
Binary files a/var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg.png and /dev/null differ
diff --git a/var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg_setic.png b/var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg_setic.png
deleted file mode 100644
index 564b30a..0000000
Binary files a/var/httpd/htdocs/skins/Customer/default/images/new-ticket-wizard/panel_hd_bg_setic.png and /dev/null differ
--
libgit2 0.21.2