Bug 30952: Staff interface redesign (header)
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / patroncards / edit-template.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% SET footerjs = 1 %]
4     [% INCLUDE 'doc-head-open.inc' %]
5     <title>[% IF (template_id) %]Edit ([% template_id | html %])[% ELSE %]New[% END %] &rsaquo; Templates &rsaquo; Patron card creator &rsaquo; Tools &rsaquo; Koha</title>
6     [% INCLUDE 'doc-head-close.inc' %]
7 </head>
8
9 <body id="pcard_edit-template" class="tools pcard">
10     [% WRAPPER 'header.inc' %]
11     [% INCLUDE 'cat-search.inc' %]
12 [% END %]
13
14     [% WRAPPER 'sub-header.inc' %]
15     <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
16         <ol>
17             <li>
18                 <a href="/cgi-bin/koha/mainpage.pl"><i class="fa fa-home"></i></a>
19             </li>
20             <li>
21                 <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a>
22             </li>
23             <li>
24                 <a href="/cgi-bin/koha/patroncards/home.pl">Patron card creator</a>
25             </li>
26             <li>
27                 <a href="/cgi-bin/koha/patroncards/manage.pl?card_element=template">Templates</a>
28             </li>
29             <li>
30                 <a href="#" aria-current="page">
31                     [% IF (template_id) %]
32                         Edit ([% template_id | html %])
33                     [% ELSE %]
34                         New
35                     [% END %]
36                 </a>
37             </li>
38         </ol>
39     </nav>
40     [% END %]
41
42     <div class="main container-fluid">
43         <div class="row">
44             <div class="col-sm-10 col-sm-push-2">
45                 <main>
46
47                     [% INCLUDE 'patroncards-toolbar.inc' %]
48                     <h1>[% IF (template_id) %]Edit[% ELSE %]Create[% END %] patron card template[% IF (template_id) %] ([% template_id | html %])[% END %]</h1>
49                     <form name="input" action="/cgi-bin/koha/patroncards/edit-template.pl" method="get">
50                         <div class="row">
51                         <div class="col-sm-6">
52                             <fieldset class="rows">
53                                 <ol>
54                                     <li>
55                                         <span class="label">Template ID:</span>[% IF ( template_id ) %][% template_id | html %][% ELSE %]N/A[% END %]
56                                     </li>
57                                     <li>
58                                         <label for="template_code">Template code:</label>
59                                         <input type="text" size="30" maxlength="43" name="template_code" id="template_code" value="[% template_code | html %]" />
60                                     </li>
61                                     <li>
62                                         <label for="template_desc">Template description:</label>
63                                         <textarea cols="30" rows="3" id="template_desc" name="template_desc">[% template_desc | html %]</textarea>
64                                     </li>
65                                     <li>
66                                         <label for="units">Units:</label>
67                                         <select id="units" name="units">
68                                         [% FOREACH unit IN units %]
69
70                                             [% IF ( unit.selected ) %]
71                                             <option value="[% unit.type | html %]" selected="selected">
72                                             [% ELSE %]
73                                             <option value="[% unit.type | html %]">
74                                             [% END %]
75
76                                             [% SWITCH unit.type %]
77                                             [%   CASE 'POINT' %]
78                                             <span>PostScript points</span>
79                                             [%   CASE 'AGATE' %]
80                                             <span>Agates</span>
81                                             [%   CASE 'INCH' %]
82                                             <span>US Inches</span>
83                                             [%   CASE 'MM' %]
84                                             <span>SI Millimeters</span>
85                                             [%   CASE 'CM' %]
86                                             <span>SI Centimeters</span>
87                                             [% END %]
88
89                                             </option>
90                                         [% END %]
91                                         </select>
92                                     </li>
93                                     <li>
94                                         <label for="page_height">Page height:</label>
95                                         <input type="text" size="4" name="page_height" id="page_height" value="[% page_height | html %]" />
96                                     </li>
97                                     <li>
98                                         <label for="page_width">Page width:</label>
99                                         <input type="text" size="4" name="page_width" id="page_width" value="[% page_width | html %]" />
100                                     </li>
101                                     <li>
102                                         <label for="card_height">Card height:</label>
103                                         <input type="text" size="4" name="card_height" id="card_height" value="[% card_height | html %]" />
104                                     </li>
105                                     <li>
106                                         <label for="card_width">Card width:</label>
107                                         <input type="text" size="4" name="card_width" id="card_width" value="[% card_width | html %]" />
108                                     </li>
109
110
111                                 </ol>
112                             </fieldset>
113                         </div>
114                         <div class="col-sm-6">
115                             <fieldset class="rows">
116                                 <ol><li>
117                                     <label for="top_margin">Top page margin:</label>
118                                     <input type="text" size="4" name="top_margin" id="top_margin" value="[% top_margin | html %]" />
119                                 </li>
120                                 <li>
121                                     <label for="left_margin">Left page margin:</label>
122                                     <input type="text" size="4" name="left_margin" id="left_margin" value="[% left_margin | html %]" />
123                                 </li>
124                                     <li>
125                                         <label for="cols">Number of columns:</label>
126                                         <input type="text" size="4" name="cols" id="cols" value="[% cols | html %]" />
127                                     </li>
128                                     <li>
129                                         <label for="rows">Number of rows:</label>
130                                         <input type="text" size="4" name="rows" id="rows" value="[% rows | html %]" />
131                                     </li>
132                                     <li>
133                                         <label for="col_gap">Gap between columns:</label>
134                                         <input type="text" size="4" name="col_gap" id="col_gap" value="[% col_gap | html %]" />
135                                     </li>
136                                     <li>
137                                         <label for="row_gap">Gap between rows:</label>
138                                         <input type="text" size="4" name="row_gap" id="row_gap" value="[% row_gap | html %]" />
139                                     </li>
140
141                                     <li>
142                                         <label for="profile_id">Profile:</label>
143                                         [% IF ( profile_list ) %]
144                                         <select id="profile_id" name="profile_id">
145                                         [% FOREACH profile_lis IN profile_list %]
146                                         [% IF ( profile_lis.selected ) %]
147                                         <option value="[% profile_lis.profile_id | html %]" selected="selected">
148                                         [% ELSE %]
149                                         <option value="[% profile_lis.profile_id | html %]">
150                                         [% END %]
151                                         [% profile_lis.printer_name | html %]/[% profile_lis.paper_bin | html %]
152                                         </option>
153                                         [% END %]
154                                         </select>
155                                         [% ELSE %]
156                                         <a href="/cgi-bin/koha/patroncards/edit-profile.pl?op=new">Define a printer profile.</a>
157                                         [% END %]
158                                     </li>
159                                 </ol>
160                             </fieldset>
161                         </div>
162                     </div>
163
164                     <fieldset class="action">
165                         <input type="submit" class="submit" value="Save" />
166                         <a class="cancel" href="/cgi-bin/koha/patroncards/manage.pl?card_element=template">Cancel</a>
167                         <input type="hidden" name="op" value="save" />
168                         [% IF ( template_id ) %]
169                         <input type="hidden" name="template_id" value="[% template_id | html %]" />
170                         [% END %]
171                     </fieldset>
172                 </form>
173
174             </main>
175         </div> <!-- /.col-sm-10.col-sm-push-2 -->
176
177         <div class="col-sm-2 col-sm-pull-10">
178             <aside>
179                 [% INCLUDE 'tools-menu.inc' %]
180             </aside>
181         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
182      </div> <!-- /.row -->
183
184 [% MACRO jsinclude BLOCK %]
185     [% Asset.js("js/tools-menu.js") | $raw %]
186     <script>
187         $(document).ready(function(){
188             var selectedUnit = $("#units option:selected").attr("value");
189             var unitfields = $("#page_height,#page_width,#card_width,#card_height,#top_margin,#left_margin,#col_gap,#row_gap");
190             $(unitfields).after("<span class=\"unit\">"+getUnit(selectedUnit)+"</span>");
191             $("#units").change(function(){
192                 $(".unit").html(getUnit($(this).val()));
193             });
194         function getUnit(unit){
195             switch(unit){
196                 case "POINT":
197                     var unit = " pt";
198                     break;
199                 case "AGATE":
200                     var unit = " ag";
201                     break;
202                 case "INCH":
203                     var unit = " in";
204                     break;
205                 case "MM":
206                     var unit = " mm";
207                     break;
208                 case "CM":
209                     var unit = " cm";
210                     break;
211                 default:
212                     var unit = "";
213             }
214             return unit;
215         }
216         });
217     </script>
218 [% END %]
219
220 [% INCLUDE 'intranet-bottom.inc' %]