Merge pull request #880 from dod-ccpo/to-review-modal

TO Review Submit Modal

atst/domain/task_orders.py

@@ -1,3 +1,4 @@
+import datetime
 from flask import current_app as app
 
 from atst.database import db
@@ -47,6 +48,16 @@ class TaskOrders(BaseDomainClass):
 
         return task_order
 
+    @classmethod
+    def sign(cls, task_order, signer_dod_id):
+        task_order.signer_dod_id = signer_dod_id
+        task_order.signed_at = datetime.datetime.now()
+
+        db.session.add(task_order)
+        db.session.commit()
+
+        return task_order
+
     @classmethod
     def create_clins(cls, task_order_id, clin_list):
         for clin_data in clin_list:

atst/forms/task_order.py

@@ -59,7 +59,6 @@ class TaskOrderForm(BaseForm):
 
 class SignatureForm(BaseForm):
     signature = BooleanField(
-        translate("task_orders.sign.digital_signature_label"),
-        description=translate("task_orders.sign.digital_signature_description"),
+        translate("task_orders.sign.digital_signature_description"),
         validators=[Required()],
     )

atst/models/task_order.py

@@ -1,3 +1,4 @@
+from datetime import timedelta
 from enum import Enum
 
 from sqlalchemy import Column, DateTime, ForeignKey, String
@@ -100,7 +101,8 @@ class TaskOrder(Base, mixins.TimestampsMixin):
 
     @property
     def end_date(self):
-        return max((c.end_date for c in self.clins), default=None)
+        default_end_date = self.start_date + timedelta(days=1)
+        return max((c.end_date for c in self.clins), default=default_end_date)
 
     @property
     def days_to_expiration(self):

atst/routes/task_orders/index.py

@@ -1,11 +1,13 @@
-from flask import g, render_template
+from flask import g, render_template, url_for, redirect
 
 from . import task_orders_bp
 from atst.domain.authz.decorator import user_can_access_decorator as user_can
 from atst.domain.portfolios import Portfolios
 from atst.domain.task_orders import TaskOrders
-from atst.models.task_order import Status
+from atst.forms.task_order import TaskOrderForm, SignatureForm
 from atst.models import Permissions
+from atst.models.task_order import Status as TaskOrderStatus
+from atst.utils.flash import formatted_flash as flash
 
 
 @task_orders_bp.route("/task_orders/<task_order_id>")
@@ -25,7 +27,28 @@ def view_task_order(task_order_id):
 @user_can(Permissions.VIEW_TASK_ORDER_DETAILS, message="review task order details")
 def review_task_order(task_order_id):
     task_order = TaskOrders.get(task_order_id)
-    return render_template("portfolios/task_orders/review.html", task_order=task_order)
+    to_form = TaskOrderForm(number=task_order.number)
+    signature_form = SignatureForm()
+    return render_template(
+        "portfolios/task_orders/review.html",
+        task_order=task_order,
+        to_form=to_form,
+        signature_form=signature_form,
+    )
+
+
+@task_orders_bp.route("/task_orders/<task_order_id>/submit", methods=["POST"])
+@user_can(Permissions.CREATE_TASK_ORDER, "submit task order")
+def submit_task_order(task_order_id):
+
+    task_order = TaskOrders.get(task_order_id)
+    TaskOrders.sign(task_order=task_order, signer_dod_id=g.current_user.dod_id)
+
+    flash("task_order_submitted", task_order=task_order)
+
+    return redirect(
+        url_for("task_orders.portfolio_funding", portfolio_id=task_order.portfolio.id)
+    )
 
 
 @task_orders_bp.route("/portfolios/<portfolio_id>/task_orders")
@@ -34,11 +57,11 @@ def portfolio_funding(portfolio_id):
     portfolio = Portfolios.get(g.current_user, portfolio_id)
     task_orders = TaskOrders.sort(portfolio.task_orders)
     label_colors = {
-        Status.DRAFT: "warning",
-        Status.ACTIVE: "success",
-        Status.UPCOMING: "info",
-        Status.EXPIRED: "error",
-        Status.UNSIGNED: "purple",
+        TaskOrderStatus.DRAFT: "warning",
+        TaskOrderStatus.ACTIVE: "success",
+        TaskOrderStatus.UPCOMING: "info",
+        TaskOrderStatus.EXPIRED: "error",
+        TaskOrderStatus.UNSIGNED: "purple",
     }
     return render_template(
         "portfolios/task_orders/index.html",

atst/utils/flash.py

@@ -175,7 +175,7 @@ MESSAGES = {
         "category": "success",
     },
     "task_order_submitted": {
-        "title_template": "Task Order Form Submitted",
+        "title_template": "Your Task Order has been uploaded successfully.",
         "message_template": """
         Your task order form for {{ task_order.portfolio_name }} has been submitted.
         """,

js/components/submit_confirmation.js

@@ -0,0 +1,21 @@
+import checkboxinput from './checkbox_input'
+
+export default {
+  name: 'submit-confirmation',
+
+  components: {
+    checkboxinput,
+  },
+
+  data: function() {
+    return {
+      valid: false,
+    }
+  },
+
+  methods: {
+    toggleValid: function() {
+      this.valid = !this.valid
+    },
+  },
+}

js/index.js

@@ -37,6 +37,7 @@ import { isNotInVerticalViewport } from './lib/viewport'
 import DateSelector from './components/date_selector'
 import SidenavToggler from './components/sidenav_toggler'
 import BaseForm from './components/forms/base_form'
+import SubmitConfirmation from './components/submit_confirmation'
 import DeleteConfirmation from './components/delete_confirmation'
 import NewEnvironment from './components/forms/new_environment'
 import EnvironmentRole from './components/environment_role'
@@ -81,6 +82,7 @@ const app = new Vue({
     SidenavToggler,
     BaseForm,
     DeleteConfirmation,
+    SubmitConfirmation,
     nestedcheckboxinput,
     NewEnvironment,
     EnvironmentRole,

styles/components/_alerts.scss

@@ -9,6 +9,10 @@
   margin-bottom: $gap;
 }
 
+.usa-alert {
+  padding-bottom: 2.4rem;
+}
+
 @mixin alert {
   padding: $gap * 2;
   border-left-width: $gap / 2;

styles/components/_modal.scss

@@ -8,7 +8,7 @@ body {
 
 .modal {
   position: fixed;
-  z-index: 6;
+  z-index: 11;
   left: 0;
   right: 0;
   top: 0;
@@ -52,7 +52,7 @@ body {
       }
 
       @include media($medium-screen) {
-        padding: $gap * 5;
+        padding: $gap * 2.5 $gap * 5;
       }
 
       h1,
@@ -216,4 +216,12 @@ body {
       }
     }
   }
+
+  .usa-button {
+    min-width: 17rem;
+  }
+
+  .usa-input .checkbox {
+    margin-left: 3rem;
+  }
 }

styles/elements/_inputs.scss

@@ -51,6 +51,7 @@
     input[type="checkbox"] {
       + label::before {
         box-shadow: 0 0 0 2px $state-color;
+        margin-left: -3rem;
       }
     }
   }
@@ -164,10 +165,6 @@
         margin-top: 0;
         margin-bottom: 0;
       }
-
-      label {
-        font-weight: $font-bold;
-      }
     }
 
     select {

styles/elements/_typography.scss

@@ -36,6 +36,11 @@ h6 {
   * {
     margin-top: 0;
   }
+
+  em {
+    font-style: normal;
+    font-weight: 400;
+  }
 }
 
 .h1 {

templates/components/submit_confirmation.html

@@ -0,0 +1,31 @@
+{% from "components/alert.html" import Alert %}
+{% from "components/checkbox_input.html" import CheckboxInput %}
+
+{% macro SubmitConfirmation(modal_id, submit_text, submit_action, form, task_order) %}
+  <submit-confirmation inline-template name="{{ modal_id }}" key="{{ modal_id }}">
+    <div>
+      <div class="usa-input">
+        <label for="{{ modal_id }}-deleted-text">
+          <div class="modal__form--header">
+            <h1>Signature confirmation: <em>Task Order #{{task_order.number}}</em></h1>
+          </div>
+          {{ Alert('',
+            message="All task orders require a Contracting Officer signature."
+          ) }}
+        </label>
+        <div v-on:change="toggleValid" class="checkbox">
+          {{ CheckboxInput(field=form.signature) }}
+        </div>
+      </div>
+      <div class="action-group">
+        <form method="POST" action="{{ submit_action }}">
+          {{ form.csrf_token }}
+          <button class="usa-button usa-button-primary" v-bind:disabled="!valid">
+            {{ submit_text }}
+          </button>
+        </form>
+        <button v-on:click="$root.closeModal('{{ modal_id }}')" class="usa-button usa-button-secondary">{{ "common.cancel" | translate }}</button>
+      </div>
+    </div>
+  </submit-confirmation>
+{% endmacro %}

templates/portfolios/task_orders/index.html

@@ -68,6 +68,8 @@
     <a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Start a new task order</a>
 {% endcall %}
 
+{% include "fragments/flash.html" %}
+
 <div class="portfolio-funding">
 
   {% if task_orders  %}

templates/portfolios/task_orders/review.html

@@ -1,14 +1,29 @@
 {% from "components/icon.html" import Icon %}
-{% from "components/totals_box.html" import TotalsBox %}
+{% from "components/modal.html" import Modal %}
 {% from "components/semi_collapsible_text.html" import SemiCollapsibleText %}
 {% from "components/sticky_cta.html" import StickyCTA %}
+{% from "components/submit_confirmation.html" import SubmitConfirmation %}
+{% from "components/totals_box.html" import TotalsBox %}
 
 {% extends 'portfolios/base.html' %}
 
 {% block portfolio_content %}
+  {% set submit_modal_id = "submit-to-1" %}
+  {% call Modal(name=submit_modal_id) %}
+    {{
+      SubmitConfirmation(
+        modal_id=submit_modal_id,
+        submit_text="Confirm & Submit",
+        submit_action=url_for('task_orders.submit_task_order', task_order_id=task_order.id),
+        form=signature_form,
+        task_order=task_order,
+      )
+    }}
+  {% endcall %}
+
   {% call StickyCTA(text="Review Funding") %}
       <a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-secondary" type="submit">Edit</a>
-      <a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Submit task order</a>
+      <a v-on:click="openModal('submit-to-1')" class="usa-button usa-button-primary" type="submit">Submit task order</a>
   {% endcall %}
 
   <div class="task-order-summary">

tests/routes/task_orders/test_index.py

@@ -1,20 +1,16 @@
+from datetime import date
 from flask import url_for
 import pytest
 from datetime import timedelta, date
 
 from atst.domain.permission_sets import PermissionSets
 from atst.domain.task_orders import TaskOrders
+from atst.models import *
 from atst.models.portfolio_role import Status as PortfolioStatus
+from atst.models.task_order import Status as TaskOrderStatus
 from atst.utils.localization import translate
 
-from tests.factories import (
-    PortfolioFactory,
-    PortfolioRoleFactory,
-    TaskOrderFactory,
-    UserFactory,
-    random_future_date,
-    random_past_date,
-)
+from tests.factories import *
 from tests.utils import captured_templates
 
 
@@ -28,6 +24,49 @@ def user():
     return UserFactory.create()
 
 
+@pytest.fixture
+def task_order():
+    user = UserFactory.create()
+    portfolio = PortfolioFactory.create(owner=user)
+    attachment = Attachment(filename="sample_attachment", object_name="sample")
+
+    return TaskOrderFactory.create(creator=user, portfolio=portfolio)
+
+
+def test_review_task_order(client, user_session, task_order):
+    user_session(task_order.portfolio.owner)
+    response = client.get(
+        url_for("task_orders.review_task_order", task_order_id=task_order.id)
+    )
+    assert response.status_code == 200
+
+
+def test_submit_task_order(client, user_session, task_order):
+    user_session(task_order.portfolio.owner)
+    response = client.post(
+        url_for("task_orders.submit_task_order", task_order_id=task_order.id)
+    )
+    assert response.status_code == 302
+
+    active_start_date = date.today() - timedelta(days=1)
+    active_task_order = TaskOrderFactory(portfolio=task_order.portfolio)
+    CLINFactory(task_order=active_task_order, start_date=active_start_date)
+    assert active_task_order.status == TaskOrderStatus.UNSIGNED
+    response = client.post(
+        url_for("task_orders.submit_task_order", task_order_id=active_task_order.id)
+    )
+    assert active_task_order.status == TaskOrderStatus.ACTIVE
+
+    upcoming_start_date = date.today() + timedelta(days=1)
+    upcoming_task_order = TaskOrderFactory(portfolio=task_order.portfolio)
+    CLINFactory(task_order=upcoming_task_order, start_date=upcoming_start_date)
+    assert upcoming_task_order.status == TaskOrderStatus.UNSIGNED
+    response = client.post(
+        url_for("task_orders.submit_task_order", task_order_id=upcoming_task_order.id)
+    )
+    assert upcoming_task_order.status == TaskOrderStatus.UPCOMING
+
+
 class TestPortfolioFunding:
     @pytest.mark.skip(reason="Update later when CLINs are implemented")
     def test_funded_portfolio(self, app, user_session, portfolio):