koha-tmpl/intranet-tmpl/prog/en/modules/course_reserves/course.tt

   1 [% PROCESS 'i18n.inc' %]
   2 [% SET footerjs = 1 %]
   3 [% INCLUDE 'doc-head-open.inc' %]
   4 <title>[% IF course_name %] Edit [% course_name | html %] [% ELSE %] New course [% END %] &rsaquo; Course reserves &rsaquo; Koha</title>
   5 [% INCLUDE 'doc-head-close.inc' %]
   6 <style>
   7     #course_instructors {
   8         float: left;
   9     }
  10     .instructor_line {
  11         padding: .3em;
  12     }
  13 </style>
  14 </head>
  15
  16 <body id="courses_course" class="course">
  17
  18 [% WRAPPER 'header.inc' %]
  19     [% INCLUDE 'cat-search.inc' %]
  20 [% END %]
  21
  22 [% WRAPPER 'sub-header.inc' %]
  23 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
  24     <ol>
  25         <li>
  26             <a href="/cgi-bin/koha/mainpage.pl">Home</a>
  27         </li>
  28         <li>
  29             <a href="/cgi-bin/koha/course_reserves/course-reserves.pl">Course reserves</a>
  30         </li>
  31         <li>
  32             <a href="#" aria-current="page">
  33                 [% IF course_name %] Edit <em>[% course_name | html %]</em> [% ELSE %] New course [% END %]
  34             </a>
  35         </li>
  36     </ol>
  37 </nav>
  38 [% END %]
  39
  40 [% IF ( departments ) %]
  41
  42     <div class="main container-fluid">
  43         <div class="row">
  44             <div class="col-md-8 col-md-offset-2">
  45                 <h1>[% IF course_name %] Edit <em>[% course_name | html %]</em> [% ELSE %] New course [% END %]</h1>
  46
  47             <form method="post" action="/cgi-bin/koha/course_reserves/mod_course.pl" class="validated">
  48                 [% IF course_id %]<input type="hidden" name="course_id" value="[% course_id | html %]" />[% END %]
  49                 <fieldset class="rows">
  50                     <legend>[% IF course_id %]Edit course[% ELSE %]Create course[% END %]</legend>
  51                     <ol>
  52                         <li>
  53                             <label class="required" for="department">Department:</label>
  54                             <select id="department" name="department" required="required" class="required">
  55                                 <option value="">Select a department</option>
  56
  57                                 [% FOREACH d IN departments %]
  58                                     [% IF d.authorised_value == department %]
  59                                         <option value="[% d.authorised_value | html %]" selected="selected">[% d.lib | html %]</option>
  60                                     [% ELSE %]
  61                                         <option value="[% d.authorised_value | html %]">[% d.lib | html %]</option>
  62                                     [% END %]
  63                                 [% END %]
  64                             </select>
  65                             <span class="required">Required</span>
  66                         </li>
  67
  68                         <li>
  69                             <label class="required" for="course_number">Course number:</label>
  70                             <input id="course_number" name="course_number" type="text" value="[% course_number | html %]" required="required" class="required" />
  71                             <span class="required">Required</span>
  72                         </li>
  73
  74                         <li>
  75                             <label for="section">Section:</label>
  76                             <input id="section" name="section" type="text" value="[% section | html %]"/>
  77                         </li>
  78
  79                         <li>
  80                             <label class="required" for="course_name">Course name:</label>
  81                             <input id="course_name" name="course_name" type="text" value="[% course_name | html %]" required="required" class="required" />
  82                             <span class="required">Required</span>
  83                         </li>
  84
  85                         <li>
  86                             [% IF terms %]
  87                                 <label for="term">[% tp('Semester', 'Term:') | html %]</label>
  88                                 <select id="term" name="term">
  89                                     <option value=""></option>
  90
  91                                     [% FOREACH t IN terms %]
  92                                         [% IF t.authorised_value == term %]
  93                                             <option value="[% t.authorised_value | html %]" selected="selected">[% t.lib | html %]</option>
  94                                         [% ELSE %]
  95                                             <option value="[% t.authorised_value | html %]">[% t.lib | html %]</option>
  96                                         [% END %]
  97                                     [% END %]
  98                                 </select>
  99                             [% ELSE %]
 100                                 <span class="label">[% tp('Semester', 'Term:') | html %] </span>
 101                                 <span id="term">No TERM authorised values found! Please create one or more authorised values with the category TERM.</span>
 102                             [% END %]
 103                         </li>
 104
 105                         <li>
 106                             <span class="label">Instructors:</span>
 107
 108                             <div id="course_instructors">
 109                                  <div id="instructors">
 110                                     [% FOREACH i IN instructors %]
 111                                         <div class="instructor_line" id="borrower_[% i.borrowernumber | html %]">[% i.surname | html %], [% i.firstname | html %] ( <a href="#" class="removeInstructor"><i class="fa fa-trash"></i> Remove </a> )
 112                                              <input type='hidden' name='instructors' value='[% i.borrowernumber | html %]' />
 113                                          </div>
 114                                      [% END %]
 115                                  </div>
 116                                 <p>
 117                                     <label for="find_instructor">Instructor search:</label>
 118                                     <input autocomplete="off" id="find_instructor" type="text" style="width:150px" class="noEnterSubmit"/>
 119                                 </p>
 120                                 <div id="find_instructor_container"></div>
 121                             </div>
 122                         <li>
 123                             <label for="staff_note">Staff note:</label>
 124                             <textarea name="staff_note" id="staff_note">[% staff_note | html %]</textarea>
 125                         </li>
 126
 127                         <li>
 128                             <label for="public_note">Public note:</label>
 129                             <textarea name="public_note" id="public_note">[% public_note | html %]</textarea>
 130                         </li>
 131
 132                         <li>
 133                             <label for="students_count">Number of students:</label>
 134                             <input id="students_count" name="students_count" type="text" value="[% students_count | html %]" />
 135                         </li>
 136
 137                         <li>
 138                             <label for="enabled">Enabled?</label>
 139                             [% IF enabled == 'no' %]
 140                                 <input type="checkbox" name="enabled" id="enabled" />
 141                             [% ELSE %]
 142                                 <input type="checkbox" name="enabled" id="enabled" checked="checked" />
 143                             [% END %]
 144                         </li>
 145                     </ol>
 146                 </fieldset>
 147
 148                 <fieldset class="action">
 149                     <input type="submit" class="btn btn-primary" value="Save" />
 150
 151                     [% IF course_id %]
 152                         <a href="/cgi-bin/koha/course_reserves/course-details.pl?course_id=[% course_id | uri %]" class="cancel">Cancel</a>
 153                     [% ELSE %]
 154                         <a href="/cgi-bin/koha/course_reserves/course-reserves.pl" class="cancel">Cancel</a>
 155                     [% END %]
 156                 </fieldset>
 157             </form>
 158         </div>
 159     </div>
 160
 161 [% ELSE %]
 162
 163 <div class="dialog alert">
 164     <h1>No DEPARTMENT authorized values found!</h1>
 165     <p>
 166         [% IF ( CAN_user_parameters ) %]
 167             <span>Please <a href="/cgi-bin/koha/admin/authorised_values.pl?searchfield=DEPARTMENT">create one or more authorized values</a> with the category DEPARTMENT.</span>
 168         [% ELSE %]
 169             <span>An administrator must create one or more authorized values with the category DEPARTMENT.</span>
 170         [% END %]
 171     </p>
 172 </div>
 173
 174 [% END %]
 175
 176 [% IF ( departments ) %]
 177     [% MACRO jsinclude BLOCK %]
 178         <script>
 179             $(document).ready(function(){
 180                 patron_autocomplete($("#find_instructor"), { 'on-select-callback': function( event, ui ) {
 181                         AddInstructor( ui.item.surname + ", " + ui.item.firstname, ui.item.patron_id );
 182                         return false;
 183                     }
 184                 });
 185
 186                 if ( ! $('#instructors').html() ) {
 187                     $('#course_instructors').hide();
 188                 }
 189
 190                 $("body").on("click",".removeInstructor",function(e){
 191                     e.preventDefault();
 192                     var divid = $(this).parent().attr("id");
 193                     var borrowernumber = divid.replace("borrower_","");
 194                     RemoveInstructor(borrowernumber);
 195                 });
 196             });
 197
 198             function AddInstructor( name, borrowernumber ) {
 199                 div = "<div class='instructor_line' id='borrower_" + borrowernumber + "'>" + ( name ? name.escapeHtml() : "" ) + " ( <a href='#' class='removeInstructor'><i class='fa fa-trash'></i> " + _("Remove")+ " </a> ) <input type='hidden' name='instructors' value='" + borrowernumber + "' /></div>";
 200                 $('#instructors').append( div );
 201
 202                 $('#find_instructor').val('').focus();
 203                 $('#course_instructors').show();
 204             }
 205
 206             function RemoveInstructor( borrowernumber ) {
 207                 $( '#borrower_' + borrowernumber ).remove();
 208
 209                 if ( ! $('#instructors').html() ) {
 210                     $('#course_instructors').hide( 800 );
 211                 }
 212             }
 213         </script>
 214     [% END %]
 215 [% END %]
 216
 217 [% INCLUDE 'intranet-bottom.inc' %]