Add reimbursement form route and component

2020-07-25 18:24:16 +02:00
parent 083334ed18
commit ef0fc11edf
8 changed files with 75 additions and 3 deletions
@@ -50,8 +50,11 @@
  <div id="content">
    {{#if this.reimbursementsUnconfirmed}}
      <section id="expenses-unconfirmed">
-        <header>
+        <header class="with-nav">
          <h2>Proposed Reimbursements</h2>
+          <nav>
+            <LinkTo @route="reimbursements.new" @title="Submit a reimbursement" class="button small green">add</LinkTo>
+          </nav>
        </header>
        <div class="content">
          <ReimbursementList @items={{this.reimbursementsUnconfirmed}} />
@@ -61,8 +64,11 @@

    {{#if this.reimbursementsConfirmed}}
      <section id="expenses-confirmed">
-        <header>
+        <header class="with-nav">
          <h2>Confirmed Expenses</h2>
+          <nav>
+            <LinkTo @route="reimbursements.new" @title="Submit a reimbursement" class="button small green">add</LinkTo>
+          </nav>
        </header>
        <div class="content">
          <ReimbursementList @items={{this.reimbursementsConfirmed}} />
@@ -0,0 +1,13 @@
+<main class="center-column">
+
+  <section id="add-item">
+    <header>
+      <h2>Submit a reimbursement</h2>
+    </header>
+
+    <div class="content">
+      <AddReimbursement @attributes={{this.model.params}} />
+    </div>
+  </section>
+
+</main>