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