Giter Site home page Giter Site logo

appirio-tech / topcoder-app Goto Github PK

View Code? Open in Web Editor NEW
35.0 103.0 59.0 30.86 MB

topcoder-app is an Angular application that contains dashboard, profile, settings, login/registration, and design submissions.

JavaScript 63.16% CSS 0.36% Shell 0.17% Pug 13.29% SCSS 23.02%

topcoder-app's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

topcoder-app's Issues

Long scrollbar displayed in the 'Uploading submission' page

Description

Long scrollbar displayed in the 'Uploading submission' page

Steps to Reproduce

Expected Result(s)

  • Must not display a long scroll bar

Actual Result

  • Long scrollbar displayed in the 'Uploading submission' page

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Confirmation message displayed twice when we cancel the popup

Description

Confirmation message displayed twice when we cancel the popup

Steps to Reproduce

Expected Result(s)

  • Confirmation popup must display once

Actual Result

  • Confirmation message displayed twice when we cancel the popup

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Without uploading anything e-mail is received, Must validate before hitting the SUBMIT button (Because they are mandatory fields)

Description

Without uploading anything e-mail is received, Must validate before hitting the SUBMIT button (Because they are mandatory fields)

Steps to Reproduce

Expected Result(s)

  • Must not receive an email, Must validate the input before submitting the items
  • Must validate if user upload their Submission, source and preview file before hitting the SUBMIT button

Actual Result

  • Without uploading e-mail is received

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

No need to display a scroll bar in the 'Choose File' dialog in IE11

Description

No need to display a scroll bar in the 'Choose File' dialog in IE11

Steps to Reproduce

Expected Result(s)

  • No need to display a scroll bar in the 'Choose File' dialog in IE11

Actual Result

  • Scroll bar displayed in the 'Choose File' dialog in IE11

Environment

  • Browser(s): IE11
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Previous uploaded percentage displayed when we upload a new file

Description

Previous uploaded percentage displayed when we upload a new file

Steps to Reproduce

Expected Result(s)

  • Must not display the previous values

Actual Result

  • Previous uploaded percentage displayed when we upload a new file

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Empty zip files are recognized as valid

Description

Empty zip files are recognized as valid

Steps to Reproduce

Expected Result(s)

  • Must validate it
  • It will reduce server requests

Actual Result

  • Empty zip files are recognized as valid

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

'declaration.txt' is not included in the submission zip

Description

'declaration.txt' is not included in the submission zip

Steps to Reproduce

Expected Result(s)

  • 'declaration.txt' must included in the submission zip

Actual Result

  • 'declaration.txt' is not included in the submission zip

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Source and submission file are incorrect

Description

Source and submission file are incorrect

Steps to Reproduce

Expected Result(s)

  • Must consist the correct source and submission files when we download the submission from OR or Design

Actual Result

  • Source and submission file are incorrect

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

$40 - For skills type ahead list the matches in alpha order

JIRA: https://appirio.atlassian.net/browse/SUP-2451

Steps to reproduce:

  • Log in
  • Navigate to settings
  • Under 'Country to Represent', type any letter
  • Under 'Add a new skill', type any letter.

Result - the first results do not all start with the letter that you typed
Expected result - the results that start with the letter you typed should be listed first

