blob: 0eafa6097fed33417de64746053046f4690dc81d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
{% extends "layout.html" %}
{% block extrahead %}
<base target="_parent">
{% endblock %}
{% block basecontent %}
<script>
function send_request(post_data){
var form = $("#notification_action_form");
var formData = form.serialize() + '&' + post_data + '=true';
var req = new XMLHttpRequest();
req.open("POST", ".", false);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.onerror = function() { alert("problem occurred while trying to cancel current workflow"); }
req.onreadystatechange = function() { if(req.readyState === 4){
window.top.location.href += '';
}};
req.send(formData);
}
function delete_notification()
{
send_request("delete");
}
function mark_unread()
{
send_request("unread");
}
</script>
<div>
<h3 class="msg_header">{{notification.title}}
<div class="btn_group">
<button class="btn btn-primary inbox-btn" onclick="mark_unread()">Mark Unread</button>
<button class="btn btn-danger inbox-btn" onclick="delete_notification()">Delete</button>
</div>
</h3>
</div>
<p class="content-divider"></p>
{% if not notification.is_html %}
<pre>
{% endif %}
{{notification.content|safe}}
{% if not notification.is_html %}
</pre>
{% endif %}
<form id="notification_action_form" action="." method="post">
{% csrf_token %}
</form>
<style media="screen">
.card-container {
border: 1px solid #ffffff;
margin-top: 11px;
}
.card {
height: 50px;
margin: 0px;
position: relative;
border-bottom: 1px solid #cccccc;
padding: 0px;
width: 100%;
background-color: #ffffff;
z-index: 5;
}
.sender {
color: #636363;
}
.content-divider {
border-bottom: 1px solid #cccccc;
padding-bottom: 15px;
clear: right;
}
.inbox-btn{
display: inline;
margin: 3px;
}
.btn_group{
float: right;
}
</style>
{% endblock %}
|
