My Projects
29 |{comment.user}
10 |{comment.created_at}
11 |{comment.body}
12 |
13 |
20 |
21 | -
26 | {mapped}
27 |
Current Members
41 | {membersMapped} 42 |Loading...
13 | );
14 | };
15 |
16 |
17 | export const Spinner2 = () => {
18 | return (
19 | Loading...
20 | );
21 | };
22 |
23 | export const Spinner3 = () => {
24 | return (
25 | Loading...
26 | );
27 | };
28 |
29 | export const Spinner4 = () => {
30 | return (
31 | Loading...
32 | );
33 | };
34 |
35 | export const Spinner5 = () => {
36 | return (
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | );
52 | };
53 |
--------------------------------------------------------------------------------
/frontend/actions/session_actions.js:
--------------------------------------------------------------------------------
1 | import * as SessionAPIUtil from '../util/session_api_util';
2 | import { resetProjects } from './project_actions';
3 |
4 | export const RECEIVE_CURRENT_USER = 'RECEIVE_CURRENT_USER';
5 | export const RECEIVE_ERRORS = 'RECEIVE_ERRORS';
6 |
7 | export const receiveCurrentUser = (currentUser) => {
8 | return {
9 | type: RECEIVE_CURRENT_USER,
10 | currentUser,
11 | };
12 | };
13 |
14 | export const receiveErrors = (errors) => {
15 | return {
16 | type: RECEIVE_ERRORS,
17 | errors: errors.responseJSON,
18 | };
19 | };
20 |
21 | export const resetErrors = () => {
22 | return {
23 | type: RECEIVE_ERRORS,
24 | errors: [],
25 | };
26 | };
27 |
28 | export const login = (user) => {
29 | return (dispatch) => {
30 | return SessionAPIUtil.login(user).then(
31 | currentUser => dispatch(receiveCurrentUser(currentUser)),
32 | errors => dispatch(receiveErrors(errors))
33 | );
34 | };
35 | };
36 |
37 | export const logout = () => {
38 | return (dispatch) => {
39 | return SessionAPIUtil.logout().then(
40 | user => {
41 | dispatch(resetProjects());
42 | return dispatch(receiveCurrentUser(null));
43 | }
44 | );
45 | };
46 | };
47 |
48 | export const signup = (user) => {
49 | return (dispatch) => {
50 | return SessionAPIUtil.signup(user).then(
51 | currentUser => dispatch(receiveCurrentUser(currentUser)),
52 | errors => dispatch(receiveErrors(errors))
53 | );
54 | };
55 | };
56 |
--------------------------------------------------------------------------------
/frontend/components/root.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Provider } from 'react-redux';
3 | import { Router, Route, IndexRoute, hashHistory } from 'react-router';
4 | import Main from './main';
5 | import SessionFormContainer from './sessions/session_form_container';
6 | import Dashboard from './dashboard';
7 | import ProjectDetailContainer from './project_detail/project_detail_container';
8 |
9 | const Root = ({ store }) => {
10 |
11 | function _redirectIfLoggedIn(nextState, replace) {
12 | if (store.getState().session.currentUser) {
13 | replace('/');
14 | }
15 | }
16 |
17 | function _redirectUnlessLoggedIn(nextState, replace) {
18 | if (!store.getState().session.currentUser) {
19 | replace('/');
20 | }
21 | }
22 |
23 | return (
24 |
29 |
32 |
40 | Pixel perfect project management
30 | {this.renderButton()} 31 |
60 |
65 |
66 |
67 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/auth.css:
--------------------------------------------------------------------------------
1 | .main-content{
2 | position: relative;
3 | }
4 |
5 | section.session-form {
6 | display: block;
7 | position: absolute;;
8 | top: 10%;
9 | left: 50%;
10 | transform: translateX(-50%);
11 | border-radius: 4px;
12 | background: #F3F4F4;
13 | border: 1px solid #ddd;
14 | width: 40%;
15 | max-width: 430px;
16 | min-width: 200px;
17 | }
18 |
19 | .session-form > h2 {
20 | text-align: center;
21 | font-weight: 700;
22 | margin: 20px 20px 0 20px;
23 | font-size: 16px;
24 | color: #444
25 | }
26 |
27 | .login-box {
28 | font-size: 14px;
29 | color: #888;
30 | padding: 20px;
31 | }
32 |
33 | .login-box label, input {
34 | display: block;
35 | }
36 |
37 | .login-box label {
38 | margin-left: 5%;
39 | margin-bottom: 15px;
40 | }
41 |
42 | .errored-input {
43 | color: #B61437;
44 | font-weight: 600;
45 | }
46 |
47 | .login-box input {
48 | margin-top: 2px;
49 | color: black;
50 | border-radius: 3px;
51 | border: 1px solid black;
52 | padding: 8px 7px;
53 | background: white;
54 | width: 90%;
55 | }
56 |
57 | input.submit-button {
58 | margin: 20px auto;
59 | margin-top: 20px;
60 | width: 50%;
61 | text-align: center;
62 | background: #5483AE;
63 | color: white;
64 | text-transform: uppercase;
65 | border: 0;
66 | }
67 |
68 | input.submit-button:hover {
69 | background: #41709a;
70 | cursor: pointer;
71 | }
72 |
73 | button.guest-button {
74 | display: block;
75 | margin: 0 auto;
76 | font-size: 16px;
77 | color: #4d85b6;
78 | }
79 |
80 | ul.error-display {
81 | margin: 0 auto;
82 | width: 80%;
83 | color: #c7284a;
84 | font-size: 14px;
85 | text-align: center;
86 | margin-bottom: 10px;
87 | }
88 |
89 | .error-display li {
90 | font-weight: 400;
91 | }
92 |
--------------------------------------------------------------------------------
/app/models/user.rb:
--------------------------------------------------------------------------------
1 | # == Schema Information
2 | #
3 | # Table name: users
4 | #
5 | # id :integer not null, primary key
6 | # username :string not null
7 | # password_digest :string not null
8 | # session_token :string not null
9 | # created_at :datetime not null
10 | # updated_at :datetime not null
11 | # email :string
12 | #
13 |
14 | class User < ApplicationRecord
15 | validates :username, presence: true, uniqueness: true
16 | validates :password_digest, presence: true
17 | validates :session_token, presence: true, uniqueness: true
18 | validates :password, length: { minimum: 6, allow_nil: true }
19 |
20 | after_initialize :ensure_session_token
21 |
22 | has_many :project_members, dependent: :destroy, inverse_of: :user
23 |
24 | has_many :projects,
25 | through: :project_members,
26 | source: :project
27 |
28 | has_many :comments
29 |
30 | attr_reader :password
31 |
32 | def self.generate_session_token
33 | SecureRandom.urlsafe_base64(32)
34 | end
35 |
36 | def self.find_by_credentails(username, password)
37 | user = User.find_by(username: username)
38 | user && user.is_password?(password) ? user : nil
39 | end
40 |
41 | def reset_session_token!
42 | self.session_token = User.generate_session_token
43 | save!
44 | self.session_token
45 | end
46 |
47 | def password=(password)
48 | @password = password
49 | self.password_digest = BCrypt::Password.create(password)
50 | end
51 |
52 | def is_password?(password)
53 | BCrypt::Password.new(self.password_digest).is_password?(password)
54 | end
55 |
56 | private
57 |
58 | def ensure_session_token
59 | self.session_token ||= User.generate_session_token
60 | end
61 |
62 | end
63 |
--------------------------------------------------------------------------------
/public/422.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
61 |
63 | We're sorry, but something went wrong.
62 |If you are the application owner check the logs for more information.
64 |
60 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 |
3 | ruby '2.3.1'
4 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
5 | gem 'rails', '~> 5.0.0', '>= 5.0.0.1'
6 | # Use postgresql as the database for Active Record
7 | gem 'pg', '~> 0.18'
8 | # Use Puma as the app server
9 | gem 'puma', '~> 3.0'
10 | # Use SCSS for stylesheets
11 | gem 'sass-rails', '~> 5.0'
12 | # Use Uglifier as compressor for JavaScript assets
13 | gem 'uglifier', '>= 1.3.0'
14 | # Use CoffeeScript for .coffee assets and views
15 | gem 'coffee-rails', '~> 4.2'
16 | # See https://github.com/rails/execjs#readme for more supported runtimes
17 | # gem 'therubyracer', platforms: :ruby
18 |
19 | # Use jquery as the JavaScript library
20 | gem 'jquery-rails'
21 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
22 | gem 'jbuilder', '~> 2.5'
23 | # Use Redis adapter to run Action Cable in production
24 | # gem 'redis', '~> 3.0'
25 | # Use ActiveModel has_secure_password
26 | gem 'bcrypt', '~> 3.1.7'
27 |
28 |
29 | gem 'pry-rails'
30 | # Use Capistrano for deployment
31 | # gem 'capistrano-rails', group: :development
32 |
33 | group :development, :test do
34 | # Call 'byebug' anywhere in the code to stop execution and get a debugger console
35 | gem 'byebug', platform: :mri
36 | end
37 |
38 | group :development do
39 | # Access an IRB console on exception pages or by using <%= console %> anywhere in the code.
40 | gem 'web-console'
41 | gem 'listen', '~> 3.0.5'
42 | # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
43 | gem 'annotate'
44 | gem 'spring'
45 | gem 'spring-watcher-listen', '~> 2.0.0'
46 | end
47 |
48 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
49 | gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
50 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/tasks.scss:
--------------------------------------------------------------------------------
1 | .tasks-container {
2 | padding: 5px;
3 |
4 | h2 {
5 | text-transform: uppercase;
6 | font-size: 11px;
7 | font-weight: 700;
8 | margin-bottom: 2px;
9 | }
10 |
11 | .new-task-form {
12 | background: #DFDCD0;
13 | border-radius: 3px;
14 | padding: 5px;
15 | display: flex;
16 | align-items: center;
17 | margin-bottom: 5px;
18 | }
19 |
20 | input, button {
21 | display: inline-block;
22 | }
23 |
24 | .add-task-button {
25 | padding: 4px 12px;
26 | color: #fff;
27 | text-shadow: 0 0 0;
28 | font-size: 10px;
29 | background: #666666;
30 | border: 1px solid #555555;
31 | border-radius: 3px;
32 | font-weight: 600;
33 | }
34 |
35 | .add-task-button:hover {
36 | background: #2B4C74;
37 | border: 1px solid #24364C;
38 | }
39 |
40 | .new-task-body {
41 | background: #fff;
42 | border: 1px solid #ADB0B7;
43 | border-radius: 3px;
44 | padding: 1px 6px 2px 6px;
45 | margin-left: 5px;
46 | margin-right: 8px;
47 | flex-grow: 1;
48 | flex-shrink: 1;
49 | }
50 |
51 | p {
52 | flex-grow: 1;
53 | margin-left: 5px;
54 | margin-right: 8px;
55 | padding: 3px 7px 4px 7px;
56 | }
57 |
58 | .edit-button {
59 | padding: 0;
60 | margin-left: 5px;
61 | }
62 |
63 | .cancel-task-button {
64 | font-size: 11px;
65 | padding: 0;
66 | margin-right: 8px;
67 | }
68 |
69 | .cancel-task-button:hover {
70 | text-decoration: underline;
71 | }
72 |
73 | .update-button {
74 | padding-left: 4px;
75 | padding-right: 4px;
76 | }
77 |
78 | .complete-task {
79 | background: #B9D089;
80 | }
81 |
82 | .task-complete {
83 | width: 12px;
84 | height: 12px;
85 | flex-grow: 0;
86 | flex-shrink: 0;
87 | margin-left: 4px;
88 | }
89 |
90 | }
91 |
--------------------------------------------------------------------------------
/public/404.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
61 |
64 | The change you wanted was rejected.
62 |Maybe you tried to change something you didn't have access to.
63 |If you are the application owner check the logs for more information.
65 |
60 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/main_header.css:
--------------------------------------------------------------------------------
1 | header.main-header {
2 | background: #fff;
3 | }
4 |
5 | .header-container {
6 | margin: 0 auto;
7 | padding: 10px 20px;
8 | max-width: 860px;
9 | }
10 |
11 | .header-logo {
12 | float: left;
13 | padding: 10px 0;
14 | font-size: 22px;
15 | color: #517C9F;
16 | font-family: 'Merriweather', serif;
17 | font-weight: 700;
18 | }
19 |
20 | .header-logo > img{
21 | width: auto;
22 | height: 24px;
23 | display: inline-block;
24 | position: relative;
25 | top: 3px;
26 | margin-right: 3px;
27 | }
28 |
29 | #header-logo-inside {
30 | color: #DE752C;
31 | font-family: 'Merriweather', serif;
32 | font-weight: 700;
33 | font-size: 22px;
34 | padding: 0;
35 | margin: 0;
36 | }
37 |
38 | .right-nav-list {
39 | float: right;
40 | width: 50%;
41 | min-width: 94px;
42 | }
43 |
44 | .right-nav-list li {
45 | float: right;
46 | padding: 10px 0;
47 | margin: 0 4%;
48 | }
49 |
50 | .right-nav-list a, span, button {
51 | display: inline-block;
52 | color: #426FA0;
53 | text-shadow: 0 0 1px #94D2ED;
54 | font-size: 14px;
55 | border-radius: 3px;
56 | padding: 4px 8px;
57 | font-weight: 300;
58 | }
59 |
60 | .right-nav-list a:hover, button:hover {
61 | cursor: pointer;
62 | color: #1a3d61;
63 | }
64 |
65 | .right-nav-list span {
66 | color: #73b2c8;
67 | }
68 |
69 | .sign-up-link a{
70 | color: #fff;
71 | background: #F39E40;
72 | text-shadow: 0 0 0;
73 | }
74 |
75 | .sign-up-link a:hover{
76 | color: #fff;
77 | background: #EE7D00;
78 | }
79 |
80 | .session-header-message {
81 | margin: 5px 0 0 0;
82 | text-transform: uppercase;
83 | font-size: 12px;
84 | font-weight: 600;
85 | letter-spacing: 1px;
86 | position: relative;
87 | }
88 |
89 | .session-header-message a{
90 | text-transform: uppercase;
91 | font-size: 12px;
92 | font-weight: 600;
93 | letter-spacing: 1px;
94 | }
95 |
--------------------------------------------------------------------------------
/config/environments/test.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # The test environment is used exclusively to run your application's
5 | # test suite. You never need to work with it otherwise. Remember that
6 | # your test database is "scratch space" for the test suite and is wiped
7 | # and recreated between test runs. Don't rely on the data there!
8 | config.cache_classes = true
9 |
10 | # Do not eager load code on boot. This avoids loading your whole application
11 | # just for the purpose of running a single test. If you are using a tool that
12 | # preloads Rails for running tests, you may have to set it to true.
13 | config.eager_load = false
14 |
15 | # Configure public file server for tests with Cache-Control for performance.
16 | config.public_file_server.enabled = true
17 | config.public_file_server.headers = {
18 | 'Cache-Control' => 'public, max-age=3600'
19 | }
20 |
21 | # Show full error reports and disable caching.
22 | config.consider_all_requests_local = true
23 | config.action_controller.perform_caching = false
24 |
25 | # Raise exceptions instead of rendering exception templates.
26 | config.action_dispatch.show_exceptions = false
27 |
28 | # Disable request forgery protection in test environment.
29 | config.action_controller.allow_forgery_protection = false
30 | config.action_mailer.perform_caching = false
31 |
32 | # Tell Action Mailer not to deliver emails to the real world.
33 | # The :test delivery method accumulates sent emails in the
34 | # ActionMailer::Base.deliveries array.
35 | config.action_mailer.delivery_method = :test
36 |
37 | # Print deprecation notices to the stderr.
38 | config.active_support.deprecation = :stderr
39 |
40 | # Raises error for missing translations
41 | # config.action_view.raise_on_missing_translations = true
42 | end
43 |
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | # Pixel Tracker
2 |
3 | [Live Website](http://www.pixeltracker.org)
4 | [Trello](https://trello.com/b/hOvAm6f2/pixeltracker)
5 |
6 | ### Minimum Viable Product
7 |
8 | Pixel Tracker is an agile project management app based off of the popular
9 | Pivotal Tracker.
10 |
11 | #### Features
12 | - [ ] New account creation, login, and guest/demo login
13 | - [ ] Projects/Project Page
14 | - [ ] Stories
15 | - [ ] Story Workflow
16 | - [ ] Drag and Drop Prioritization
17 | - [ ] A production README
18 | - [ ] Hosting on Heroku
19 |
20 | ### Design Docs
21 | 1. [Wireframes](/docs/wireframes)
22 | 2. [React Components](/docs/component-hierarchy.md)
23 | 3. [Sample State](/docs/sample-state.md)
24 | 4. [DB Schema](/docs/schema.md)
25 | 5. [API Endponts](/docs/api-endpoints.md)
26 |
27 | ### Implementation Timeline
28 | #### Phase 1: User Authentication (2 days)
29 | __Objective:__ Complete full back-end and front-end user authentication
30 | #### Phase 2: Projects (2 days)
31 | __Objective:__ Create projects homepage and the ability to create new projects. Also create the singular project page layout with no stories.
32 | #### Phase 3: Stories Back-End and Components (2 days)
33 | __Objective:__ Have the ability to create, update, and view stories, as well as add labels, activity, and tasks through the api.
34 | #### Phase 4: Stories Display (1 day)
35 | __Objective:__ All new stories should be displayed in the icebox in the main project page.
36 | #### Phase 5: Story Workflow (1 day)
37 | __Objective:__ Story status changes will move them to the appropriate display categories in the main project page. Users will have the ability to restart the chain of events by rejecting at the final step.
38 | #### Phase 6: Drag and Drop Prioritization (1 day)
39 | __Objective:__ By default items with higher points will be placed on top, but users can manually drag and drop items to change the order. These can only apply to stories with similar statuses.
40 |
41 | #### Additional Features
42 | - [ ] Iterations
43 | - [ ] Velocity
44 | - [ ] User Permissions
45 |
--------------------------------------------------------------------------------
/config/environments/development.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # In the development environment your application's code is reloaded on
5 | # every request. This slows down response time but is perfect for development
6 | # since you don't have to restart the web server when you make code changes.
7 | config.cache_classes = false
8 |
9 | # Do not eager load code on boot.
10 | config.eager_load = false
11 |
12 | # Show full error reports.
13 | config.consider_all_requests_local = true
14 |
15 | # Enable/disable caching. By default caching is disabled.
16 | if Rails.root.join('tmp/caching-dev.txt').exist?
17 | config.action_controller.perform_caching = true
18 |
19 | config.cache_store = :memory_store
20 | config.public_file_server.headers = {
21 | 'Cache-Control' => 'public, max-age=172800'
22 | }
23 | else
24 | config.action_controller.perform_caching = false
25 |
26 | config.cache_store = :null_store
27 | end
28 |
29 | # Don't care if the mailer can't send.
30 | config.action_mailer.raise_delivery_errors = false
31 |
32 | config.action_mailer.perform_caching = false
33 |
34 | # Print deprecation notices to the Rails logger.
35 | config.active_support.deprecation = :log
36 |
37 | # Raise an error on page load if there are pending migrations.
38 | config.active_record.migration_error = :page_load
39 |
40 | # Debug mode disables concatenation and preprocessing of assets.
41 | # This option may cause significant delays in view rendering with a large
42 | # number of complex assets.
43 | config.assets.debug = true
44 |
45 | # Suppress logger output for asset requests.
46 | config.assets.quiet = true
47 |
48 | # Raises error for missing translations
49 | # config.action_view.raise_on_missing_translations = true
50 |
51 | # Use an evented file watcher to asynchronously detect changes in source code,
52 | # routes, locales, etc. This feature depends on the listen gem.
53 | config.file_watcher = ActiveSupport::EventedFileUpdateChecker
54 | end
55 |
--------------------------------------------------------------------------------
/frontend/components/headers/main_header.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router';
3 |
4 | class MainHeader extends React.Component {
5 |
6 | loggedIn(){
7 | return Boolean(this.props.currentUser);
8 | }
9 |
10 | navItems() {
11 | if (this.loggedIn()) {
12 | return (
13 |
61 |
64 | The page you were looking for doesn't exist.
62 |You may have mistyped the address or the page may have moved.
63 |If you are the application owner check the logs for more information.
65 |-
14 |
15 |
- Dashboard 16 |
- { this.props.currentUser.username } 17 |
-
22 |
- {this.linkToOtherSession()} 23 |
-
28 |
- Sign up 29 |
- Log in 30 |
55 |
56 |
59 |
62 |
63 |
56 | 
57 | Pixel
58 | Tracker
59 |
62 |
45 |
46 |
47 |
48 | );
49 | }
50 |
51 | render() {
52 | return (
53 |
21 |
24 |
27 | {props.pixel.points}
28 | chat_bubble_outline
29 |
30 |
37 |
39 |
47 |
48 | {props.pixel.title}
49 |
57 | {props.pixel.title}
31 |
32 |
35 | DESCRIPTION
33 |{props.pixel.description}
34 |ACTIVITY
36 |TASKS
38 |Activity
59 |
79 |
80 | );
81 | }
82 | }
83 |
84 | export default DropTarget(ItemTypes.PIXEL, pixelTarget, collect)(DropArea);
85 |
--------------------------------------------------------------------------------
/frontend/reducers/pixel_reducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | RECEIVE_ALL_PIXELS,
3 | RECEIVE_PIXEL_DETAIL,
4 | RECEIVE_PIXEL_ERRORS,
5 | DELETE_PIXEL,
6 | RESET_PIXELS,
7 | RECEIVE_TASKS,
8 | UPDATE_ORDS,
9 | UPDATE_PIXELS,
10 | } from '../actions/pixel_actions';
11 |
12 | const defaultState = {
13 | pixelList: {},
14 | errors: {},
15 | tasks: [],
16 | ords: { maxIcebox: 0, maxBacklog: 0, maxDone: 0, maxUnstarted: 0 },
17 | };
18 |
19 | export default (state = defaultState, action) => {
20 | Object.freeze(state);
21 | let newState = Object.assign({}, state);
22 | switch (action.type) {
23 | case RECEIVE_ALL_PIXELS:
24 | newState.errors = {};
25 | newState.pixelList = action.pixels;
26 | return newState;
27 | case RECEIVE_PIXEL_DETAIL:
28 | const curPixelList = Object.assign({}, newState.pixelList);
29 |
30 | curPixelList[action.pixel.id] = action.pixel;
31 | newState.pixelList = curPixelList;
32 | newState.errors = {};
33 | return newState;
34 | case RECEIVE_PIXEL_ERRORS:
35 | newState.errors = action.errors;
36 | return newState;
37 | case RESET_PIXELS:
38 | return defaultState;
39 | case DELETE_PIXEL:
40 | const deletedPixelList = Object.assign({}, newState.pixelList);
41 | delete deletedPixelList[action.pixelId];
42 | newState.pixelList = deletedPixelList;
43 | return newState;
44 | case RECEIVE_TASKS:
45 | newState.tasks = action.tasks;
46 | return newState;
47 | case UPDATE_ORDS:
48 | const newOrds = Object.assign({}, newState.ords);
49 | newOrds.maxIcebox = action.maxIcebox;
50 | newOrds.maxBacklog = action.maxBacklog;
51 | newOrds.maxDone = action.maxDone;
52 | newOrds.maxUnstarted = action.maxUnstarted;
53 | newState.ords = newOrds;
54 | return newState;
55 | case UPDATE_PIXELS:
56 | const updatedPixelList = Object.assign({}, newState.pixelList);
57 | action.pixels.forEach((pixel) => {
58 | const updatedPixel = Object.assign({}, updatedPixelList[pixel.id]);
59 | updatedPixel.icebox = pixel.icebox;
60 | updatedPixel.pixel_ord = pixel.pixel_ord;
61 | updatedPixelList[pixel.id] = updatedPixel;
62 | });
63 | newState.pixelList = updatedPixelList;
64 | newState.errors = {};
65 | return newState;
66 | default:
67 | return state;
68 | }
69 | };
70 |
--------------------------------------------------------------------------------
/frontend/reducers/loading_reducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | RECEIVE_PROJECTS,
3 | RECEIVE_ONE_PROJECT,
4 | RECEIVE_PROJECT_ERRORS,
5 | LOADING_PROJECTS,
6 | LOADING_PROJECT_MEMBERS,
7 | } from '../actions/project_actions';
8 |
9 | import {
10 | RECEIVE_ALL_PIXELS,
11 | RECEIVE_PIXEL_DETAIL,
12 | RECEIVE_PIXEL_ERRORS,
13 | LOADING_PIXELS,
14 | DELETE_PIXEL,
15 | LOADING_TASKS,
16 | LOADING_COMMENTS,
17 | LOAD_SINGLE_PIXEL,
18 | LOADING_COMPLETE_SINGLE_PIXEL,
19 | } from '../actions/pixel_actions';
20 |
21 | const defaultState = {
22 | membersLoading: false,
23 | projectsLoading: false,
24 | pixelsLoading: false,
25 | tasksLoading: false,
26 | commentsLoading: false,
27 | individualPixelsLoading: {},
28 | };
29 |
30 | export default (state = defaultState, action) => {
31 | switch (action.type) {
32 | case RECEIVE_PROJECTS:
33 | case RECEIVE_ALL_PIXELS:
34 | case RECEIVE_ONE_PROJECT:
35 | case RECEIVE_PROJECT_ERRORS:
36 | return defaultState;
37 | case RECEIVE_PIXEL_ERRORS:
38 | case RECEIVE_PIXEL_DETAIL:
39 | case DELETE_PIXEL:
40 | const clearState = Object.assign({}, defaultState);
41 | clearState.individualPixelsLoading = state.individualPixelsLoading;
42 | return clearState;
43 | case LOAD_SINGLE_PIXEL:
44 | const newState = (Object.assign({}, state));
45 | const pixelsLoading = Object.assign({}, state.individualPixelsLoading);
46 | pixelsLoading[action.pixelId] = true;
47 | newState.individualPixelsLoading = pixelsLoading;
48 | return newState;
49 | case LOADING_COMPLETE_SINGLE_PIXEL:
50 | const updatedState = (Object.assign({}, state));
51 | const updatedPixelsLoading = Object.assign({}, state.individualPixelsLoading);
52 | updatedPixelsLoading[action.pixelId] = false;
53 | updatedState.individualPixelsLoading = updatedPixelsLoading;
54 | return updatedState;
55 | case LOADING_PROJECTS:
56 | return Object.assign({}, state, { projectsLoading: true });
57 | case LOADING_PROJECT_MEMBERS:
58 | return Object.assign({}, state, { membersLoading: true });
59 | case LOADING_PIXELS:
60 | return Object.assign({}, state, { pixelsLoading: true });
61 | case LOADING_TASKS:
62 | return Object.assign({}, state, { tasksLoading: true });
63 | case LOADING_COMMENTS:
64 | return Object.assign({}, state, { commentsLoading: true });
65 | default:
66 | return state;
67 | }
68 | };
69 |
--------------------------------------------------------------------------------
/frontend/components/pixels/pixel_summary_helper.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Spinner5 } from '../spinners/spinners';
3 |
4 | export const Category = (props) => {
5 | if (props.loading) {
6 | return ({comment.user}
27 |{comment.created_at}
28 |{comment.body}
29 |-
34 | {mapComments}
35 |
{idx + 1}. {task.body}
46 |-
51 | {mapTasks}
52 |
-
45 | {mapPixels}
46 |
111 | {this.props.children}
112 |
113 | );
114 | }
115 | }
116 |
117 | export default DropTarget(
118 | ItemTypes.PIXEL,
119 | pixelTarget, collect
120 | )(PixelListItemDrop);
121 |
--------------------------------------------------------------------------------
/config/environments/production.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # Code is not reloaded between requests.
5 | config.cache_classes = true
6 |
7 | # Eager load code on boot. This eager loads most of Rails and
8 | # your application in memory, allowing both threaded web servers
9 | # and those relying on copy on write to perform better.
10 | # Rake tasks automatically ignore this option for performance.
11 | config.eager_load = true
12 |
13 | # Full error reports are disabled and caching is turned on.
14 | config.consider_all_requests_local = false
15 | config.action_controller.perform_caching = true
16 |
17 | # Disable serving static files from the `/public` folder by default since
18 | # Apache or NGINX already handles this.
19 | config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
20 |
21 | # Compress JavaScripts and CSS.
22 | config.assets.js_compressor = :uglifier
23 | # config.assets.css_compressor = :sass
24 |
25 | # Do not fallback to assets pipeline if a precompiled asset is missed.
26 | config.assets.compile = false
27 |
28 | # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb
29 |
30 | # Enable serving of images, stylesheets, and JavaScripts from an asset server.
31 | # config.action_controller.asset_host = 'http://assets.example.com'
32 |
33 | # Specifies the header that your server uses for sending files.
34 | # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
35 | # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX
36 |
37 | # Mount Action Cable outside main process or domain
38 | # config.action_cable.mount_path = nil
39 | # config.action_cable.url = 'wss://example.com/cable'
40 | # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ]
41 |
42 | # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
43 | # config.force_ssl = true
44 |
45 | # Use the lowest log level to ensure availability of diagnostic information
46 | # when problems arise.
47 | config.log_level = :debug
48 |
49 | # Prepend all log lines with the following tags.
50 | config.log_tags = [ :request_id ]
51 |
52 | # Use a different cache store in production.
53 | # config.cache_store = :mem_cache_store
54 |
55 | # Use a real queuing backend for Active Job (and separate queues per environment)
56 | # config.active_job.queue_adapter = :resque
57 | # config.active_job.queue_name_prefix = "pixel_tracker_#{Rails.env}"
58 | config.action_mailer.perform_caching = false
59 |
60 | # Ignore bad email addresses and do not raise email delivery errors.
61 | # Set this to true and configure the email server for immediate delivery to raise delivery errors.
62 | # config.action_mailer.raise_delivery_errors = false
63 |
64 | # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
65 | # the I18n.default_locale when a translation cannot be found).
66 | config.i18n.fallbacks = true
67 |
68 | # Send deprecation notices to registered listeners.
69 | config.active_support.deprecation = :notify
70 |
71 | # Use default logging formatter so that PID and timestamp are not suppressed.
72 | config.log_formatter = ::Logger::Formatter.new
73 |
74 | # Use a different logger for distributed setups.
75 | # require 'syslog/logger'
76 | # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name')
77 |
78 | if ENV["RAILS_LOG_TO_STDOUT"].present?
79 | logger = ActiveSupport::Logger.new(STDOUT)
80 | logger.formatter = config.log_formatter
81 | config.logger = ActiveSupport::TaggedLogging.new(logger)
82 | end
83 |
84 | # Do not dump schema after migrations.
85 | config.active_record.dump_schema_after_migration = false
86 | end
87 |
--------------------------------------------------------------------------------
/frontend/components/projects/members.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Modal from 'react-modal';
3 | import MemberList from './member_list';
4 |
5 | class Members extends React.Component {
6 | constructor(props) {
7 | super(props);
8 |
9 | this.state = { formOpen: false, username: "" };
10 |
11 | this.closeForm = this.closeForm.bind(this);
12 | this.openForm = this.openForm.bind(this);
13 | this.handleNameInput = this.handleNameInput.bind(this);
14 | this.handleSubmit = this.handleSubmit.bind(this);
15 | this.handleRemove = this.handleRemove.bind(this);
16 | }
17 |
18 | closeForm(e) {
19 | e.preventDefault();
20 | this.props.resetProjectErrors();
21 | this.setState({ formOpen: false });
22 | }
23 |
24 | openForm() {
25 | this.setState({ formOpen: true });
26 | }
27 |
28 | handleNameInput(e) {
29 | const newName = e.currentTarget.value;
30 | this.setState({username: newName });
31 | }
32 |
33 | handleSubmit(e){
34 | e.preventDefault();
35 | const projectMember = {
36 | username: this.state.username,
37 | project_id: this.props.projectId,
38 | };
39 | this.props.createProjectMember(projectMember);
40 | this.setState({ username: "" });
41 | }
42 |
43 | handleRemove(e){
44 | e.preventDefault();
45 | this.props.deleteProjectMember(e.currentTarget.value);
46 | }
47 |
48 | render() {
49 | const errors = this.props.errors.map((error, idx)=>(
90 |
95 | );
96 | }
97 | if (pixel.state !== 'Accepted') {
98 | return connectDragSource(
99 |
100 |
104 |
110 |
111 | );
112 | }
113 | return connectDragSource(
114 |
115 |
121 | );
122 | }
123 | }
124 |
125 | export default DragSource(ItemTypes.PIXEL, pixelSource, collect)(PixelListItem);
126 |
--------------------------------------------------------------------------------