Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html ng-app="app">
- <head>
- <meta charset="utf-8">
- <title>Labos</title>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
- <script>
- let app = angular.module('app', ['ui.router']);
- app.config(function($stateProvider, $urlRouterProvider) {
- $stateProvider.state('main',{
- url:'/',
- component:'main'
- }).state('jmbag',{
- url:'/:jmbag',
- template:`
- {{this.x}}
- `,
- controller:function($stateParams)
- {
- this.x = $stateParams.jmbag
- }
- ,
- controllerAs:'c'
- });
- $urlRouterProvider.otherwise('/');
- });
- app.component('main', {
- template:`
- Search:<input ng-model="s.query.ects" type="text"/>
- <table>
- <tr>
- <th ng-click="s.setSort('ime')">Name</th>
- <th ng-click="s.setSort('prosjek')">Prosjek</th>
- <th ng-click="s.setSort('ects')">Ects</th>
- </tr>
- <tr ng-repeat="s in s.studenti | filter:s.query | orderBy:'s.sort'">
- <td><a ui-sref="jmbag({jmbag:s.jmbag})">{{s.ime}}</a></td>
- <td>{{s.prosjek}}</td>
- <td>{{s.ects / 30 | number:0}}</td>
- </tr>
- </table>
- `
- ,
- controller:function(){
- this.sort='name';
- this.studenti=[
- {ime: "Prvi", jmbag: '02411111111', ects: 180, prosjek: 4.4},
- {ime: "Drugi", jmbag: '02411111112', ects: 140, prosjek: 4},
- {ime: "Treci", jmbag: '02411111113', ects: 90, prosjek: 3.3},
- {ime: "Cetvrti", jmbag: '02411111114', ects: 28, prosjek: 2.2},
- {ime: "Peti", jmbag: '02411111115', ects: 150, prosjek: 2.0}
- ];
- this.setSort=function(column){
- this.sort= this.sort == column ? '-'+column : column
- }
- },
- controllerAs:'s'
- <!--'<a ui-sref="news">Vijesti<a/><br/><a ui-sref="jmbag">jmbag<a/><br/>'-->
- });
- </script>
- </head>
- <body>
- <div ui-view></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement