Display page global messages

astakos/im/static/im/grnetstyles/css/styles.css

@@ -722,6 +722,29 @@ div.form-stacked {
 .section p {
   line-height: 1.7em;
 }
+.messages {
+  display: inline;
+  float: left;
+  margin-left: 22px;
+  width: 798px;
+  margin-bottom: 2em;
+  background-color: #ddd;
+}
+.messages li {
+  padding: 1em;
+}
+.messages li.success {
+  background-color: #46a546;
+  color: #ffffff;
+}
+.messages li.error {
+  background-color: #9d261d;
+  color: #ffffff;
+}
+.messages li.warning {
+  background-color: #ffc40d;
+  color: #000000;
+}
 .service-desc {
   margin-top: 4em;
 }

astakos/im/static/im/grnetstyles/css/styles.less

@@ -310,6 +310,23 @@ div.form-stacked {
 }
 
 
+// page messages
+.messages {
+    .makeColumn(10);
+
+    margin-bottom: 2em;
+    background-color: #ddd;
+
+    li {
+        padding: 1em;    
+
+        &.success { background-color: @green; color: @white }
+        &.error { background-color: @red; color: @white }
+        &.warning { background-color: @yellow; color: @black }
+    }
+
+}
+
 // accounts specific styles
 .service-desc {
     margin-top: 4em;    

astakos/im/templates/base.html

@@ -87,6 +87,15 @@
             {% endblock %}
         </div>
         <div class="page">
+            {% if messages %}
+            <ul class="messages">
+                {% for message in messages %}
+                <li{% if message.tags %} 
+                    class="{{ message.tags }}"{% endif %}>
+                    {{ message }}</li>
+                {% endfor %}
+            </ul>
+            {% endif %}
             {% block page.body %}
                 <div class="maincol">
                     {% block body %}