circulation: improve labels

* Renames checkin/checkout tab into 'on loan'.
* Renames 'Circulation' menu into 'Checkout/checkin'.
* Improves a placeholder.
* Adds a title to the checkin view.
* Closes rero/rero-ils#1280.

Thoses changes were asked by pilot libraries to make the interface
clearer.

Co-Authored-by: Alicia Zangger <alicia.zangger@rero.ch>

projects/admin/src/app/circulation/checkin/checkin.component.html

@@ -14,6 +14,7 @@
   You should have received a copy of the GNU Affero General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
+<h4 translate>Checkout/checkin</h4>
 <section *ngIf="!isLoading; else loading" class="content">
   <div class="row">
     <div class="col col-md-6 mb-4">

projects/admin/src/app/circulation/patron/loan/loan.component.html

@@ -19,7 +19,7 @@
   <div class="row mb-4">
     <div class="col-12 col-md-6">
       <ng-core-search-input
-        [placeholder]="'Please enter an item barcode.' | translate"
+        [placeholder]="'Checkout/checkin: please enter an item barcode.' | translate"
         [searchText]="searchText"
         (search)="searchValueUpdated($event)"
         [focus]="searchInputFocus"

projects/admin/src/app/circulation/patron/main/main.component.html

@@ -33,7 +33,7 @@
           routerLinkActive="active"
           [routerLinkActiveOptions]="{exact: true}"
           [routerLink]="['/circulation', 'patron', patron.patron.barcode, 'loan']">
-          {{ 'Checkin/Checkout' | translate }}
+          {{ 'On loan' | translate }}
           <span *ngIf="getCirculationStatistics('loans') > 0" class="badge badge-info font-weight-normal">
             {{ getCirculationStatistics('loans') }}
           </span>

projects/admin/src/app/service/menu.service.ts

@@ -35,7 +35,7 @@ export class MenuService {
         iconCssClass: 'fa fa-users',
         id: 'user-services-menu',
         entries: [{
-          name: this._translateService.instant('Circulation'),
+          name: this._translateService.instant('Checkout/checkin'),
           routerLink: '/circulation',
           iconCssClass: 'fa fa-exchange',
           id: 'circulation-menu'