karmaworld/templates/lightbox/add_course.html

   1 {% load url from future %}
   2 <script>
   3     $("#id_school").autocomplete({
   4         source: function(request, response){
   5             $.ajax({
   6                 url: "{% url 'json_school_list' %}",
   7                 data: {q: request.term},
   8                 success: function(data) {
   9                     if (data['status'] === 'success')
  10                     {
  11                         response($.map(data['schools'], function(item) {
  12                             return {
  13                                 label: item.name,
  14                                 value: item.name,
  15                                 real_value: item.id
  16                             };
  17                         }));
  18                     } else {
  19                       // FIXME: do something if school not found
  20                       $('#create_school_link').show();
  21                     }
  22                 },
  23                 dataType: "json",
  24                 type: 'POST'
  25             });
  26         },
  27         select: function(event, ui) { $('#id_school').val(ui.item.real_value); },
  28         minLength: 3
  29     });
  30
  31 </script>
  32
  33 <section id="add-course" class="modal_content">
  34 <form action="">
  35   <div class="row">
  36     <div class="eight columns centered lightbox_modal" style="margin-top: 121px;">
  37       <div class="row">
  38         <div class="lightbox_header modal_header twelve columns">
  39           Add a course
  40         </div><!-- /modal_header -->
  41       </div>
  42
  43       <div class="row lightbox_row">
  44         <div class="seven columns centered">
  45           <label class="lightbox_label">
  46             School
  47           </label><!-- lightbox_label -->
  48           <div class="lightbox_field">
  49             <input id="id_school" class="lightbox_textfield" type="text" name="school"/>
  50           </div><!-- .lightbox_filed -->
  51         </div><!--  -->
  52       </div> <!-- .row .lightbox_row -->
  53
  54
  55       <div class="row lightbox_row">
  56         <div class="seven columns centered">
  57           <label class="lightbox_label">
  58             Title of Course:
  59           </label><!-- lightbox_label -->
  60           <div class="lightbox_field">
  61             <input id="id_title" class="lightbox_textfield" type="text" name="title" maxlength="255" />
  62           </div><!-- .lightbox_filed -->
  63         </div><!--  -->
  64       </div> <!-- .row .lightbox_row -->
  65
  66       <div class="row lightbox_row">
  67         <div class="seven columns centered">
  68           <label class="lightbox_label">
  69             Subject:
  70           </label><!-- lightbox_label -->
  71           <div class="lightbox_field">
  72             <input id="id_field" class="lightbox_textfield" type="text" name="field" maxlength="255" />
  73           </div><!-- .lightbox_filed -->
  74         </div><!--  -->
  75       </div> <!-- .row .lightbox_row -->
  76
  77       <div class="row lightbox_row">
  78         <div class="seven columns centered">
  79           <label class="lightbox_label">
  80             Instructor Name:
  81           </label><!-- lightbox_label -->
  82           <div class="lightbox_field">
  83             <input id="id_instructor_name" class="lightbox_textfield" type="text" name="instructor_name" maxlength="75" />
  84           </div><!-- .lightbox_filed -->
  85         </div><!--  -->
  86       </div> <!-- .row .lightbox_row -->
  87
  88       <div class="row lightbox_row">
  89         <div class="seven columns centered">
  90           <label class="lightbox_label">
  91             Instructor Email:
  92           </label><!-- lightbox_label -->
  93           <div class="lightbox_field">
  94             <input id="id_instructor_email" class="lightbox_textfield" type="text" name="instructor_email" maxlength="75" />
  95           </div><!-- .lightbox_filed -->
  96         </div><!--  -->
  97       </div> <!-- .row .lightbox_row -->
  98
  99       <div class="row lightbox_row">
 100         <div class="seven columns centered">
 101           <label class="lightbox_label">
 102             Description:
 103           </label><!-- lightbox_label -->
 104           <div class="lightbox_field">
 105             <textarea id="id_desc" class="lightbox_textfield lightbox_textarea" rows="4" cols="40" name="desc"></textarea>
 106           </div><!-- .lightbox_filed -->
 107         </div><!--  -->
 108       </div> <!-- .row .lightbox_row -->
 109
 110       <div class="row lightbox_row">
 111         <div class="seven columns centered">
 112           <label class="lightbox_label">
 113           </label><!-- lightbox_label -->
 114           <div class="lightbox_field">
 115             <a class="button" id="submit-lightbox-create-course" type="submit">CREATE COURSE</a>
 116           </div><!-- .lightbox_filed -->
 117         </div><!--  -->
 118       </div> <!-- .row .lightbox_row -->
 119
 120       <div class="lightbox_close"></div>
 121
 122     </div> <!-- .lightbox_modal -->
 123   </div> <!-- .row -->
 124
 125 </form>
 126 </section><!--add_course_content-->
 127