Frio: login button opens a modal

This commit is contained in:
Fabrixxm 2016-06-10 10:40:13 +02:00
parent ee06d2fa3c
commit 8c1422103e
2 changed files with 25 additions and 1 deletions

View file

@ -240,11 +240,29 @@
<div class="hidden-sm hidden-xs"> <div class="hidden-sm hidden-xs">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="register" data-toggle="tooltip" title="{{$register.title}}"><i class="fa fa-street-view fa-fw"></i> {{$register.desc}}</a></li> <li><a href="register" data-toggle="tooltip" title="{{$register.title}}"><i class="fa fa-street-view fa-fw"></i> {{$register.desc}}</a></li>
<li><a href="login?mode=none" data-toggle="tooltip" title="{{$login}}"><i class="fa fa-sign-in fa-fw"></i> {{$login}}</a></li> <li data-toggle="tooltip" title="{{$nav.login.3}}">
<a href="login?mode=none"
data-remote="false" data-toggle="modal" data-target="#loginModal"
><i class="fa fa-sign-in fa-fw"></i></a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">{{$nav.login.3}}</h4>
</div>
<div class="modal-body">
...
</div>
</div>
</div>
</div>
{{/if}} {{/if}}
{{* The second navbar which contains nav points of the actual page - (nav points are actual handled by this theme throug js *}} {{* The second navbar which contains nav points of the actual page - (nav points are actual handled by this theme throug js *}}

View file

@ -2,5 +2,11 @@
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$("#nav-search-input-field").search_autocomplete(baseurl + '/acl'); $("#nav-search-input-field").search_autocomplete(baseurl + '/acl');
$("#loginModal").on("show.bs.modal", function(e) {
var link = $(e.relatedTarget);
$(this).find(".modal-body").load(link.attr("href"));
});
}); });
</script> </script>