forum/skins/default/templates/users/reputation.html

   1 {% extends "user.html" %}
   2 <!-- user_reputation.html -->
   3 {% load extra_tags %}
   4 {% load extra_filters %}
   5 {% load humanize %}
   6 {% load user_tags %}
   7 {% block userjs %}
   8        <script type='text/javascript' src='{% media  "/media/js/excanvas.min.js" %}'></script>
   9        <script type='text/javascript' src='{% media  "/media/js/jquery.flot.min.js" %}'></script>
  10
  11        <script type="text/javascript">
  12         $().ready(function(){
  13             var d = {{ graph_data }};
  14             var placeholder = $("#diagram");
  15
  16             var plot = $.plot(placeholder, [d], {
  17                 xaxis: { mode: "time" },
  18                 points: { show: true },
  19                 lines: { show: true }
  20             });
  21         });
  22
  23         </script>
  24
  25         <style type="text/css">
  26             div.positiveReputation {
  27                 float: left;
  28                 min-width: 20px;
  29                 color: green;
  30                 padding-right: 5px;
  31             }
  32             div.negativeReputation {
  33                 float: left;
  34                 min-width: 20px;
  35                 color: red;
  36             }
  37         </style>
  38 {% endblock %}
  39 {% block usercontent %}
  40         <div style="padding:5px;font-size:13px;">
  41             <div id="diagram" style="width:550px;height:250px;float:left">
  42
  43             </div>
  44             <div style="float:right; width:385px; height:300px; overflow-y:auto;word-wrap:break-word;" >
  45                 {% for rep in reputation %}
  46                 <p style="clear:both">
  47                     <div style="float:left;text-align:right;font-family:arial;font-weight:bold;background:#eee;padding:2px 10px 2px 10px;margin-right:5px">
  48                         <div class="positiveReputation">{{ rep.positive }}</div>
  49                         <div class="negativeReputation">{{ rep.negative }}</div>
  50
  51                     </div>
  52                     {% activity_item rep.action request.user %}<br/>
  53                 </p>
  54                 {% endfor %}
  55             </div>
  56         </div>
  57 {% endblock %}<!-- end user_reputation.html -->