chore: Move missing text to translation files (#1501)

app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue

@@ -31,13 +31,13 @@
       <div class="multiselect-box ion-headphone">
         <multiselect
           v-model="currentChat.meta.assignee"
-          :options="agentList"
-          label="name"
           :allow-empty="true"
-          deselect-label="Remove"
+          :deselect-label="$t('CONVERSATION.ASSIGNMENT.REMOVE')"
-          placeholder="Select Agent"
+          :options="agentList"
+          :placeholder="$t('CONVERSATION.ASSIGNMENT.SELECT_AGENT')"
+          :select-label="$t('CONVERSATION.ASSIGNMENT.ASSIGN')"
+          label="name"
           selected-label
-          select-label="Assign"
           track-by="id"
           @select="assignAgent"
           @remove="removeAgent"

app/javascript/dashboard/components/widgets/conversation/Message.vue

@@ -121,7 +121,7 @@ export default {
 
       return this.data.message_type === 1 && !this.isHovered && sender
         ? {
-            content: `Sent by: ${sender.name}`,
+            content: `${this.$t('CONVERSATION.SENT_BY')} ${sender.name}`,
             classes: 'top',
           }
         : false;

app/javascript/dashboard/i18n/locale/en/conversation.json

@@ -42,7 +42,13 @@
     },
     "VISIBLE_TO_AGENTS": "Private Note: Only visible to you and your team",
     "CHANGE_STATUS": "Conversation status changed",
-    "CHANGE_AGENT": "Conversation Assignee changed"
+    "CHANGE_AGENT": "Conversation Assignee changed",
+    "SENT_BY": "Sent by:",
+    "ASSIGNMENT": {
+      "SELECT_AGENT": "Select Agent",
+      "REMOVE": "Remove",
+      "ASSIGN": "Assign"
+    }
   },
   "EMAIL_TRANSCRIPT": {
     "TITLE": "Send conversation transcript",

app/javascript/dashboard/i18n/locale/en/generalSettings.json

@@ -43,5 +43,12 @@
         "CUSTOM_EMAIL_DOMAIN_ENABLED": "You can receive emails in your custom domain now."
       }
     }
+  },
+  "FORMS": {
+    "MULTISELECT": {
+      "ENTER_TO_SELECT": "Press enter to select",
+      "ENTER_TO_REMOVE": "Press enter to remove",
+      "SELECT_ONE": "Select one"
+    }
   }
 }

app/javascript/dashboard/i18n/locale/en/inboxMgmt.json

@@ -165,7 +165,9 @@
       },
       "AGENTS": {
         "TITLE": "Agents",
-        "DESC": "Here you can add agents to manage your newly created inbox. Only these selected agents will have access to your inbox. Agents which are not part of this inbox will not be able to see or respond to messages in this inbox when they login. <br> <b>PS:</b> As an administrator, if you need access to all inboxes, you should add yourself as agent to all inboxes that you create."
+        "DESC": "Here you can add agents to manage your newly created inbox. Only these selected agents will have access to your inbox. Agents which are not part of this inbox will not be able to see or respond to messages in this inbox when they login. <br> <b>PS:</b> As an administrator, if you need access to all inboxes, you should add yourself as agent to all inboxes that you create.",
+        "VALIDATION_ERROR": "Add atleast one agent to your new Inbox",
+        "PICK_AGENTS": "Pick agents for the inbox"
       },
       "DETAILS": {
         "TITLE": "Inbox Details",

app/javascript/dashboard/i18n/locale/en/signup.json

@@ -27,6 +27,13 @@
       "SUCCESS_MESSAGE": "Registration Successfull",
       "ERROR_MESSAGE": "Could not connect to Woot Server, Please try again later"
     },
-    "SUBMIT": "Submit"
+    "SUBMIT": "Submit",
+    "FEATURES": {
+      "UNLIMITED_INBOXES": "Unlimited inboxes",
+      "ROBUST_REPORTING": "Robust Reporting",
+      "CANNED_RESPONSES": "Canned Responses",
+      "AUTO_ASSIGNMENT": "Auto Assignment",
+      "SECURITY": "Enterprise level security"
+    }
   }
 }

app/javascript/dashboard/routes/auth/Signup.vue

