Mercurial > wikked
changeset 461:2fc9abd93023
web: Make the lock icon open and close as the user pins/unpins the sidebar.
author | Ludovic Chabant <ludovic@chabant.com> |
---|---|
date | Sun, 30 Sep 2018 21:40:15 -0700 |
parents | bca920563cfb |
children | 2027ab79f006 |
files | wikked/assets/js/wikked/app.js wikked/templates/nav.html |
diffstat | 2 files changed, 12 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/wikked/assets/js/wikked/app.js Sun Sep 30 21:39:25 2018 -0700 +++ b/wikked/assets/js/wikked/app.js Sun Sep 30 21:40:15 2018 -0700 @@ -77,6 +77,17 @@ }, _toggleWikiMenuPin: function(onOff) { $('#wiki-menu-pin').toggleClass('wiki-menu-pin-active', onOff); + var lockIcon = $('#wiki-menu-pin>span'); + if (onOff) + { + lockIcon.addClass('fa-lock'); + lockIcon.removeClass('fa-unlock'); + } + else + { + lockIcon.addClass('fa-unlock'); + lockIcon.removeClass('fa-lock'); + } }, _searchQueryFocused: function(e) { this.isMenuActiveLocked = true;
--- a/wikked/templates/nav.html Sun Sep 30 21:39:25 2018 -0700 +++ b/wikked/templates/nav.html Sun Sep 30 21:40:15 2018 -0700 @@ -3,7 +3,7 @@ </a> <nav id="wiki-menu" role="navigation" class="pure-menu pure-menu-open{%if not nav.hide_menu%} wiki-menu-active{%endif%}"> <div id="wiki-menu-pin" title="Pin/unpin the wiki menu."> - <span class="fa fa-lock"></span> + <span class="fa fa-{%if not nav.hide_menu%}lock{%else%}unlock{%endif%}"></span> </div> <ul class="pure-menu-list"> {%if nav.url_home%}<li class="pure-menu-item"><a href="{{nav.url_home}}"><span class="fa fa-home"></span> Home</a></li>{%endif%}