gctools-outilsgc / directory-fe Goto Github PK
View Code? Open in Web Editor NEWFront end React app for directory / profile service
Front end React app for directory / profile service
Look at extending the token life on logged in session to try and address some of the issues that came up in testing around not being authenticated
lets say a day token life
Do something about all the hard-coded endpoints, config, etc. This doesn't seem to be a solved problem in React so it will likely require testing various approaches.
When loading page in French, some elements will load in English and will only switch after hitting the toggle language again. These elements include CTA cards on homepage, Profile header on profile page and approval status messages on profile pages.
When viewing the onboarding pages, the text uses GCprofile as the app name in various places instead of Directory.
Button styles don't follow the standard and the step counter has a completed class we can add to show progress.
When a user is not in a team the directory app does not correctly render pages (onboarding or user's profile page
Change the text box of the supervisor picker box so that it is more obvious to users they have to pick from a list
Be able to have the filter generate base on value available in the search result.
For exemple, having the possibility to filter our search result by specific team or organization.
Lets add context to the fields in the profile on boarding so that the button say skip if not filled out or next if info is filled out. Just so that it is more obvious to users that they do not have to fill out all the fields.
save and next? to make clear that it will save data.
add the ability to crop and edit an image to use as an avatar. Instigate react components that may already do this
i18n-translation-webpack-plugin component no longer builds due to virtualenv dependency.
Python virtualenv recently had undergone a rebuild and the node package only works with the legacy versions.
hitting the language toggle on profile causes a number of issues and slowdowns. Find the issue and fix it
We will have to come up with a way to translate the messages we receive back from the server.
The org box looks like a free test box and so people may not realize something must be selected from the list. Lets modify this component in some way that makes it obvious they have to select from the list
Remove default react favicon and put our own in its place
go with maple-leaf for now
mock up / design work for teams section
Modify "Your Teams Section" and "Approvals" tab for mobile view.
just do a round of testing on safari to see if there are any major problems such as being reported in the testing
Create a dropdown that give the option to change the number of result per page. By default, its 6.
for Troy to record specific feedback problems to solve
Make clear on the manage team page that you can only assign people who report to you to a team
also why is account not in global nav. just thinking out loud
Adding link like mailto:
and tel:
so the user can quickly perform those action from the search result.
Also, adding the google maps link to the address
it would be cool to have some soft of button on key pieces of profile info, like address, that copies the info, formatted, into clipboard for easy copy pasting
Update the readme with installation instructions through Docker, Explain eco system, how app works etc.
Usually, we have 3 way to close a modal. By clicking on the cancel button, clicking on the X button and clicking on an empty space.
Here some issue I found in different modal:
The create team modal do not have an X on the top right corner
The create team modal don't close when clicking on an empty space
Add team member modal don't close when clicking on empty space
Move team member supervisor don't close when clicking on empty space
Edit team modal do not have an X on the top right corner
Edit team member don't close when clicking on empty space
Delete team don't close when clicking on empty space
Move team member to another team don't close when clicking on empty space
nice to have, invite user to directory feature as built into supervisor picker, or team management feature, as well as maybe in general
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.