karmaworld/templates/notes/note_detail.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3
   4 {% block pagestyle %}
   5   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/note_course_pages.css">
   6 {% endblock %}
   7
   8 {% block pagescripts %}
   9   <script src="{{ STATIC_URL }}js/note-iframe.js" ></script>
  10 {% endblock %}
  11
  12 {% block content %}
  13   <section id="note_content">
  14
  15     <div id="note_header" class="hero_gradient_bar">
  16       <div class="row">
  17         <div id="note_back_to_course" class="twelve columns">
  18           <a href="{{ note.course.get_absolute_url }}">
  19             {# TODO: style this not like a link #}
  20             <img src="{{ STATIC_URL }}img/search_arrow_left.png" alt="search_arrow_left" width="5" height="10" />&nbsp;back to {{ note.course.name }}
  21           </a>
  22
  23         </div>
  24       </div>
  25
  26       <div class="row">
  27         <div id="note_name" class="twelve columns">
  28           {{ note.name }}
  29         </div><!-- /note_name -->
  30       </div>
  31
  32       {% comment %}
  33       <!-- disabiling viewCount and liked count -->
  34       <div class="row">
  35         <div id="note_status" class="twelve columns">
  36           <div class="activity_details_status">
  37             So far, <span class="activity_details_status_number">{{ note.numUpVotes }}</span> people have completely fallen in love with with these notes. <span class="activity_details_status_secondary_number">{{ note.viewCount }}</span> people have viewed them.
  38           </div><!-- /activity_details_status -->
  39         </div><!-- /note_status -->
  40       </div>
  41       {% endcomment %}
  42
  43
  44
  45       {% comment %}
  46       <!-- uploaded by style -->
  47       <div class="row">
  48         <div id="note_author" class="twelve columns">
  49           uploaded by
  50           {% if owns_file %}
  51             you
  52           {% else %}
  53             {{ note.owner.get_profile.get_name }}
  54           {% endif %}
  55         </div><!-- /note_author -->
  56       </div>
  57
  58       <!-- vote html -->
  59       <div class="row">
  60         <div id="note_actions" class="three columns centered">
  61           {% if not owns_file %}
  62           <div class="row">
  63             <div class="six column thank" {% if has_voted %} style="display:none" {% endif %} data-id={{ file.id }}>
  64               <img src="{{ STATIC_URL }}img/note_thank.png" alt="note_thank" width="34" height="34" />
  65             </div>
  66             <div class="six column flag" {% if has_voted %} style="display:none" {% endif %} data-id={{ file.id }}>
  67                <img src="{{ STATIC_URL }}img/note_flag.png" alt="note_flag" width="25" height="35" />
  68             </div>
  69             <div class="twelve column voted_message" data-id={{ file.id }} {% if not has_voted %} style="display:none" {% endif %}>
  70               You've
  71               <span id="thanked_or_flagged">
  72                 {% if not lovable %}
  73                   thanked
  74                 {% elif not flaggable %}
  75                   flagged
  76                 {% endif %}
  77               </span>
  78              this file
  79             </div>
  80             <!-- disabling downloads for now -->
  81             <div class="four column">
  82               <img src="{{ STATIC_URL }}img/note_download.png" alt="note_download" width="51" height="36" />
  83             </div>
  84           </div>
  85           {% endif %} <!-- not owns_file -->
  86         </div><!-- /note_actions -->
  87       </div>
  88       {% endcomment %}
  89     </div><!-- /note_header -->
  90
  91
  92     <div id="note_container">
  93
  94       <div class="row">
  95         <div class="eight columns centered body_copy">
  96
  97           {% if note.desc %}
  98             <h1>description</h1>
  99
 100             <p>{{ note.desc }}</p>
 101           {% endif %}
 102
 103           <h1>notes</h1>
 104
 105           <div class="note-text">
 106             <iframe style="border:none; width:100%;" id="noteframe" src="/raw/{{ note.id }}" onload="autoResize('noteframe')">
 107             </iframe>
 108           </div> <!-- .note-text -->
 109           <div class="note-error" style="display:none">
 110             This document's content is currently unavailable. It's likely the document is still being processed. Please try again later.
 111           </div>
 112
 113         </div><!-- /body_copy -->
 114       </div>
 115
 116     </div><!-- /note_container -->
 117
 118
 119   </section><!--/note_content-->
 120 {% endblock %}