Update ContentIcon to ensure H5P and ZIM support for course resource types

Author: marcellamaki

packages/kolibri-common/components/labels/ContentIcon.vue

@@ -51,6 +51,20 @@
         :color="color"
         style="top: 0"
       />
+      <KIcon
+        v-if="is(ContentNodeKinds.H5P)"
+        :icon="ContentNodeKinds.HTML5"
+        :class="[colorClass]"
+        :color="color"
+        style="top: 0"
+      />
+      <KIcon
+        v-if="is(ContentNodeKinds.ZIM)"
+        :icon="ContentNodeKinds.DOCUMENT"
+        :class="[colorClass]"
+        :color="color"
+        style="top: 0"
+      />
       <KIcon
         v-if="is(ContentNodeKinds.EXAM)"
         icon="quiz"
@@ -161,6 +175,8 @@
           [ContentNodeKinds.AUDIO]: 'audio',
           [ContentNodeKinds.DOCUMENT]: 'document',
           [ContentNodeKinds.HTML5]: 'html5',
+          [ContentNodeKinds.H5P]: 'html5',
+          [ContentNodeKinds.ZIM]: 'document',
           [ContentNodeKinds.EXAM]: 'exam',
           [ContentNodeKinds.LESSON]: 'lesson',
           [ContentNodeKinds.SLIDESHOW]: 'slideshow',

packages/kolibri/constants.js

@@ -41,6 +41,8 @@ export const ContentNodeKinds = {
   EXERCISE: 'exercise',
   TOPIC: 'topic',
   HTML5: 'html5',
+  H5P: 'h5p',
+  ZIM: 'zim',
   CHANNEL: 'channel', // e.g. a root topic
   EXAM: 'exam',
   LESSON: 'lesson',