Advertisement
Guest User

aaa

a guest
Nov 22nd, 2017
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.47 KB | None | 0 0
  1. <html ng-app="app">
  2. <head>
  3. <meta charset="utf-8">
  4. <title>Labos</title>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
  7. <script>
  8.  
  9.  
  10. let app = angular.module('app', ['ui.router']);
  11.  
  12. app.config(function($stateProvider, $urlRouterProvider) {
  13.  
  14. $stateProvider.state('main',{
  15. url:'/',
  16. component:'main'
  17. }).state('jmbag',{
  18. url:'/:jmbag',
  19. template:`
  20. {{this.x}}
  21. `,
  22.  
  23. controller:function($stateParams)
  24. {
  25. this.x = $stateParams.jmbag
  26. }
  27. ,
  28. controllerAs:'c'
  29. });
  30.  
  31. $urlRouterProvider.otherwise('/');
  32.  
  33. });
  34.  
  35. app.component('main', {
  36.  
  37. template:`
  38. Search:<input ng-model="s.query.ects" type="text"/>
  39. <table>
  40. <tr>
  41. <th ng-click="s.setSort('ime')">Name</th>
  42. <th ng-click="s.setSort('prosjek')">Prosjek</th>
  43. <th ng-click="s.setSort('ects')">Ects</th>
  44. </tr>
  45. <tr ng-repeat="s in s.studenti | filter:s.query | orderBy:'s.sort'">
  46. <td><a ui-sref="jmbag({jmbag:s.jmbag})">{{s.ime}}</a></td>
  47. <td>{{s.prosjek}}</td>
  48. <td>{{s.ects / 30 | number:0}}</td>
  49. </tr>
  50. </table>
  51. `
  52. ,
  53. controller:function(){
  54. this.sort='name';
  55. this.studenti=[
  56. {ime: "Prvi", jmbag: '02411111111', ects: 180, prosjek: 4.4},
  57. {ime: "Drugi", jmbag: '02411111112', ects: 140, prosjek: 4},
  58. {ime: "Treci", jmbag: '02411111113', ects: 90, prosjek: 3.3},
  59. {ime: "Cetvrti", jmbag: '02411111114', ects: 28, prosjek: 2.2},
  60. {ime: "Peti", jmbag: '02411111115', ects: 150, prosjek: 2.0}
  61. ];
  62. this.setSort=function(column){
  63. this.sort= this.sort == column ? '-'+column : column
  64. }
  65.  
  66.  
  67.  
  68.  
  69. },
  70. controllerAs:'s'
  71. <!--'<a ui-sref="news">Vijesti<a/><br/><a ui-sref="jmbag">jmbag<a/><br/>'-->
  72.  
  73. });
  74.  
  75.  
  76.  
  77.  
  78. </script>
  79. </head>
  80. <body>
  81. <div ui-view></div>
  82. </body>
  83. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement