From e1cf5821fc526113e13f09ee6dd62a5d179e2553 Mon Sep 17 00:00:00 2001
From: Michael Jumper <mjumper@apache.org>
Date: Tue, 2 Aug 2016 11:50:32 -0700
Subject: [PATCH] GUACAMOLE-5: Add share icon.

---
 .../webapp/app/client/styles/share-menu.css   |  58 ++++++++++++++++++
 .../webapp/app/client/templates/client.html   |  12 ++--
 guacamole/src/main/webapp/images/share.png    | Bin 0 -> 1112 bytes
 3 files changed, 65 insertions(+), 5 deletions(-)
 create mode 100644 guacamole/src/main/webapp/app/client/styles/share-menu.css
 create mode 100644 guacamole/src/main/webapp/images/share.png

diff --git a/guacamole/src/main/webapp/app/client/styles/share-menu.css b/guacamole/src/main/webapp/app/client/styles/share-menu.css
new file mode 100644
index 000000000..6d6659b01
--- /dev/null
+++ b/guacamole/src/main/webapp/app/client/styles/share-menu.css
@@ -0,0 +1,58 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+.share-menu {
+
+    /* IE10 */
+    display: -ms-flexbox;
+    -ms-flex-align: stretch;
+    -ms-flex-direction: row;
+
+    /* Ancient Mozilla */
+    display: -moz-box;
+    -moz-box-align: stretch;
+    -moz-box-orient: horizontal;
+
+    /* Ancient WebKit */
+    display: -webkit-box;
+    -webkit-box-align: stretch;
+    -webkit-box-orient: horizontal;
+
+    /* Old WebKit */
+    display: -webkit-flex;
+    -webkit-align-items: stretch;
+    -webkit-flex-direction: row;
+
+    /* W3C */
+    display: flex;
+    align-items: stretch;
+    flex-direction: row;
+
+}
+
+.share-menu .menu-dropdown .menu-title {
+
+    padding-left: 2em;
+
+    background-repeat: no-repeat;
+    background-size: 1em;
+    background-position: 0.5em center;
+    background-image: url('images/share.png');
+
+}
diff --git a/guacamole/src/main/webapp/app/client/templates/client.html b/guacamole/src/main/webapp/app/client/templates/client.html
index 8b5583856..2214d5882 100644
--- a/guacamole/src/main/webapp/app/client/templates/client.html
+++ b/guacamole/src/main/webapp/app/client/templates/client.html
@@ -43,11 +43,13 @@
             <!-- Stationary header -->
             <div class="header">
                 <h2>{{client.name}}</h2>
-                <guac-menu title="'CLIENT.ACTION_SHARE' | translate" ng-show="canShareConnection()">
-                    <ul ng-repeat="sharingProfile in sharingProfiles">
-                        <li><a ng-click="share(sharingProfile)">{{sharingProfile.name}}</a></li>
-                    </ul>
-                </guac-menu>
+                <div class="share-menu" ng-show="canShareConnection()">
+                    <guac-menu title="'CLIENT.ACTION_SHARE' | translate">
+                        <ul ng-repeat="sharingProfile in sharingProfiles">
+                            <li><a ng-click="share(sharingProfile)">{{sharingProfile.name}}</a></li>
+                        </ul>
+                    </guac-menu>
+                </div>
                 <guac-user-menu local-actions="clientMenuActions"></guac-user-menu>
             </div>
 
diff --git a/guacamole/src/main/webapp/images/share.png b/guacamole/src/main/webapp/images/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..75dfde06f4ee35b1b6a4cc1ec02ec5006e1ac3c7
GIT binary patch
literal 1112
zcmV-e1gHCnP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11Jy}HK~#90?V3w$Oi>uee=Sv|f@-{46rs{cELo7&qb!TCVI{ip
z2n!??4T&WSBC)ZpR%$^c2x;OO2@91;NLsW-D?yY<X=$ZnaZEDqd}n&^+;e(nYJSOC
z%st=t&HsG&ah{MR%YRLd#n^?w3ZMw+1tP!?i~pB4lmpGc01%BU13(k7*qt={YzO-J
zx8dIM9oXVZpiMRaLnLo}tPBEGPE=ZABJdV}jgOTsAm4@9c*YxwvjdnfT>lER1IvJE
zp1LyBD|69D{9IrSunCxldeYi~>%fbY6dUFWiFf!WswV)L0<;J=%|2qU1X=~(Sh)(!
zHPnujiI6C)++(v`uz5N{+!_*l6RGqF|2L|%38H3sY)S;1=SgB#pn43y-;{P>Qc&T!
zK^-)_7q0E|{N69v^dyOS8kihF!&2a20DGexMZPQ7fMdW7P5og_yi#CTu#W(TfD^z6
zp}y02%Y0IT8s-M+2K#{7ns_?}`v_1FXR{Fb6)6iM+~g~8GN8|K)LoR2zUr4yAH*14
zz+J(vB!~!82>>_+T<~do9ypVv{-<zFdRpcP*ZO^GutqKN`xz^>K4NSX{Q80FzxBDm
z5y55%m};mUp(p@8At%7k@HZbdij@32fRCEG7L$z#i*9b<cl=+k@lRIPnUf!$unEXV
z9%1UrS%cb*5H<k-4>U2n<s2~1lyFmoO+dBAKURLDy215ERU0I10-k96Kcn9D>4x<h
zCrkpQZZJqUnihmfz#Wb6OUy0eSSQs4tk(ENQFDZhA(aH=0FN|&on+A6htv{KtMQ2f
zdu)oeLC^$jMZf&jk;E?)E*`0Sz%$?#Y7Jo~sxPlf;!_9wvMtOsLH7xC<so+WFs)%C
z0bj`Ay~MBy=p)0o&%z|&4X|p|6&og%1oWbo)(VAqR&db^96+t;mY_avv3<S>a2t6&
zFe5Rs9$+1ltHK#cHUX{$xF(wb*8*IVO@M0wuE{3AV(bYPW2ZG0s0|C<c>gl`gAo}|
zCGd@rCq3^_XL`mI3sAE;zcar!f*pcNdm0Ho{jGPRG!9d1ZAGX<3*PB<C(wX8OS~H>
z_SAQyo}8#59nRQ{yp$b(TxAhznagYE^n|CWZcsXz)r9&W#^?lY33jE1G^B*71W0T4
zGlXm2R{+My3Q#49k9I$>HqK@jiKjn@86#tYJk-GjZxV)42clmKby4843$eDSBX~Dh
z<3y<?^3iW?OQpe$OuG~V_ZhkIji|A~m?RI_iy8-b8{P_RBaJpYZ3|g~I=()L8V7V+
e{=Y0)0`dp2J6F;XbJD^90000<MNUMnLSTYT3*+$s

literal 0
HcmV?d00001