summaryrefslogtreecommitdiffstats
path: root/templates/thread.html
diff options
context:
space:
mode:
authorPierre-Yves Chibon <pingou@pingoured.fr>2012-03-23 18:14:36 +0100
committerPierre-Yves Chibon <pingou@pingoured.fr>2012-03-23 18:14:36 +0100
commitb3dc3cfdef96e8a3865aa63055953bb162711a17 (patch)
tree6dc8b12f70f8af51044f2a22c1ea7d919ace0dd2 /templates/thread.html
parent5c3f519c48d1de20b35c0e5c84512dc0619ea7d2 (diff)
downloadhyperkitty-b3dc3cfdef96e8a3865aa63055953bb162711a17.tar.gz
hyperkitty-b3dc3cfdef96e8a3865aa63055953bb162711a17.tar.xz
hyperkitty-b3dc3cfdef96e8a3865aa63055953bb162711a17.zip
Add template, css and images for the thread view
Diffstat (limited to 'templates/thread.html')
-rw-r--r--templates/thread.html198
1 files changed, 198 insertions, 0 deletions
diff --git a/templates/thread.html b/templates/thread.html
new file mode 100644
index 0000000..bf2efda
--- /dev/null
+++ b/templates/thread.html
@@ -0,0 +1,198 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta name="ROBOTS" content="INDEX, FOLLOW" />
+
+ <title>Fedora mail app</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" />
+ <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/thread.css" />
+
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
+ <script src="{{ STATIC_URL }}jquery.expander.js"></script>
+ <script>
+ $(document).ready(function() {
+ $('div.email_body').expander({
+ userCollapseText: 'View Less',
+ expandText: 'View More'
+ });
+ });
+ </script>
+</head>
+
+<body>
+ <!-- Header -->
+ <div class="header">
+ <div id="headline">
+ <ul class="inline-block">
+ <li id="list_name"> Fedora Development</li>
+ </ul>
+ <div id="top_right">
+ <form action="#search" method="get">
+ <input type="text" name="search_text"
+ placeholder="Search this list."/>
+ </form>
+ </div>
+ </div>
+ <p id="list_email">
+ <a href="mailto:devel@list.fedoraproject.org">
+ devel@list.fedoraproject.org
+ </a>
+ </p>
+
+ <div id="thread_nav">
+ <div id="newewthread" class="inline-block">
+ <a href="{{ next_thread_id }}">
+ <img src="{{ STATIC_URL }}img/button_newer.png" alt="New thread" />
+ </a>
+ <br />
+ {{next_thread}}
+ </div>
+
+ <div class="inline-block thread_title">
+ <span class="type type_question">
+ <a href="/tag/question"> question </a>
+ </span>
+ <br />
+ {{first_mail.email.Subject}}
+ <ul class="inline thread_info">
+ <li class="participant"> {{participants|length}} participants</li>
+ <li class="discussion"> {{answers}} comments</li>
+ </ul>
+ </div>
+
+ <div id="olderhread" class="inline-block right">
+ <a href="{{ prev_thread_id }}">
+ <img src="{{ STATIC_URL }}img/button_older.png" alt="New thread" />
+ </a>
+ <br />
+ {{prev_thread}}
+ </div>
+ </div>
+
+
+ <hr id="white"/>
+ <hr />
+ </div>
+
+ <div class="content">
+
+ <!-- right column -->
+ <section id="thread_overview_info">
+ <!-- Start dates -->
+ <div id="thread_date_info">
+ <div class="days_num inline-block">21</div>
+ <div class="days_text inline-block">
+ days<br /> inactive
+ </div>
+ <div id="days_old" class="days_num inline-block">24</div>
+ <div class="days_text inline-block">
+ days <br /> old
+ </div>
+ </div>
+ <p id="add_to_fav">
+ <a href="#AddFav" class="notsaved">Add to favorite discussions</a>
+ </p>
+ <!-- End dates -->
+ <hr id="grey"/>
+ <div id="tags">
+ <span id="tag_title">tags </span>({{tags|length}})
+ <ul class="inline">
+ {% for tag in tags %}
+ <li> {{ tag }} |</li>
+ {% endfor %}
+ </ul>
+ </div>
+ <div id="add_tag">
+ <form action="#add_tag" method="get" >
+ <input id="add_tag_field" type="text" name="add_tag" class="inline-block"/>
+ <input id="add_tag_button" type="submit" value="ADD" class="inline-block"/>
+ </form>
+ </div>
+ <div id="participants">
+ <span id="participants_title"> participants </span>({{participants|length}})
+ <ul>
+ {% for ppl in participants %}
+ <li>
+ <img src="http://planet.fedoraproject.org/images/heads/default.png" alt="avatar" />
+ {{ppl}}
+ </li>
+ {% endfor %}
+ </ul>
+ </div>
+ </section>
+
+ <!-- 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">{{first_mail.email.From}}</span>
+ <br />
+ <span class="rank">Rank 10</span>
+ </div>
+ <div class="email_date inline-block right">
+ <span class="date">{{first_mail.email.Date}}</span>
+ <br />
+ <span class="time"></span>
+ </div>
+ </div>
+ <div id="first_email_body">
+ {{first_mail.email.body}}
+ </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 -->
+
+ {% for email in threads %}
+ <!-- Start email -->
+ <div class="even">
+ <!-- Start email -->
+ <div class="email" style="padding-left: {{email.level}}em">
+ <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">{{email.email.From}}</span>
+ <br />
+<!--
+ <span class="rank">Rank 8</span>
+-->
+ </div>
+ <div class="email_date inline-block right">
+ <span class="date">{{email.email.Date}}</span>
+ <br />
+<!--
+ <span class="time">00:25:50 UTC</span>
+-->
+ </div>
+ </div>
+ <div class="email_body">
+ {{email.email.body}}
+ </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">Reply</a></li>
+ </ul>
+ </div>
+ <!-- End of email -->
+ {% endfor %}
+
+ </section>
+
+ </div> <!-- end of content -->
+</body>
+</html>
generated by cgit (git 2.34.1) at 2026-02-07 22:17:48 +0000