Alma print slip Bookmarklet generator

General

Bookmarklet name: | Print immediately | Do not display author/s

Slip popup (in px): Width: Height: | Two columns table
Position top: Position left:

Sortable translation
Note: in Chrome the position is fixed.

Receipt appearance (CSS)

General (body):

Institution logo:

Institution:

Library:

Slip title:

Patron:

Loans table:

Loans list:

Signature:

|

Receipt Labels

Slip title:

Institution logo url:

Institution name:

Signature text:

Date text: Date localization (IETF BCP 47):

Receipt elements order

Drag and drop to reorder the elements:

↨Institution logo
↨Institution name
↨Library name
↨Slip title
↨Patron name, id
↨Loan List
↨Signature

var _lt = document.getElementById("TABLE_DATA_loanList");
    if (_lt) {
        var _sln = "%slip_title%",
        _isn = "%institution_name%",
        _ilu = "%institution_logo_url%",
        _bcs = "%body_css%",
        _tbcs = "%table_css%",
        _gcs = "%institution_logo_css%";
        _ics = "%institution_css%",
        _lbcs = "%library_css%",
        _tcs = "%title_css%",
        _ucs = "%user_css%",
        _lcs = "%loans_css%",
        _scs = "%signature_css%",
        _df = "%date_format%",
        _sn = "%signature%",
        _ll = "";
        var d = new Date();
        var _td = d.toLocaleDateString(_df);
        var _ds = "%date_text% "+_td;
        var _un = document.getElementById("pageBeanfullPatronName").innerHTML;    
        var _ud = document.getElementById("pageBeanuserIDisplay").value;    
        var _lb = document.getElementById("locationButton").innerText;   
        var _rl = _lt.rows.length;
        %no_auth%
        %two_columns%
        var header_ray = [];
        var loan_ray = [];
        var i,j;
        var h,l;
        var loan_row, loan_rows;
        var _llt;
        var header_el = document.querySelectorAll('th[id^="SELENIUM_ID_loanList_HEADER"]');
        for(i=0; i<header_el.length; i++) {
            h = header_el[i].innerText;
            if (!h || h=="sortable" || h=="%sortable_translation%" ) h=header_el[i].querySelector('input[id^="sortHeader-checkout.patron.workspace"]').value;  
            header_ray.push(h);
            }
        loan_rows = document.querySelectorAll('tr[id^="recordContainerloanList"]');
        for (j=0; j<loan_rows.length; j++) {
            l = loan_rows[j].innerText;
            if(_noa) l=l.replace(/\s\/\s.*?(?=\t)/, "");
            loan_ray.push(l.split('\t'));
        }
    
    if (!_twc) {    
        _llt='<table border class="_llt">';
        _llt+="<tr><th>" + header_ray.join("</th><th>") + "</th></tr>\n";
        for (i=0; i<loan_ray.length; i++) {
            for(j=0; j<header_ray.length; j++) {
               loan_row+=loan_ray[i][j+2]+"</td><td>";
                   }            
        _llt+="<tr><td>" + loan_row.substring(0, loan_row.length-4) + "</tr>\n";
        loan_row="";
        }
        _llt+="</table>";
        } else {
            for (i=0; i<loan_ray.length; i++) {
            _llt+='<table class="_llt">';
            for (j=0; j<header_ray.length; j++) {
                _llt+="<tr><th>"+header_ray[j]+"</th><td>"+loan_ray[i][j+2]+"</td></tr>\n";
               
            }
        _llt+="</table>\n";
    }
    }   
    _llt=_llt.replace("undefined", "");
        
        
        var _css = "body {"+_bcs+"} table, th, td {"+_tbcs+"} #slip_institution {"+_ics+"} #slip_logo img {"+_gcs+"} #slip_lb {"+_lbcs+"} #slip_title {"+_tcs+"} #slip_user {"+_ucs+"} #slip_loans_table {"+_tcs+"} #slip_sn {"+_scs+"}";
        var _hh ="<!DOCTYPE HTML><html><head><meta charset='UTF-8'><style>"+_css+"</style></head><body><div id='slip'>";         
        var _hsl = "%html_slip%";
        var _sp = window.open('', '_blank','toolbar=no,resizable=yes,titlebar=no,menubar=no,top=%popup_top%,left=%popup_left%,width=%popup_width%,height=%popup_height%'); 
        _sp.document.write(_hh+_hsl+'</body></html>'); 
        _sp.document.close();
        %print_now%        
     }