View | Details | Raw Unified | Return to bug 20809
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-10 / +43 lines)
Lines 1684-1709 dd { Link Here
1684
    + #menu {
1684
    + #menu {
1685
        margin-right: 0;
1685
        margin-right: 0;
1686
    }
1686
    }
1687
1688
    > div {
1689
        border-right: 1px solid #B9D8D9;
1690
        width: 100%;
1691
    }
1687
}
1692
}
1688
1693
1689
#patronbasics {
1694
/* Patron image */
1690
    div {
1695
1691
        background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
1696
.patronimage-container {
1692
        border: 1px solid #CCCCCC;
1697
    padding: .2em;
1698
    position: relative;
1699
1700
    &:hover {
1701
        .patronimage {
1702
            opacity: .8;
1703
        }
1704
1705
        .patronimage-controls {
1706
            opacity: 1;
1707
        }
1708
    }
1709
}
1710
1711
.patronimage {
1712
    display: block;
1713
    max-width: 160px;
1714
    opacity: 1;
1715
    transition: .2s ease;
1716
1717
    .empty {
1718
        background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
1693
        height: 125px;
1719
        height: 125px;
1694
        margin: .3em 0 .3em .3em;
1720
        margin: .3em 0 .3em .3em;
1695
        padding: 0;
1721
        padding: 0;
1696
        width: 105px;
1722
        width: 80%;
1697
    }
1723
    }
1698
}
1724
}
1699
1725
1700
#patronimage {
1726
.patronimage-controls {
1701
    border: 1px solid #CCCCCC;
1727
    left: 50%;
1702
    margin: .3em 0 .3em .3em;
1728
    opacity: 0;
1703
    max-width: 140px;
1729
    position: absolute;
1704
    padding: .2em;
1730
    text-align: center;
1731
    top: 80%;
1732
    transform: translate( -50%, -50% );
1733
    transition: .5s ease;
1705
}
1734
}
1706
1735
1736
.patronimage-control {
1737
    padding: 1em 2em;
1738
 }
