Open-ILS/src/templates/staff/admin/serials/t_attr_edit.tt2

   1 <style>
   2     .app-modal-window .modal-dialog {
   3       width: 800px;
   4     }
   5     .vertical-align {
   6         display: flex;
   7         align-items: center;
   8     }
   9 </style>
  10
  11 <form role="form">
  12 <div class="container-fluid">
  13     <div class="row bg-info vertical-align">
  14         <div class="col-md-3">
  15             <h4>[% l('Template Name') %]</h4>
  16         </div>
  17         <div class="col-md-3">
  18             <input type="text" class="form-control" ng-model="working.name"></input>
  19         </div>
  20 <!-- FIXME: remove for now; may be nice to have later
  21         <div class="col-md-2">
  22             <div class="btn-group pull-right">
  23                 <span class="btn btn-default btn-file">
  24                     [% l('Import') %]
  25                     <input type="file" eg-file-reader container="imported_template.data">
  26                 </span>
  27                 <label class="btn btn-default"
  28                     eg-json-exporter container="hashed_template"
  29                     default-file-name="'[% l('exported_serials_template.json') %]'">
  30                     [% l('Export') %]
  31                 </label>
  32             </div>
  33         </div>
  34 -->
  35         <div class="col-md-4">
  36             <div class="btn-group pull-right">
  37                 <button class="btn btn-default" ng-click="clearWorking()" type="button">[% l('Clear') %]</button>
  38                 <button class="btn btn-primary" ng-disabled="working.name=='' || working.loan_duration == null || working.fine_level == null" ng-click="saveTemplate()" type="button">[% l('Save') %]</label>
  39                 <button class="btn btn-warning" ng-click="close_modal()" type="button">[% l('Close') %]</label>
  40             </div>
  41         </div>
  42     </div>
  43
  44     <div class="row pad-vert"></div>
  45
  46     <div class="row bg-info">
  47         <div class="col-md-4">
  48             <b>[% l('Circulate?') %]</b>
  49         </div>
  50         <div class="col-md-4">
  51             <b>[% l('Status') %]</b>
  52         </div>
  53     </div>
  54
  55     <div class="row">
  56         <div class="col-md-8">
  57             <div class="row">
  58                 <div class="col-md-6" ng-class="{'bg-success': working.circulate !== undefined}">
  59                     <div class="row">
  60                         <div class="col-xs-3">
  61                             <label>
  62                                 <input type="radio" ng-disabled="!defaults.attributes.circulate" ng-model="working.circulate" value="t"/>
  63                                 [% l('Yes') %]
  64                             </label>
  65                         </div>
  66                         <div class="col-xs-3">
  67                             <label>
  68                                 <input type="radio" ng-disabled="!defaults.attributes.circulate" ng-model="working.circulate" value="f"/>
  69                                 [% l('No') %]
  70                             </label>
  71                         </div>
  72                     </div>
  73                 </div>
  74                 <div class="col-md-6" ng-class="{'bg-success': working.status !== undefined}">
  75                     <select class="form-control"
  76                         ng-disabled="!defaults.attributes.status" ng-model="working.status"
  77                         ng-options="s.id() as s.name() for s in status_list">
  78                     </select>
  79                 </div>
  80             </div>
  81
  82             <div class="row pad-vert"></div>
  83
  84             <div class="row bg-info">
  85                 <div class="col-md-6">
  86                     <b>[% l('Circulation Library') %]</b>
  87                 </div>
  88                 <div class="col-md-6">
  89                     <b>[% l('Reference?') %]</b>
  90                 </div>
  91             </div>
  92
  93             <div class="row">
  94                 <div class="col-md-6" ng-class="{'bg-success': working.circ_lib !== undefined}">
  95                     <eg-org-selector
  96                         alldisabled="{{!defaults.attributes.circ_lib}}"
  97                         selected="working.circ_lib"
  98                         noDefault
  99                         label="[% l('(Unset)') %]"
 100                         disable-test="cant_have_vols"
 101                     ></eg-org-selector>
 102                 </div>
 103                 <div class="col-md-6" ng-class="{'bg-success': working.ref !== undefined}">
 104                     <div class="row">
 105                         <div class="col-xs-3">
 106                             <label>
 107                                 <input type="radio" ng-disabled="!defaults.attributes.ref" ng-model="working.ref" value="t"/>
 108                                 [% l('Yes') %]
 109                             </label>
 110                         </div>
 111                         <div class="col-xs-3">
 112                             <label>
 113                                 <input type="radio" ng-disabled="!defaults.attributes.ref" ng-model="working.ref" value="f"/>
 114                                 [% l('No') %]
 115                             </label>
 116                         </div>
 117                     </div>
 118                 </div>
 119             </div>
 120
 121             <div class="row pad-vert"></div>
 122
 123             <div class="row bg-info">
 124                 <div class="col-md-6">
 125                     <b>[% l('Shelving Location') %]</b>
 126                 </div>
 127                 <div class="col-md-6">
 128                     <b>[% l('OPAC Visible?') %]</b>
 129                 </div>
 130             </div>
 131
 132             <div class="row">
 133                 <div class="col-md-6" ng-class="{'bg-success': working.location !== undefined}">
 134                     <select class="form-control"
 135                         ng-disabled="!defaults.attributes.location" ng-model="working.location"
 136                         ng-options="l.id() as i18n.ou_qualified_location_name(l) for l in location_list"
 137                     ></select>
 138                 </div>
 139                 <div class="col-md-6" ng-class="{'bg-success': working.opac_visible !== undefined}">
 140                     <div class="row">
 141                         <div class="col-xs-3">
 142                             <label>
 143                                 <input type="radio" ng-disabled="!defaults.attributes.opac_visible" ng-model="working.opac_visible" value="t"/>
 144                                 [% l('Yes') %]
 145                             </label>
 146                         </div>
 147                         <div class="col-xs-3">
 148                             <label>
 149                                 <input type="radio" ng-disabled="!defaults.attributes.opac_visible" ng-model="working.opac_visible" value="f"/>
 150                                 [% l('No') %]
 151                             </label>
 152                         </div>
 153                     </div>
 154                 </div>
 155             </div>
 156
 157             <div class="row pad-vert"></div>
 158
 159             <div class="row bg-info">
 160                 <div class="col-md-6">
 161                     <b>[% l('Circulation Modifer') %]</b>
 162                 </div>
 163                 <div class="col-md-6">
 164                     <b>[% l('Price') %]</b>
 165                 </div>
 166             </div>
 167
 168             <div class="row">
 169                 <div class="nullable col-md-6" ng-class="{'bg-success': working.circ_modifier !== undefined}">
 170                     <select class="form-control"
 171                         ng-disabled="!defaults.attributes.circ_modifier" ng-model="working.circ_modifier"
 172                         ng-options="m.code() as m.name() for m in circ_modifier_list"
 173                     >
 174                         <option value="">[% l('<NONE>') %]</option>
 175                     </select>
 176                 </div>
 177                 <div class="col-md-6" ng-class="{'bg-success': working.price !== undefined}">
 178                     <input class="form-control" ng-disabled="!defaults.attributes.price" ng-model="working.price" type="text"/>
 179                 </div>
 180             </div>
 181
 182             <div class="row pad-vert"></div>
 183
 184             <div class="row bg-info">
 185                 <div class="col-md-6">
 186                     <b>[% l('Loan Duration') %]</b>
 187                 </div>
 188             </div>
 189
 190             <div class="row">
 191                 <div class="col-md-6" ng-class="{'bg-success': working.loan_duration !== undefined}">
 192                     <select class="form-control" ng-disabled="!defaults.attributes.loan_duration" ng-model="working.loan_duration" ng-options="x.v() as x.l() for x in loan_duration_options">
 193                     </select>
 194                 </div>
 195             </div>
 196
 197             <div class="row pad-vert"></div>
 198
 199             <div class="row bg-info">
 200                 <div class="col-md-6">
 201                     <b>[% l('Circulate as Type') %]</b>
 202                 </div>
 203                 <div class="col-md-6">
 204                     <b>[% l('Deposit?') %]</b>
 205                 </div>
 206             </div>
 207
 208             <div class="row">
 209                 <div class="nullable col-md-6" ng-class="{'bg-success': working.circ_as_type !== undefined}">
 210                     <select class="form-control"
 211                         ng-disabled="!defaults.attributes.circ_as_type" ng-model="working.circ_as_type"
 212                         ng-options="t.code() as t.value() for t in circ_type_list">
 213                       <option value="">[% l('<NONE>') %]</option>
 214                     </select>
 215                 </div>
 216                 <div class="col-md-6" ng-class="{'bg-success': working.deposit !== undefined}">
 217                     <div class="row">
 218                         <div class="col-xs-3">
 219                             <label>
 220                                 <input type="radio" ng-disabled="!defaults.attributes.deposit" ng-model="working.deposit" value="t"/>
 221                                 [% l('Yes') %]
 222                             </label>
 223                         </div>
 224                         <div class="col-xs-3">
 225                             <label>
 226                                 <input type="radio" ng-disabled="!defaults.attributes.deposit" ng-model="working.deposit" value="f"/>
 227                                 [% l('No') %]
 228                             </label>
 229                         </div>
 230                     </div>
 231                 </div>
 232             </div>
 233
 234             <div class="row pad-vert"></div>
 235
 236             <div class="row bg-info">
 237                 <div class="col-md-6">
 238                     <b>[% l('Holdable?') %]</b>
 239                 </div>
 240                 <div class="col-md-6">
 241                     <b>[% l('Deposit Amount') %]</b>
 242                 </div>
 243             </div>
 244
 245             <div class="row">
 246                 <div class="col-md-6" ng-class="{'bg-success': working.holdable !== undefined}">
 247                     <div class="row">
 248                         <div class="col-xs-3">
 249                             <label>
 250                                 <input type="radio" ng-disabled="!defaults.attributes.holdable" ng-model="working.holdable" value="t"/>
 251                                 [% l('Yes') %]
 252                             </label>
 253                         </div>
 254                         <div class="col-xs-3">
 255                             <label>
 256                                 <input type="radio" ng-disabled="!defaults.attributes.holdable" ng-model="working.holdable" value="f"/>
 257                                 [% l('No') %]
 258                             </label>
 259                         </div>
 260                     </div>
 261                 </div>
 262                 <div class="col-md-6" ng-class="{'bg-success': working.deposit_amount !== undefined}">
 263                     <input class="form-control" ng-disabled="!defaults.attributes.deposit_amount" ng-model="working.deposit_amount" type="text"/>
 264                 </div>
 265             </div>
 266
 267             <div class="row pad-vert"></div>
 268
 269             <div class="row bg-info">
 270                 <div class="col-md-6">
 271                     <b>[% l('Age-based Hold Protection') %]</b>
 272                 </div>
 273                 <div class="col-md-6">
 274                     <b>[% l('Quality') %]</b>
 275                 </div>
 276             </div>
 277
 278             <div class="row">
 279                 <div class="col-md-6" ng-class="{'bg-success': working.age_protect !== undefined}">
 280                     <select class="form-control"
 281                         ng-disabled="!defaults.attributes.age_protect" ng-model="working.age_protect"
 282                         ng-options="a.id() as a.name() for a in age_protect_list"
 283                     ></select>
 284                 </div>
 285                 <div class="col-md-6" ng-class="{'bg-success': working.mint_condition !== undefined}">
 286                     <div class="row">
 287                         <div class="col-xs-3">
 288                             <label>
 289                                 <input type="radio" ng-disabled="!defaults.attributes.mint_condition" ng-model="working.mint_condition" value="t"/>
 290                                 [% l('Good') %]
 291                             </label>
 292                         </div>
 293                         <div class="col-xs-3">
 294                             <label>
 295                                 <input type="radio" ng-disabled="!defaults.attributes.mint_condition" ng-model="working.mint_condition" value="f"/>
 296                                 [% l('Damaged') %]
 297                             </label>
 298                         </div>
 299                     </div>
 300                 </div>
 301             </div>
 302
 303             <div class="row pad-vert"></div>
 304
 305             <div class="row bg-info">
 306                 <div class="col-md-6">
 307                     <b>[% l('Fine Level') %]</b>
 308                 </div>
 309             </div>
 310
 311             <div class="row">
 312                 <div class="col-md-6" ng-class="{'bg-success': working.fine_level !== undefined}">
 313                     <select class="form-control" ng-disabled="!defaults.attributes.fine_level" ng-model="working.fine_level" ng-options="x.v() as x.l() for x in fine_level_options">
 314                     </select>
 315                 </div>
 316             </div>
 317
 318             <div class="row pad-vert"></div>
 319
 320             <div class="row bg-info">
 321                 <div class="col-md-6">
 322                     <b>[% l('Floating') %]</b>
 323                 </div>
 324             </div>
 325
 326             <div class="row">
 327                 <div class="col-md-6" ng-class="{'bg-success': working.floating !== undefined}">
 328                     <select class="form-control"
 329                         ng-disabled="!defaults.attributes.floating" ng-model="working.floating"
 330                         ng-options="a.id() as a.name() for a in floating_list"
 331                     ></select>
 332                 </div>
 333             </div>
 334         </div>
 335
 336     </div>
 337 </div>
 338 </form>