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

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"