diff options
| author | Pierre-Yves Chibon <pingou@pingoured.fr> | 2012-03-31 16:36:53 +0200 |
|---|---|---|
| committer | Pierre-Yves Chibon <pingou@pingoured.fr> | 2012-03-31 16:36:53 +0200 |
| commit | 48fc7081bf6b0522a926b4cdd43763073b01c123 (patch) | |
| tree | f2fcfc3a48b9068d7753ccb7d468c049105e6874 | |
| parent | da61e8b5a39d246e3f7535165cbfb54c997bef37 (diff) | |
| download | hyperkitty-48fc7081bf6b0522a926b4cdd43763073b01c123.tar.gz hyperkitty-48fc7081bf6b0522a926b4cdd43763073b01c123.tar.xz hyperkitty-48fc7081bf6b0522a926b4cdd43763073b01c123.zip | |
Add templates for single message view
| -rw-r--r-- | templates/base_message.html | 61 | ||||
| -rw-r--r-- | templates/message.html | 47 |
2 files changed, 108 insertions, 0 deletions
diff --git a/templates/base_message.html b/templates/base_message.html new file mode 100644 index 0000000..3a1fdb9 --- /dev/null +++ b/templates/base_message.html @@ -0,0 +1,61 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta name="ROBOTS" content="INDEX, FOLLOW" /> + + <title>{% block title %}Mail app{% endblock %}</title> + <meta name="author" content="" /> + + <meta name="dc.language" content="en" /> + + <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/style.css" /> + + {% block additional_headers %} + {% endblock %} +</head> + +<body> + + <!-- Header --> + <div class="header"> + <div id="headline"> + <ul class="inline-block"> + <li id="list_name"><a href="/">{{list_name}}</a></li> + <li id="page_date">{{month}}</li> + </ul> + <div id="top_right"> + <form action="/search/{{list_address}}" method="get"> + {{ search_form }} + </form> + </div> + </div> + + <div id="thread_nav"> + + <div class="inline-block thread_title"> + <span class="type type_question"> + <a href="/tag/question"> question </a> + </span> + <br /> + {{message.email.Subject}} + <ul class="inline thread_info"> + <li class="participant"> {{participants|length}} participants</li> + <li class="discussion"> {{answers}} comments</li> + </ul> + </div> + + </div> + + + <hr id="white"/> + <hr /> + </div> + + <div class="content"> + {% block content %} + {% endblock %} + </div> + +</body> +</html> diff --git a/templates/message.html b/templates/message.html new file mode 100644 index 0000000..813886e --- /dev/null +++ b/templates/message.html @@ -0,0 +1,47 @@ +{% extends "base_message.html" %} + +{% block title %}{{ app_name }}{% endblock %} + +{% block additional_headers %} + <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/thread.css" /> + +{% endblock %} + +{% block content %} + + <div class="content"> + + <!-- main section, the email thread --> + <section id="thread_content"> + + <!-- Start first email --> + <div class="first_email"> + <div class="email_header"> + <img src="http://planet.fedoraproject.org/images/heads/default.png" alt="avatar" /> + <div class="email_author inline-block"> + <span class="name">{{message.From}}</span> + <br /> + <span class="rank">Rank 10</span> + </div> + <div class="email_date inline-block right"> + <span class="date">{{message.Date}}</span> + <br /> + <span class="time"></span> + </div> + </div> + <div id="first_email_body"> + {{message.Content}} + </div> + <ul class="email_info inline"> + <li class="neutral"> 0</li> + <li class="youlike"> <a href="#like"> Like</a></li> + <li class="youdislike"> <a href="#dislike"> Dislike</a></li> + <li class="discussion add_comment"> <a href="#comment"> Add your own comment</a></li> + </ul> + </div> + <!-- End first email --> + + </section> + + </div> <!-- end of content --> +{% endblock %} |