From 3ffab051dc2472b07395e96cff1ce2f59871fb35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafa=C5=82=20Krupi=C5=84ski?= <krupinski.rafal@gmail.com>
Date: Mon, 28 May 2018 11:25:42 +0200
Subject: [PATCH] Add message for suspended PDs [#700]

---
 polymer/src/elements/message-box.html            |  4 +++-
 polymer/src/elements/page-header.html            |  6 +++++-
 .../pages/app/ip-reporting/pd/pd-details.html    | 16 ++++++++++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/polymer/src/elements/message-box.html b/polymer/src/elements/message-box.html
index c39babbfe..c28524de1 100644
--- 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
index c4e58f1fb..44da87428 100644
--- 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
index 9c6828670..6c3a2d871 100644
--- 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 }}"