jujalabs / web-ui Goto Github PK

Add skype column

Class Achievement contains next fileld :

class Achievement {
id: string,
from: string,
to: string,
sendDate: number,
point: number,
description: string,
type: string
}

1. add button scroll to top
2. add some css
3. delete user uuid in user details table

Move all files to right packages and folders.
Make a structure for assets (images, bootstrap files and etc)

Create new component for view detail user statistics
List columns in table.

from | to | description| count | date | type

from must be converted to user-name using method getNameByUuid(uuid) in userService
to is name user on which to build statistics

Data for this table is array of UserDetails objects that return method getUserDetails(uuid) in gamificationService

Class UserDetails contains next fileld :

class UserDetails {
  uuid,
  arrays of Achievement
}

It shoud be done like tile. One tile = one team. Team has no name and no number so within the tile users names have to be shown. And these names I can click and go to the User Details page.
The example is attached (very simple example, you can do more beautiful).

Search has to be by slack or direction.

tools for easy work with angular

1. update colors
2. change logo
3. delete buttons in navbar

Rename old class Person and add additional fileds
class User contains next field :

User {
   uid, 
   name, 
   skype, 
   slack 
}

When the page is opened, the component receives data from the User and Gamification services and converts them into one table with such fields :

skype | slack | name | pointSum

Do refactoring code style and small mistakes.

Console log:

Failed to load resource: the server responded with a status of 404 (Not Found)

Show the table with columns: name, slack, directions.
Do the request to the Keepers microservice:
url - "/keepers"
method - GET
request - {}
response -
[ { "uuid": ... , "directions": ["dir1", "dir2"] }, { "uuid": ... , "directions": ["dir1", "dir2"] } ]

Please, fix build and assemble this application

ng build --prod finish with error

Maybe save sorting order and restore it after return from User details screen

if point = 0

Images and versions of browsers

Firefox

Chrome

Dolphin

Look at the documentations about new version of URLs.
Gamification
Users
Keepers
Teams
Fix them in UI app. Check access to all microservices you need.

Create method getNameByUuid(uuid) that return of User objects from remote user service. uuid is param for find user.

In class User, fields that are not used must be skipped

See details for user api

Old approach was bad, but this feature still need

Need change user detail view and move new records to top.

Maybe you can create and use pipe for reverse operation

Position on opened user after return to list of all users

Some links:

• Angular2 Tutorial
• testing-components-in-angular-2-with-jasmine

When the page is loaded, in each row displays a button btnDetails.
Click on the button opens a new view to view detailed statistics for the user.
Open view user-details-table

Add routing between two view all-user-table and user-details-table

progress.juja.com.ua

/api/gamification/ ....
/api/users/

Add auto build this repository in docker hub.
Please send PR to release branch

Create or update GamificationService.

In GamificationService create method getPointSumForAllUsers() which receives the data from the remote service and converts them into an array UserActivity

First use a local file json with the required data
json file is simple mock.

Create new component and move all related logic from app.component
App.component must be main component for this application

Class UserActivity contains next fileld :

class UserActivity {
   uid,
   pointSum
}

All questions to @danilkuznetsov

using directive

UI send the request to the server and get some data. But the view is empty.

Github added new service for searching vulnerability in dependencies.

Message
The handlebars dependency defined in package-lock.json has a known moderate severity security vulnerability in version range < 4.0.0 and should be updated.

Create or update UserService.
In UserService create method getAllUsers which recieves the data from remote service and convert to array User

First use local json file with the required data. json file is simple mock.

User { 
 uid,
 name,
 slack,
 skype
}

Create method getUserDetails(uuid) that return array of UserDetail objects from remote gamification service. uuid is param for find user

See details for gamification api