From c3f39abafa40514dd34fd0c0c29bf2300cbbf627 Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Fri, 11 Oct 2019 16:02:28 +0200
Subject: [PATCH] MOBILE-2995 qr: Add QR button in RTE

---
 .../core-editor-rich-text-editor.html         |  5 +++++
 .../rich-text-editor/rich-text-editor.ts      | 21 +++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/src/core/editor/components/rich-text-editor/core-editor-rich-text-editor.html b/src/core/editor/components/rich-text-editor/core-editor-rich-text-editor.html
index 20faba16e..4423c4b7a 100644
--- a/src/core/editor/components/rich-text-editor/core-editor-rich-text-editor.html
+++ b/src/core/editor/components/rich-text-editor/core-editor-rich-text-editor.html
@@ -71,6 +71,11 @@
                 <core-icon name="fa-eraser"></core-icon>
             </button>
         </ion-slide>
+        <ion-slide *ngIf="canScanQR">
+            <button [disabled]="!rteEnabled" (click)="scanQR($event)" (mousedown)="stopBubble($event)">
+                <core-icon name="fa-qrcode"></core-icon>
+            </button>
+        </ion-slide>
         <ion-slide>
             <button [attr.aria-pressed]="!rteEnabled" (click)="toggleEditor($event)" (mousedown)="mouseDownAction($event)" [title]=" 'core.editor.toggle' | translate">
                 <core-icon name="fa-code"></core-icon>
diff --git a/src/core/editor/components/rich-text-editor/rich-text-editor.ts b/src/core/editor/components/rich-text-editor/rich-text-editor.ts
index a99a15e0c..a1b19754b 100644
--- a/src/core/editor/components/rich-text-editor/rich-text-editor.ts
+++ b/src/core/editor/components/rich-text-editor/rich-text-editor.ts
@@ -95,6 +95,8 @@ export class CoreEditorRichTextEditorComponent implements AfterContentInit, OnDe
         ol: 'false',
     };
     infoMessage: string;
+    canScanQR: boolean;
+
     protected isCurrentView = true;
     protected toolbarButtonWidth = 40;
     protected toolbarArrowWidth = 28;
@@ -119,6 +121,7 @@ export class CoreEditorRichTextEditorComponent implements AfterContentInit, OnDe
         this.contentChanged = new EventEmitter<string>();
         this.element = elementRef.nativeElement as HTMLDivElement;
         this.pageInstance = 'app_' + Date.now(); // Generate a "unique" ID based on timestamp.
+        this.canScanQR = this.utils.canScanQR();
     }
 
     /**
@@ -865,6 +868,24 @@ export class CoreEditorRichTextEditorComponent implements AfterContentInit, OnDe
         }, timeout);
     }
 
+    /**
+     * Scan a QR code and put its text in the editor.
+     *
+     * @param $event Event data
+     */
+    scanQR($event: any): void {
+        this.stopBubble($event);
+
+        // Scan for a QR code.
+        this.utils.scanQR().then((text) => {
+            if (text) {
+                document.execCommand('insertText', false, text);
+            }
+
+            this.content.resize(); // Resize content, otherwise the content height becomes 1 for some reason.
+        });
+    }
+
     /**
      * User entered the page that contains the component.
      */