Private Message implementation

inyoka_theme_default/static/style/inyoka/inyoka.less

@@ -201,7 +201,12 @@ html, body {
   }
 }
 
-button, input[type="button"], input[type="submit"] {
+a.button {
+  &:extend(.btn);
+  &:extend(.btn-primary);
+}
+
+.button, button, input[type="button"], input[type="submit"] {
   &:extend(.btn);
   &:extend(.btn-primary);
   margin-top: 10px;

inyoka_theme_default/static/style/inyoka/portal.less

@@ -54,9 +54,129 @@
       }
     }
   }
+
   &-usericon {
     font-size:  20ex;
     text-align: center;
     vertical-align: middle;
   }
+
+  &-privmsg-table {
+    th.actions {
+      text-align: center;
+    }
+    .actions {
+      text-align: right;
+    }
+    th.delete {
+      text-align: center;
+      input {
+        margin-left: 5px;
+      }
+    }
+    .pn_delete {
+      text-align: center;
+    }
+
+    @media (min-width: @screen-md-min) {
+      .actionscol {width:10%;}
+      .deletecol {width:14%;}
+    }
+    @media (min-width: @screen-lg-min) {
+      .actionscol {width:10%;}
+      .deletecol {width:12%;}
+    }
+
+    @media (max-width: @screen-xs-max) {
+      thead {display:none;}
+      tbody {
+        tr {
+          display:block;
+          width:100%;
+          height:auto;
+          border-top:1px solid @gray-lighter;
+          margin:15px 0 25px;
+        }
+        td {
+          display: block;
+          float:left;
+          width:50%;
+          border:0;
+        }
+        td:before {
+          display: inline-block;
+          width: auto;
+          padding-right: 10px;
+          white-space: nowrap;
+          content: attr(data-title)':';
+        }
+        td.action,
+        td.pn_delete {
+          margin-bottom: 25px;
+        }
+      }
+      tfoot > tr {
+        > td {
+          border-top: none;
+        }
+      }
+    }
+  }
+  .message {
+    margin-bottom: 25px;
+    .head {
+      background: @gray-lighter;
+      padding:10px 8px;
+      border: 1px solid #ddd;
+      @media (max-width: @screen-xs-max) {
+        position: relative;
+      }
+      .avatar {
+        @media (max-width: @screen-xs-max) {
+          position: absolute;
+          right: 8px;
+          top: 10px;
+        }
+        text-align: center;
+        .fa_icon-user {
+          font-size:25px;
+        }
+      }
+    }
+    .body {
+      background: #fff;
+      padding: 15px 8px;
+      border-left: 1px solid #ddd;
+      border-right: 1px solid #ddd;
+      blockquote {
+        font-size: @font-size-base;
+      }
+    }
+    .foot{
+      background: @gray-lighter;
+      border: 1px solid #ddd;
+      padding: 15px;
+      ul {
+        &:extend(.list-inline);
+        li {
+          &:extend(.list-inline > li);
+          border-right: 1px solid @gray-light;
+          &:last-child {
+            border-right:none;
+          }
+        }
+      }
+      span[class^='fa_icon'] {
+        @media (max-width: @screen-xs-max) {
+          font-size: 20px;
+          margin:0 8px;
+        }
+      }
+      .text {
+        @media (max-width: @screen-xs-max) {
+          display: none;
+        }
+      }
+    }
+  }
 }

inyoka_theme_default/templates/confirm_action_flash.html

@@ -0,0 +1,13 @@
+{#
+  confirm_action_flash.html
+  ~~~~~~~~~~~~~~~~~~~~~~~~~
+
+  :copyright: (c) 2013-2015 by the Inyoka Team, see AUTHORS for more details.
+  :license: BSD, see LICENSE for more details.
+#}
+{% import 'macros.html' as macros %}
+
+{% call macros.outer_form(csrf_token(), form, action=action_url|e,  manually_rendered=True, submit_label=confirm_label|e) %}
+	<p>{{ message|e }}</p>
+    <input type="submit" name="cancel" value="{{ cancel_label|e }}" />
+{% endcall %}

inyoka_theme_default/templates/macros.html

@@ -112,7 +112,7 @@ <h1>{% trans %}Staff{% endtrans %}</h1>
 
 {# FORM #}
 
-{% macro outer_form(csrf, form=None, bootstrap_class=None, action="", method="post", submit_label=None, manually_rendered=False) %}
+{% macro outer_form(csrf, form=None, bootstrap_class=None, action="", method="post", submit_label=None, button_visible=True, manually_rendered=False) %}
 {# params
     * csrf: just give `csrf_token()` (workaround for a context-bug)
     * form: if given and manually_rendered not touched, all fields will be rendered
@@ -125,6 +125,7 @@ <h1>{% trans %}Staff{% endtrans %}</h1>
               (latter will generate an URL from the fields. It will look like ?<name>=<value>.
               So it will be visible in browser-history. Do not use for sensible information (passwords etc.)!)
     * submit_label: text for submit-button
+    * button_visible: hides the submit-button, if set to false
     * manually_rendered: disable automatic rendering of all form-fields by setting this True
 #}
     <form action="{{ action }}" method="{{ method }}"
@@ -143,13 +144,15 @@ <h1>{% trans %}Staff{% endtrans %}</h1>
         {{ caller() }}
       {% endif %}
 
-      <button type="submit">
-        {% if submit_label %}
-          {{ submit_label }}
-        {% else %}
-          {% trans %}Submit{% endtrans %}
-        {% endif %}
-      </button>
+      {% if button_visible %}
+        <button type="submit">
+          {% if submit_label %}
+            {{ submit_label }}
+          {% else %}
+            {% trans %}Submit{% endtrans %}
+          {% endif %}
+        </button>
+      {% endif %}
     </form>
 {% endmacro %}
 

inyoka_theme_default/templates/portal/privmsg/base.html

@@ -0,0 +1,24 @@
+{#
+  portal/privmsg/base.html
+  ~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+  :copyright: (c) 2013-2015 by the Inyoka Team, see AUTHORS for more details.
+  :license: BSD, see LICENSE for more details.
+#}
+
+{% extends 'portal/base.html' %}
+
+{% block breadcrumb %}
+  {{ super() }}
+  {{ macros.breadcrumb_item(_('Messages'), href('portal', 'privmsg')) }}
+{% endblock %}
+
+{% block sidebar %}
+  {% call macros.sidebar() %}
+    {{ macros.sidebar_item(_('Inbox'), href('portal', 'privmsg', 'inbox'), 'fa_icon-inbox') }}
+    {{ macros.sidebar_item(_('Sent Mail'), href('portal', 'privmsg', 'sent') , 'fa_icon-share-square') }}
+    {{ macros.sidebar_item(_('Archive'), href('portal', 'privmsg', 'archive'), 'fa_icon-archive') }}
+    {{ macros.sidebar_item(_('Trash'), href('portal', 'privmsg', 'trash'), 'fa_icon-trash') }}
+    {{ macros.sidebar_item(_('Compose message'), href('portal', 'privmsg', 'new'), 'fa_icon-envelope-square') }}
+  {% endcall %}
+{% endblock %}