@@ -13,11 +13,26 @@
     <div class="row align-center">
       <div class="medium-5 column small-12">
         <ul class="signup--features">
-          <li><i class="ion-beer beer"></i>Unlimited inboxes</li>
+          <li>
-          <li><i class="ion-stats-bars report"></i>Robust Reporting</li>
+            <i class="ion-beer beer"></i>
-          <li><i class="ion-chatbox-working canned"></i>Canned Responses</li>
+            <span>{{ $t('REGISTER.FEATURES.UNLIMITED_INBOXES') }}</span>
-          <li><i class="ion-loop uptime"></i>Auto Assignment</li>
+          </li>
-          <li><i class="ion-locked secure"></i>Enterprise level security</li>
+          <li>
+            <i class="ion-stats-bars report"></i>
+            <span>{{ $t('REGISTER.FEATURES.ROBUST_REPORTING') }}</span>
+          </li>
+          <li>
+            <i class="ion-chatbox-working canned"></i>
+            <span>{{ $t('REGISTER.FEATURES.CANNED_RESPONSES') }}</span>
+          </li>
+          <li>
+            <i class="ion-loop uptime"></i>
+            <span>{{ $t('REGISTER.FEATURES.AUTO_ASSIGNMENT') }}</span>
+          </li>
+          <li>
+            <i class="ion-locked secure"></i>
+            <span>{{ $t('REGISTER.FEATURES.SECURITY') }}</span>
+          </li>
         </ul>
       </div>
       <div class="medium-5 column small-12">

app/javascript/dashboard/routes/dashboard/settings/inbox/AddAgents.vue

@@ -10,7 +10,7 @@
       <div class="medium-7 columns">
         <div class="medium-12 columns">
           <label :class="{ error: $v.selectedAgents.$error }">
-            Agents
+            {{ $t('INBOX_MGMT.ADD.AGENTS.TITLE') }}
             <multiselect
               v-model="selectedAgents"
               :options="agentList"
@@ -20,12 +20,15 @@
               :close-on-select="false"
               :clear-on-select="false"
               :hide-selected="true"
-              placeholder="Pick some"
+              selected-label
+              :select-label="$t('FORMS.MULTISELECT.ENTER_TO_SELECT')"
+              :deselect-label="$t('FORMS.MULTISELECT.ENTER_TO_REMOVE')"
+              :placeholder="$t('INBOX_MGMT.ADD.AGENTS.PICK_AGENTS ')"
               @select="$v.selectedAgents.$touch"
             >
             </multiselect>
             <span v-if="$v.selectedAgents.$error" class="message">
-              Add atleast one agent to your new Inbox
+              {{ $t('INBOX_MGMT.ADD.AGENTS.VALIDATION_ERROR') }}
             </span>
           </label>
         </div>

app/javascript/dashboard/routes/dashboard/settings/inbox/Settings.vue

@@ -211,6 +211,9 @@
           :clear-on-select="false"
           :hide-selected="true"
           placeholder="Pick some"
+          selected-label
+          :select-label="$t('FORMS.MULTISELECT.ENTER_TO_SELECT')"
+          :deselect-label="$t('FORMS.MULTISELECT.ENTER_TO_REMOVE')"
           @select="$v.selectedAgents.$touch"
         />
 

app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Facebook.vue

@@ -41,6 +41,8 @@
                 :options="getSelectablePages"
                 track-by="id"
                 label="name"
+                :select-label="$t('FORMS.MULTISELECT.ENTER_TO_SELECT')"
+                :deselect-label="$t('FORMS.MULTISELECT.ENTER_TO_REMOVE')"
                 :placeholder="$t('INBOX_MGMT.ADD.FB.PICK_A_VALUE')"
                 selected-label
                 @select="setPageName"

app/javascript/dashboard/routes/dashboard/settings/reports/Index.vue

@@ -5,7 +5,10 @@
         v-model="currentDateRangeSelection"
         track-by="name"
         label="name"
-        placeholder="Select one"
+        :placeholder="$t('FORMS.MULTISELECT.SELECT_ONE')"
+        selected-label
+        :select-label="$t('FORMS.MULTISELECT.ENTER_TO_SELECT')"
+        :deselect-label="$t('FORMS.MULTISELECT.ENTER_TO_REMOVE')"
         :options="dateRange"
         :searchable="false"
         :allow-empty="true"