Init basic AngularJS App

This commit is contained in:
Loic GUEGAN 2016-01-23 14:35:53 +01:00
parent d9f59602ff
commit 2984adf171
4 changed files with 22 additions and 9 deletions

View file

@ -15,7 +15,7 @@
</head> </head>
<!-- MAIN GRID --> <!-- MAIN GRID -->
<div class="container-lg"> <div class="container-lg" ng-app="MainApp">
<!-- FIRST ROW --> <!-- FIRST ROW -->
<div class="row"> <div class="row">
@ -23,9 +23,11 @@
<!-- LOGO --> <!-- LOGO -->
<p>LOGOLOGOLOGOLOGOLOGO<br />LOGOLOGOLOGOLOGOLOGO<br/>LOGOLOGOLOGOLOGOLOGO<br />LOGOLOGOLOGOLOGOLOGO<br /></p> <p>LOGOLOGOLOGOLOGOLOGO<br />LOGOLOGOLOGOLOGOLOGO<br/>LOGOLOGOLOGOLOGOLOGO<br />LOGOLOGOLOGOLOGOLOGO<br /></p>
</div> </div>
<div class="col-sm-10">
<!-- Header -->
<p>Header</p> <div class="col-sm-10">
<header ng-include="'./partials/header.html'"></header>
</div> </div>
</div> </div>
@ -35,11 +37,7 @@
<!-- NAV --> <!-- NAV -->
<div class="col-sm-2"> <div class="col-sm-2">
<ul class="nav nav-pills nav-stacked"> <nav ng-include="'./partials/nav.html'"></nav>
<li role="presentation" class="active"><a href="#">Entry 1</a></li>
<li role="presentation"><a href="#">Entry 2</a></li>
<li role="presentation"><a href="#">Entry 3</a></li>
</ul>
</div> </div>
@ -63,5 +61,9 @@
<body> <body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="./vendors/bootstrap/js/bootstrap.min.js"></script> <script src="./vendors/bootstrap/js/bootstrap.min.js"></script>
<script src="./vendors/angularjs/angular.min.js"></script>
<script src="./js/app.js"></script>
</body> </body>
</html> </html>

View file

@ -0,0 +1 @@
angular.module("MainApp",[])

View file

@ -0,0 +1 @@
<p>Header Content</p>

View file

@ -0,0 +1,9 @@
<div class="list-group">
<a href="#" class="list-group-item active">
Cras justo odio
</a>
<a href="#" class="list-group-item">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item">Morbi leo risus</a>
<a href="#" class="list-group-item">Porta ac consectetur ac</a>
<a href="#" class="list-group-item">Vestibulum at eros</a>
</div>