Merge pull request #713 from dod-ccpo/view-primary-point-of-contact

View Primary Point of Contact (PoC)

styles/components/_portfolio_layout.scss

@@ -161,6 +161,10 @@
 .portfolio-content {
   margin: 6 * $gap $gap 0 $gap;
 
+  .panel {
+    @include shadow-panel;
+  }
+
   .member-list {
     .panel {
       @include shadow-panel;
@@ -458,6 +462,11 @@
     }
   }
 
+  .flex-reverse-row {
+    display: flex;
+    flex-direction: row-reverse;
+  }
+
   .defense-row {
     .admin-title {
       padding: 0 0 0.4rem 0;

templates/fragments/primary_point_of_contact.html

@@ -0,0 +1,23 @@
+<div class="panel">
+  <div class="panel__content">
+    <h2>Primary Point of Contact</h2>
+    <p>The PoC has the ability to edit all aspects of a portfolio.</p>
+
+    <p>
+      <strong>
+        {{ portfolio.owner.first_name }}
+        {{ portfolio.owner.last_name }}
+      </strong>
+      <br />
+      {{ portfolio.owner.email }}
+      <br />
+      {{ portfolio.owner.phone_number | usPhone }}
+    </p>
+
+    <div class="flex-reverse-row">
+      <a class="usa-button-primary">
+        Update Primary PoC
+      </a>
+    </div>
+  </div>
+</div>

templates/portfolios/admin.html

@@ -12,7 +12,8 @@
 
   <div v-cloak class="portfolio-admin portfolio-content">
 
-
+    <div class="panel">
+      <div class="panel__content">
         <form method="POST" action="{{ url_for('portfolios.edit_portfolio', portfolio_id=portfolio.id) }}" autocomplete="false">
           {{ form.csrf_token }}
           <div class='form-row'>
@@ -35,6 +36,10 @@
               </div>
             </div>
         </form>
+      </div>
+    </div>
+
+    {% include "fragments/primary_point_of_contact.html" %}
 
     {% include "fragments/audit_events_log.html" %}