From 518bea98b48eeeef0456df2efa9d5f3e29c5474f Mon Sep 17 00:00:00 2001
From: akavm <max.henze@student.uni-halle.de>
Date: Thu, 17 Dec 2020 12:13:34 +0100
Subject: [PATCH] Basic Templating
---
week03/app/controllers/login.js | 7 +++++++
week03/app/router.js | 1 +
week03/app/routes/login.js | 4 ++++
week03/app/templates/login.hbs | 18 ++++++++++++++++++
week03/tests/unit/controllers/login-test.js | 12 ++++++++++++
week03/tests/unit/routes/login-test.js | 11 +++++++++++
6 files changed, 53 insertions(+)
create mode 100644 week03/app/controllers/login.js
create mode 100644 week03/app/routes/login.js
create mode 100644 week03/app/templates/login.hbs
create mode 100644 week03/tests/unit/controllers/login-test.js
create mode 100644 week03/tests/unit/routes/login-test.js
diff --git a/week03/app/controllers/login.js b/week03/app/controllers/login.js
new file mode 100644
index 0000000..c350627
--- /dev/null
+++ b/week03/app/controllers/login.js
@@ -0,0 +1,7 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+
+export default class LoginController extends Controller {
+ @tracked email = '';
+ @tracked password = '';
+}
diff --git a/week03/app/router.js b/week03/app/router.js
index fd76d26..83186bc 100644
--- a/week03/app/router.js
+++ b/week03/app/router.js
@@ -7,4 +7,5 @@ export default class Router extends EmberRouter {
}
Router.map(function() {
+ this.route('login');
});
diff --git a/week03/app/routes/login.js b/week03/app/routes/login.js
new file mode 100644
index 0000000..aa52a1a
--- /dev/null
+++ b/week03/app/routes/login.js
@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default class LoginRoute extends Route {
+}
diff --git a/week03/app/templates/login.hbs b/week03/app/templates/login.hbs
new file mode 100644
index 0000000..c32a3ed
--- /dev/null
+++ b/week03/app/templates/login.hbs
@@ -0,0 +1,18 @@
+<div class="grid-x grid-padding-x">
+ <form class="cell large-2 large-offset-5">
+ <div class="callout">
+ <h1>Login</h1>
+ <label>E-Mail
+ <Input type="email" @value={{this.email}} />
+ <span class="form-error is-visible">No user exists with this e-mail address {{this.email}} or the password is not correct.</span>
+ </label>
+ <label>Password
+ <Input type="password" @value={{this.password}} />
+ <span class="form-error is-visible">No user exists with this e-mail address {{this.email}} or the password is not correct.</span>
+ </label>
+ <div class="text-right">
+ <button class="button">Login</button>
+ </div>
+ </div>
+ </form>
+</div>
\ No newline at end of file
diff --git a/week03/tests/unit/controllers/login-test.js b/week03/tests/unit/controllers/login-test.js
new file mode 100644
index 0000000..4041af0
--- /dev/null
+++ b/week03/tests/unit/controllers/login-test.js
@@ -0,0 +1,12 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Controller | login', function(hooks) {
+ setupTest(hooks);
+
+ // TODO: Replace this with your real tests.
+ test('it exists', function(assert) {
+ let controller = this.owner.lookup('controller:login');
+ assert.ok(controller);
+ });
+});
diff --git a/week03/tests/unit/routes/login-test.js b/week03/tests/unit/routes/login-test.js
new file mode 100644
index 0000000..2156992
--- /dev/null
+++ b/week03/tests/unit/routes/login-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | login', function(hooks) {
+ setupTest(hooks);
+
+ test('it exists', function(assert) {
+ let route = this.owner.lookup('route:login');
+ assert.ok(route);
+ });
+});
--
GitLab