123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!doctype html>
- <html ng-app="eventManApp">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <script src="/static/js/angular.min.js"></script>
- <script src="/js/controllers.js"></script>
- <title>Event Man(ager)</title>
- <link href="/static/css/bootstrap.min.css" rel="stylesheet">
- </head>
- <body ng-controller="PersonsListCtrl">
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-2">
- <!--Sidebar content-->
- Search: <input ng-model="query">
- Sort by:
- <select ng-model="orderProp">
- <option value="name">Alphabetical</option>
- <option value="id">ID</option>
- </select>
- </div>
- <div class="col-md-10">
- <!--Body content-->
- <ul class="persons">
- <li ng-repeat="person in persons | filter:query | orderBy:orderProp">
- <span>{{person.name}}</span> <span>{{person.surname}}</span>
- <p>{{person.snippet}}</p>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <script src="/static/js/jquery-2.1.3.min.js"></script>
- <script src="/static/js/bootstrap.min.js"></script>
- </body>
- </html>
|