RAISED $400 topcoder Arena Problem Assignments Update Design (Graphic)

Welcome to $400 topcoder Arena Problem Assignments Update
In this challenge, we need your help suggest solutions to improve Problem Assignments Flow

IMPORTANT
This F2F is subjective - so the first solution that the client likes and fulfill the required updates will win. We will consider all submissions until a the winner is declared.

Attachment Files:
Black_Theme.zip - This is current Contest Management Flow
12-Round-Problem-Frame.png - Old Problem Design
13-Problem-Component-Frame.png - Old Set Problem Component

F2F Task Assign Problems
1. Update Problem Assignments Modal Window
- Remove the checkboxes on 1st column, user just can select 1 problem at a time
- Need show how selected row look like.
- Add new Components button. This button will take to Problem Component Modal Window explained in task #4
- The following fields shall be displayed for each problem in the list:
- You need increase modal width to accommodate new columns belo

a. Problem Name
- Examples:
-- BlackAndWhiteGame
-- Factorial
-- SumGame

b Problem Type
- Examples
-- Single
-- Long

c Points
- The points value assigned to this problem in the last SRM in which it was used.
- Examples:
-- 250
-- 500
-- 1000

d Difficulty
- Examples:
-- Easy
-- Medium
-- Hard

e. Status
- Status of the problem as it pertains to the user:
-- New (The user has never opened this problem)
-- Viewed (User has opened but not solved the problem either during an SRM or using this problem practice feature)
-- Solved (User has opened and solved the problem passing system tests either during an SRM or using this problem practice feature)

f. My Points
- For problems the member has solved either during a SRM or using this problem practice feature, this represents the score attained by the member  the first time the member solved the problem.

2. Problem Assignment Filter Modal Window Updates
The following filters shall be available to members to filter the list of problems:
- Problem Type: single select list of problem types
- Points: Range (lower boundary, upper boundary, e.g. 250 - 500)
- Difficulty: single select list of Easy, Medium, Hard.
- Status: single select list of New, Viewed, Solved.

3. Problem Assignment Search Modal Window Updates
- Members shall be able to search by problem name. This shall be a non case sensitive partial text match using type-ahead functionality, i.e. as the member types the search is performed and the problem list is updated.
- If the value in the search box is cleared, all problems that match the currently selected filter criteria, if any, are shown. Members shall be able to use filters, search, and sorting in conjunction.
- Create separated screens to show the Search flow before and after user searched

4. Problem Component Modal Window
screenshots: 13-Problem-Component-Frame.png
- This is the old reference when set component
- After user click Component buttons, user will see another modal windows to edit the problem component.
- Field need displayed in stacked format
- Suggest what kind input can used for each fields (input, drop down or textarea)
- You can re-use same form content.
- Let us know if need clarification about this task

F2F GUIDELINES
We will review submissions as they are submitted
We will review ALL submissions until we declare a winner based on
1) Task Requirements
2) Client is happy with how it looks/works
3) Time the solution was submitted

Let us know if you have any questions.

Thank you