From 4186fcd520448e9c92f62157ae5536aad4908c72 Mon Sep 17 00:00:00 2001
From: Eugen Ciur <eugen@papermerge.com>
Date: Sun, 31 Oct 2021 08:39:46 +0100
Subject: [PATCH] NewFolder Component
---
app/components/modal/base.hbs | 11 +++++++++--
app/components/modal/new_folder.hbs | 3 ++-
app/components/modal/new_folder.js | 13 +++++++++++++
app/templates/authenticated/index.hbs | 3 ++-
4 files changed, 26 insertions(+), 4 deletions(-)
create mode 100644 app/components/modal/new_folder.js
diff --git a/app/components/modal/base.hbs b/app/components/modal/base.hbs
index 78453e6..dd0e451 100644
--- a/app/components/modal/base.hbs
+++ b/app/components/modal/base.hbs
@@ -9,8 +9,15 @@
{{yield}}
</div>
<div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
- <button type="button" class="btn btn-primary">{{@actionTitle}}</button>
+ <button
+ type="button"
+ class="btn btn-secondary"
+ data-bs-dismiss="modal">Cancel
+ </button>
+ <button
+ type="button"
+ class="btn btn-primary"
+ {{on "click" @onSubmit}}>{{@actionTitle}}</button>
</div>
</div>
</div>
diff --git a/app/components/modal/new_folder.hbs b/app/components/modal/new_folder.hbs
index cc4f9dc..220319a 100644
--- a/app/components/modal/new_folder.hbs
+++ b/app/components/modal/new_folder.hbs
@@ -1,12 +1,13 @@
<Modal::Base
@title="Create Folder"
@actionTitle="Create"
+ @onSubmit={{this.onSubmit}}
...attributes
>
<label for="folder-title" class="form-label">Folder title:</label>
<Input
id="folder-title"
- class="form-control"
+ class="form-control"
@type="text"
@value="{{this.title}}"
/>
diff --git a/app/components/modal/new_folder.js b/app/components/modal/new_folder.js
new file mode 100644
index 0000000..c68a4cf
--- /dev/null
+++ b/app/components/modal/new_folder.js
@@ -0,0 +1,13 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+
+export default class NewFolderComponent extends Component {
+ @tracked title = '';
+
+ @action
+ onSubmit() {
+ console.log(`title ${this.title}`);
+ }
+}
diff --git a/app/templates/authenticated/index.hbs b/app/templates/authenticated/index.hbs
index 9797483..3f05b27 100644
--- a/app/templates/authenticated/index.hbs
+++ b/app/templates/authenticated/index.hbs
@@ -14,4 +14,5 @@
Documents and Folders will be displayed here!
-<Modal::NewFolder id="new-folder"/>
\ No newline at end of file
+<Modal::NewFolder
+ id="new-folder" />
\ No newline at end of file
--
GitLab