feat(i18n): translate events

app/components/events/events.html

@@ -1,21 +1,23 @@
 <rd-header>
-  <rd-header-title title="Event list">
+  <rd-header-title title="EVENTS.HEADER.TITLE">
     <a data-toggle="tooltip" title="Refresh" ui-sref="events" ui-sref-opts="{reload: true}">
       <i class="fa fa-refresh" aria-hidden="true"></i>
     </a>
     <i id="loadEventsSpinner" class="fa fa-cog fa-spin" style="margin-left: 5px;"></i>
   </rd-header-title>
-  <rd-header-content>Events</rd-header-content>
+  <rd-header-content>
+    <por-translation key="EVENTS.HEADER.CONTENT"></por-translation>
+  </rd-header-content>
 </rd-header>
 
 <div class="row">
   <div class="col-lg-12 col-md-12 col-xs-12">
     <rd-widget>
-      <rd-widget-header icon="fa-history" title="Events">
+      <rd-widget-header icon="fa-history" title="EVENTS.TABLE.TITLE">
         <div class="pull-right">
-          Items per page:
+          <por-translation key="WIDGETS.PAGINATION.TEXT"></por-translation>
           <select ng-model="state.pagination_count" ng-change="changePaginationCount()">
-            <option value="0">All</option>
+            <option value="0" translate>COMMON.UI.ALL</option>
             <option value="10">10</option>
             <option value="25">25</option>
             <option value="50">50</option>
@@ -25,7 +27,7 @@
       </rd-widget-header>
       <rd-widget-taskbar classes="col-lg-12">
         <div class="pull-right">
-          <input type="text" id="filter" ng-model="state.filter" placeholder="Filter..." class="form-control input-sm" />
+          <input type="text" id="filter" ng-model="state.filter" placeholder="Filter..." translate translate-attr-placeholder="COMMON.VERBS.FILTER" class="form-control input-sm" />
         </div>
       </rd-widget-taskbar>
       <rd-widget-body classes="no-padding">
@@ -35,21 +37,21 @@
               <tr>
                 <th>
                   <a ui-sref="events" ng-click="order('Time')">
-                    Date
+                    <por-translation key="EVENTS.TABLE.HEADERS.DATE"></por-translation>
                     <span ng-show="sortType == 'Time' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
                     <span ng-show="sortType == 'Time' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
                   </a>
                 </th>
                 <th>
                   <a ui-sref="events" ng-click="order('Type')">
-                    Category
+                    <por-translation key="EVENTS.TABLE.HEADERS.CATEGORY"></por-translation>
                     <span ng-show="sortType == 'Type' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
                     <span ng-show="sortType == 'Type' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
                   </a>
                 </th>
                 <th>
                   <a ui-sref="events" ng-click="order('Details')">
-                    Details
+                    <por-translation key="EVENTS.TABLE.HEADERS.DETAILS"></por-translation>
                     <span ng-show="sortType == 'Details' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
                     <span ng-show="sortType == 'Details' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
                   </a>

app/components/templates/templates.html

@@ -45,7 +45,7 @@
               <por-translation key="TEMPLATES.SELECTED_TEMPLATE.FORM.NAME"></por-translation>
             </label>
             <div class="col-sm-10">
-              <input type="text" name="container_name" class="form-control" ng-model="formValues.name" placeholder="e.g. web (optional)">
+              <input type="text" name="container_name" class="form-control" ng-model="formValues.name" placeholder="e.g. web (optional)" translate translate-attr-placeholder="COMMON.PLACEHOLDERS.CONTAINER_NAME">
             </div>
           </div>
           <!-- !name-input -->
@@ -113,7 +113,7 @@
                     <!-- host-port -->
                     <div class="input-group col-sm-4 input-group-sm">
                       <span class="input-group-addon"><por-translation key="COMMON.DOCKER.HOST"></por-translation></span>
-                      <input type="text" class="form-control" ng-model="portBinding.hostPort" placeholder="e.g. 80 or 1.2.3.4:80 (optional)">
+                      <input type="text" class="form-control" ng-model="portBinding.hostPort" placeholder="e.g. 80 or 1.2.3.4:80 (optional)" translate translate-attr-placeholder="COMMON.PLACEHOLDERS.CONTAINER_HOST_PORT">
                     </div>
                     <!-- !host-port -->
                     <span style="margin: 0 10px 0 10px;">

