Add message for suspended PDs [#700]

unicef · May 28, 2018 · 3ffab05 · 3ffab05
1 parent 00375fd
commit 3ffab05
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/polymer/src/elements/message-box.html b/polymer/src/elements/message-box.html
@@ -43,7 +43,9 @@
       <div class="icon-wrapper self-center">
         <iron-icon icon="icons:info"></iron-icon>
       </div>
-      <content></content>
+      <div class="self-center">
+        <content></content>
+      </div>
     </div>
   </template>
 

diff --git a/polymer/src/elements/page-header.html b/polymer/src/elements/page-header.html
@@ -55,7 +55,7 @@
 
     <div class="layout horizontal baseline">
 
-      <div class="title flex ">
+      <div class="title flex">
         <div class="above-title">
           <content select=".above-title"></content>
         </div>
@@ -74,6 +74,10 @@ <h1>[[title]]<content select=".in-title"></content></h1>
       </div>
     </div>
 
+    <div class="header-content">
+      <content select=".header-content"></content>
+    </div>
+
     <div class="tabs">
       <content select=".tabs"></content>
     </div>

diff --git a/polymer/src/pages/app/ip-reporting/pd/pd-details.html b/polymer/src/pages/app/ip-reporting/pd/pd-details.html
@@ -4,6 +4,7 @@
 <link rel="import" href="../../../../../bower_components/iron-pages/iron-pages.html">
 
 <link rel="import" href="../../../../elements/page-header.html">
+<link rel="import" href="../../../../elements/message-box.html">
 <link rel="import" href="../../../../elements/ip-reporting/pd-details-overview.html">
 <link rel="import" href="../../../../elements/ip-reporting/pd-details-reports.html">
 <link rel="import" href="../../../../elements/ip-reporting/pd-details-calculation-methods.html">
@@ -27,6 +28,10 @@
       :host {
         display: block;
       }
+
+      .header-content {
+        margin: .5em 0;
+      }
     </style>
 
     <app-route
@@ -36,6 +41,17 @@
     </app-route>
 
     <page-header title="[[ pd.title ]]" back="pd?&status=Sig%2CAct%2CSus">
+      <template
+          is="dom-if"
+          if="[[_equals(pd.status, 'Suspended')]]"
+          restamp="true">
+        <message-box
+            class="header-content"
+            type="warning">
+          PD is suspended, please contact UNICEF programme focal person to confirm reporting requirement.
+        </message-box>
+      </template>
+
       <div class="tabs">
         <paper-tabs
             selected="{{ routeData.dashTab }}"