add new contact display ui

src/esn.contact.libs/app/shell/shell.service.js

@@ -1,3 +1,5 @@
+const moment = require('moment');
+
 require('../vcard/helper.service.js');
 require('../app.constant.js');
 
@@ -8,6 +10,7 @@ require('../app.constant.js');
     .factory('ContactShell', ContactShellFactory);
 
   function ContactShellFactory(
+    $log,
     contactVcardHelper,
     CONTACT_ATTRIBUTES_ORDER
   ) {
@@ -53,13 +56,22 @@ require('../app.constant.js');
       var bday = vcard.getFirstProperty('bday');
 
       if (bday) {
-        var type = bday.type,
-          value = bday.getFirstValue();
-
-        if (type === 'text') {
-          this.birthday = value;
-        } else if (typeof value.toJSDate === 'function') {
-          this.birthday = value.toJSDate();
+        const bdayRawString = bday.toJSON()[3];
+        const bdayMoment = moment(new Date(bdayRawString));
+
+        if (bdayMoment.isValid()) {
+          bday.setValue(bdayMoment.format('YYYY-MM-DD'));
+
+          var type = bday.type,
+            value = bday.getFirstValue();
+
+          if (type === 'text') {
+            this.birthday = value;
+          } else if (typeof value.toJSDate === 'function') {
+            this.birthday = value.toJSDate();
+          }
+        } else {
+          this.birthday = bdayRawString;
         }
       }
 

src/linagora.esn.contact.collect/app/app.run.js

@@ -10,8 +10,6 @@ function registerAddressbookDisplayShell(
   contactAddressbookDisplayShellRegistry,
   contactCollectAddressbookService,
   ContactCollectAddressbookDisplayShell,
-  contactAddressbookActionEdit,
-  contactAddressbookActionDelete,
   contactAddressbookActionExport,
   contactAddressbookActionSettings
 ) {
@@ -20,9 +18,7 @@ function registerAddressbookDisplayShell(
     priority: 10,
     actions: [
       contactAddressbookActionExport,
-      contactAddressbookActionSettings,
-      contactAddressbookActionEdit,
-      contactAddressbookActionDelete
+      contactAddressbookActionSettings
     ],
     displayShell: ContactCollectAddressbookDisplayShell,
     matchingFunction: contactCollectAddressbookService.isCollectedAddressbook

src/linagora.esn.contact/app/addressbook/addressbook-shared-configuration/addressbook-shared-configuration-dialog.pug

@@ -6,7 +6,7 @@
         h4.modal-title {{ 'Shared address book' | translate }}
       .modal-body
         .contact-addressbook-shared-configuration-content
-          users-autocomplete-input(
+          users-autocomplete-input.fg-line(
             auto-focus-ngtagsinput,
             mutable-users='$ctrl.selectedUsers',
             on-adding-user="$ctrl.onAddingUser",
@@ -27,5 +27,5 @@
                 span {{ 'Add' | translate }}
             contact-addressbook-shared-configuration-item(ng-repeat="addressbook in $ctrl.addressbooksPerUser", addressbook='addressbook')
       .modal-footer
-        button.btn.btn-default(type="button", ng-click="$hide()") {{ 'Cancel' | translate }}
+        button.btn.btn-link(type="button", ng-click="$hide()") {{ 'Cancel' | translate }}
         button.btn.btn-primary(type='button', ng-disabled='!$ctrl.getSelectedAddressbooks().length', ng-click='$ctrl.subscribe(); $hide()') {{ 'Save' | translate }}

src/linagora.esn.contact/app/addressbook/addressbook-shared-configuration/addressbook-shared-configuration.less

@@ -10,20 +10,24 @@ contact-addressbook-shared-configuration {
 }
 
 .contact-addressbook-shared-configuration-content {
+  padding: 14px;
   .flex-column;
 
-  min-height: 30vh;
+  min-height: 320px;
 
   users-autocomplete-input {
-    margin-bottom: 30px;
+    margin-bottom: 32px;
+
+    .col-xs-12 {
+      padding: 0;
+    }
   }
 
   .subscribable-addressbook-list {
     .flex-column;
     .all-centered;
 
-    margin-left: 10px;
-    margin-top: 15px;
+    margin-top: 16px;
   }
 
   .empty {

src/linagora.esn.contact/app/addressbook/addressbook-shared-configuration/item/addressbook-shared-configuration-item.less

@@ -1,6 +1,6 @@
 contact-addressbook-shared-configuration-item {
   width: 100%;
-  margin-top: 20px;
+  margin-top: 12px;
 
   esn-avatar {
     margin-right: 8px;

src/linagora.esn.contact/app/addressbook/create/contact-addressbook-create.pug

@@ -9,5 +9,5 @@
           esn-form-group(label="{{ 'Name' | translate }}")
             input.form-control(type="text", ng-model="$ctrl.addressbook.name", name="addressbookName", autofocus, required)
         .modal-footer
-          button.btn.btn-default(type="button", ng-click="$hide()") {{ 'Cancel' | translate }}
+          button.btn.btn-link(type="button", ng-click="$hide()") {{ 'Cancel' | translate }}
           button.btn.btn-primary(type="submit", ng-disabled="form.$invalid") {{ 'Create' | translate }}

src/linagora.esn.contact/app/addressbook/default-addressbook/default-addressbook-display-shell.run.js

@@ -1,7 +1,5 @@
 require('./default-addressbook-display-shell.service.js');
 require('./default-addressbook-helper.service.js');
-require('../action/addressbook-action-edit.service.js');
-require('../action/addressbook-action-delete.service.js');
 require('../action/addressbook-action-settings.service.js');
 require('../action/addressbook-action-export.service.js');
 require('../../services/contact-configuration.service.js');
@@ -15,8 +13,6 @@ function registerDefaultAddressbookDisplayShell(
   contactAddressbookDisplayShellRegistry,
   ContactDefaultAddressbookDisplayShell,
   contactDefaultAddressbookHelper,
-  contactAddressbookActionEdit,
-  contactAddressbookActionDelete,
   contactAddressbookActionSettings,
   contactAddressbookActionExport,
   contactConfiguration
@@ -30,9 +26,7 @@ function registerDefaultAddressbookDisplayShell(
       priority: 1,
       actions: [
         contactAddressbookActionExport,
-        contactAddressbookActionSettings,
-        contactAddressbookActionEdit,
-        contactAddressbookActionDelete
+        contactAddressbookActionSettings
       ],
       displayShell: ContactDefaultAddressbookDisplayShell,
       matchingFunction: contactDefaultAddressbookHelper.isDefaultAddressbook

src/linagora.esn.contact/app/addressbook/group-addressbook/contact-group-addressbook.run.js

@@ -1,4 +1,3 @@
-require('../action/addressbook-action-edit.service.js');
 require('../action/addressbook-action-export.service.js');
 require('../action/addressbook-action-settings.service.js');
 require('../../services/contact-configuration.service.js');
@@ -7,7 +6,6 @@ require('../../services/contact-configuration.service.js');
 
 angular.module('linagora.esn.contact')
   .run(function(
-    contactAddressbookActionEdit,
     contactAddressbookActionExport,
     contactAddressbookActionSettings,
     contactAddressbookDisplayShellRegistry,
@@ -24,8 +22,7 @@ angular.module('linagora.esn.contact')
         priority: 100,
         actions: [
           contactAddressbookActionExport,
-          contactAddressbookActionSettings,
-          contactAddressbookActionEdit
+          contactAddressbookActionSettings
         ],
         displayShell: ContactGroupAddressbookDisplayShell,
         matchingFunction: contactGroupAddressbookService.isGroupAddressbook

src/linagora.esn.contact/app/addressbook/import/contact-addressbook-import.pug

@@ -30,5 +30,5 @@
             span.message
               | {{ 'Something went wrong, please try again later' | translate }}
       .modal-footer
-        button.btn.btn-default(type="button", ng-click="$hide()") {{ 'Cancel' | translate }}
+        button.btn.btn-link(type="button", ng-click="$hide()") {{ 'Cancel' | translate }}
         button.btn.btn-primary(type='button', ng-disabled='!$ctrl.isValid', ng-click='$ctrl.doImport(); $hide()') {{ 'Import' | translate }}