karmaworld/templates/partial/add_course.html

   1 {% load url from future %}
   2 <script>
   3   var json_school_list = "{% url 'json_school_list' %}"
   4   var json_school_course_list = "{% url 'json_school_course_list' %}"
   5   var json_school_course_instructor_list = "{% url 'json_school_course_instructor_list' %}"
   6   var csrf_token = "{{ csrf_token }}";
   7 </script>
   8 <script src="{{ STATIC_URL }}js/setup-ajax.js"></script>
   9 <script src="{{ STATIC_URL }}js/course.js"></script>
  10 <script src="{{ STATIC_URL }}js/add-course.js"></script>
  11
  12 <section id="add-course-form">
  13   <form method="POST" action="{% url 'home' %}">
  14   {% csrf_token %}
  15
  16     {% for error in course_form.non_field_errors %}
  17     <div class="row">
  18       <div class="small-12 columns">
  19         {{ error }}
  20       </div>
  21     </div>
  22     {% endfor %}
  23
  24     <div class="row">
  25       <div class="small-12 columns">
  26         <legend>
  27           School
  28           {% for error in course_form.school.errors %}
  29           <span style="color:red">
  30             {{ error }}
  31           </span>
  32           {% endfor %}
  33         </legend>
  34         <div>
  35           <input id="str_school" class="" type="text" name="str_school" placeholder="Select a school"/>
  36           <input id="id_school" name="school" type='hidden'/>
  37         </div>
  38       </div>
  39     </div> <!-- .row -->
  40
  41     <div class="row">
  42       <div class="small-12 columns">
  43         <legend>Course Name:
  44           {% if course_form.name.errors %}
  45             <span style="color:red">
  46             {{ course_form.name.errors }}
  47             </span>
  48           {% endif %}
  49         </legend>
  50         <input id="id_name" class="" type="text" name="name" maxlength="255" />
  51       </div>
  52     </div> <!-- .row -->
  53
  54     <div class="row">
  55       <div class="small-12 columns">
  56         <legend>Do not fill in this field:
  57           {% for error in honeypot_errors %}
  58             <span style="color:red">
  59             {{ error }}
  60             </span>
  61           {% endfor %}
  62         </legend>
  63         <input type="text" name="{{HONEYPOT_FIELD_NAME}}" value="{{HONEYPOT_VALUE}}" />
  64       </div>
  65     </div>
  66
  67     <div class="row">
  68       <div class="small-12 columns large-6">
  69         <legend class="">
  70           Instructor Name:
  71           {% for error in course_form.instructor_name.errors %}
  72             <span style="color:red">
  73             {{ error }}
  74             </span>
  75           {% endfor %}
  76         </legend><!-- -->
  77         <input id="id_instructor_name" class="" type="text" name="instructor_name" maxlength="75" />
  78       </div>
  79
  80       <div class="small-12 columns large-6">
  81         <legend class="">
  82           Instructor Email:
  83           {% for error in course_form.instructor_email.errors %}
  84             <span style="color:red">
  85             {{ error }}
  86             </span>
  87           {% endfor %}
  88         </legend>
  89         <input id="id_instructor_email" class="" type="text" name="instructor_email" maxlength="75" />
  90       </div><!--  -->
  91     </div> <!-- .row -->
  92
  93     <div class="row">
  94       <div class="small-12 columns">
  95         <legend>Course url:
  96           {% for error in course_form.url.errors %}
  97             <span style="color:red">
  98             {{ error }}
  99             </span>
 100           {% endfor %}
 101         </legend>
 102         <input id="id_url" class="" type="text" name="url" maxlength="255" />
 103       </div>
 104     </div> <!-- .row -->
 105
 106     <div class="row">
 107       <div class="small-4 large-8 columns small-centered text-center">
 108         <button id="save-btn" class="disabled">
 109           <i class="fa fa-save"></i> Save
 110         </button>
 111         <span id="existing-course-msg" class="hide">
 112           Looks like this course already exists on KarmaNotes!
 113           <a id="existing-course-btn" class="button">Go To Existing Course <i class="fa fa-arrow-right"></i></a></span>
 114       </div>
 115     </div>
 116
 117   </form>
 118 </section>