feat: currency dropdown; fix: click event at profile fixed

bin/css/style.css

@@ -224,7 +224,7 @@ img {
     display: flex;
     justify-content: space-between;
     position: relative;
-    z-index: 50;
+    z-index: 9;
 }
 
 .cologne-header-logo {

bin/javascript/init.js

@@ -19,7 +19,7 @@ window.addEvent('domready', function () {
         QUI.setAttribute('control-loader-color', '#999999');
 
         var Logo = document.getElement('header .logo'),
-            Link = document.getElements('.topbar-right'),
+            Link = document.getElements('.cologne-header-control-user'),
             Icon = Link.getElement('.fa');
 
         window.addEvent('load', function () {
@@ -133,6 +133,13 @@ window.addEvent('domready', function () {
                 }
             }).inject(document.getElement('.cologne-header-control-basket'));
         });
-    });
 
+        /**
+         * Currencies
+         */
+
+        require(['package/quiqqer/currency/bin/controls/Switch'], function (Switch) {
+            new Switch().inject(document.getElement('.cologne-header-control-currencies'));
+        });
+    });
 });

index.html

@@ -41,6 +41,8 @@
             </a>
         </span>
 
+        <span class="template-column cologne-header-control-currencies"></span>
+
         DE EN <span class="fa fa-angle-down"></span>
     </div>
 </div>
@@ -73,20 +75,20 @@
 
 {assign var=headerSuffix value=$BricksManager->getBricksByArea('headerSuffix', $Site)}
 {foreach $headerSuffix as $Brick}
-    {assign var=brickFullWidth value=''}
-    {if $Brick->getSetting( 'brickFullWidth' )}
-        {assign var=brickFullWidth value='brick-full-width'}
-    {/if}
+{assign var=brickFullWidth value=''}
+{if $Brick->getSetting( 'brickFullWidth' )}
+{assign var=brickFullWidth value='brick-full-width'}
+{/if}
 
-    {assign var=brickNoPadding value=""}
-    {if $Brick->getSetting('noPadding')}
-        {assign var=brickNoPadding value="brick-no-padding"}
-    {/if}
-    <section class="template-header-suffix section-divider brick-id-{$Brick->getAttribute('id')}">
-        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
-            {$Brick->create()}
-        </div>
-    </section>
+{assign var=brickNoPadding value=""}
+{if $Brick->getSetting('noPadding')}
+{assign var=brickNoPadding value="brick-no-padding"}
+{/if}
+<section class="template-header-suffix section-divider brick-id-{$Brick->getAttribute('id')}">
+    <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
+        {$Brick->create()}
+    </div>
+</section>
 {/foreach}
 
 
@@ -101,20 +103,20 @@
 
 {assign var=contentPrefix value=$BricksManager->getBricksByArea('contentPrefix', $Site)}
 {foreach $contentPrefix as $Brick}
-    {assign var=brickFullWidth value=''}
-    {if $Brick->getSetting( 'brickFullWidth' )}
-        {assign var=brickFullWidth value='brick-full-width'}
-    {/if}
+{assign var=brickFullWidth value=''}
+{if $Brick->getSetting( 'brickFullWidth' )}
+{assign var=brickFullWidth value='brick-full-width'}
+{/if}
 
-    {assign var=brickNoPadding value=""}
-    {if $Brick->getSetting('noPadding')}
-        {assign var=brickNoPadding value="brick-no-padding"}
-    {/if}
-    <section class="template-content-prefix section-divider brick-id-{$Brick->getAttribute('id')}">
-        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
-            {$Brick->create()}
-        </div>
-    </section>
+{assign var=brickNoPadding value=""}
+{if $Brick->getSetting('noPadding')}
+{assign var=brickNoPadding value="brick-no-padding"}
+{/if}
+<section class="template-content-prefix section-divider brick-id-{$Brick->getAttribute('id')}">
+    <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
+        {$Brick->create()}
+    </div>
+</section>
 {/foreach}
 
 
@@ -126,20 +128,20 @@
 
 {assign var=contentSuffix value=$BricksManager->getBricksByArea('contentSuffix', $Site)}
 {foreach $contentSuffix as $Brick}
-    {assign var=brickFullWidth value=''}
-        {if $Brick->getSetting( 'brickFullWidth' )}
-    {assign var=brickFullWidth value='brick-full-width'}
-    {/if}
+{assign var=brickFullWidth value=''}
+{if $Brick->getSetting( 'brickFullWidth' )}
+{assign var=brickFullWidth value='brick-full-width'}
+{/if}
 
-    {assign var=brickNoPadding value=""}
-    {if $Brick->getSetting('noPadding')}
-        {assign var=brickNoPadding value="brick-no-padding"}
-    {/if}
-    <section class="template-content-suffix section-divider brick-id-{$Brick->getAttribute('id')}">
-        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
-            {$Brick->create()}
-        </div>
-    </section>
+{assign var=brickNoPadding value=""}
+{if $Brick->getSetting('noPadding')}
+{assign var=brickNoPadding value="brick-no-padding"}
+{/if}
+<section class="template-content-suffix section-divider brick-id-{$Brick->getAttribute('id')}">
+    <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
+        {$Brick->create()}
+    </div>
+</section>
 {/foreach}
 
 
@@ -149,7 +151,7 @@
     <div class="template-grid-container cologne-bg-container">
         <div class="cologne-grid-container">
             {foreach from=$footer item=Brick}
-                {$Brick->create()}
+            {$Brick->create()}
             {/foreach}
         </div>
     </div>