Comments (15)
Update:
Hi @anitab-org/bridgeintech-maintainers. Here's the Create/Update User Profile Mockup.
Note: I divided the form t be 3 different section because we have 3 different tables related to each sections:
- Personal Details section - MS schema User table
- Additional Information section - BIT schema User_Extansion table
- Personal Background section - BIT schema Personal_Background table.
This one here is for Personal Details section:
from bridge-in-tech-web.
from bridge-in-tech-web.
In the user profile, may be we just add a * to show if all the fields are mandatory. It looks good otherwise :)
mmm... as we're using the MS table on this, the default settings of these fields for User profile on MS are not mandatory (so the mandatory ones are just the one from Register form). Perhaps only one field qualified to be mandatory, which is Name
. Do we still want the asterix *
in there?
from bridge-in-tech-web.
from bridge-in-tech-web.
Then maybe would it make sense to have a * for name so that it is clear
that is mandatory?
yup, will add it now 😉
from bridge-in-tech-web.
Update:
added asterix *
for the Name
field 😃
from bridge-in-tech-web.
Update: Change the buttons at the bottom
- User Profile - Personal details
from bridge-in-tech-web.
Update:
2. User Profile - Additional Information
from bridge-in-tech-web.
Update:
3. User Profile - Personal Background
from bridge-in-tech-web.
from bridge-in-tech-web.
Update:
Modified User Profile - Create/Update pages with My Space
for Main navbar and added sub navbar under this tab
so, when user logged in, they can select the My Space
tab on main navbar to get to their own My Portfolio
, MyProfile
and My Contact
pages. Under Members tab we'll have the same sections but without `'My...' on the sub nav titles.
Here're the mockups
- User Profile - Update Personal Details
- User - Profile - Update Additional Information
- User Profile - Update Personal Background
Here're what user can see when they click on the My Profile
tab (to view their profile)
4. User Profile - Personal Details
- User Profile - Additional Information
- User Profile - Personal Background
from bridge-in-tech-web.
Update:
Hi @anitab-org/bridgeintech-maintainers. Changed my mind on the sub nav under My Space section. Now it has Request History
instead of My Contact
(will only put one image here to show the change. But have changed the relevant tabs in the Figma file)
from bridge-in-tech-web.
Note for Reusable components:
- Sub-Navbar for Member users (under
My Space
main-navbar tab)
from bridge-in-tech-web.
Suggestions:
- Change
IRC ID
toZulip username
or explaining what IRC ID is - Remove
Exit
button
Note: 3 pages for one user profile
from bridge-in-tech-web.
Suggestions:
- Change
IRC ID
toZulip username
or explaining what IRC ID is
mmm... the issue is not all organization are the same, some might use Zulip, some might use Slack or other rIRC tools. Can I just add a ?
icon so when user wants further information, they can hover or click and we give them extra information saying "IRC is an Interactive Relay Channel. e.g, Zulip, Slack, Skype, etc"
- Remove
Exit
button
Yup 👍, will do that.
Note: 3 pages for one user profile
Yup 😊
from bridge-in-tech-web.
Related Issues (20)
- UI: Develop Homepage - Video section HOT 15
- UI: Develop Homepage - Benefits section HOT 5
- UI: Develop Homepage - Read about us section HOT 11
- UI: Develop Homepage - FAQ section HOT 12
- UI: Develop Homepage - Get In Touch section HOT 22
- UI: Develop Homepage - Footer section HOT 25
- Research: Using gh-pages as remote frontend HOT 13
- Research: Refactor useState() hooks to useReducer() HOT 17
- Task: Set up local environment HOT 24
- Dev: Add alternative homepage for remote deployment | URGENT HOT 14
- Bug: Test failed after Link tag is used to replace anchor tag in Register.jsx and Login.jsx HOT 9
- UI: Develop Sign Up page HOT 8
- UI: Develop Sign In page HOT 15
- UI: Temporary side navigation for protected pages HOT 9
- Dev: Move GetInTouch files into home folder HOT 2
- Bug: Sidebar icons on minimized/closed position are not linked to relevant pages HOT 11
- Dev: Add BIT backend heroku servers to BIT frontend as REST endpoints
- Chore: Update package.lock-json to match the dependencies inside package.json
- SignIn and SignUp page UI inconsistency HOT 4
- the logo has been crashed HOT 1
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.
from bridge-in-tech-web.