assets/i18n/en.json

@@ -3,22 +3,30 @@
     "VERBS": {
       "CREATE": "Create",
       "REFRESH": "Refresh",
-      "HIDE": "Hide"
+      "HIDE": "Hide",
+      "FILTER": "Filter"
     },
     "DOCKER": {
       "CONTAINER": "container",
       "VOLUME": "volume",
-      "HOST": "host",
+      "HOST": "host"
     },
     "UI": {
       "LOADING": "Loading...",
       "ALL": "All"
+    },
+    "PLACEHOLDERS": {
+      "CONTAINER_NAME": "e.g. web (optional)",
+      "CONTAINER_HOST_PORT": "e.g. 80 or 1.2.3.4:80 (optional)"
     }
   },
   "WIDGETS": {
     "HEADER_CONTENT": {
       "USER_PREFERENCES": "my account",
       "LOGOUT": "log out"
+    },
+    "PAGINATION": {
+      "TEXT": "Items per page:"
     }
   },
   "SIDEBAR": {
@@ -107,6 +115,20 @@
       }
     }
   },
+  "EVENTS": {
+    "HEADER": {
+      "TITLE": "Event list",
+      "CONTENT": "Events"
+    },
+    "TABLE": {
+      "TITLE": "Events",
+      "HEADERS": {
+        "DATE": "Date",
+        "CATEGORY": "Category",
+        "DETAILS": "Details"
+      }
+    }
+  },
   "DASHBOARD": {
     "HEADER": {
       "TITLE": "Home",

assets/i18n/fr.json

@@ -3,7 +3,8 @@
     "VERBS": {
       "CREATE": "Créer",
       "REFRESH": "Rafraîchir",
-      "HIDE": "Cacher"
+      "HIDE": "Cacher",
+      "FILTER": "Filtrer"
     },
     "DOCKER": {
       "CONTAINER": "conteneur",
@@ -13,12 +14,19 @@
     "UI": {
       "LOADING": "Chargement...",
       "ALL": "Tous"
+    },
+    "PLACEHOLDERS": {
+      "CONTAINER_NAME": "e.g. web (optionnel)",
+      "CONTAINER_HOST_PORT": "e.g. 80 or 1.2.3.4:80 (optionnel)"
     }
   },
   "WIDGETS": {
     "HEADER_CONTENT": {
       "USER_PREFERENCES": "mon compte",
       "LOGOUT": "se déconnecter"
+    },
+    "PAGINATION": {
+      "TEXT": "Objets par page:"
     }
   },
   "SIDEBAR": {
@@ -35,7 +43,7 @@
       "NETWORKS": "Réseaux",
       "VOLUMES": "Volumes",
       "SECRETS": "Secrets",
-      "EVENTS": "Evénements",
+      "EVENTS": "Evènements",
       "SWARM": "Swarm",
       "DOCKER": "Docker"
     },
@@ -106,6 +114,20 @@
       }
     }
   },
+  "EVENTS": {
+    "HEADER": {
+      "TITLE": "Liste d'évènements",
+      "CONTENT": "Evènements"
+    },
+    "TABLE": {
+      "TITLE": "Evènements",
+      "HEADERS": {
+        "DATE": "Date",
+        "CATEGORY": "Catégorie",
+        "DETAILS": "Détails"
+      }
+    }
+  },
   "DASHBOARD": {
     "HEADER": {
       "TITLE": "Accueil",
@@ -133,8 +155,8 @@
     },
     "WIDGET_CONTAINERS": {
       "COMMENT": "Conteneurs",
-      "RUNNING_CONTAINERS": "en marche",
+      "RUNNING_CONTAINERS": "démarré(s)",
-      "STOPPED_CONTAINERS": "à l'arrêt"
+      "STOPPED_CONTAINERS": "stoppé(s)"
     },
     "WIDGET_IMAGES": {
       "COMMENT": "Images"