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

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