-
-
+
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index a88e803..63413eb 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -20,7 +20,9 @@ import {
export class HomeComponent implements OnInit {
routeId: string | null;
text: string | null = null;
- textref: any;
+ words: number = 0; // Initialize the word count
+ characters: number = 0; // Initialize the character count
+
constructor(private route: ActivatedRoute) {
this.routeId = this.route.snapshot.paramMap.get('id');
this.text = this.route.snapshot.data['content']; // Resolved content
@@ -28,7 +30,7 @@ export class HomeComponent implements OnInit {
ngOnInit() {
console.log(this.routeId);
-
+ this.updateWordAndCharacterCount();
if (this.routeId) {
this.checkIfRouteIdExistsInRealtimeDatabase(this.routeId)
.then((foundText) => {
@@ -52,6 +54,9 @@ export class HomeComponent implements OnInit {
onChildChanged(docRef, (snapshot) => {
// console.log('Child changed:', snapshot.val());
this.text = snapshot.val() || null;
+
+ // Update word and character counts
+ this.updateWordAndCharacterCount();
});
} else {
console.error('Route ID is null or undefined');
@@ -68,6 +73,7 @@ export class HomeComponent implements OnInit {
const db = getDatabase();
set(ref(db, routeId), {
text: this.text || '', // Set text to the current value or an empty string
+ locked : false
})
.then(() => {
console.log('Document created successfully');
@@ -100,6 +106,7 @@ export class HomeComponent implements OnInit {
}
uploadText() {
+ this.updateWordAndCharacterCount();
// Upload Text to document with id 'routeId' inside the 'text' collection
//routeId-> text-> text
const routeID = this.route.snapshot.paramMap.get('id');
@@ -119,4 +126,46 @@ export class HomeComponent implements OnInit {
}
}
+ // Tab key functionality
+ onTextareaKeydown(event: KeyboardEvent) {
+ // Check if the pressed key is Tab
+ if (event.key === 'Tab') {
+ // Prevent the default Tab behavior (e.g., moving focus to the next element)
+ event.preventDefault();
+
+ // Insert a tab character into the textarea
+ const textarea = event.target as HTMLTextAreaElement;
+ const start = textarea.selectionStart;
+ const end = textarea.selectionEnd;
+
+ // Insert a tab character at the current cursor position
+ const newText =
+ textarea.value.substring(0, start) +
+ '\t' +
+ textarea.value.substring(end);
+ this.text = newText;
+
+ // Update the cursor position
+ textarea.selectionStart = textarea.selectionEnd = start + 1;
+
+ // Update word and character counts
+ this.updateWordAndCharacterCount();
+ }
+ }
+
+ updateWordAndCharacterCount() {
+ if (this.text) {
+ // Split the text into words (using spaces as word separators)
+ const words = this.text.split(/\s+/).filter((word) => word.trim() !== '');
+
+ // Update the word count
+ this.words = words.length;
+
+ // Update the character count
+ this.characters = this.text.length;
+ } else {
+ this.words = 0;
+ this.characters = 0;
+ }
+ }
}
diff --git a/src/app/navigation/navigation.component.css b/src/app/navigation/navigation.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/navigation/navigation.component.html b/src/app/navigation/navigation.component.html
new file mode 100644
index 0000000..77d5aa2
--- /dev/null
+++ b/src/app/navigation/navigation.component.html
@@ -0,0 +1,11 @@
+
+
+ NOTECODE
+
+
+
+
\ No newline at end of file
diff --git a/src/app/navigation/navigation.component.spec.ts b/src/app/navigation/navigation.component.spec.ts
new file mode 100644
index 0000000..9ad3b75
--- /dev/null
+++ b/src/app/navigation/navigation.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavigationComponent } from './navigation.component';
+
+describe('NavigationComponent', () => {
+ let component: NavigationComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ declarations: [NavigationComponent]
+ });
+ fixture = TestBed.createComponent(NavigationComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/navigation/navigation.component.ts b/src/app/navigation/navigation.component.ts
new file mode 100644
index 0000000..a84ddca
--- /dev/null
+++ b/src/app/navigation/navigation.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-navigation',
+ templateUrl: './navigation.component.html',
+ styleUrls: ['./navigation.component.css']
+})
+export class NavigationComponent {
+
+}
diff --git a/src/app/password/password.component.css b/src/app/password/password.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/password/password.component.html b/src/app/password/password.component.html
new file mode 100644
index 0000000..68d7a39
--- /dev/null
+++ b/src/app/password/password.component.html
@@ -0,0 +1 @@
+password works!
diff --git a/src/app/password/password.component.spec.ts b/src/app/password/password.component.spec.ts
new file mode 100644
index 0000000..bc48518
--- /dev/null
+++ b/src/app/password/password.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PasswordComponent } from './password.component';
+
+describe('PasswordComponent', () => {
+ let component: PasswordComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ declarations: [PasswordComponent]
+ });
+ fixture = TestBed.createComponent(PasswordComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/password/password.component.ts b/src/app/password/password.component.ts
new file mode 100644
index 0000000..6632960
--- /dev/null
+++ b/src/app/password/password.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-password',
+ templateUrl: './password.component.html',
+ styleUrls: ['./password.component.css']
+})
+export class PasswordComponent {
+
+}
diff --git a/src/styles.css b/src/styles.css
index 7e7239a..d35c70f 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,4 +1,4 @@
/* You can add global styles to this file, and also import other style files */
-html, body { height: 100%; }
+html, body { height: 100%; width: 100%; overflow-y: hidden;}
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }