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 pdf or ppt %}
  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/{{ note.id }}"
  46                 onload="autoResize('noteframe')"> </iframe>
  47           </div>
  48         </div> <!-- .row -->
  49
  50         {% comment %}
  51         # TODO: embed and pass the url with this included when we fix the css integration issues
  52         {% include 'partial/pdfembed.html' %}
  53         {% endcomment %}
  54
  55       {% else %} {# if pdf #}
  56
  57       <div class="row">
  58         <div class="eight columns centered body_copy">
  59           {% if note.html %}
  60             <div class="note-text">
  61               <iframe style="border:none; width:100%;" id="noteframe" src="/raw/{{ note.id }}" onload="autoResize('noteframe')"> </iframe>
  62             </div> <!-- .note-text -->
  63
  64           {% else %} {# note.html #}
  65             <div class="note-error">
  66               This document's content is currently unavailable. Please try again later.
  67             </div>
  68           {% endif %} {# note.html #}
  69
  70       {% endif %} {# note.filetype == 'pdf' #}
  71
  72         </div><!-- /body_copy -->
  73       </div>
  74
  75     </div><!-- /note_container -->
  76
  77
  78   </section><!--/note_content-->
  79 {% endblock %}