Work on applications logo (#820)

lemonldap-ng-manager/site/static/forms/menuApp.html

@@ -17,7 +17,35 @@
     </tr>
     <tr>
       <th><span trspan="logo"/></th>
-      <td><input id="ilogo" class="form-control" ng-model="currentNode.data.logo"/></td>
+      <td>
+        <div class="row">
+          <div class="col-md-1">
+            <button class="btn btn-default" ng-click="showModal('logoChoice.html')">
+              <img ng-src="{{portal.data}}/skins/common/apps/{{currentNode.data.logo}}" />
+            </button>
+          </div>
+          <div class="col-md-11">
+            <input id="ilogo" type="search" list="logos" class="form-control" ng-model="currentNode.data.logo"/></td>
+            <datalist id="logos">
+              <option value="attach.png">
+              <option value="bell.png">
+              <option value="bookmark.png">
+              <option value="configure.png">
+              <option value="database.png">
+              <option value="demo.png">
+              <option value="folder.png">
+              <option value="gear.png">
+              <option value="help.png">
+              <option value="mailappt.png">
+              <option value="money.png">
+              <option value="network.png">
+              <option value="terminal.png">
+              <option value="thumbnail.png">
+              <option value="tux.png"}
+            </datalist>
+          </div>
+        </div>
+      </td>
     </tr>
     <tr>
       <th><span trspan="applicationDisplay"/></th>
@@ -40,6 +68,24 @@
     </tr>
   </table>
 </div>
+<script type="text/ng-template" id="logoChoice.html">
+  <div class="modal-header">
+    <h3 class="modal-title" trspan="chooseLogo" />
+  </div>
+  <div class="modal-body">
+    <div class="row text-center">
+      <div class="col-md-2" ng-repeat="i in ['attach.png', 'bell.png', 'bookmark.png', 'configure.png', 'database.png', 'demo.png', 'folder.png', 'gear.png', 'help.png', 'mailappt.png', 'money.png', 'network.png', 'terminal.png', 'thumbnail.png', 'tux.png']">
+        <button class="btn" ng-class="{'btn-default':currentNode.data.logo!=i,'btn-info':currentNode.data.logo==i}" ng-click="ok(currentNode.data.logo=i)" style="margin-bottom:10px;">
+          <img ng-src="{{portal.data}}/skins/common/apps/{{i}}" title="{{i}}" alt="{{i}}" />
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-success" ng-click="ok()"><i class="glyphicon glyphicon-ok"></i> <span trspan="ok" /></button>
+    <button class="btn btn-danger" ng-click="cancel()"><i class="glyphicon glyphicon-remove"></i> <span trspan="cancel" /></button>
+  </div>
+</script>
 <script type="text/javascript">
 buttons=[{
   "title": "up",

lemonldap-ng-manager/site/static/languages/en.json

@@ -87,6 +87,7 @@
   "checkXSS": "Check XSS attacks",
   "clickHereToForce": "Click here to force",
   "choiceParams": "Choice parameters",
+  "chooseLogo": "Choose logo",
   "chooseSkin": "Choose skin",
   "comment": "Comment",
   "condition": "Condition",
@@ -695,4 +696,4 @@
   "samlCommonDomainCookieWriter": "Writer URL",
   "samlRelayStateTimeout": "RelayState session timeout",
   "samlUseQueryStringSpecific": "Use specific query_string method"
-}
+}

lemonldap-ng-manager/site/static/languages/fr.json

@@ -87,6 +87,7 @@
   "checkXSS": "Contrôler les attaques XSS",
   "clickHereToForce": "Cliquer ici pour forcer",
   "choiceParams": "Paramètres des choix",
+  "chooseLogo": "Choisir le logo",
   "chooseSkin": "Choisir le thème",
   "comment": "Commentaire",
   "condition": "Condition",
@@ -695,4 +696,4 @@
   "samlCommonDomainCookieWriter": "URL d'écriture",
   "samlRelayStateTimeout": "Durée de vie d'une session RelayState",
   "samlUseQueryStringSpecific": "Utilisation d'une fonction spécifique pour query_string"
-}
+}