59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" >
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Modal Dialogs - AngularJS BootStrap 3</title>
|
||
|
|
<link rel='stylesheet' href='https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'><link rel="stylesheet" href="./style.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- partial:index.partial.html -->
|
||
|
|
<html ng-app="modalTest">
|
||
|
|
<head>
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
|
||
|
|
<script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js" type="text/javascript"></script>
|
||
|
|
<script src="https://m-e-conroy.github.io/angular-dialog-service/javascripts/dialogs.min.js" type="text/javascript"></script>
|
||
|
|
</head>
|
||
|
|
<body ng-controller="dialogServiceTest" class="pad">
|
||
|
|
<h2>Bootstrap 3 & AngularJS Dialog/Modals</h2><br />
|
||
|
|
<p>
|
||
|
|
Demostration of an Angular-Dialog-Service module. Which can be found on Github: <a href="https://github.com/m-e-conroy/angular-dialog-service">https://github.com/m-e-conroy/angular-dialog-service</a><br />
|
||
|
|
</p>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<button class="btn btn-danger" ng-click="launch('error')">Error Dialog</button>
|
||
|
|
|
||
|
|
<button class="btn btn-primary" ng-click="launch('wait')">Wait Dialog</button>
|
||
|
|
|
||
|
|
<button class="btn btn-default" ng-click="launch('notify')">Notify Dialog</button>
|
||
|
|
|
||
|
|
<button class="btn btn-success" ng-click="launch('confirm')">Confirm Dialog</button>
|
||
|
|
|
||
|
|
<button class="btn btn-warning" ng-click="launch('create')">Custom Dialog</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br />
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<p>
|
||
|
|
<span class="text-info">From Confirm Dialog</span>: {{confirmed}}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br />
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<p>
|
||
|
|
<span class="text-info">Your Name</span>: {{name}}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br />
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<!-- partial -->
|
||
|
|
<script src="./script.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|