Implement modal without bootstrap.js and jQuery

This commit is contained in:
Lorenz Hübschle-Schneider 2014-07-05 14:36:58 +01:00
commit 23fb4da05a
3 changed files with 43 additions and 7 deletions

View file

@ -198,7 +198,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
<div class="title" ng-bind-html="activeBuffer().title | irclinky:'_blank'" title="{{activeBuffer().title}}"></div>
<div class="actions pull-right vertical-line-left">
<div class="pull-left">
<a class="" data-toggle="modal" data-target="#settingsModal" title="Options menu">
<a class="settings-toggle" ng-click="toggleModal('settingsModal')" title="Options menu">
<i class="glyphicon glyphicon-cog"></i>
</a>
</div>
@ -265,8 +265,8 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
</div>
</div>
<div id="soundNotification"></div>
<div id="settingsModal" class="modal fade">
<div class="modal-dialog">
<div id="settingsModal" class="gb-modal" data-state="hidden" ng-click="toggleModal('settingsModal')">
<div class="modal-dialog" ng-click="preventModalToggle('settingsModal', $event)">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
@ -385,7 +385,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" ng-click="toggleModal('settingsModal')">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->