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="course_header">
  16       <div class="row">
  17         <div id="breadcrumbs" class="ten columns offset-by-one">
  18           <a href="/">Home</a> &gt;
  19           <a href="{{ note.course.get_absolute_url }}">{{ note.course.name }}</a> &gt;
  20           <a href="{{ note.get_absolute_url }}"> {{ note.name }} </a>
  21         </div><!-- /course_subhead -->
  22       </div>
  23
  24       <div class="row">
  25         <div id="course_name" class="twelve columns">
  26           {{ note.name }}
  27         </div><!-- /note_name -->
  28       </div>
  29
  30       <div class="row">
  31         <div class="ten columns offset-by-one">
  32           <hr/>
  33         </div>
  34       </div>
  35
  36     </div><!-- /course_header -->
  37     <div id="note_container">
  38       {% if  note.file_type == 'pdf' %}
  39         <!-- Add pdf.js -->
  40         <div class="row">
  41           <div class="twelve columns">
  42             <iframe
  43                 style="border:none; width:100%; min-height: 700px; margins:auto"
  44                 id="noteframe"
  45                 src="/pdfview?file='http://{{ hostname|urlencode }}{{ note.note_file.url|urlencode }}'"
  46                 onload="autoResize('noteframe')"> </iframe>
  47           </div>
  48         </div> <!-- .row -->
  49         {% comment %}
  50         {% include 'partial/pdfembed.html' %}
  51         {% endcomment %}
  52
  53       {% else %} {# note.filetype == 'pdf' #}
  54
  55       <div class="row">
  56         <div class="eight columns centered body_copy">
  57           {% if note.html %}
  58             <div class="note-text">
  59               <iframe style="border:none; width:100%;" id="noteframe" src="/raw/{{ note.id }}" onload="autoResize('noteframe')"> </iframe>
  60             </div> <!-- .note-text -->
  61
  62           {% else %} {# note.html #}
  63             <div class="note-error">
  64               This document's content is currently unavailable. Please try again later.
  65             </div>
  66           {% endif %} {# note.html #}
  67
  68       {% endif %} {# note.filetype == 'pdf' #}
  69
  70         </div><!-- /body_copy -->
  71       </div>
  72
  73     </div><!-- /note_container -->
  74
  75
  76   </section><!--/note_content-->
  77 {% endblock %}