Android: Make text selectable on plaintext page

Author: xuhcc

CHANGELOG.md

@@ -1,8 +1,9 @@
 # Changelog
 
-## 1.5.1
+## 1.6.0
 
-- Android: Create todo.txt file in user-accessible location.
+- Android: Created todo.txt file in user-accessible location.
+- Android: Made text on plaintext page selectable.
 
 ## 1.5.0
 

src/app/plaintext/plaintext.component.html

@@ -3,6 +3,6 @@
 </div>
 <div class="page">
   <div id="file-content">
-    <pre>{{ todoFile.content }}</pre>
+    <pre #fileContent>{{ todoFile.content }}</pre>
   </div>
 </div>

src/app/plaintext/plaintext.component.tns.html

@@ -21,6 +21,7 @@
     <ScrollView orientation="horizontal">
       <Label
         id="file-content"
+        #fileContent
         text="{{ todoFile.content }}"
         textWrap="true"
       ></Label>

src/app/plaintext/plaintext.component.ts

@@ -1,8 +1,9 @@
-import { Component, ViewContainerRef } from '@angular/core'
+import { Component, ViewContainerRef, AfterViewInit, ViewChild, ElementRef } from '@angular/core'
 
 import { SideDrawerService } from '../nav/sidedrawer.service'
 import { RouterService } from '../shared/router.service'
 import { TodoFileService } from '../shared/todo-file.service'
+import { isAndroid } from '../shared/helpers/platform'
 
 @Component({
     selector: 'ms-plaintext',
@@ -13,13 +14,24 @@ export class PlainTextComponent {
 
     title = 'Plain text';
 
+    @ViewChild('fileContent', {static: false})
+    fileContent: ElementRef
+
     constructor(
         private router: RouterService,
         public todoFile: TodoFileService,
         private sideDrawer: SideDrawerService,
         private viewContainerRef: ViewContainerRef,
     ) { }
 
+    ngAfterViewInit(): void {
+        setTimeout(() => {
+            if (isAndroid) {
+                this.fileContent.nativeElement.android.setTextIsSelectable(true)
+            }
+        }, 100)
+    }
+
     openDrawer() {
         this.sideDrawer.open(this.viewContainerRef)
     }