1739
1707
.patronviews {
1740
.patronviews {
1708
    border-right: 1px solid #000;
1741
    border-right: 1px solid #000;
1709
    border-top: 1px solid #000;
1742
    border-top: 1px solid #000;
(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/circ-menu.inc (-15 / +39 lines)
Lines 2-26 Link Here
2
[% USE KohaDates %]
2
[% USE KohaDates %]
3
[% IF ( patron.borrowernumber ) %]
3
[% IF ( patron.borrowernumber ) %]
4
<div class="patroninfo"><h5>[% INCLUDE 'patron-title.inc' %]</h5>
4
<div class="patroninfo"><h5>[% INCLUDE 'patron-title.inc' %]</h5>
5
5
<input type="hidden" id="hiddenborrowernumber" value="[% patron.borrowernumber | html %]">
6
<input type="hidden" id="hiddenborrowernumber" value="[% patron.borrowernumber | html %]">
6
<input type="hidden" id="hiddenborrowername" value="[% patron.surname | html %] [% patron.firstname | html %]">
7
<input type="hidden" id="hiddenborrowername" value="[% patron.surname | html %] [% patron.firstname | html %]">
7
<input type="hidden" id="hiddenborrowercard" value="[% patron.cardnumber | html %]">
8
<input type="hidden" id="hiddenborrowercard" value="[% patron.cardnumber | html %]">
8
<!--[if IE 6]>
9
9
<style type="tex/css">img { width: expression(this.width > 140 ? 140: true);
10
[% IF ( patronimages ) %]
10
}</style>
11
    <div>
11
<![endif]-->
12
        <div class="patronimage-container">
13
            [% IF ( patron.image ) %]
14
                <img src="/cgi-bin/koha/members/patronimage.pl?borrowernumber=[% patron.borrowernumber | uri %]" class="patronimage" alt="[% patron.firstname | html %] [% patron.surname | html %] ([% patron.cardnumber | html %])" />
15
                <div class="patronimage-controls">
16
                    <div class="patronimage-control"><a data-borrowernumber="[% patron.borrowernumber | uri %]" class="btn btn-default btn-sm edit-patronimage" title="Edit patron image" href="#"><i class="fa fa-pencil"></i> Edit</a></div>
17
                </div>
18
            [% ELSE %]
19
                <div class="patronimage empty"></div>
20
                <div class="patronimage-controls">
21
                    <div class="patronimage-control"><a data-borrowernumber="[% patron.borrowernumber | uri %]" class="btn btn-default btn-sm edit-patronimage" title="Add patron image" href="#"><i class="fa fa-plus"></i> Add</a></div>
22
                </div>
23
            [% END %]
24
        </div>
25
    </div>
26
[% END %]
27
12
<ul class="patronbriefinfo">
28
<ul class="patronbriefinfo">
13
    [% IF ( patronimages ) %]
14
        [% IF ( patron.image ) %]
15
            <li>
16
                <img src="/cgi-bin/koha/members/patronimage.pl?borrowernumber=[% patron.borrowernumber | uri %]" id="patronimage" alt="[% patron.firstname | html %] [% patron.surname | html %] ([% patron.cardnumber | html %])" />
17
            </li>
18
        [% ELSE %]
19
            <li id="patronbasics">
20
                <div></div>
21
            </li>
22
        [% END %]
23
    [% END %]
24
    [% IF !(Koha.Preference('HidePersonalPatronDetailOnCirculation')) %]
29
    [% IF !(Koha.Preference('HidePersonalPatronDetailOnCirculation')) %]
25
        [% SWITCH Koha.Preference( 'AddressFormat' ) %]
30
        [% SWITCH Koha.Preference( 'AddressFormat' ) %]
26
            [% CASE 'de' %]
31
            [% CASE 'de' %]
Lines 130-133 Link Here
130
        <li><a href="/cgi-bin/koha/ill/ill-requests.pl?borrowernumber=[% patron.borrowernumber | uri %]">Interlibrary loans</a></li>
135
        <li><a href="/cgi-bin/koha/ill/ill-requests.pl?borrowernumber=[% patron.borrowernumber | uri %]">Interlibrary loans</a></li>
131
    [% END %]
136
    [% END %]
132
</ul></div>
137
</ul></div>
138
139
<!-- Modal -->
140
<div class="modal" id="patronImageEdit" tabindex="-1" role="dialog" aria-labelledby="patronImageEditLabel">
141
    <div class="modal-dialog" role="document">
142
        <div class="modal-content">
143
            <div class="modal-header">
144
                <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
145
                <h4 class="modal-title" id="patronImageEditLabel">Modal title</h4>
146
            </div>
147
            <div class="modal-body">
148
                <img src="[% interface %]/[% theme %]/img/spinner-small.gif" alt="" />
149
            </div>
150
            <div class="modal-footer">
151
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
152
            </div>
153
        </div>
154
    </div>
155
</div>
156
133
[% END %]
157
[% END %]
(-)a/koha-tmpl/intranet-tmpl/prog/js/members-menu.js (-1 / +13 lines)
Lines 82-87 $(document).ready(function(){ Link Here
82
    $("#select_patron_messages").on("change",function(){
82
    $("#select_patron_messages").on("change",function(){
83
        $("#borrower_message").val( $(this).val() );
83
        $("#borrower_message").val( $(this).val() );
84
    });
84
    });
85
86
    $(".edit-patronimage").on("click", function(e){
87
        e.preventDefault();
88
        var borrowernumber = $(this).data("borrowernumber");
89
        $.get("/cgi-bin/koha/members/moremember.pl", { borrowernumber : borrowernumber }, function( data ){
90
            var image_form = $(data).find("#picture-upload");
91
            image_form.show().find(".cancel").remove();
92
            $("#patronImageEdit .modal-body").html( image_form );
93
        });
94
        var modalTitle = $(this).attr("title");
95
        $("#patronImageEdit .modal-title").text(modalTitle);
96
        $("#patronImageEdit").modal("show");
97
    });
85
});
98
});
86
99
87
function confirm_updatechild() {
100
function confirm_updatechild() {
88
- 

Return to bug 20809