<br/>
<div class="row">
- <div class="col-lg-6">
+ <div class="col-md-6">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
</div>
- <div class="col-lg-6 text-right">
+ <div class="col-md-6 text-right">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_selector.tt2' %]
<div class="btn-group text-left">
<br/>
<div class="row">
- <div class="col-lg-12">
+ <div class="col-md-12">
<table class="list table table-hover _table-striped table-condensed"
ng-show="pageList.count()"
<br/>
<div class="row">
- <div class="col-lg-6">
+ <div class="col-md-6">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
</div>
- <div class="col-lg-6 text-right">
+ <div class="col-md-6 text-right">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_selector.tt2' %]
<div class="btn-group text-left">
<br/>
<div class="row">
- <div class="col-lg-6">
+ <div class="col-md-6">
<form ng-submit="search()">
<div class="input-group">
<span class="input-group-addon">[% l('Record Query') %]</span>
<br/>
<div class="row" ng-show="searchInProgress">
- <div class="col-lg-6">
+ <div class="col-md-6">
<div class="progress progress-striped active">
<div class="progress-bar" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="width: 100%">
<div class="row">
- <div class="col-lg-12">
+ <div class="col-md-12">
<table class="list table table-hover _table-striped table-condensed"
ng-show="pageList.count()"
<br/>
<div class="row">
- <div class="col-lg-6">
+ <div class="col-md-6">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
</div>
- <div class="col-lg-6 text-right">
+ <div class="col-md-6 text-right">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_selector.tt2' %]
<!-- TODO: paging and actions drop-downs can be extracted out and shared -->
<br/>
<div class="row">
- <div class="col-lg-10 col-lg-offset-1" ng-show="forbidden">
+ <div class="col-md-10 col-md-offset-1" ng-show="forbidden">
<div class="alert alert-warning">
[% l('The selected bucket "{{bucketId}}" is not visible to this login.') %]
</div>
</div>
- <div class="col-lg-12">
+ <div class="col-md-12">
<table class="list table table-hover table-condensed" ng-show="pageList.count()"
ng-init="pageList.defaultColumns([
'id', 'author', 'isbn', 'issn', 'pubdate',
<!-- checkin form -->
<div class="row pad-vert">
- <div class="col-lg-4">
+ <div class="col-md-4">
<form ng-submit="checkin(checkinArgs)" role="form" class="form-inline">
<div class="input-group">
<label class="input-group-addon"
</div>
</form>
</div>
- <div class="col-lg-2 col-lg-offset-6 text-right">
+ <div class="col-md-2 col-md-offset-6 text-right">
<div class="btn-group text-left">
[% INCLUDE 'staff/parts/column_picker.tt2' listname='checkins' %]
</div>
</div>
<div class="row pad-vert" ng-cloak>
- <div class="col-lg-12">
+ <div class="col-md-12">
<table class="table table-hover table-condensed table-striped">
<thead>
<tr>
[% END %]
<div class="row">
- <div class="col-lg-3">
+ <div class="col-md-3">
[% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
</div>
- <div class="col-lg-9">
+ <div class="col-md-9">
<ul class="nav nav-tabs">
<li ng-class="{active : tab == 'checkout', disabled : !patron()}">
<a href="./circ/patron/{{patron().id()}}/checkout">[% l('Checkout') %]</a>
<div class="row pad-vert">
- <div class="col-lg-10 col-lg-offset-1">
+ <div class="col-md-10 col-md-offset-1">
<div class="alert alert-warning">[% l('BILLS Development Pending') %]</div>
</div>
</div>
<!-- item checkout form / list -->
<div class="row pad-vert">
- <div class="col-lg-6">
+ <div class="col-md-6">
<form ng-submit="checkout(checkoutArgs)" role="form" class="form-inline">
<div class="input-group">
</form>
</div>
- <div class="col-lg-1 col-lg-offset-5 text-right">
+ <div class="col-md-1 col-md-offset-5 text-right">
<div class="btn-group text-left">
[% INCLUDE 'staff/parts/column_picker.tt2' listname='checkouts' %]
</div>
</div>
<div class="row pad-vert">
- <div class="col-lg-12">
+ <div class="col-md-12">
<table class="table table-hover table-condensed table-striped">
<thead>
<tr>
<div class="row pad-vert">
- <div class="col-lg-10 col-lg-offset-1">
+ <div class="col-md-10 col-md-offset-1">
<div class="alert alert-warning">[% l('EDIT Development Pending') %]</div>
</div>
</div>
<!-- patron holds list -->
<div class="row pad-vert">
- <div class="col-lg-12 text-right">
+ <div class="col-md-12 text-right">
[% INCLUDE 'staff/circ/patron/t_holds_actions.tt2' %]
</div>
</div>
<div class="row" ng-show="!loading && !holds.count()">
- <div class="col-lg-10 col-lg-offset-1">
+ <div class="col-md-10 col-md-offset-1">
<div class="alert alert-info">[% l('No Holds To Display') %]</div>
</div>
</div>
<div class="row" ng-show="holds.count()">
- <div class="col-lg-12">
+ <div class="col-md-12">
<table class="list table table-hover table-condensed">
<thead>
<tr>
<!-- items out list -->
<div class="row pad-vert">
- <div class="col-lg-12 text-right">
+ <div class="col-md-12 text-right">
[% INCLUDE 'staff/circ/patron/t_items_out_actions.tt2' %]
</div>
</div>
</div>
<div class="row" ng-show="!loading && !items_out.count()">
- <div class="col-lg-10 col-lg-offset-1">
+ <div class="col-md-10 col-md-offset-1">
<div class="alert alert-info">[% l('No Items To Display') %]</div>
</div>
</div>
<div class="row" ng-show="items_out.count()">
- <div class="col-lg-12">
+ <div class="col-md-12">
<table class="list table table-hover table-condensed">
<thead>
<tr>
<div class="row pad-vert">
- <div class="col-lg-10 col-lg-offset-1">
+ <div class="col-md-10 col-md-offset-1">
<div class="alert alert-warning">[% l('MESSAGES Development Pending') %]</div>
</div>
</div>
-->
<div class="row" id="patron-search-form-row">
- <div class="col-lg-11">
+ <div class="col-md-11">
<form ng-submit="search(args)" id="patron-search-form"
role="form" class="form-horizontal">
<div class="form-group">
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control" ng-model="args.card"
placeholder="[% l('Barcode') %]" focus-me="focusMe"/><!--"vim-->
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.family_name" placeholder="[% l('Last Name') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.first_given_name" placeholder="[% l('First Name') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="submit" class="btn btn-default" value="[% l('Search') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="reset" class="btn btn-default" ng-click="args={}"
value="[% l('Clear Form') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<button class="btn btn-default" ng-click="applyShowExtras($event, true)"
title="[% l('Show More Fields') %]" ng-show="!showExtras">
<span class="glyphicon glyphicon-circle-arrow-down"></span>
</div>
<div class="form-group" ng-show="showExtras">
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.second_given_name" placeholder="[% l('Middle Name') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.alias" placeholder="[% l('Alias') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.usrname" placeholder="[% l('Username') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.email" placeholder="[% l('Email') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.ident" placeholder="[% l('Identification') %]"/>
</div>
</div>
<div class="form-group" ng-show="showExtras">
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.id" placeholder="[% l('Database ID') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.phone" placeholder="[% l('Phone') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.street1" placeholder="[% l('Street 1') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.street2" placeholder="[% l('Street 2') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
ng-model="args.city" placeholder="[% l('City') %]"/>
</div>
</div>
<div class="form-group" ng-show="showExtras">
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control" ng-model="args.state"
placeholder="[% l('State') %]" title="[% l('State') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control" ng-model="args.post_code"
placeholder="[% l('Post Code') %]" title="[% l('Post Code') %]"/>
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
placeholder="[% l('Profile Group') %]"
ng-model="args.profile"
typeahead-editable="false" />
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<input type="text" class="form-control"
placeholder="[% l('Home Library') %]"
ng-model="args.home_ou"
typeahead-editable="false" />
</div>
- <div class="col-lg-2">
+ <div class="col-md-2">
<div class="checkbox">
<label>
<input type="checkbox" ng-model="args.inactive"/>
</div>
</form>
</div>
- <div class="col-lg-1 text-right">
+ <div class="col-md-1 text-right">
[% INCLUDE 'staff/circ/patron/t_search_actions.tt2' %]
</div>
</div>
<br/>
<div class="row">
- <div class="col-lg-12">
+ <div class="col-md-12">
<div class="alert alert-info alert-dismissable"
ng-hide="tips.dismissed('circ.patron.search')">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true"
<div ng-cloak ng-controller="PatronSummaryCtrl">
<div class="row" ng-show="!patron()">
- <div class="col-lg-12">
+ <div class="col-md-12">
<i>[% l('Patron Summary') %]</i>
</div>
</div>
<div ng-show="patron()" id="patron-summary-grid">
<div class="row">
- <div class="col-lg-12">
+ <div class="col-md-12">
<h4 title="{{patron().id()}}">
[% l('{{patron().first_given_name()}} {{patron().second_given_name()}} {{patron().family_name()}}') %]
</h4>
<div class="row"
ng-class="{'patron-summary-divider' : !$index}"
ng-repeat="penalty in patron().standing_penalties()">
- <div class="col-lg-9 patron-summary-alert"
+ <div class="col-md-9 patron-summary-alert"
title="{{penalty.standing_penalty().name()}}">
{{penalty.note() || penalty.standing_penalty().label()}}
</div>
- <div class="col-lg-3">
+ <div class="col-md-3">
{{penalty.set_date() | date:'shortDate'}}
</div>
</div>
<div class="row"
ng-class="{'patron-summary-divider' : patron().standing_penalties().length}">
- <div class="col-lg-5">[% l('Profile') %]</div>
- <div class="col-lg-7">{{patron().profile().name()}}</div>
+ <div class="col-md-5">[% l('Profile') %]</div>
+ <div class="col-md-7">{{patron().profile().name()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Home Library') %]</div>
- <div class="col-lg-7">{{patron().home_ou().shortname()}}</div>
+ <div class="col-md-5">[% l('Home Library') %]</div>
+ <div class="col-md-7">{{patron().home_ou().shortname()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Net Access') %]</div>
- <div class="col-lg-7">{{patron().net_access_level().name()}}</div>
+ <div class="col-md-5">[% l('Net Access') %]</div>
+ <div class="col-md-7">{{patron().net_access_level().name()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Last Activity') %]</div>
- <div class="col-lg-7">{{patron().usr_activity()[0].event_time() | date:'shortDate'}}</div>
+ <div class="col-md-5">[% l('Last Activity') %]</div>
+ <div class="col-md-7">{{patron().usr_activity()[0].event_time() | date:'shortDate'}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Last Updated') %]</div>
- <div class="col-lg-7">{{patron().last_update_time() | date:'shortDate'}}</div>
+ <div class="col-md-5">[% l('Last Updated') %]</div>
+ <div class="col-md-7">{{patron().last_update_time() | date:'shortDate'}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Create Date') %]</div>
- <div class="col-lg-7">{{patron().create_date() | date:'shortDate'}}</div>
+ <div class="col-md-5">[% l('Create Date') %]</div>
+ <div class="col-md-7">{{patron().create_date() | date:'shortDate'}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Expire Date') %]</div>
- <div class="col-lg-7">{{patron().expire_date() | date:'shortDate'}}</div>
+ <div class="col-md-5">[% l('Expire Date') %]</div>
+ <div class="col-md-7">{{patron().expire_date() | date:'shortDate'}}</div>
</div>
<div class="row patron-summary-divider"
ng-class="{'patron-summary-alert' : patron_stats().fines.balance_owed}">
- <div class="col-lg-5">[% l('Fines Owed') %]</div>
- <div class="col-lg-7">
+ <div class="col-md-5">[% l('Fines Owed') %]</div>
+ <div class="col-md-7">
{{patron_stats().fines.balance_owed | currency}}
</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Items Out') %]</div>
- <div class="col-lg-7">{{patron_stats().checkouts.out}}</div>
+ <div class="col-md-5">[% l('Items Out') %]</div>
+ <div class="col-md-7">{{patron_stats().checkouts.out}}</div>
</div>
<div class="row"
ng-class="{'patron-summary-alert' : patron_stats().checkouts.overdue}">
- <div class="col-lg-5">[% l('Overdue') %]</div>
- <div class="col-lg-7">{{patron_stats().checkouts.overdue}}</div>
+ <div class="col-md-5">[% l('Overdue') %]</div>
+ <div class="col-md-7">{{patron_stats().checkouts.overdue}}</div>
</div>
<div class="row"
ng-class="{'patron-summary-alert' : patron_stats().checkouts.long_overdue}">
- <div class="col-lg-5">[% l('Long Overdue') %]</div>
- <div class="col-lg-7">{{patron_stats().checkouts.long_overdue}}</div>
+ <div class="col-md-5">[% l('Long Overdue') %]</div>
+ <div class="col-md-7">{{patron_stats().checkouts.long_overdue}}</div>
</div>
<div class="row"
ng-class="{'patron-summary-alert' : patron_stats().checkouts.claims_returned}">
- <div class="col-lg-5">[% l('Claimed Returned') %]</div>
- <div class="col-lg-7">{{patron_stats().checkouts.claims_returned}}</div>
+ <div class="col-md-5">[% l('Claimed Returned') %]</div>
+ <div class="col-md-7">{{patron_stats().checkouts.claims_returned}}</div>
</div>
<div class="row"
ng-class="{'patron-summary-alert' : patron_stats().checkouts.lost}">
- <div class="col-lg-5">[% l('Lost') %]</div>
- <div class="col-lg-7">{{patron_stats().checkouts.lost}}</div>
+ <div class="col-md-5">[% l('Lost') %]</div>
+ <div class="col-md-7">{{patron_stats().checkouts.lost}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Holds') %]</div>
- <div class="col-lg-7">
+ <div class="col-md-5">[% l('Holds') %]</div>
+ <div class="col-md-7">
{{patron_stats().holds.total}} / {{patron_stats().holds.ready}}
</div>
</div>
<div class="row patron-summary-divider">
- <div class="col-lg-5">[% l('Card') %]</div>
- <div class="col-lg-7">{{patron().card().barcode()}}</div>
+ <div class="col-md-5">[% l('Card') %]</div>
+ <div class="col-md-7">{{patron().card().barcode()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Username') %]</div>
- <div class="col-lg-7">{{patron().usrname()}}</div>
+ <div class="col-md-5">[% l('Username') %]</div>
+ <div class="col-md-7">{{patron().usrname()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Day Phone') %]</div>
- <div class="col-lg-7">{{patron().day_phone()}}</div>
+ <div class="col-md-5">[% l('Day Phone') %]</div>
+ <div class="col-md-7">{{patron().day_phone()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Evening Phone') %]</div>
- <div class="col-lg-7">{{patron().evening_phone()}}</div>
+ <div class="col-md-5">[% l('Evening Phone') %]</div>
+ <div class="col-md-7">{{patron().evening_phone()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Other Phone') %]</div>
- <div class="col-lg-7">{{patron().other_phone()}}</div>
+ <div class="col-md-5">[% l('Other Phone') %]</div>
+ <div class="col-md-7">{{patron().other_phone()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('ID1') %]</div>
- <div class="col-lg-7">{{patron().ident_type().name()}}</div>
+ <div class="col-md-5">[% l('ID1') %]</div>
+ <div class="col-md-7">{{patron().ident_type().name()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('ID2') %]</div>
- <div class="col-lg-7">{{patron().ident_type2().name()}}</div>
+ <div class="col-md-5">[% l('ID2') %]</div>
+ <div class="col-md-7">{{patron().ident_type2().name()}}</div>
</div>
<div class="row">
- <div class="col-lg-5">[% l('Email') %]</div>
- <div class="col-lg-7">{{patron().email()}}</div>
+ <div class="col-md-5">[% l('Email') %]</div>
+ <div class="col-md-7">{{patron().email()}}</div>
</div>
</div>
/* let search form elements fill their containers w/ slight padding */
#patron-search-form-row {margin-left: 0px;}
-#patron-search-form div.col-lg-2 { padding: 2px; }
+#patron-search-form div.col-md-2 { padding: 2px; }
#patron-search-form input:not([type="checkbox"]) { width: 100%; }
<div class="container">
<div class="row">
- <div class="col-lg-3"></div><!-- offset? -->
- <div class="col-lg-6">
+ <div class="col-md-3"></div><!-- offset? -->
+ <div class="col-md-6">
<fieldset>
<legend>[% l('Sign In') %]</legend>
<!--
-->
<form ng-submit="login(args)">
<div class="form-group row">
- <label class="col-lg-4 control-label" for="login-username">[% l('Username') %]</label>
- <div class="col-lg-8">
+ <label class="col-md-4 control-label" for="login-username">[% l('Username') %]</label>
+ <div class="col-md-8">
<input type="text" id="login-username" class="form-control"
focus-me="focusMe" select-me="focusMe"
placeholder="Username" ng-model="args.username"/>
</div>
<div class="form-group row">
- <label class="col-lg-4 control-label" for="login-password">[% l('Password') %]</label>
- <div class="col-lg-8">
+ <label class="col-md-4 control-label" for="login-password">[% l('Password') %]</label>
+ <div class="col-md-8">
<input type="password" id="login-password" class="form-control"
placeholder="Password" ng-model="args.password"/>
</div>
</div>
<div class="form-group row">
- <label class="col-lg-4 control-label" for="login-workstation">[% l('Workstation') %]</label>
- <div class="col-lg-8">
+ <label class="col-md-4 control-label" for="login-workstation">[% l('Workstation') %]</label>
+ <div class="col-md-8">
<input type="text" id="login-workstation" class="form-control"
placeHolder="Optional. Also try ?ws=<name>"
ng-model="args.workstation"/>
</div>
<div class="form-group row">
- <div class="col-lg-12">
+ <div class="col-md-12">
<button type="submit" class="btn">[% l('Sign in') %]</button>
<span ng-show="loginFailed">[% l('Login Failed') %]</span>
</div>
</form>
</fieldset>
</div>
- <div class="col-lg-3"></div><!-- offset? -->
+ <div class="col-md-3"></div><!-- offset? -->
</div>
</div>
<div class="container">
<div class="row">
- <div class="col-lg-12 text-center">
+ <div class="col-md-12 text-center">
<img src="/xul/server/skin/media/images/portal/logo.png"/>
</div>
</div>
<br/>
<div class="row" id="splash-nav">
- <div class="col-lg-4">
+ <div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<div class="panel-title text-center">[% l('Circulation and Patrons') %]</div>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<div class="panel-title text-center">[% l('Item Search and Cataloging') %]</div>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<div class="panel-title text-center">[% l('Administration') %]</div>