Fixes #90 Private message

inyoka_theme_default/static/style/inyoka/inyoka.less

@@ -217,7 +217,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

@@ -32,12 +32,105 @@
       }
     }
   }
+
   &-usericon {
     font-size:  20ex;
     text-align: center;
     vertical-align: middle;
   }
 
+  .private-message {
+    &-unread {
+      font-weight: bold;
+    }
+  }
+
+  &-privmsg-table {
+    @media (min-width: @screen-md-min) {
+      .actionscol {width:10%;}
+      .deletecol {width:14%;}
+    }
+    @media (min-width: @screen-lg-min) {
+      .actionscol {width:10%;}
+      .deletecol {width:12%;}
+    }
+    .actions {
+      text-align: right;
+    }
+    th {
+      &.delete {
+        text-align: center;
+        input {
+          margin-left: 5px;
+        }
+      }
+      &.actions {
+        text-align: center;
+      }
+    }
+    .pn_delete {
+      text-align: center;
+    }
+  }
+
+  .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;
+        }
+      }
+    }
+  }
+
   .usercp_subscriptions {
     .items {
       width: 100%;

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/portal/privmsg/base.html

@@ -0,0 +1,28 @@
+{#
+  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 title %}
+  {{ _('Messages') }} - {{ super() }}
+{% endblock %}
+
+{% 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 %}

inyoka_theme_default/templates/portal/privmsg/index.html

@@ -0,0 +1,211 @@
+{#
+  portal/privmsg/index.html
+  ~~~~~~~~~~~~~~~~~~~~~~~~~
+
+  Display a list of private messages.
+
+  :copyright: (c) 2013-2015 by the Inyoka Team, see AUTHORS for more details.
+  :license: BSD, see LICENSE for more details.
+#}
+
+{% extends 'portal/privmsg/base.html' %}
+
+{% block title %}
+  {{ folder.name }} - {{ super() }}
+{% endblock %}
+
+{% block breadcrumb %}
+  {{ super() }}
+  {{ macros.breadcrumb_item(_(folder.name)) }}
+{% endblock %}
+
+{% block content %}
+  {% if message %}
+    <div class="message">
+      <div class="head">
+        <div class="row">
+          <div class="col-sm-9">
+            <div class="row">
+              <div class="col-sm-3">
+                <strong>{% trans %}From:{% endtrans %}</strong>
+              </div>
+              <div class="col-sm-9">
+                <a{% if not message.author.is_active %} class="user_inactive"{% endif %} href="{{ message.author|url }}">
+                  {{ message.author|e }}
+                </a>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-sm-3">
+                <strong>{% trans %}To:{% endtrans %}</strong>
+              </div>
+              <div class="col-sm-9">
+                {% for user in message.recipients %}
+                  <a{% if not user.is_active %} class="user_inactive"{% endif %} href="{{ user|url }}">{{ user|e }}</a>
+                  {% if not loop.last %}, {% endif %}
+                {% endfor %}
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-sm-3">
+                <strong>{% trans %}Subject:{% endtrans %}</strong>
+              </div>
+              <div class="col-sm-9">
+                {{ message.subject|e }}
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-sm-3">
+                <strong>{% trans %}Date:{% endtrans %}</strong>
+              </div>
+              <div class="col-sm-9">
+                {{ message.pub_date|datetime }}
+              </div>
+            </div>
+          </div>
+          <div class="col-sm-3 avatar">{{ macros.add_user_avatar(message.author) }}</div>
+        </div>
+      </div>
+
+      <div class="body">
+        {{ message.rendered_text }}
+      </div>
+
+      <div class="foot">
+        <ul>
+          {% if not message.author == USER %}
+            {% if message.author.is_active %}
+              <li><a class="pn_reply" href="{{ message|url('reply') }}">
+                <span class="fa_icon-reply"></span> <span class="text">{% trans %}Reply{% endtrans %}</span>
+              </a></li>
+            {% endif %}
+
+            {% if message.recipients|length > 1 %}
+              <li><a class="pn_reply_all" href="{{ message|url('reply_to_all') }}">
+                <span class="fa_icon-reply-all"></span> <span class="text">{% trans %}Reply to all{% endtrans %}</span>
+              </a></li>
+            {% endif %}
+          {% endif %}
+
+          <li><a class="pn_forward" href="{{ message|url('forward') }}">
+            <span class="fa_icon-share"></span> <span class="text">{% trans %}Forward{% endtrans %}</span>
+          </a></li>
+
+          {% if folder.id == 'trash' %}
+            <li><a class="pn_restore" href="?action=restore">
+              <span class="fa_icon-arrow-up"></span> <span class="text">{% trans %}Restore{% endtrans %}</span>
+            </a></li>
+          {% elif folder.id != 'archive' %}
+            <li><a class="pn_archive" href="?action=archive">
+              <span class="fa_icon-archive"></span> <span class="text">{% trans %}Archive{% endtrans %}</span>
+            </a></li>
+          {% endif %}
+
+          <li><a class="pn_delete" href="?action=delete">
+            <span class="fa_icon-trash-o"></span> <span class="text">{% trans %}Delete message{% endtrans %}</span>
+          </a></li>
+        </ul>
+      </div>
+    </div>
+  {% endif %}
+
+  {% call macros.outer_form(csrf_token(), form, button_visible=False, manually_rendered=True) %}
+    <table class="portal-privmsg-table portal-privmsg-responsive-table table table-striped">
+      <thead>
+        <tr>
+          <th>{% trans %}Subject{% endtrans %}</th>
+          <th>{% trans %}From{% endtrans %}</th>
+          <th>{% trans %}To{% endtrans %}</th>
+          <th>{% trans %}Date{% endtrans %}</th>
+          <th>{% trans %}Actions{% endtrans %}</th>
+          <th><input id="private_message_mark_all" type="checkbox" ></th>
+        </tr>
+      </thead>
+      <tbody>
+      {% for entry in entries %}
+        <tr>
+          <td data-title="{% trans %}Subject{% endtrans %}">
+              <a href="{{ entry|url }}"
+                {% if not entry.read %}class="private-message-unread"{% endif %}
+              >
+                {{ entry.message.subject|e|truncate(50) }}
+              </a>
+          </td>
+          <td data-title="{% trans %}From{% endtrans %}">
+            <a href="{{ entry.message.author|url }}">
+              {{ entry.message.author|e }}
+            </a>
+          </td>
+          <td data-title="{% trans %}To{% endtrans %}">
+            {% if entry.message.recipients|length == 0 %}
+              <a href="{{ entry.message.author|url }}">
+                {{ entry.message.author|e }}
+              </a>
+            {% else %}
+              <a href="{{ entry.message.recipients[0]|url }}">
+                {{ entry.message.recipients[0]|e }}
+              </a>
+            {% endif %}
+            {% if entry.message.recipients|length > 1 %}, …{% endif %}
+          </td>
+          <td data-title="{% trans %}Date{% endtrans %}">{{ entry.message.pub_date|datetime }}</td>
+          <td data-title="{% trans %}Actions{% endtrans %}" class="actions">
+            {% if not entry.is_own_message %}
+              {% if entry.message.author.is_active %}
+                <a href="{{ entry|url('reply') }}" title="{% trans %}Reply{% endtrans %}">
+                  <span class="fa_icon-reply"></span>
+                </a>
+              {% endif %}
+              {% if entry.message.recipients|length > 1 %}
+                <a href="{{ entry|url('reply_to_all') }}" title="{% trans %}Reply to all{% endtrans %}">
+                  <span class="fa_icon-reply-all"></span>
+                </a>
+              {% endif %}
+            {% endif %}
+            <a href="{{ entry|url('forward') }}" title="{% trans %}Forward{% endtrans %}">
+             <span class="fa_icon-share"></span>
+            </a>
+            {% if not entry.in_archive %}
+              <a href="{{ entry|url }}?action=archive" title="{% trans %}Archive{% endtrans %}">
+                <span class="fa_icon-archive"></span>
+              </a>
+            {% endif %}
+          </td>
+          <td data-title="{% trans %}Delete{% endtrans %}" class="pn_delete">
+            <input type="checkbox" name="delete" value="{{ entry.id }}" />
+          </td>
+        </tr>
+      {% else %}
+        <tr>
+          <td colspan="6">
+            {% trans %}Currently there are no messages in this folder.{% endtrans %}
+          </td>
+        </tr>
+      {% endfor %}
+    </tbody>
+    </table>
+
+    {{ macros.render_pagination(pagination) }}
+
+    <div class="linklist">
+      <a href="{{ href('portal', 'privmsg', 'new') }}" class="button">{% trans %}Compose message{% endtrans %}</a>
+      <input type="submit" value="{% trans %}Delete marked messages{% endtrans %}" class="button-delete" />
+    </div>
+  {% endcall %}
+{% endblock %}
+
+{% block scripts %}
+  {{ super() }}
+  <script type="text/javascript">
+    /* <![CDATA[ */
+    $(function () {
+      $('#private_message_mark_all').click(function() {
+        all_checked = this.checked;
+        $('input[name="delete"]').each(function() {
+            this.checked = all_checked;
+        });
+      });
+    })
+    /* ]]> */
+  </script>
+{% endblock %}