Add Etherpad Integration

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Event/Integrations/Etherpad.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="etherpad">
+    <div class="etherpad-container" v-if="metadata">
+      <iframe
+        :src="`${metadata.value}?showChat=false&showLineNumbers=false`"
+        width="600"
+        height="400"
+      ></iframe>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { IEventMetadataDescription } from "@/types/event-metadata";
+import { PropType } from "vue";
+import { Component, Prop, Vue } from "vue-property-decorator";
+
+@Component
+export default class EtherpadIntegration extends Vue {
+  @Prop({ type: Object as PropType<IEventMetadataDescription>, required: true })
+  metadata!: IEventMetadataDescription;
+}
+</script>
+<style lang="scss" scoped>
+.etherpad {
+  .etherpad-container {
+    padding-top: 56.25%;
+    position: relative;
+    height: 0;
+
+    iframe {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+    }
+  }
+}
+</style>