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         <script>
  41           //var DEFAULT_URL = '{{ note.note_file.url }}';
  42           var DEFAULT_URL = '{{ STATIC_URL }}Letter_to_Ishman_Click_5-14.pdf';
  43         </script>
  44         <script type="text/javascript" src="{{ STATIC_URL }}vendor/js/pdf.js"></script>
  45         <script src="{{ STATIC_URL }}vendor/js/viewer.js"></script>
  46         <link rel="stylesheet" href="{{ STATIC_URL }}vendor/css/viewer.css"> <!-- pdfjs.css -->
  47         {% include 'partial/pdfembed.html' %}
  48
  49       {% else %} {# note.filetype == 'pdf' #}
  50
  51       <div class="row">
  52         <div class="eight columns centered body_copy">
  53           {% if note.html %}
  54             <div class="note-text">
  55               <iframe style="border:none; width:100%;" id="noteframe" src="/raw/{{ note.id }}" onload="autoResize('noteframe')">
  56               </iframe>
  57             </div> <!-- .note-text -->
  58
  59           {% else %} {# note.html #}
  60             <div class="note-error">
  61               This document's content is currently unavailable. Please try again later.
  62             </div>
  63           {% endif %} {# note.html #}
  64
  65       {% endif %} {# note.filetype == 'pdf' #}
  66
  67         </div><!-- /body_copy -->
  68       </div>
  69
  70     </div><!-- /note_container -->
  71
  72
  73   </section><!--/note_content-->
  74 {% endblock %}