Initial commit

client/res/templates/notification/badge.tpl

@@ -0,0 +1,5 @@
+<a role="button" tabindex="0" class="notifications-button" data-action="showNotifications">
+    <span class="fas fa-bell icon bell"></span>
+    <span class="badge number-badge hidden"></span>
+</a>
+<div class="notifications-panel-container"></div>

client/res/templates/notification/fields/container.tpl

@@ -0,0 +1,14 @@
+<div class="notification-container">{{{notification}}}</div>
+{{#if hasGrouped}}
+    <div class="notification-grouped">
+    {{#if isGroupExpanded}}
+        {{{groupedList}}}
+    {{else}}
+        <a
+            role="button"
+            data-action="showGrouped"
+            class="btn btn-sm btn-text"
+        ><span class="fas fa-ellipsis-h fa-sm"></span></a>
+    {{/if}}
+    </div>
+{{/if}}

client/res/templates/notification/fields/read-with-menu.tpl

@@ -0,0 +1,19 @@
+    <div class="list-row-buttons pull-right">
+        <div class="btn-group">
+        <button type="button" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
+            <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu pull-right">
+            <li><a
+                role="button"
+                tabindex="0"
+                class="action"
+                data-action="quickRemove"
+                data-id="{{model.id}}"
+            >{{translate 'Remove'}}</a></li>
+        </ul>
+        </div>
+    </div>
+{{#unless isRead}}
+    <span class="badge-circle badge-circle-warning"></span>
+{{/unless}}

client/res/templates/notification/fields/read.tpl

@@ -0,0 +1,3 @@
+{{#unless isRead}}
+    <span class="badge-circle badge-circle-warning"> </span>
+{{/unless}}

client/res/templates/notification/items/assign.tpl

@@ -0,0 +1,11 @@
+<div class="stream-head-container">
+    <div class="pull-left">
+        {{{avatar}}}
+    </div>
+	<div class="stream-head-text-container text-muted message">
+		{{{message}}}
+	</div>
+</div>
+<div class="stream-date-container">
+    <span class="text-muted small">{{{createdAt}}}</span>
+</div>

client/res/templates/notification/items/email-received.tpl

@@ -0,0 +1,27 @@
+<div class="stream-head-container">
+    <div class="pull-left">
+        {{{avatar}}}
+    </div>
+    <div class="stream-head-text-container">
+        <span
+            class="fas fa-envelope text-muted action icon"
+            style="cursor: pointer;"
+            title="{{translate 'View'}}"
+            data-action="quickView"
+            data-id="{{emailId}}"
+            data-scope="Email"
+        ></span><span class="message text-muted">{{{message}}}</span>
+    </div>
+</div>
+
+<div class="stream-subject-container">
+    <span class="cell cell-name"><a
+        href="#Email/view/{{emailId}}"
+        data-id="{{emailId}}"
+        data-scope="Email"
+    >{{emailName}}</a></span>
+</div>
+
+<div class="stream-date-container">
+    <span class="text-muted small">{{{createdAt}}}</span>
+</div>

client/res/templates/notification/items/entity-removed.tpl

@@ -0,0 +1,12 @@
+<div class="stream-head-container">
+    <div class="pull-left">
+        {{{avatar}}}
+    </div>
+    <div class="stream-head-text-container">
+        <span class="text-muted message">{{{message}}}</span>
+    </div>
+</div>
+
+<div class="stream-date-container">
+    <span class="text-muted small">{{{createdAt}}}</span>
+</div>

client/res/templates/notification/items/message.tpl

@@ -0,0 +1,14 @@
+<div class="stream-head-container">
+    <div class="pull-left">
+        {{{avatar}}}
+    </div>
+    <div class="stream-head-text-container">
+        <span class="{{style}} message">
+            {{{message}}}
+        </span>
+    </div>
+</div>
+
+<div class="stream-date-container">
+    <span class="text-muted small">{{{createdAt}}}</span>
+</div>

client/res/templates/notification/items/system.tpl

@@ -0,0 +1,8 @@
+<div class="stream-head-container">
+	<div class="stream-head-text-container text-danger">
+		{{complexText message}}
+	</div>
+</div>
+<div class="stream-date-container">
+    <span class="text-muted small">{{{createdAt}}}</span>
+</div>

client/res/templates/notification/list.tpl

@@ -0,0 +1,28 @@
+<div class="page-header">
+    <div class="row">
+        <div class="col-sm-7">
+            <h3>{{translate 'Notifications'}}</h3>
+        </div>
+        <div class="col-sm-5">
+            <div class="pull-right btn-group">
+                <button
+                    class="btn btn-text"
+                    data-action="markAllNotificationsRead"
+                    title="{{translate 'Mark all read'}}"
+                >{{translate 'Mark all read'}}</button>
+                <button
+                    class="btn btn-text btn-xs-wide btn-icon"
+                    data-action="refresh"
+                    title="{{translate 'checkForNewNotifications'
+                    category='messages'}}"
+                ><span class="fas fa-sync"></span>&nbsp;</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-md-8">
+        <div class="list-container notification-list list-container-panel">{{{list}}}</div>
+    </div>
+</div>

client/res/templates/notification/panel.tpl

@@ -0,0 +1,15 @@
+<div class="panel panel-default no-focus-outline" tabindex="-1">
+    <div class="panel-heading panel-heading-no-title">
+        <div class="link-group">
+            <a href="#Notification" data-action="openNotifications">{{translate 'View List'}}</a>
+            <a role="button" tabindex="0" data-action="markAllNotificationsRead">{{translate 'Mark all read'}}</a>
+            <a role="button" tabindex="0" class="close-link" data-action="closePanel"><span class="fas fa-times"></span></a>
+        </div>
+        {{translate 'Notifications'}}
+    </div>
+    <div class="panel-body">
+        <div class="list-container">
+            <span class="text-soft fas fa-spinner fa-spin"></span>
+        </div>
+    </div>
+</div>