web-ui's People
web-ui's Issues
Add column to ActiveKeepers page
Add skype column
Create class Achievement
Class Achievement contains next fileld :
class Achievement {
id: string,
from: string,
to: string,
sendDate: number,
point: number,
description: string,
type: string
}
Fix docker build to using ng build --prod
Add button scroll to top
- add button scroll to top
- add some css
- delete user uuid in user details table
Create structure project
Move all files to right packages and folders.
Make a structure for assets (images, bootstrap files and etc)
Create component user-details-table
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
Create class UserDetails
Class UserDetails contains next fileld :
class UserDetails {
uuid,
arrays of Achievement
}
Page Active Keepers: names should be highlighted as a link
Implement List of Slack Channels from Slack-archive service
Implement Teams page
fixed position of button "back" in userDetailsTable
Implement Search for Active Keepers page
Search has to be by slack or direction.
Add angular-cli to project
tools for easy work with angular
Update colors in allUsersTable
- update colors
- change logo
- delete buttons in navbar
Rename class Person to User
Rename old class Person and add additional fileds
class User contains next field :
User {
uid,
name,
skype,
slack
}
Add pointSum to header userDetailsTable
Add view table for all users in all-users-table component
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
Refactoring
Do refactoring code style and small mistakes.
Fix load style.css in prod env
Console log:
Failed to load resource: the server responded with a status of 404 (Not Found)
Implement the page Active keepers
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"] } ]
test
Fix build, update all dependencies
Please, fix build and assemble this application
Fix production build.
ng build --prod finish with error
Save sorting order before opened User details screen and restore it after return to the list of users
Maybe save sorting order and restore it after return from User details screen
Add class disabled for btnDetails
if point = 0
On android browsers missing 'Teams', 'Active Keepers', 'All users' buttons in header
Bug: Blinking table on user details view when scrolling page
All backend microservices are changing url
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() for userService
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
Add reverse for user details table
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
When return from specific User details screen - position on that User in List screen
Position on opened user after return to list of all users
Learn how unit tests work in angular 2
Create buttons Details in AllUsersTable
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
Add a dockerfile and scripts for build in production
Change url for real services
progress.juja.com.ua
/api/gamification/ ....
/api/users/
Add multi-stage build for docker image
Add auto build this repository in docker hub.
Please send PR to release branch
Create method getPointSumForAllUsers into GamificationService
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 component all-users-table
Create new component and move all related logic from app.component
App.component must be main component for this application
Create class UserActivity
Class UserActivity contains next fileld :
class UserActivity {
uid,
pointSum
}
Change the color of the row in allUsersTable depending on the rating
Learn and implement State of app
All questions to @danilkuznetsov
Update button scroll to top
using directive
Fix keepers and teams views.
UI send the request to the server and get some data. But the view is empty.
Fix vulnerability in dependencies
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 method getAllUsers into UserService
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() for gamificationService
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
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.