Add support for Get Support button

skins/elastic/styles/widgets/buttons.less

@@ -100,6 +100,9 @@ button.btn {
     &.unlock:before {
         content: @fa-var-unlock;
     }
+    &.help:before {
+        .font-icon-regular(@fa-var-life-ring);
+    }
 }
 
 a.btn,

skins/elastic/templates/includes/footer.html

@@ -1,5 +1,8 @@
 <roundcube:if condition="!env:framed || env:extwin" />
 </div>
+<roundcube:if condition="config:support_url" />
+<a href="<roundcube:var name='config:support_url' />" target="_blank" id="supportlink" class="hidden"><roundcube:label name="support" /></a>
+<roundcube:endif />
 <roundcube:endif />
 
 <roundcube:object name="message" id="messagestack" />

skins/elastic/ui.js

@@ -2040,14 +2040,14 @@ function rcube_elastic_ui()
             dialog = $('<iframe>').attr({id: 'aboutframe', src: rcmail.url('settings/about', {_framed: 1})}),
             support_link = $('#supportlink');
 
-        // TODO: 'Get Support' link/button
         if (support_link.length && (support_url = support_link.attr('href'))) {
-            support_button = support_link.html();
-            support_func = function(e) { support_url.indexOf('mailto:') < 0 ? window.open(support_url) : location.href = support_url };
+            support_button = support_link.text();
+            support_func = function(e) { support_url.indexOf('mailto:') < 0 ? window.open(support_url) : location.href = support_url; };
         }
 
         rcmail.simple_dialog(dialog, $(elem).text(), support_func, {
             button: support_button,
+            button_class: 'help',
             cancel_button: 'close',
             width: 600,
             height: 400