Message ui (#196)

* in progress * alter ContactDisplay and DropdownSelect to fit requirement * remove mock data * fix codacy * fix codacy
ringcentral · May 18, 2017 · 74f9a39 · 74f9a39
1 parent 62558c3
commit 74f9a39
Show file tree

Hide file tree

Showing 31 changed files with 330 additions and 229 deletions.
diff --git a/dev-server/containers/App/index.js b/dev-server/containers/App/index.js
@@ -167,6 +167,7 @@ export default function App({
                   onLogCall={async () => { await sleep(1000); }}
                   onViewContact={() => {}}
                   onCreateContact={() => {}}
+                  rateLimiter={phone.rateLimiter}
                 />
               )} />
             <Route

diff --git a/src/components/ActionMenu/index.js b/src/components/ActionMenu/index.js
@@ -147,6 +147,7 @@ export default class ActionMenu extends Component {
     });
   }
   captureClick = (e) => {
+    e.captureClick = this.props.captureClick;
     if (this.props.stopPropagation) {
       e.stopPropagation();
     }
@@ -297,6 +298,7 @@ ActionMenu.propTypes = {
   disableLinks: PropTypes.bool,
   disableClickToDial: PropTypes.bool,
   stopPropagation: PropTypes.bool,
+  captureClick: PropTypes.bool,
 };
 ActionMenu.defaultProps = {
   className: undefined,
@@ -313,4 +315,5 @@ ActionMenu.defaultProps = {
   disableLinks: false,
   disableClickToDial: false,
   stopPropagation: false,
+  captureClick: false,
 };
diff --git a/src/components/CallItem/i18n/de-DE.js b/src/components/CallItem/i18n/de-DE.js
@@ -2,21 +2,21 @@ export default {
   logging: 'Protokollierung ...',
   logCall: 'Anruf protokollieren',
   editLog: 'Protokoll bearbeiten',
-  select: 'Übereinstimmenden Datensatz auswählen',
+  select: 'Übereinstimmenden datensatz auswählen',
   OnHold: 'Wird gehalten',
   Ringing: 'Es wird angerufen',
   CallConnected: 'Anruf verbunden',
   unknownUser: 'Unbekannter Benutzer',
   unknownNumber: 'Anonym',
   unavailable: 'Nicht verfügbar',
   viewDetails: 'Details anzeigen',
-  'phoneSource.systemUser': '(Systembenutzer)',
-  'phoneSource.account': '(Konto)',
-  'phoneSource.contact': '(Kontakt)',
-  'phoneSource.lead': '(Lead)',
-  'phoneType.phone': '(Telefon)',
-  'phoneType.home': '(Telefon (privat))',
-  'phoneType.business': '(Telefon (geschäftlich))',
-  'phoneType.mobile': '(Mobiltelefon)',
-  'phoneType.unknown': '(Unbekannter Telefontyp)',
+  'phoneSource.systemUser': 'Systembenutzer',
+  'phoneSource.account': 'Konto',
+  'phoneSource.contact': 'Kontakt',
+  'phoneSource.lead': 'Lead',
+  'phoneType.phone': 'Telefon',
+  'phoneType.home': 'Telefon privat',
+  'phoneType.business': 'Telefon geschäftlich',
+  'phoneType.mobile': 'Mobiltelefon',
+  'phoneType.unknown': 'Unbekannter Telefontyp',
 };
diff --git a/src/components/CallItem/i18n/en-CA.js b/src/components/CallItem/i18n/en-CA.js
@@ -2,21 +2,21 @@ export default {
   logging: 'Logging...',
   logCall: 'Log Call',
   editLog: 'Edit Log',
-  select: 'Select a Matching Record',
+  select: 'Select a matching record',
   OnHold: 'On Hold',
   Ringing: 'Ringing',
   CallConnected: 'Call Connected',
   unknownUser: 'Unknown User',
   unknownNumber: 'Anonymous',
   unavailable: 'Unavailable',
   viewDetails: 'View Details',
-  'phoneSource.systemUser': '(System User)',
-  'phoneSource.account': '(Account)',
-  'phoneSource.contact': '(Contact)',
-  'phoneSource.lead': '(Lead)',
-  'phoneType.phone': '(Phone)',
-  'phoneType.home': '(Home Phone)',
-  'phoneType.business': '(Business Phone)',
-  'phoneType.mobile': '(Mobile Phone)',
-  'phoneType.unknown': '(Unknown Phone Type)',
+  'phoneSource.systemUser': 'System User',
+  'phoneSource.account': 'Account',
+  'phoneSource.contact': 'Contact',
+  'phoneSource.lead': 'Lead',
+  'phoneType.phone': 'Phone',
+  'phoneType.home': 'Home Phone',
+  'phoneType.business': 'Business Phone',
+  'phoneType.mobile': 'Mobile Phone',
+  'phoneType.unknown': 'Unknown Phone Type',
 };
diff --git a/src/components/CallItem/i18n/en-GB.js b/src/components/CallItem/i18n/en-GB.js
@@ -2,21 +2,21 @@ export default {
   logging: 'Logging...',
   logCall: 'Log Call',
   editLog: 'Edit Log',
-  select: 'Select a Matching Record',
+  select: 'Select a matching record',
   OnHold: 'On Hold',
   Ringing: 'Ringing',
   CallConnected: 'Call Connected',
   unknownUser: 'Unknown User',
   unknownNumber: 'Anonymous',
   unavailable: 'Unavailable',
   viewDetails: 'View Details',
-  'phoneSource.systemUser': '(System User)',
-  'phoneSource.account': '(Account)',
-  'phoneSource.contact': '(Contact)',
-  'phoneSource.lead': '(Lead)',
-  'phoneType.phone': '(Phone)',
-  'phoneType.home': '(Home Phone)',
-  'phoneType.business': '(Business Phone)',
-  'phoneType.mobile': '(Mobile Phone)',
-  'phoneType.unknown': '(Unknown Phone Type)',
+  'phoneSource.systemUser': 'System User',
+  'phoneSource.account': 'Account',
+  'phoneSource.contact': 'Contact',
+  'phoneSource.lead': 'Lead',
+  'phoneType.phone': 'Phone',
+  'phoneType.home': 'Home Phone',
+  'phoneType.business': 'Business Phone',
+  'phoneType.mobile': 'Mobile Phone',
+  'phoneType.unknown': 'Unknown Phone Type',
 };
diff --git a/src/components/CallItem/i18n/en-US.js b/src/components/CallItem/i18n/en-US.js
@@ -2,22 +2,22 @@ export default {
   logging: 'Logging...',
   logCall: 'Log Call',
   editLog: 'Edit Log',
-  select: 'Select a Matching Record',
+  select: 'Select a matching record',
   OnHold: 'On Hold',
   Ringing: 'Ringing',
   CallConnected: 'Call Connected',
   unknownUser: 'Unknown User',
   unknownNumber: 'Anonymous',
   unavailable: 'Unavailable',
   viewDetails: 'View Details',
-  'phoneSource.systemUser': '(System User)',
-  'phoneSource.account': '(Account)',
-  'phoneSource.contact': '(Contact)',
-  'phoneSource.lead': '(Lead)',
-  'phoneSource.opportunity': '(Opportunity)',
-  'phoneType.phone': '(Phone)',
-  'phoneType.home': '(Home Phone)',
-  'phoneType.business': '(Business Phone)',
-  'phoneType.mobile': '(Mobile Phone)',
-  'phoneType.unknown': '(Unknown Phone Type)',
+  'phoneSource.systemUser': 'System User',
+  'phoneSource.account': 'Account',
+  'phoneSource.contact': 'Contact',
+  'phoneSource.lead': 'Lead',
+  'phoneSource.opportunity': 'Opportunity',
+  'phoneType.phone': 'Phone',
+  'phoneType.home': 'Home Phone',
+  'phoneType.business': 'Business Phone',
+  'phoneType.mobile': 'Mobile Phone',
+  'phoneType.unknown': 'Unknown Phone Type',
 };
diff --git a/src/components/CallItem/i18n/es-419.js b/src/components/CallItem/i18n/es-419.js
@@ -10,14 +10,14 @@ export default {
   unknownNumber: 'Anónimo',
   unavailable: 'No disponible',
   viewDetails: 'Ver detalles',
-  'phoneSource.systemUser': '(Usuario del sistema)',
-  'phoneSource.account': '(Cuenta)',
-  'phoneSource.contact': '(Contactos)',
-  'phoneSource.lead': '(Posible cliente)',
-  'phoneSource.opportunity': '(Candidato a posible cliente)',
-  'phoneType.phone': '(Teléfono)',
-  'phoneType.home': '(Teléfono fijo)',
-  'phoneType.business': '(Teléfono del trabajo)',
-  'phoneType.mobile': '(Teléfono celular)',
-  'phoneType.unknown': '(Tipo de teléfono desconocido)',
+  'phoneSource.systemUser': 'Usuario del sistema',
+  'phoneSource.account': 'Cuenta',
+  'phoneSource.contact': 'Contactos',
+  'phoneSource.lead': 'Posible cliente',
+  'phoneSource.opportunity': 'Candidato a posible cliente',
+  'phoneType.phone': 'Teléfono',
+  'phoneType.home': 'Teléfono fijo',
+  'phoneType.business': 'Teléfono del trabajo',
+  'phoneType.mobile': 'Teléfono celular',
+  'phoneType.unknown': 'Tipo de teléfono desconocido',
 };
diff --git a/src/components/CallItem/i18n/es-ES.js b/src/components/CallItem/i18n/es-ES.js
@@ -10,14 +10,14 @@ export default {
   unknownNumber: 'Anónimo',
   unavailable: 'No disponible',
   viewDetails: 'Ver detalles',
-  'phoneSource.systemUser': '(Usuario del sistema)',
-  'phoneSource.account': '(Cuenta)',
-  'phoneSource.contact': '(Contactos)',
-  'phoneSource.lead': '(Posible cliente)',
-  'phoneSource.opportunity': '(Candidato a posible cliente)',
-  'phoneType.phone': '(Teléfono)',
-  'phoneType.home': '(Teléfono fijo)',
-  'phoneType.business': '(Teléfono del trabajo)',
-  'phoneType.mobile': '(Teléfono móvil)',
-  'phoneType.unknown': '(Tipo de teléfono desconocido)',
+  'phoneSource.systemUser': 'Usuario del sistema',
+  'phoneSource.account': 'Cuenta',
+  'phoneSource.contact': 'Contactos',
+  'phoneSource.lead': 'Posible cliente',
+  'phoneSource.opportunity': 'Candidato a posible cliente',
+  'phoneType.phone': 'Teléfono',
+  'phoneType.home': 'Teléfono fijo',
+  'phoneType.business': 'Teléfono del trabajo',
+  'phoneType.mobile': 'Teléfono móvil',
+  'phoneType.unknown': 'Tipo de teléfono desconocido',
 };
diff --git a/src/components/CallItem/i18n/fr-CA.js b/src/components/CallItem/i18n/fr-CA.js
@@ -10,13 +10,13 @@ export default {
   unknownNumber: 'Anonyme',
   unavailable: 'Non disponible',
   viewDetails: 'Afficher les détails',
-  'phoneSource.systemUser': '(Utilisateur système)',
-  'phoneSource.account': '(Compte)',
-  'phoneSource.contact': '(Contact)',
-  'phoneSource.lead': '(Piste)',
-  'phoneType.phone': '(Téléphone)',
-  'phoneType.home': '(Téléphone domicile)',
-  'phoneType.business': '(Téléphone bureau)',
-  'phoneType.mobile': '(Téléphone mobile)',
-  'phoneType.unknown': '(Type de téléphone inconnu)',
+  'phoneSource.systemUser': 'Utilisateur système',
+  'phoneSource.account': 'Compte',
+  'phoneSource.contact': 'Contact',
+  'phoneSource.lead': 'Piste',
+  'phoneType.phone': 'Téléphone',
+  'phoneType.home': 'Téléphone domicile',
+  'phoneType.business': 'Téléphone bureau',
+  'phoneType.mobile': 'Téléphone mobile',
+  'phoneType.unknown': 'Type de téléphone inconnu',
 };
diff --git a/src/components/CallItem/i18n/fr-FR.js b/src/components/CallItem/i18n/fr-FR.js
@@ -10,13 +10,13 @@ export default {
   unknownNumber: 'Anonyme',
   unavailable: 'Non disponible',
   viewDetails: 'Afficher les détails',
-  'phoneSource.systemUser': '(Utilisateur système)',
-  'phoneSource.account': '(Compte)',
-  'phoneSource.contact': '(Contact)',
-  'phoneSource.lead': '(Piste)',
-  'phoneType.phone': '(Téléphone)',
-  'phoneType.home': '(Téléphone domicile)',
-  'phoneType.business': '(Téléphone bureau)',
-  'phoneType.mobile': '(Téléphone mobile)',
-  'phoneType.unknown': '(Type de téléphone inconnu)',
+  'phoneSource.systemUser': 'Utilisateur système',
+  'phoneSource.account': 'Compte',
+  'phoneSource.contact': 'Contact',
+  'phoneSource.lead': 'Piste',
+  'phoneType.phone': 'Téléphone',
+  'phoneType.home': 'Téléphone domicile',
+  'phoneType.business': 'Téléphone bureau',
+  'phoneType.mobile': 'Téléphone mobile',
+  'phoneType.unknown': 'Type de téléphone inconnu',
 };
diff --git a/src/components/CallItem/i18n/it-IT.js b/src/components/CallItem/i18n/it-IT.js
@@ -10,14 +10,14 @@ export default {
   unknownNumber: 'Anonimo',
   unavailable: 'Non disponibile',
   viewDetails: 'Visualizza dettagli',
-  'phoneSource.systemUser': '(Utente di sistema)',
-  'phoneSource.account': '(Account)',
-  'phoneSource.contact': '(Contatto)',
-  'phoneSource.lead': '(Lead)',
-  'phoneSource.opportunity': '(Opportunità)',
-  'phoneType.phone': '(Telefono)',
-  'phoneType.home': '(Telefono abitazione)',
-  'phoneType.business': '(Telefono azienda)',
-  'phoneType.mobile': '(Telefono cellulare)',
-  'phoneType.unknown': '(Tipo di telefono sconosciuto)',
+  'phoneSource.systemUser': 'Utente di sistema',
+  'phoneSource.account': 'Account',
+  'phoneSource.contact': 'Contatto',
+  'phoneSource.lead': 'Lead',
+  'phoneSource.opportunity': 'Opportunità',
+  'phoneType.phone': 'Telefono',
+  'phoneType.home': 'Telefono abitazione',
+  'phoneType.business': 'Telefono azienda',
+  'phoneType.mobile': 'Telefono cellulare',
+  'phoneType.unknown': 'Tipo di telefono sconosciuto',
 };
diff --git a/src/components/CallItem/index.js b/src/components/CallItem/index.js
@@ -154,7 +154,7 @@ export default class CallItem extends Component {
   }
 
   createSelectedContact = async (entityType) => {
-    console.log('click createSelectedContact!!', entityType);
+    // console.log('click createSelectedContact!!', entityType);
     if (typeof this.props.onCreateContact === 'function' &&
       this._mounted &&
       !this.state.isCreating) {
@@ -173,7 +173,7 @@ export default class CallItem extends Component {
         this.setState({
           isCreating: false,
         });
-        console.log('created: isCreating...', this.state.isCreating);
+        // console.log('created: isCreating...', this.state.isCreating);
       }
     }
   }
@@ -270,6 +270,7 @@ export default class CallItem extends Component {
           className={classnames(
             styles.contactDisplay,
             missed && styles.missed,
+            active && styles.active,
           )}
           contactMatches={contactMatches}
           selected={this.state.selected}
@@ -280,7 +281,8 @@ export default class CallItem extends Component {
           areaCode={areaCode}
           countryCode={countryCode}
           phoneNumber={phoneNumber}
-          currentLocale={currentLocale} />
+          currentLocale={currentLocale}
+          />
         <div className={styles.details} >
           {durationEl} | {dateEl}{statusEl}
         </div>

diff --git a/src/components/CallItem/styles.scss b/src/components/CallItem/styles.scss
@@ -27,12 +27,12 @@
   color: #666;
 }
 .activeCall {
-  color: #23B23D;
+  color: $active;
 }
 
 @keyframes ringing {
   0% {
-    text-shadow: 0px 0px 1px #23B23D;
+    text-shadow: 0px 0px 1px $active;
   }
   100% {
     color: #2ce44d;
@@ -62,5 +62,15 @@
 }
 
 .missed {
-  color: #D9282f;
+  color: $missed;
+  button {
+    color: $missed;
+  }
+}
+
+.active {
+  color: $active;
+  button {
+    color: $missed;
+  }
 }
diff --git a/src/components/ContactDisplay/i18n/de-DE.js b/src/components/ContactDisplay/i18n/de-DE.js
@@ -2,21 +2,21 @@ export default {
   logging: 'Protokollierung ...',
   logCall: 'Anruf protokollieren',
   editLog: 'Protokoll bearbeiten',
-  select: 'Übereinstimmenden Datensatz auswählen',
+  select: 'Übereinstimmenden datensatz auswählen',
   OnHold: 'Wird gehalten',
   Ringing: 'Es wird angerufen',
   CallConnected: 'Anruf verbunden',
   unknownUser: 'Unbekannter Benutzer',
   unknownNumber: 'Anonym',
   unavailable: 'Nicht verfügbar',
   viewDetails: 'Details anzeigen',
-  'phoneSource.systemUser': '(Systembenutzer)',
-  'phoneSource.account': '(Konto)',
-  'phoneSource.contact': '(Kontakt)',
-  'phoneSource.lead': '(Lead)',
-  'phoneType.phone': '(Telefon)',
-  'phoneType.home': '(Telefon (privat))',
-  'phoneType.business': '(Telefon (geschäftlich))',
-  'phoneType.mobile': '(Mobiltelefon)',
-  'phoneType.unknown': '(Unbekannter Telefontyp)',
+  'phoneSource.systemUser': 'Systembenutzer',
+  'phoneSource.account': 'Konto',
+  'phoneSource.contact': 'Kontakt',
+  'phoneSource.lead': 'Lead',
+  'phoneType.phone': 'Telefon',
+  'phoneType.home': 'Telefon privat',
+  'phoneType.business': 'Telefon geschäftlich',
+  'phoneType.mobile': 'Mobiltelefon',
+  'phoneType.unknown': 'Unbekannter Telefontyp',
 };