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>
</li>
<li>
<a href="" ng-click="">New Board</a>
<a href="" ng-click="" data-toggle="modal" data-target="#newBoard">New Board</a>
</li>
</ul>
</li>
......@@ -79,6 +79,38 @@
</div>
</nav>
<!-- 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>
<div class="modal-body">
<p>You are creating a new Board.</p>
</div>
<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>
</div>
<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>
</div>
</form>
</div>
</div>
</div>
<div class="container">
<!-- Main component for a primary marketing message or call to action -->
......@@ -114,7 +146,6 @@
</div>
<script src= "scripts/lib/angular.min.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></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
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment