You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
213 lines
7.6 KiB
213 lines
7.6 KiB
{% extends "c_admin/base_site.html" %}
|
|
{% load i18n %}
|
|
|
|
{% block coltype %}colMS{% endblock %}
|
|
|
|
{% block bodyclass %}dashboard{% endblock %}
|
|
|
|
{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% load adminmedia %}{% admin_media_prefix %}css/dashboard.css" />{% endblock %}
|
|
|
|
{% block extrahead %}
|
|
<script type="text/javascript" src="{{ STATIC_URL }}edn/js/jquery.js"></script>
|
|
<script type="text/javascript" src="{{ STATIC_URL }}edn/js/jquery.form.js"></script>
|
|
<script type="text/javascript" src="{{ STATIC_URL }}edn/js/swfobject/swfobject.js"></script>
|
|
<script type="text/javascript">
|
|
OFC = {};
|
|
|
|
OFC.jquery = {
|
|
name: "jQuery",
|
|
version: function(src) { return $('#'+ src)[0].get_version() },
|
|
rasterize: function (src, dst) { $('#'+ dst).replaceWith(OFC.jquery.image(src)) },
|
|
image: function(src) { return "<img src='data:image/png;base64," + $('#'+src)[0].get_img_binary() + "' />"},
|
|
popup: function(src) {
|
|
var img_win = window.open('', 'Charts: Export as Image')
|
|
with(img_win.document) {
|
|
write('<html><head><title>Charts: Export as Image<\/title><\/head><bo' + 'dy>' + OFC.jquery.image(src) + '<\/body><\/html>') }
|
|
// stop the 'loading...' message
|
|
img_win.document.close();
|
|
}
|
|
}
|
|
|
|
if (typeof(Control == "undefined")) {var Control = {OFC: OFC.jquery}}
|
|
|
|
function save_image() { OFC.jquery.popup('charts_view'); }
|
|
|
|
$(document).ready(function(){
|
|
swfobject.embedSWF("{{ STATIC_URL }}edn/swf/open-flash-chart.swf", "charts_view", "498", "350", "9.0.0",
|
|
"{{ STATIC_URL }}edn/js/swfobject/expressInstall.swf",
|
|
{"data-file": "{% url 'newsletter_newsletter_charts' object.slug %}"});
|
|
|
|
function reload_charts(charts_data) {
|
|
swfobject.getObjectById("charts_view").load(charts_data);
|
|
};
|
|
|
|
function validate(formData, jqForm, options) {
|
|
for (var i=0; i < formData.length; i++) {
|
|
if (formData[i].name == 'start') {
|
|
var start = parseInt(formData[i].value);
|
|
}
|
|
if (formData[i].name == 'end') {
|
|
var end = parseInt(formData[i].value);
|
|
}
|
|
}
|
|
if (start > end) {
|
|
return false;
|
|
}
|
|
};
|
|
|
|
var options = {success: reload_charts,
|
|
beforeSubmit: validate};
|
|
$("#period_selector").ajaxForm(options);
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
|
|
{% block breadcrumbs %}
|
|
{% if not is_popup %}
|
|
<div class="breadcrumbs">
|
|
<a href="{% url 'admin:index' %}">{% trans "Admin." %}</a> ›
|
|
<a href="{% url 'admin:app_list' 'newsletter' %}">{{ app_label|capfirst|escape }}</a> ›
|
|
<a href="{% url 'admin:newsletter_newsletter_changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a> ›
|
|
{{ title }}
|
|
</div>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="content-main">
|
|
{% if period %}
|
|
<!-- Graph -->
|
|
<div class="module" id="charts">
|
|
<div id="charts_view"></div>
|
|
</div>
|
|
<div class="module" id="charts_options">
|
|
<form id="period_selector" action="{% url 'newsletter_newsletter_charts' object.slug %}" method="post">
|
|
{% csrf_token %}
|
|
<table summary="{% trans "Consultation histogram" %}">
|
|
<tr>
|
|
<th scope="row" style="vertical-align: middle;">
|
|
{% trans "Period" %} :
|
|
</th>
|
|
<td>
|
|
<select name="start">
|
|
{% for date in period %}
|
|
<option value="{{ forloop.counter0 }}" {% ifequal forloop.counter0 0 %}selected="selected"{% endifequal %}>{{ date|date:"d M Y" }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<span>-></span>
|
|
<select name="end">
|
|
{% for date in period %}
|
|
<option value="{{ forloop.counter0 }}" {% ifequal forloop.counter0 6 %}selected="selected"{% endifequal %}>{{ date|date:"d M Y" }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
<td><input type="submit" value="OK" /></td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
<!-- Receptions -->
|
|
<div class="module" id="reception">
|
|
<table summary="{% trans "Broadcasting statistics" %}">
|
|
<caption><a href="#" class="section">{% trans "Broadcasting statistics" %}</a></caption>
|
|
<tr>
|
|
<th scope="row">{% trans "Total openings" %}</th>
|
|
<td> </td>
|
|
<td>{{ stats.total_openings }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Openings on site" %}</th>
|
|
<td>{{ stats.total_on_site_openings }}</td>
|
|
<td>{{ stats.unique_on_site_openings }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Total openings unique" %}</th>
|
|
<td>{{ stats.unique_openings }}</td>
|
|
<td>{{ stats.unique_openings_percent|floatformat:2 }}%</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Unknow delivery" %}</th>
|
|
<td>{{ stats.unknow_openings }}</td>
|
|
<td>{{ stats.unknow_openings_percent|floatformat:2 }}%</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Unsubscriptions" %}</th>
|
|
<td>{{ stats.total_unsubscriptions }}</td>
|
|
<td>{{ stats.total_unsubscriptions_percent|floatformat:2 }}%</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Openings average" %}</th>
|
|
<td> </td>
|
|
<td>{{ stats.opening_average|floatformat:2 }}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!-- Links -->
|
|
<div class="module" id="reception">
|
|
<table summary="{% trans "Links statistics" %}">
|
|
<caption><a href="#" class="section">{% trans "Links statistics" %}</a></caption>
|
|
<tr>
|
|
<th scope="row">{% trans "Total clicked links" %}</th>
|
|
<td>{{ stats.total_clicked_links }}</td>
|
|
<td>{{ stats.total_clicked_links_percent|floatformat:2 }}%</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Total clicked links unique" %}</th>
|
|
<td>{{ stats.unique_clicked_links }}</td>
|
|
<td>{{ stats.unique_clicked_links_percent|floatformat:2 }}%</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Clicked links by openings" %}</th>
|
|
<td> </td>
|
|
<td>{{ stats.clicked_links_by_openings|floatformat:2 }}%</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">{% trans "Clicked links average" %}</th>
|
|
<td> </td>
|
|
<td>{{ stats.clicked_links_average|floatformat:2 }}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block sidebar %}
|
|
<div id="content-related">
|
|
<div class="module" id="report-module">
|
|
<h2>{% trans "Report" %}</h2>
|
|
<h3>
|
|
<a href="{% url 'newsletter_newsletter_report' object.slug %}">{% trans "Download CSV report" %}</a>
|
|
</h3>
|
|
<p></p>
|
|
</div>
|
|
<div class="module" id="general-informations-module">
|
|
<h2>{% trans "Informations" %}</h2>
|
|
<h3>{% trans "Recipients" %}</h3>
|
|
<p>{{ stats.mails_to_send }} <a href="{% url 'admin:newsletter_mailinglist_change' object.mailing_list.pk %}">{% trans "View" %}</a></p>
|
|
<h3>{% trans "Status" %}</h3>
|
|
<p>{{ object.get_status_display }} {% if stats.remaining_mails %}<span class="mini quiet">(-{{ stats.remaining_mails }})</span>{% endif %}</p>
|
|
<h3>{% trans "Sending date" %}</h3>
|
|
<p>{{ object.sending_date|date:"d M Y H:i" }}</p>
|
|
{% if stats.tests_sent %}
|
|
<h3>{% trans "Tests sent" %}</h3>
|
|
<p>{{ stats.tests_sent }}</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="module" id="top-links-module">
|
|
<h2>{% trans "Top Links" %}
|
|
(<a href="{% url 'newsletter_newsletter_density' object.slug %}">{% trans "Density map" %}</a>)
|
|
</h2>
|
|
<ul class="actionlist">
|
|
{% for top_link in stats.top_links %}
|
|
<li><a href="{{ top_link.link.url }}" title="{{ top_link.link.title }}" target="blank">{{ top_link.link.title|slice:":23" }}</a>
|
|
<span class="quiet">({{ top_link.total_clicks }})</span>
|
|
<span class="mini quiet">({{ top_link.unique_clicks }})</span>
|
|
</li>
|
|
{% empty %}
|
|
<li>{% trans "No Top Links yet." %}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|