appirio-tech / connect-app Goto Github PK

Not able to find/add Petr to the project, even though his account exists in Dev: https://www.topcoder-dev.com/members/petr/

For users without an avatar, the default should be the first two letters of the username, not capitalized, on a randomly generated primary color background, as shown below. Currently, the team management panel shows the default as the combination of the first letter of the first name and the first letter of the last name; the nav shows the first letter of the username. Both of these are incorrect (different background colors are used in different places, as well).

@vic-appirio we've ended up being messy here. Right now tc-app uses your username in the nav, whereas we want to use your real name. We should standardize on what we display and use that to inform the avatar

After a user selects a device (one or more), they should not be allowed to get into a state when no devices are selected, which currently will generate an error message. If only one device is selected, it can be deselected only by selecting an alternate device.

When adding a username that is already added in the team it says "This username doesn't exist". Which is semantically wrong. The username exists, the event is that his user is already added.

I think we should either change the message and format, or to allow displaying added members in the search result with a tag or some distinction.

@vic-appirio could you please create a quick design for this and attach here? We can't put this link in the "Links" section b/c it will only be visible to "internal" roles. Thank you.

cc @ajefts

Not sure if we can support recent searches for the beta release, but if we can, remove "Edit" and "Learn more." Simply show the last five terms searched by the user.

Currently going to connectv2.topcoder-dev.com when logged out takes you to a page like this:

... not a good experience. The marketing site currently just links to connect.topcoder.com, which takes the user to a log in. Can we put together a super simple home page (maybe starring Coder?) so that the user at least knows they've come to the right place?

Only customers (not owner - isPrimary: false) & managers can remove themselves from a project team.

Another 'dumb' presentational component.
Should show the following properties :

• photoURL if empty should be default to an img/svg,
• firstName, last Name
• handle

Eg.
Here's an example of the component being used in Team management. In this example this component would be composed within other components.

This component can also be used in project list view.

Have added a copilot to my project (https://www.topcoder-dev.com/members/jasoncopilot/), but he is not being identified as a copilot, as show in the design. Not sure if this is an issue with how the new Connect copilot role is being assigned or a bug.

Currently deleting links (by clicking the trash icon) is instant. We should confirm deletion, as shown in the design:

This is to wrap up create project functionality

See screenshot. To reproduce, enter name, then backspace to delete it.

• Refactor the feature slider to not use .png images as backgrounds;
• Not precise positioning of the selected item pointer.

Hey amigo @vic-appirio. With the side panel footer update, I realize we have two footers on this scenario. It's ok in any other page except in the ones that use this side panel.

What are your thoughts? Do you want to remove the one from the side panel? That seems to be a good option since there is already a footer at the very bottom. Let me know.

When a user clicks on the "+" to add a team member, the component greatly expands in size. All team management actions should not effect the size of the component, as shown in the design.

This component should only be visible in the following cases, for a user logged in with specific role:

• Customer: never
• Copilot:
  • if logged in user has copilot role (user.roles in redux state)
  • if there are no copilots already assigned to this project (project.member where role is 'copilot')
  • Clicking on JOIN button should add current user as a primary copilot for this project. NOTE: this is how copilots can claim projects. There might be a race condition where 2 copilots are viewing the same project before either has claimed it. The 2nd one to attempt to claim will face an error message 'already claimed'. Error to be displayed under the action like
    
• Managers:
  • If logged in user has Topcoder Manager role (user.roles in redux state)
  • if current user is not already part of the project team
  • Clicking on JOIN button should add current user as a Topcoder Manager for this project. (Note you can have more than one manager on a project).
    

When a user clicks on a link in the "Links" section, let's open it in a new tab, so that they're not taken away from the application.

I think this was planned, but is not working. If we can't have it for this release, that's OK.

Only team owner (role:customer + isPrimary:true) & managers can remove members.

• Owners : can only remove members with customer role
• Managers: can remove members with customer, copilot or manager roles.

The Project Details page is where the user(s) create the final specification of the project - type of work needed, design and development specifications.

The Feature Selector is not part of this page; although it is displayed as a modal overlay, it is a separate issue/view.

Specification is here: https://drive.google.com/drive/folders/0B1LbmKnex41fT3JRTE5YMUdBWEE?usp=sharing

After a user leaves the project, from the team management panel, they remain on the project dashboard, rather than getting a confirmation message and being taken to another page (e.g., the Home/Projects Overview page).

@vic-appirio: can we handle this by showing a toaster message confirmation and taking the user to the Listing page?

• "App Project" should be "App Design & Development" or "App Design & Dev" if space doesn't allow
• "Work Project" should be "Other Work"

I accidentally hit create a link and I wanted to cancel it but I couldn't. I think it would be useful to add a cancel button here. Wdyt?

1. The current implementation of the features selector shows a 'X' icon to close it that collides with the user dropdown.
2. There is a very long scroll bar that has a strange behavior. It goes down (to the end of the parent window that calls the feature selector) but it actually does not perform a change in the current view. Just give it a try and you'll see.

Here are the rules for this container component

• Customer Role:
  Customers can only add additional customer role members.
• Copilot role:
  Copilots can add other copilots or customers role members
• Topcoder Manager or Manager:
  Managers can add customer, copilot or other managers

Please see columns 1-3 for this interaction in attached png

Currently anyone can view all projects. All projects should only be viewable by those with the "Manager" role. Copilots should be able to see all projects in "Reviewed" phase. Otherwise, users should only see projects that they're a part of.

logo-connect-web.svg.zip

Is there a limit to the number of characters the API can support? If so, let's enforce it by not allowing the user to enter more... the cursor should just stop.

The project dashboard needs to be verified for style inconsistencies. It is a composite layout, using several components, and multiple states.

There are two main areas:

• Left pane (project info (title, type, status, progress, budget), links, team, footer);
• Main feed (cards, composer);

Speck is here: https://drive.google.com/drive/folders/0B1LbmKnex41fU18zSE9WMEVJNFU?usp=sharing

Team management is part of the core experience for Connect v2. Team management is accessible on the Dashboard left pane.

Spec is here: https://drive.google.com/drive/folders/0B1LbmKnex41fcDROZnFWTWxDVk0?usp=sharing

Create a component to show attached file information.
Additional Actions -

• Remove file
• Edit

On Edit, title & description can be edited.
Eg.

The action confirmation messages that appear (e.g., after adding a link from the Dashboard) don't have the correct font and appear on the far right of the screen. Is there a way to tweak them to look better, before we implement new confirmations/notifications later?

When you try to search members to add them to the team management, you can't see the whole list of users from the autocomplete box. I think there might be a conflict with the sticky behavior.

Plus, as suggestion, I think a loading indicator would be nice to have, in the search component. My first impression when I type and it took more than 5sec to show me some results was that it wasn't working.

The Feature Selector is a modal view that is shown to the user from the Project Specification page when they click on "Add / Edit Features". It allows the users to select one or more predefined features, and also specify their own project features. After clicking on the close icon, the system displays all the selected features as a table inside the Project Specification.

N.B. We should modify the current preview component to separate the device from the feature preview image.

Specification is here: https://drive.google.com/drive/folders/0B1LbmKnex41fYUtpV1AwOFFFMUE?usp=sharing

Is it useful to pull Status and Duration info from Direct or will it confuse new customers such as GE and EY? If so, maybe we should remove it for this release.

Project creation is a view that the user sees after pressing "+ New Project" button from the main Connect page (project list view). Depending on the user role, we have a simple view for a template project, and custom project. Power users see the two options, while regular users see only the template project creation form.

Specification (including HTML prototype) is here: https://drive.google.com/drive/folders/0B1LbmKnex41fQ01mRnNDWmFLTUk?usp=sharing
NOTE: Code field on work project should be removed.

Project Listing is the advanced view for power users in Connect where they can access all projects, and quickly get updates on a project status. This is the main page of Connect v2.

The main navigation — including the advanced filters — is not part of this fix. We focus only on the List view (table).

Speck is here: https://drive.google.com/drive/folders/0B1LbmKnex41fVVJwVzJvVFFIVE0?usp=sharing

Empty pages and error pages should provide ways for users to decide where to go next, or recover from an error.

Spec is here: https://drive.google.com/drive/folders/0B1LbmKnex41fX3ZxRTdnZlhERTg?usp=sharing

As shown in the design

Messaging relies heavily on the Dashboard design, as it is a continuation of the user experience.

The messaging is delivered as part of the Dashboard styling. Speck is here: https://drive.google.com/drive/folders/0B1LbmKnex41fU18zSE9WMEVJNFU?usp=sharing

https://github.com/mjrussell/react-redux-jwt-auth-example/tree/react-router-redux

Not needed when the fields are labeled

Only manager and copilot roles can change the Status; for them the hover state over the dropdown should be supported. For the customer role, it should be disabled.

Create a presentational / dumb component that displays an icon (optional), title & description.
Eg. Search, GeoLocation feature & Slack bot integration 3 examples of such a component.

In addition, this component can have more children, form elements (separate components).
Eg. with child components

"My Profile" and "Settings" should be removed; these do not exist for a Connect user.