Commit 6593c98a authored by Peter Harrison's avatar Peter Harrison

Playing around with Modal Dialogs. Popping up a modal dialog to enter

Board Name when creating New Board. 
parent 0af951a5
......@@ -31,7 +31,7 @@
<a href="" ng-click="setBoard(key,value)">{{value}}</a>
<a href="" ng-click="">New Board</a>
<a href="" ng-click="" data-toggle="modal" data-target="#newBoard">New Board</a>
......@@ -79,6 +79,38 @@
<!-- Modal -->
<div id="newBoard" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">New Board</h4>
<div class="modal-body">
<p>You are creating a new Board.</p>
<form class="form-horizontal">
<div class="form-group">
<label class="control-label col-sm-2" for="boardname">Name:</label>
<div class="col-xs-8">
<input type="text" class="form-control" id="boardname" placeholder="Board Name">
<div class="form-group">
<div class="col-sm-offset-2 col-xs-8">
<button type="submit" class="btn btn-default" data-dismiss="modal" ng-click="alertMe()">Submit</button>
<div class="container">
<!-- Main component for a primary marketing message or call to action -->
......@@ -114,7 +146,6 @@
<script src= "scripts/lib/angular.min.js"></script>
<!-- <script src=""></script> -->
<script src="scripts/lib/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script src="scripts/core/gravityApp.js"></script>
......@@ -61,6 +61,10 @@ app.controller('boardCtrl', function($scope, $http) {
$scope.alertMe = function() {
alert("I am an alert box!");
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment