FSN#35094 Opfrissen icon-set font-awesome

svn path=/Website/trunk/; revision=31744

APPL/Shared/default.csx

@@ -391,14 +391,15 @@ th {
 }
 #headersuggest {
     text-align: right;
-    padding-right: 4px;
+    padding-right: 2px;
 }
 .hsspacer {
     height: 21px;
 }
 #headersearch {
     text-align: right;
-    padding-right: 4px;
+    padding-right: 2px;
+    padding-top:1px;
 }
 #productsearch {
 }
@@ -425,14 +426,14 @@ th {
 }
 #headerfunctions {
     float: right;
-    margin-top: 2px;
+    margin-top: 3px;
     font-size: 0.9em;
     color: ==headercolor==;
 }
 #headerlogout {
     display: inline;
     cursor: pointer;
-    padding-right: 20px;
+    padding-right: 4px;
     padding-left: 5px;
 }
 #headerhelp {
@@ -442,6 +443,11 @@ th {
     padding-right: 5px;
     padding-left: 5px;
 }
+#headersuggest i.suggestklikker:before {
+  content: "\f007";  /* replace arrow-down with user*/
+  color: ==frameheaderbackgroundcolor==;
+  font-size: 0.9em;
+}
 #loggedinuser {
     display: inline;
     text-align: right;
@@ -449,8 +455,13 @@ th {
 }
 #langtoggle {
     display: inline; /* display:none to hide */
-    float: right;
-    padding-right: 2px;
+    padding-right: 30px;
+}
+#langtoggle img {
+    cursor: pointer;
+    height: 12px;
+    border: 1px solid #ccc;
+    margin-right: 1px;
 }
 #loggedinuser span {
     padding-left: 3px;
@@ -459,6 +470,7 @@ th {
 }
 #headerlogout:hover,
 #headerhelp:hover,
+#touch2mobile:hover,
 #loggedinuser span:hover {
     text-decoration: underline;
     color:==linkhovercolor==;
@@ -2469,6 +2481,15 @@ select.flddienstfilt { /* de filter van diensten in mldopdr*/
 table#vis_tab .fldflexC {width: 218px !important;}
 table#vis_tab .suggest, table#vis_tab .suggestBusy{width: 218px !important;}
 
+i.productklikker {
+  position: relative;
+  z-index: 1;
+  left: -16px;
+  color: ==frameheaderbackgroundcolor==;
+  cursor: text;
+  width: 0;
+}
+
 /* inputs en suggests */
 .fld, .fldkp,
 .fldreg, .flddis, .fldloc, .fldbld, .fldflr, .fldroom, .fldworklocation, .fldwpl, .fldpers, .fldcontactpers, .flduitvoerende,

APPL/Shared/persoonselector.inc

@@ -122,10 +122,10 @@ function FCLTpersoonselector(fieldName, objectName, params)
                      + (params.disc_key? "&disc_key=" + params.disc_key : "");
   if (params.label)
   { %><tr <%=params.trclass?"class='"+params.trclass+"'":""%>>
-    <td class="label">
-      <label class='selector' for="<%=fieldName%>"><%=params.label%>:</label>
-    <%=params.moreinfo && !params.readonly ? "<span class='labelextra'><i class='fa fa-info-circle details' alt='' onclick='iface.persoonDetails(\"" + fieldName + "\")'></i></span>" : ""%>
-
+    <td class="label"><label class='selector' for='<%=fieldName%>'><%=params.label%>:</label>
+    <%=!params.readonly                    ? "<span class='labelextra'><i class='fa fa-user details' id='"+fieldName+"_caller' style='display:none' onmouseover='iface.showCaller(this)' onclick='iface.setCaller("+objectName+")'>&nbsp;</i>" : ""%>
+    <%=!params.readonly && params.moreinfo ? "<i class='fa fa-info-circle details' alt='' onclick='iface.persoonDetails(\"" + fieldName + "\")'></i>" : ""%>
+    <%=!params.readonly                    ? "</span>" : ""%>
     </td>
     <td>
 <%
@@ -140,15 +140,7 @@ function FCLTpersoonselector(fieldName, objectName, params)
            <%=params.onChange ? " sgonChange='" + params.onChange + "'" : ""%>>
 <% } %>
     <input type="hidden" id="<%=fieldName%>" name="<%=fieldName%>" value="<%=params.perslidKey%>">
-    <%=params.moreinfo && !params.readonly && !params.label? "<img alt='' class='details' src='" + rooturl + "/appl/Pictures/exclamation.png' onclick='iface.persoonDetails(\"" + fieldName + "\")'>" : ""%>
-
-    <% if (!params.readonly) { %>
-       <img alt='' class='details' id='<%=fieldName%>_caller'
-            style="display:none"
-            onmouseover="iface.showCaller(this)"
-            src='<%=rooturl%>/appl/Pictures/person.png' onclick='iface.setCaller(<%=objectName%>)'>
-    <% }
-
+<%
     if (params.extraParamField)
     { /* het extra parameter veld wordt door suggest object gevuld */%>
       <input type="hidden" id="<%=params.extraParamField%>" name="<%=params.extraParamField%>" value="<%=safe.htmlattr(lextraInit)%>">

APPL/Shared/productsearch.inc

@@ -3,7 +3,7 @@
      $Id$
 
      File:          productsearch.inc
-     Description:   Algemen interface functie om een product te kunnen zoeken (vinden ;-))
+     Description:   Algemene interface functie om een product te kunnen zoeken (vinden ;-))
                     Deze moet je kunnen includen en aanroepen.
                     Resulteert dan uitenidelijk in een zichtbaar textveld aangemaakt waarin een
                     tekst kan worden getypt. Daarmee wordt dan vervolgens op zijn google-s gezocht
@@ -17,9 +17,8 @@ FCLTHeader.Requires({ plugins: ["suggest", "jQuery"], js: []  });
 
 function FCLTproductsearch (params)
 {
-%><form id='p' onsubmit="dosearch();return false;">
-<input class="fldsrch" id="productsearch" <%= (device.test(device.supportsPlaceholder) ? 'placeholder="'+L("lcl_search_product")+'"' : 'value="'+L("lcl_search_product")+'"') %>>
-<img class="details" src='<%=rooturl%>/appl/Pictures/magnifier.png' onclick="dosearch()">
+%><form id="p" onsubmit="dosearch();return false;">
+<input class="fldsrch" id="productsearch" <%= (device.test(device.supportsPlaceholder) ? 'placeholder="'+L("lcl_search_product")+'"' : 'value="'+L("lcl_search_product")+'"') %>><i class='fa fa-search fa-fw productklikker'></i>
 </form>
 <script type="text/javascript">
     $('#productsearch')[0].onfocus = function ()