emberjs - the frontend framework of choice!

README.md

-# papermerge
+# PapermergeJS
 
 This README outlines the details of collaborating on this Ember application.
 A short introduction of this app could easily go here.
@@ -14,8 +14,8 @@ You will need the following things properly installed on your computer.
 
 ## Installation
 
-* `git clone <repository-url>` this repository
-* `cd papermerge`
+* `git clone git@github.com:papermerge/papermerge.js.git` this repository
+* `cd papermerge.js`
 * `npm install`
 
 ## Running / Development

app/components/documents-list.hbs

+<h2>{{@title}}</h2>
+
+<ul>
+  {{#each @document as |doc|}}
+    <li>
+         <button type="button" {{on 'click' (fn this.showDocument doc)}}>{{doc}}</button>
+    </li>
+  {{/each}}
+</ul>
\ No newline at end of file

app/components/documents-list.js

+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+
+export default class DocumentsListComponent extends Component {
+  @action
+  showDocument(doc) {
+    alert(`The person's name is ${doc}!`);
+  }
+}
\ No newline at end of file

app/router.js

@@ -6,4 +6,6 @@ export default class Router extends EmberRouter {
   rootURL = config.rootURL;
 }
 
-Router.map(function () {});
+Router.map(function () {
+  this.route('documents');
+});

app/routes/documents.js

+import Route from '@ember/routing/route';
+
+export default class DocumentsRoute extends Route {
+  model() {
+    return ['Marie Curie', 'Mae Jemison', 'Albert Hofmann'];
+  }
+}

app/templates/application.hbs

-{{page-title "Papermerge"}}
-
-{{!-- The following component displays Ember's default welcome message. --}}
-<WelcomePage />
-{{!-- Feel free to remove this! --}}
-
+<h1>People Tracker</h1>
 {{outlet}}
\ No newline at end of file

app/templates/documents.hbs

+{{page-title "Documents"}}
+<DocumentsList
+  @title="List of Documents"
+  @document={{@model}}
+/>
\ No newline at end of file

tests/integration/components/documents-list-test.js

+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | documents-list', function (hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function (assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`<DocumentsList />`);
+
+    assert.dom(this.element).hasText('');
+
+    // Template block usage:
+    await render(hbs`
+      <DocumentsList>
+        template block text
+      </DocumentsList>
+    `);
+
+    assert.dom(this.element).hasText('template block text');
+  });
+});

tests/unit/routes/documents-test.js

+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | documents', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:documents');
+    assert.ok(route);
+  });
+});