Feature: API Channel (#1052)

app/javascript/dashboard/components/layout/SidebarItem.vue

@@ -63,6 +63,8 @@ const INBOX_TYPES = {
   FB: 'Channel::FacebookPage',
   TWITTER: 'Channel::TwitterProfile',
   TWILIO: 'Channel::TwilioSms',
+  API: 'Channel::Api',
+  EMAIL: 'Channel::Email',
 };
 const getInboxClassByType = type => {
   switch (type) {
@@ -78,6 +80,12 @@ const getInboxClassByType = type => {
     case INBOX_TYPES.TWILIO:
       return 'ion-android-textsms';
 
+    case INBOX_TYPES.API:
+      return 'ion-cloud';
+
+    case INBOX_TYPES.EMAIL:
+      return 'ion-email';
+
     default:
       return '';
   }

app/javascript/dashboard/components/widgets/ChannelItem.vue

@@ -16,6 +16,14 @@
       v-if="channel === 'telegram'"
       src="~dashboard/assets/images/channels/telegram.png"
     />
+    <img
+      v-if="channel === 'api'"
+      src="~dashboard/assets/images/channels/api.png"
+    />
+    <img
+      v-if="channel === 'email'"
+      src="~dashboard/assets/images/channels/email.png"
+    />
     <img
       v-if="channel === 'line'"
       src="~dashboard/assets/images/channels/line.png"
@@ -56,7 +64,10 @@ export default {
       if (channel === 'twitter') {
         return this.enabledFeatures.channel_twitter;
       }
-      return ['website', 'twilio'].includes(channel);
+      if (channel === 'email') {
+        return this.enabledFeatures.channel_email;
+      }
+      return ['website', 'twilio', 'api'].includes(channel);
     },
     onItemClick() {
       if (this.isActive(this.channel)) {