Koha/koha-tmpl/intranet-tmpl/prog/en/modules/onboarding/onboardingstep2.tt
Owen Leonard b313584807 Bug 28982: Use Flatpickr on onboarding pages
This patch replaces the use of jQueryUI's datepicker in the onboarding
templates. The addition of calendar.inc to the template requires that
some additions be made to the installer's header files, adding the i18n
JavaScript assets.

jQueryUI-specific CSS is removed from installer.scss, and inclusion of
Flatpickr's SCSS is added.

To test, apply the patch and rebuild the staff client SCSS
(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client).

- Start the installation process.
- Continue through the installation process until you reach the stage in
  onboarding where you are creating a patron category.
- The "Enrollment period -> Until" field should be a Flatpickr calendar
  widget. The widget should look and work correctly.

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
2021-11-03 15:40:53 +01:00

150 lines
9.3 KiB
Text

[% USE Koha %]
[% USE KohaDates %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Add a patron category &rsaquo; Web installer &rsaquo; Koha</title>
[%# The following if statement checks if the categories variable handed to this template %]
[%# by onboarding.pl has data in it. If the categories variable does have data %]
[%# in it this means that the user has previously imported sample patron category %]
[%# data and so we do not need to show them the create patron category screen 1, %]
[%#instead we can display a screen with ubtton redirecting the user to step 3 %]
[% IF (categories && categories.count > 1 ) %]
<meta http-equiv="refresh" content="0; url=/cgi-bin/koha/installer/onboarding.pl?step=3">
[% END %]
[% INCLUDE 'installer-doc-head-close.inc' %]
</head>
<body id="installer" class="installer">
<div class="container-fluid">
<div class="row">
<div id="onboarding-step2" class="installer-main col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
<h1 id="logo"><a href="#">Koha</a></h1>
<h2>Web installer &rsaquo; Create a patron category</h2>
[% INCLUDE 'onboarding_messages.inc' %]
<div id="steps">
<ol>
<li class="complete"><i class="fa fa-check-square-o" aria-hidden="true"></i> Installation</li>
<li class="current open"><i class="fa fa-square-o" aria-hidden="true"></i> Onboarding
<ol>
<li class="complete"><i class="fa fa-check-square-o" aria-hidden="true"></i> Create a library</li>
<li class="current open"><i class="fa fa-square-o" aria-hidden="true"></i> Create a patron category</li>
<li class="open"><i class="fa fa-square-o" aria-hidden="true"></i> Create Koha administrator patron</li>
<li class="open"><i class="fa fa-square-o" aria-hidden="true"></i> Create a new item type</li>
<li class="open"><i class="fa fa-square-o" aria-hidden="true"></i> Create a new circulation rule</li>
</ol>
</li>
</ol>
</div>
<p> The patron category you create will be used by the <span class="bg-info">administrator account</span>.</p>
<form id="category_form" method="post" action="onboarding.pl">
<fieldset class="rows">
<input type="hidden" name="step" value="2" />
<input type="hidden" name="op" value="add_validate_category" />
<ol>
<li>
<label for="categorycode" class="required">Category code: </label>
<input type="text" pattern="[0-9A-Za-z]{1,10}" id="categorycode" name="categorycode" value="[% category.categorycode | html %]" size="10" maxlength="10" class="required" required="required" />
<span class="required">Required</span>
</li>
<li>
<label for="description" class="required">Description: </label>
<input type="text" id="description" name="description" size="40" maxlength="80" class="required" required="required" value="[% category.description | html %]" />
<span class="required">Required</span>
</li>
<li>
<label for="overduenoticerequired">Overdue notice required: </label>
<select name="overduenoticerequired" id="overduenoticerequired">
[% IF category.overduenoticerequired %]
<option value="0">No</option>
<option value="1" selected="selected">Yes</option>
[% ELSE %]
<option value="0" selected="selected">No</option>
<option value="1">Yes</option>
[% END %]
</select>
</li>
<li>
<span class="label">Category type: </span>
<input type="hidden" name="category_type" value="S" />
Staff
</li>
<li>
<label for="default_privacy">Default privacy: </label>
<select id="default_privacy" name="default_privacy" required="required">
[% SET default_privacy = 'default' %]
[% IF category %]
[% SET default_privacy = category.default_privacy %]
[% END %]
[% SWITCH default_privacy %]
[% CASE 'forever' %]
<option value="default">Default</option>
<option value="never">Never</option>
<option value="forever" selected="selected">Forever</option>
[% CASE 'never' %]
<option value="default">Default</option>
<option value="never" selected="selected">Never</option>
<option value="forever">Forever</option>
[% CASE %]
<option value="default" selected="selected">Default</option>
<option value="never">Never</option>
<option value="forever">Forever</option>
[% END %]
</select>
<div class="hint">
Controls how long a patrons checkout history is kept for new patrons of this category. "Never" anonymizes checkouts on return, and "Forever" keeps a patron's checkout history indefinitely. When set to "Default", the amount of history kept is controlled by the cronjob <code>batch_anonymise.pl</code> which should be set up by your system administrator.
</div>
</li>
<li>
<span class="label">Enrolment period: </span>
<fieldset class="rows">
<ol>
<li>
<span class="label"></span><strong>Choose one</strong>
</li>
<li>
<label for="enrolmentperiod">In months: </label>
[% IF category.enrolmentperiod %]
<input type="text" inputmode="numeric" pattern="[0-9]*" class="enrolmentperiod" name="enrolmentperiod" id="enrolmentperiod" size="3" value="[% category.enrolmentperiod | html %]" />
[% ELSE %]
<input type="text" inputmode="numeric" pattern="[0-9]*" class="enrolmentperiod" name="enrolmentperiod" id="enrolmentperiod" size="3" value="" />
[% END %]
</li>
<li>
<label for="enrolmentperioddate">Until date: </label>
<input type="text" class="enrolmentperioddate" name="enrolmentperioddate" id="enrolmentperioddate" value="[% category.enrolmentperioddate | $KohaDates %]" />
<div class="hint">[% INCLUDE 'date-format.inc' dateformat = Koha.Preference('dateformat') %]</div>
</li>
</ol>
</fieldset>
</li>
</ol>
<p>
To add another patron category and for more settings go to:
<span class="breadcrumbs"> Administration <strong>&rsaquo;</strong> Patron categories</span>
</p>
<input type="submit" class="btn btn-primary" value="Submit" />
</fieldset>
</form>
</div> <!-- / #onboarding-step2 -->
</div> <!-- / .row -->
</div><!-- / .container-fluid -->
[% MACRO jsinclude BLOCK %]
[% INCLUDE 'validator-strings.inc' %]
[% INCLUDE 'installer-strings.inc' %]
<script src="[% interface | html %]/[% theme | html %]/js/onboarding.js"></script>
[% END %]
[% INCLUDE 'installer-intranet-bottom.inc' %]