Commit f435e33

author

AbdelrahmanSE

committed

Users table

1 parent fe460b0 commit f435e33Copy full SHA for f435e33

File tree

+13

-6

lines changed

+13

-6

lines changed

Lines changed: 7 additions & 0 deletions

Lines changed: 1 addition & 0 deletions

Lines changed: 2 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,10 @@`
`1`	`1`	`<th scope="row">{{ user.id }}</th>`
`2`		`-<td><input type="checkbox" /></td>`
	`2`	`+<td><input type="checkbox" ng-model="user.selected" /></td>`
`3`	`3`	`<td>{{ user.firstName }} {{ user.lastName }}</td>`
`4`	`4`	`<td>{{ user.email }}</td>`
`5`	`5`	`<td>{{ user.country }}</td>`
`6`	`6`	`<td class="text-center">`
`7`	`7`	`<button type="button" class="btn btn-primary">Show</button>`
`8`		`- <button type="button" class="btn btn-secondary">Edit</button>`
`9`		`- <button type="button" class="btn btn-info">Details</button>`
	`8`	`+ <a class="btn btn-secondary" href="#!/users/{{ user.id }}">Edit</a>`
`10`	`9`	`<button type="button" class="btn btn-danger">Delete</button>`
`11`	`10`	`</td>`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,7 @@ function Controller($scope, UsersAPI) {`
`35`	`35`
`36`	`36`	`// Get the records for the current page`
`37`	`37`	`function getUsersPage() {`
	`38`	`+ console.log($scope.users)`
`38`	`39`	`return $scope.users.slice($scope.currentPage * RowPerPage, $scope.currentPage * RowPerPage + RowPerPage);`
`39`	`40`	`}`
`40`	`41`

Lines changed: 2 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -12,11 +12,10 @@ <h2>Users</h2>`
`12`	`12`	`</tr>`
`13`	`13`	`</thead>`
`14`	`14`	`<tbody>`
`15`		`- <tr user-row ng-repeat="user in getUsersPage()" user="user"></tr>`
	`15`	`+ <tr user-row ng-repeat="user in getUsersPage()" user="user"ng-class="user.selected ? 'selected' : ''"></tr>`
`16`	`16`	`</tbody>`
`17`	`17`	`</table>`
`18`	`18`
`19`		`-`
`20`	`19`	`<nav aria-label="Page navigation users">`
`21`	`20`	`<ul class="pagination justify-content-center">`
`22`	`21`	`<li class="page-item" ng-class="currentPage === 0 ? 'disabled' : ''">`
`@@ -25,7 +24,7 @@ <h2>Users</h2>`
`25`	`24`	`<li class="page-item disabled">`
`26`	`25`	`<span class="page-link">{{ currentPage + 1 }}</span>`
`27`	`26`	`</li>`
`28`		`- <li class="page-item" ng-class="currentPage === lastPageNumber - 1 ? 'disabled' : ''">`
	`27`	`+ <li class="page-item" ng-class="currentPage === lastPageNumber - 1 ? 'disabled' : ''">`
`29`	`28`	`<button class="page-link" ng-click="nextPage()">Next</button>`
`30`	`29`	`</li>`
`31`	`30`	`</ul>`

Comments

(0)