Currently we are using the angular directive angucomplete-alt (https://github.com/ghiden/angucomplete-alt)

Angucomplete-alt does not currently support sorting in the way that we want, as explained above. We would like to swap out angucomplete-alt with react-select (https://github.com/JedWatson/react-select). We've wrapped the React component in an angular directive with the name "dropdown". You can see an example of it being used here on line 6: https://github.com/appirio-tech/topcoder-app/blob/dev/app/directives/tc-form-fonts/tc-form-fonts.jade

Specified ranking from the upload page won't effect to the design page listing

Description

Specified ranking from the upload page won't effect to the design page listing

Steps to Reproduce

Expected Result(s)

  • Specified ranking from the upload page must effect to the design page listing

Actual Result

  • Specified ranking from the upload page won't effect to the design page listing

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

"Remove" button is hard to find when we upload a file with a long name

Description

"Remove" button is hard to find when we upload a file with a long name

Steps to Reproduce

Expected Result(s)

  • Must trim the log file names with (...)

Actual Result

  • "Remove" button is hard to find when we upload a file with a long name

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

2016-06-25_14-01-36

Top-level divs?

I have a thought about code structure that also relates to how we writer CSS selectors. What do you all think about having a sort of top-level div for each Jade file? This has the advantage of namespacing each file. e.g., you could have

div.foo-header
  ...
div.foo-main

...or, you could have

div.foo
  div.header

  div.main

Thoughts?

Testing patterns

As our tests grow in number, I think we should come up with testing patterns to follow. For instance, we should have documented patterns for mocking services, using $q to resolve fake promises, using sinon, etc. We could even save these patterns in template files that we could copy and paste. About to create a *.spec.js file for a directive? You could just copy the directive test template. What do you guys think?

'Your submission to the following challenge has been uploaded successfully' e-mail sent even we SUBMIT without uploading files

Description

'Your submission to the following challenge has been uploaded successfully' e-mail sent even we SUBMIT without uploading files

Steps to Reproduce

Expected Result(s)

  • Must not receive email stating "'Your submission to the following challenge has been uploaded successfully' " if we don't upload files

Actual Result

  • 'Your submission to the following challenge has been uploaded successfully' e-mail sent even we SUBMIT without uploading files

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

[SUBMISSION / SOURCE] No validation for 500MB+ Files

Description

[SUBMISSION / SOURCE] No validation for 500MB+ Files

Steps to Reproduce

Expected Result(s)

  • Need to have a validation message when user is going to upload a 500MB+ Files

Actual Result

  • No validation for 500MB+ Files

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Standardizing angular validation

@nlitwin @vikasrohit @parthshah -- We don't really have a unified approach for validation, and in some places in topcoder-app, things get a little hard to follow. Do we want to pick a standard way of doing this? I've used ng-messages and thought it was okay, though my preference would be to actually handle validation in javascript and render the messages dynamically in the template. What do you all think?

Deep link files; upload fails

Description

Deep link files; upload fails

Steps to Reproduce

Expected Result(s)

  • Must able to uplaod deeplink files

Actual Result

  • Deep link files; upload fails

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Profile: # of wins in summary does not match winning challenges shown on Profile

JIRA Ticket: https://appirio.atlassian.net/browse/SUP-2839

To fix the mismatch between the stats and number of wins shown in challenges tab of subtrack details page, we need to

  1. remove the winner banner (if applies for the member-challenge combination) and placement for all challenges that are marked as invite-only. We can use isPrivate flag in the API response to determine that challenge state.
  2. remove the link to the challenge details page because challenge-details page does not exists for invite-only challenges.

File upload progress bar is not working

Description

File upload progress bar is not working

Steps to Reproduce

Expected Result(s)

  • Progress bar must work

Actual Result

  • File upload progress bar is not working

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

[$100] Topcoder Member Profile: Redesign ratings graph

For better accessibility we have thought of implementing following behaviour to the ratings graph:

  1. Instead of showing two panels (one for the graph and other for the details), we are going to use single panel where each data point would have its own tooltip (providing the details about that point)
  2. There would a graph switch on top-right of the graph to switch between history and distribution graph

Here are the detailed specks: https://drive.google.com/folderview?id=0B1LbmKnex41fSThnNERscFBzSDQ&usp=sharing

Notes:

  1. Tooltip for challenge data point in history graph would be clickable and lead user to the actual challenge.
  2. For tooltip, it would be required to use Tooltip React component.

'Remove all' button is not required because there is only one item is displayed

Description

'Remove all' button is not required because there is only one item is displayed

Steps to Reproduce

Expected Result(s)

  • 'Remove all' button is not required because there is only one item is displayed

Actual Result

  • 'Remove all' button is displayed, but only one item is displayed

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Can click SUBMIT button without uploading files

Description

Can click SUBMIT button without uploading files

Steps to Reproduce

Expected Result(s)

  • Must validate it

Actual Result

  • Can click SUBMIT button without uploading files

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

"Drag and Drop your zip file here" must remove from the "Preview Image" section

Description

"Drag and Drop your zip file here" must remove from the "Preview Image" section

Steps to Reproduce

Expected Result(s)

  • Must display as "Drag and Drop your PNG or JPG file here" in the "Preview Image" section

Actual Result

  • "Drag and Drop your zip file here" must remove from the "Preview Image" section

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

2016-06-25_13-45-31

Submission/Source/Preview Image boxes are attached to each other in IE11

Description

Submission/Source/Preview Image boxes are attached to each other in IE11

Steps to Reproduce

Expected Result(s)

  • Must have some space in between them as in other browsers

Actual Result

  • Submission/Source/Preview Image boxes are attached to each other in IE11

Environment

  • Browser(s): IE11
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Try again button is not working

Description

Try again button is not working

Steps to Reproduce

Expected Result(s)

  • 'Try again' must work

Actual Result

  • Try again button is not working

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

2016-06-25_13-15-51

After uploading a file to Submission/Source/Preview Image boxes; info text must remove

Description

After uploading a file to Submission/Source/Preview Image boxes; info text must remove

Steps to Reproduce

Expected Result(s)

  • After uploading a file to Submission/Source/Preview Image boxes; info text must remove
  • Must remove the info text:

Actual Result

  • After uploading a file to Submission/Source/Preview Image boxes; info text is not removed

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Adblock and AdblockPlus: Testing our code

Let's investigate if/what causes Ad blockers to hide code. I run into the issue with class.social-icons on the login/reg pages, and had to rename the classes in order to be able to see the login option.

Branches

I know I've mentioned it before, but how do you guys feel about deleting branches after merging code? I've been deleting my branches, and if I ever need to do a quick fix, I just make a new branch instead of pushing to the old one. We have 230 branches, and I only see that increasing over time haha :D

Use coveralls

User Coveralls for code coverage, and add the badge to the readme.

Text overlap in the container

Description

Text overlap in the container

Steps to Reproduce

Expected Result(s)

  • Must not overlap

Actual Result

  • Text overlap in the container

Environment

  • Browser(s): Chrome 51.0.2704.106 m
  • Operating System: Windows 7 Pro 64bit (SP 1)

Image/Video/JS Log (If not attached, Please check the comments section)

Sass syntax support

Currently Sass syntax is not supported, only SCSS. Using the Sass syntax breaks the gulp build;

Let's enable Sass as it is much more robust, and closely resembles Jade. Two big CONS:

  • Easier to write & read, you don't lose yourself in nested {{{ foo } go find } the closing bracket()s{} };
  • Stricter code makes adding more people to the source less cumbersome, provides greater ease of use;

More here: http://thesassway.com/editorial/sass-vs-scss-which-syntax-is-better

Cleanup data structures for external accounts and external web links

For external accounts, we are nesting the added external account one more deep level e.g.

{
    status: 'SUCCESS' | 'ERROR',
    linkedAccount: {
        provider: 'github',
        data: {
            handle: '',
            status: 'PENDING',
            ...
        }
    }
}

while for external web links, it is

{
    provider: 'weblink',
    data: {
        handle: '',
        url: '',
        title: '',
        status: 'PENDING'
    }
}

@parthshah Can you please suggest which is the good candidate to be fixed here?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.