├── client
    ├── static
    │   ├── .gitkeep
    │   ├── favicon.ico
    │   ├── favicon-16x16.png
    │   ├── favicon-32x32.png
    │   ├── mstile-150x150.png
    │   ├── apple-touch-icon.png
    │   ├── android-chrome-192x192.png
    │   ├── android-chrome-512x512.png
    │   ├── browserconfig.xml
    │   ├── manifest.json
    │   └── safari-pinned-tab.svg
    ├── src
    │   ├── store
    │   │   ├── modules
    │   │   │   ├── .gitkeep
    │   │   │   └── profile.js
    │   │   ├── module-types.js
    │   │   └── index.js
    │   ├── filters
    │   │   └── index.js
    │   ├── components
    │   │   ├── misc
    │   │   │   ├── Agreement.vue
    │   │   │   ├── AutosizeTextarea.vue
    │   │   │   └── ideaConstants.js
    │   │   ├── Callback.vue
    │   │   ├── shared
    │   │   │   ├── MainFooter.vue
    │   │   │   ├── MainNavbar.vue
    │   │   │   ├── ModalDialog.vue
    │   │   │   ├── IdeaTags.vue
    │   │   │   ├── IdeaLinks.vue
    │   │   │   └── IdeaType.vue
    │   │   ├── users
    │   │   │   └── UserProfile.vue
    │   │   ├── ideas
    │   │   │   ├── Dashboard.vue
    │   │   │   └── CreateIdea.vue
    │   │   └── Home.vue
    │   ├── api
    │   │   └── index.js
    │   ├── auth
    │   │   ├── utils.js
    │   │   └── index.js
    │   ├── main.js
    │   ├── utils
    │   │   └── localstorage.js
    │   ├── assets
    │   │   ├── eye-sym.svg
    │   │   ├── shield_w.svg
    │   │   ├── rocket_w.svg
    │   │   ├── shield.svg
    │   │   ├── github.svg
    │   │   ├── feedback_w.svg
    │   │   ├── rocket.svg
    │   │   ├── idea-nebulae-logo.svg
    │   │   └── feedback.svg
    │   ├── router
    │   │   └── index.js
    │   └── App.vue
    ├── test
    │   ├── unit
    │   │   ├── specs
    │   │   │   ├── ideas
    │   │   │   │   └── CreateIdea.spec.js
    │   │   │   ├── shared
    │   │   │   │   ├── MainFooter.spec.js
    │   │   │   │   └── MainNavbar.spec.js
    │   │   │   ├── Home.spec.js
    │   │   │   └── users
    │   │   │   │   └── UserProfile.spec.js
    │   │   ├── .eslintrc
    │   │   ├── index.js
    │   │   └── karma.conf.js
    │   └── e2e
    │   │   ├── specs
    │   │       └── test.js
    │   │   ├── custom-assertions
    │   │       └── elementCount.js
    │   │   ├── nightwatch.conf.js
    │   │   └── runner.js
    ├── .eslintignore
    ├── config
    │   ├── prod.env.js
    │   ├── test.env.js
    │   ├── dev.env.js
    │   └── index.js
    ├── .postcssrc.js
    ├── styles
    │   └── var.styl
    ├── build
    │   ├── dev-client.js
    │   ├── vue-loader.conf.js
    │   ├── webpack.test.conf.js
    │   ├── build.js
    │   ├── webpack.dev.conf.js
    │   ├── check-versions.js
    │   ├── utils.js
    │   ├── webpack.base.conf.js
    │   ├── dev-server.js
    │   └── webpack.prod.conf.js
    ├── .babelrc
    ├── index.html
    ├── .eslintrc.js
    ├── .gitignore
    └── package.json
├── Procfile
├── server
    ├── .babelrc
    ├── documentation
    │   └── IdeaNebulae Runtime Architecture.jpg
    ├── utils
    │   ├── decodeToken.js
    │   └── authCheck.js
    ├── .sequelizerc
    ├── router
    │   ├── index.js
    │   ├── reviews.js
    │   └── profiles.js
    ├── server.js
    ├── db
    │   ├── methods
    │   │   ├── documentMethods.js
    │   │   ├── reviewMethods.js
    │   │   └── agreementMethods.js
    │   ├── misc
    │   │   └── ideaConstants.js
    │   ├── models
    │   │   ├── document.js
    │   │   ├── agreement.js
    │   │   ├── profile.js
    │   │   ├── index.js
    │   │   ├── review.js
    │   │   ├── idea.js
    │   │   └── postgres_views.sql
    │   ├── migrations
    │   │   ├── 20171219011522-create-profile.js
    │   │   ├── 2017122012080-create-document.js
    │   │   ├── 20171219140454-create-agreement.js
    │   │   ├── 20171219142211-create-review.js
    │   │   └── 20171219012348-create-idea.js
    │   ├── config.js
    │   └── seeders
    │   │   ├── profile_seed.js
    │   │   ├── agreement_seed.js
    │   │   ├── document_seed.js
    │   │   ├── review_seed.js
    │   │   └── idea_seed.js
    ├── services
    │   └── config.js
    ├── .gitignore
    └── package.json
├── issue_template.md
├── readme.rdoc
├── readme.rst
├── .editorconfig
├── server.js
└── LICENSE


/client/static/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: node server.js


--------------------------------------------------------------------------------
/client/src/store/modules/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/client/test/unit/specs/ideas/CreateIdea.spec.js:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/client/.eslintignore:
--------------------------------------------------------------------------------
1 | build/*.js
2 | config/*.js
3 | 


--------------------------------------------------------------------------------
/server/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": [
3 |     "es2015"
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/client/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   NODE_ENV: '"production"'
3 | }
4 | 


--------------------------------------------------------------------------------
/client/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/client/static/favicon.ico


--------------------------------------------------------------------------------
/client/static/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/client/static/favicon-16x16.png


--------------------------------------------------------------------------------
/client/static/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/client/static/favicon-32x32.png


--------------------------------------------------------------------------------
/client/static/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/client/static/mstile-150x150.png


--------------------------------------------------------------------------------
/client/static/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/client/static/apple-touch-icon.png


--------------------------------------------------------------------------------
/client/src/store/module-types.js:
--------------------------------------------------------------------------------
1 | export const SET_PROFILE_DATA = 'SET_PROFILE_DATA';
2 | export const BEST_THING_EVER = 'EMPANADAS';
3 | 


--------------------------------------------------------------------------------
/client/static/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/client/static/android-chrome-192x192.png


--------------------------------------------------------------------------------
/client/static/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/client/static/android-chrome-512x512.png


--------------------------------------------------------------------------------
/issue_template.md:
--------------------------------------------------------------------------------
1 | **_Issue Description & Expected Outcome:_** 
2 | 
3 | **_Symptoms:_**
4 | 
5 | **_Steps to Recreate:_** 
6 | 
7 | **_Resolution:_** 
8 | 


--------------------------------------------------------------------------------
/client/test/unit/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "env": {
 3 |     "mocha": true
 4 |   },
 5 |   "globals": {
 6 |     "expect": true,
 7 |     "sinon": true
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/server/documentation/IdeaNebulae Runtime Architecture.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chingu-voyage3/ideanebulae/HEAD/server/documentation/IdeaNebulae Runtime Architecture.jpg


--------------------------------------------------------------------------------
/client/config/test.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var devEnv = require('./dev.env')
3 | 
4 | module.exports = merge(devEnv, {
5 |   NODE_ENV: '"testing"'
6 | })
7 | 


--------------------------------------------------------------------------------
/readme.rdoc:
--------------------------------------------------------------------------------
1 | {<img alt='Waffle.io - Columns and their card count' src='https://badge.waffle.io/chingu-voyage3/ideanebulae.svg?columns=all' />}[https://waffle.io/chingu-voyage3/ideanebulae]


--------------------------------------------------------------------------------
/readme.rst:
--------------------------------------------------------------------------------
1 | .. image:: https://badge.waffle.io/chingu-voyage3/ideanebulae.svg?columns=all 
2 |  :target: https://waffle.io/chingu-voyage3/ideanebulae 
3 |  :alt: 'Waffle.io - Columns and their card count'


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/client/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 | 
4 | module.exports = merge(prodEnv, {
5 |   NODE_ENV: '"development"',
6 |   API_HOST: '"http://localhost:7000/api"',
7 | });
8 | 


--------------------------------------------------------------------------------
/client/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 | 
3 | module.exports = {
4 |   "plugins": {
5 |     // to edit target browsers: use "browserslist" field in package.json
6 |     "autoprefixer": {}
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/client/src/filters/index.js:
--------------------------------------------------------------------------------
 1 | const truncate = (text, value) => {
 2 |   if (text.length < value - 3) {
 3 |     return text;
 4 |   }
 5 |   return `${text.substring(0, value - 3)}...`;
 6 | };
 7 | 
 8 | export default {
 9 |   truncate,
10 | };
11 | 


--------------------------------------------------------------------------------
/client/src/components/misc/Agreement.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <h1>Agreement Component</h1>
 3 | </template>
 4 | 
 5 | <script>
 6 | export default {
 7 |   name: 'Agreement',
 8 | };
 9 | </script>
10 | 
11 | <style lang="stylus" scoped>
12 | 
13 | </style>
14 | 


--------------------------------------------------------------------------------
/client/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import Vuex from 'vuex';
 3 | 
 4 | import profile from './modules/profile';
 5 | 
 6 | Vue.use(Vuex);
 7 | 
 8 | const store = new Vuex.Store({
 9 |   modules: {
10 |     profile,
11 |   },
12 | });
13 | 
14 | export default store;
15 | 


--------------------------------------------------------------------------------
/server/utils/decodeToken.js:
--------------------------------------------------------------------------------
1 | const jwtDecode = require('jwt-decode');
2 | 
3 | // Receives a token and returns the object
4 | // representation of the token, also known as
5 | // decoding the token
6 | const decodeToken = (token) => jwtDecode(token);
7 | 
8 | module.exports = decodeToken;
9 | 


--------------------------------------------------------------------------------
/server/.sequelizerc:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | 
3 | module.exports = {
4 |   'config': path.resolve('db', 'config.js'),
5 |   'migrations-path': path.resolve('db', 'migrations'),
6 |   'models-path': path.resolve('db', 'models'),
7 |   'seeders-path': path.resolve('db', 'seeders'),
8 | };
9 | 


--------------------------------------------------------------------------------
/client/styles/var.styl:
--------------------------------------------------------------------------------
 1 | $dkblue = #3023AE
 2 | $purple = #7c48c2
 3 | $pink = #C86DD7
 4 | $gray_text = #545454
 5 | $gray_bkgrd = lighten($gray_text, 80%)
 6 | $medblue = #4b83dc
 7 | $aqua = #00cbf7
 8 | $ltblue = lighten($aqua, 40%)
 9 | $sky = #3877ce
10 | $ltred = #ee4f5c
11 | $dkred = #9a041a
12 | 


--------------------------------------------------------------------------------
/client/build/dev-client.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable */
 2 | require('eventsource-polyfill')
 3 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
 4 | 
 5 | hotClient.subscribe(function (event) {
 6 |   if (event.action === 'reload') {
 7 |     window.location.reload()
 8 |   }
 9 | })
10 | 


--------------------------------------------------------------------------------
/client/static/browserconfig.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <browserconfig>
 3 |     <msapplication>
 4 |         <tile>
 5 |             <square150x150logo src="/mstile-150x150.png"/>
 6 |             <TileColor>#2d89ef</TileColor>
 7 |         </tile>
 8 |     </msapplication>
 9 | </browserconfig>
10 | 


--------------------------------------------------------------------------------
/client/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     ["env", {
 4 |       "modules": false,
 5 |       "targets": {
 6 |         "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
 7 |       }
 8 |     }],
 9 |     "stage-2"
10 |   ],
11 |   "plugins": ["transform-runtime"],
12 |   "env": {
13 |     "test": {
14 |       "presets": ["env", "stage-2"],
15 |       "plugins": ["istanbul"]
16 |     }
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/client/src/api/index.js:
--------------------------------------------------------------------------------
 1 | import axios from 'axios';
 2 | import { getAccessToken } from '@/auth';
 3 | 
 4 | // Create http object to send the access token
 5 | // along with every single request
 6 | // eslint-disable-next-line new-cap
 7 | const http = new axios.create({
 8 |   baseURL: process.env.API_HOST,
 9 |   timeout: 5000,
10 |   headers: {
11 |     Authorization: `Bearer ${getAccessToken()}`,
12 |   },
13 | });
14 | 
15 | export default http;
16 | 


--------------------------------------------------------------------------------
/server/utils/authCheck.js:
--------------------------------------------------------------------------------
 1 | const jwt = require('express-jwt');
 2 | const jwks = require('jwks-rsa');
 3 | 
 4 | const authCheck = jwt({
 5 |   secret: jwks.expressJwtSecret({
 6 |     cache: true,
 7 |     rateLimit: true,
 8 |     jwksRequestsPerMinute: 5,
 9 |     jwksUri: 'https://.well-known/jwks.json',
10 |   }),
11 |   audience: 'API-AUDIENCE-ATTR',
12 |   issuer: 'https://auth0-domain.auth0.com/',
13 |   algorithms: ['RS256'],
14 | });
15 | 
16 | module.exports = authCheck;
17 | 


--------------------------------------------------------------------------------
/client/src/components/misc/AutosizeTextarea.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <textarea :value="value" @change="onChange" />
 3 | </template>
 4 | 
 5 | <script>
 6 |     import autosize from 'autosize';
 7 | 
 8 |     export default {
 9 |       props: ['value'],
10 |       methods: {
11 |         onChange(e) {
12 |           this.$emit('update', e.target.value);
13 |         },
14 |       },
15 | 
16 |       mounted() {
17 |         autosize(this.$el);
18 |       },
19 |     };
20 | 
21 | </script>


--------------------------------------------------------------------------------
/server/router/index.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const authCheck = require('../utils/authCheck');
 3 | const decodeToken = require('../utils/decodeToken');
 4 | const ideasRouter = require('./ideas');
 5 | const profilesRouter = require('./profiles');
 6 | const reviewsRouter = require('./reviews');
 7 | 
 8 | const router = express.Router();
 9 | 
10 | router.use(ideasRouter);
11 | router.use(profilesRouter);
12 | router.use(reviewsRouter);
13 | 
14 | module.exports = router;
15 | 


--------------------------------------------------------------------------------
/client/static/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "Idea Nebulae",
 3 |     "icons": [
 4 |         {
 5 |             "src": "/android-chrome-192x192.png",
 6 |             "sizes": "192x192",
 7 |             "type": "image/png"
 8 |         },
 9 |         {
10 |             "src": "/android-chrome-512x512.png",
11 |             "sizes": "512x512",
12 |             "type": "image/png"
13 |         }
14 |     ],
15 |     "theme_color": "#ffffff",
16 |     "background_color": "#ffffff",
17 |     "display": "standalone"
18 | }


--------------------------------------------------------------------------------
/client/test/unit/specs/shared/MainFooter.spec.js:
--------------------------------------------------------------------------------
 1 | import { mount } from 'avoriaz';
 2 | import MainFooter from '@/components/shared/MainFooter';
 3 | 
 4 | describe('MainFooter.vue', () => {
 5 |   it('has a footer as wrapper', () => {
 6 |     const wrapper = mount(MainFooter);
 7 |     expect(wrapper.is('footer')).to.equal(true);
 8 |   });
 9 | 
10 |   it('has a wrapper with class footer', () => {
11 |     const wrapper = mount(MainFooter);
12 |     expect(wrapper.hasClass('footer')).to.equal(true);
13 |   });
14 | });
15 | 


--------------------------------------------------------------------------------
/client/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
 1 | var utils = require('./utils')
 2 | var config = require('../config')
 3 | var isProduction = process.env.NODE_ENV === 'production'
 4 | 
 5 | module.exports = {
 6 |   loaders: utils.cssLoaders({
 7 |     sourceMap: isProduction
 8 |       ? config.build.productionSourceMap
 9 |       : config.dev.cssSourceMap,
10 |     extract: isProduction
11 |   }),
12 |   transformToRequire: {
13 |     video: 'src',
14 |     source: 'src',
15 |     img: 'src',
16 |     image: 'xlink:href'
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/client/src/auth/utils.js:
--------------------------------------------------------------------------------
 1 | import decode from 'jwt-decode';
 2 | 
 3 | // Return the token expiration date in UTC
 4 | export function getTokenExpirationDate(encodedToken) {
 5 |   const token = decode(encodedToken);
 6 |   if (!token.exp) return null;
 7 |   const date = new Date(0);
 8 |   date.setUTCSeconds(token.exp);
 9 |   return date;
10 | }
11 | 
12 | // Check if the token has expired already
13 | export function isTokenExpired(token) {
14 |   const expirationDate = getTokenExpirationDate(token);
15 |   return expirationDate < new Date();
16 | }
17 | 


--------------------------------------------------------------------------------
/client/src/components/Callback.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <h1>Callback</h1>
 3 | </template>
 4 | 
 5 | <script>
 6 | import { setIdToken, setAccessToken } from '@/auth';
 7 | 
 8 | export default {
 9 |   name: 'Callback',
10 |   mounted() {
11 |     // Once we get back to the callback url
12 |     // the tokens must be stored and the page
13 |     // reloaded for the store to kick in
14 |     this.$nextTick(() => {
15 |       setAccessToken();
16 |       setIdToken();
17 |       window.location.href = '/';
18 |     });
19 |   },
20 | };
21 | </script>
22 | 


--------------------------------------------------------------------------------
/client/src/main.js:
--------------------------------------------------------------------------------
 1 | // The Vue build version to load with the `import` command
 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 3 | import Vue from 'vue';
 4 | import VeeValidate from 'vee-validate';
 5 | import App from './App';
 6 | import router from './router';
 7 | import store from './store';
 8 | 
 9 | Vue.config.productionTip = false;
10 | 
11 | Vue.use(VeeValidate);
12 | 
13 | /* eslint-disable no-new */
14 | new Vue({
15 |   el: '#app',
16 |   router,
17 |   store,
18 |   template: '<App/>',
19 |   components: { App },
20 | });
21 | 


--------------------------------------------------------------------------------
/client/test/unit/index.js:
--------------------------------------------------------------------------------
 1 | import 'babel-polyfill';
 2 | import Vue from 'vue';
 3 | 
 4 | Vue.config.productionTip = false;
 5 | 
 6 | // require all test files (files that ends with .spec.js)
 7 | const testsContext = require.context('./specs', true, /\.spec$/);
 8 | testsContext.keys().forEach(testsContext);
 9 | 
10 | // require all src files except main.js for coverage.
11 | // you can also change this to match only the subset of files that
12 | // you want coverage for.
13 | const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/);
14 | srcContext.keys().forEach(srcContext);
15 | 


--------------------------------------------------------------------------------
/client/test/e2e/specs/test.js:
--------------------------------------------------------------------------------
 1 | // For authoring Nightwatch tests, see
 2 | // http://nightwatchjs.org/guide#usage
 3 | 
 4 | module.exports = {
 5 |   'default e2e tests': function test(browser) {
 6 |     // automatically uses dev Server port from /config.index.js
 7 |     // default: http://localhost:8080
 8 |     // see nightwatch.conf.js
 9 |     const devServer = browser.globals.devServerURL;
10 | 
11 |     browser
12 |       .url(devServer)
13 |       .waitForElementVisible('#app', 5000)
14 |       .assert.elementPresent('.hello')
15 |       .assert.containsText('h1', 'Welcome to Your Vue.js App')
16 |       .assert.elementCount('img', 1)
17 |       .end();
18 |   },
19 | };
20 | 


--------------------------------------------------------------------------------
/client/src/utils/localstorage.js:
--------------------------------------------------------------------------------
 1 | function lsTest() {
 2 |   const test = 'test123321';
 3 |   try {
 4 |     localStorage.setItem(test, test);
 5 |     localStorage.removeItem(test);
 6 |     return true;
 7 |   } catch (e) {
 8 |     return false;
 9 |   }
10 | }
11 | 
12 | const setObject = (key, value) => {
13 |   if (lsTest()) {
14 |     localStorage.setItem(key, JSON.stringify(value));
15 |   }
16 |   return null;
17 | };
18 | 
19 | const getObject = (key) => {
20 |   if (lsTest()) {
21 |     const value = localStorage.getItem(key);
22 |     return value && JSON.parse(value);
23 |   }
24 |   return null;
25 | };
26 | 
27 | export default {
28 |   setObject,
29 |   getObject,
30 | };
31 | 


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const cors = require('cors');
 3 | const bodyParser = require('body-parser');
 4 | const config = require('./services/config');
 5 | const router = require('./router');
 6 | const models = require('./db/models');
 7 | 
 8 | const app = express();
 9 | 
10 | // default port where dev server listens for incoming traffic
11 | const port = process.env.PORT || 7000;
12 | 
13 | app.use(bodyParser.json());
14 | app.use(bodyParser.urlencoded({ extended: true }));
15 | app.use(cors());
16 | 
17 | // The routes for the app
18 | app.use('/api', router);
19 | 
20 | models.sequelize.sync().then(() => {
21 |   app.listen(port, () => {
22 |     console.log(`The server is running on port ${port}`);
23 |   });
24 | });
25 | 
26 | 


--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const cors = require('cors');
 3 | const bodyParser = require('body-parser');
 4 | const config = require('./services/config');
 5 | const router = require('./router');
 6 | const models = require('./db/models');
 7 | 
 8 | const app = express();
 9 | 
10 | // default port where dev server listens for incoming traffic
11 | const port = process.env.PORT || 7000;
12 | 
13 | app.use(bodyParser.json());
14 | app.use(bodyParser.urlencoded({ extended: true }));
15 | app.use(cors());
16 | 
17 | // The routes for the app
18 | app.use('/api', router);
19 | 
20 | models.sequelize.sync().then(() => {
21 |   app.listen(port, () => {
22 |     console.log(`The server is running on port ${port}`);
23 |   });
24 | });
25 | 
26 | 


--------------------------------------------------------------------------------
/client/src/assets/eye-sym.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="391 270.5 451 177" width="451" height="177"><path d=" M 403 360 Q 616 205 830 360 Q 623 511 403 360 Z " fill="rgb(255,255,255)" vector-effect="non-scaling-stroke" stroke-width="8" stroke="rgb(127,46,181)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3"/><path d=" M 540 359 C 540 320.366 574.279 289 616.5 289 C 658.721 289 693 320.366 693 359 C 693 397.634 658.721 429 616.5 429 C 574.279 429 540 397.634 540 359 Z " fill="rgb(127,46,181)" vector-effect="non-scaling-stroke" stroke-width="8" stroke="rgb(127,46,181)" stroke-linejoin="miter" stroke-linecap="butt" stroke-miterlimit="3"/></svg>


--------------------------------------------------------------------------------
/server/db/methods/documentMethods.js:
--------------------------------------------------------------------------------
 1 | const models = require('../models');
 2 | 
 3 | export default class documentMethods {
 4 | 
 5 |   /**
 6 |    * @description Retrieve all documents associated with a given idea.
 7 |    * @param {any} ideaId The id value of the owning idea
 8 |    * @returns {Object} An object containing all documents realated to the idea id
 9 |    * @memberof agreementMethods
10 |    */
11 |   static async findByIdea(ideaId) {
12 |       return await models.sequelize.query(
13 |         `SELECT id,
14 |                 username,
15 |                 idea_id,
16 |                 title,
17 |                 idea_type,
18 |                 url,
19 |                 description
20 |            FROM idea_documents \
21 |            WHERE idea_id = ${ideaId}`,
22 |         { type: models.sequelize.QueryTypes.SELECT});
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/client/src/store/modules/profile.js:
--------------------------------------------------------------------------------
 1 | /* eslint no-param-reassign:
 2 | ["error", { "props": true, "ignorePropertyModificationsFor": ["state"] }]
 3 | */
 4 | import * as types from '../module-types';
 5 | 
 6 | // Actions
 7 | const actions = {
 8 |   SET_PROFILE_DATA({ commit }, profile) {
 9 |     commit(types.SET_PROFILE_DATA, profile);
10 |   },
11 | };
12 | 
13 | // Mutations
14 | const mutations = {
15 |   [types.SET_PROFILE_DATA](state, profile) {
16 |     const { sub, nickname, name, picture } = profile;
17 |     state.sub = sub;
18 |     state.nickname = nickname;
19 |     state.name = name;
20 |     state.picture = picture;
21 |   },
22 | };
23 | 
24 | // Initial state
25 | const state = {
26 |   sub: '',
27 |   nickname: '',
28 |   name: '',
29 |   picture: '',
30 | };
31 | 
32 | export default {
33 |   state,
34 |   actions,
35 |   mutations,
36 | };
37 | 


--------------------------------------------------------------------------------
/server/db/misc/ideaConstants.js:
--------------------------------------------------------------------------------
 1 | // Constants required by virtual typeCode field getter and setter
 2 | //
 3 | // Due to they way the app is deployed to Heroku this file is a duplicate
 4 | // of the one located at /server/db/misc/ideaConstants.js. This is because the
 5 | // client and server parts of the application are deployed to different Heroku
 6 | // Dynos and there is no shared file system.
 7 | //
 8 | // TODO: Find a way to single source these constants across both the client and
 9 | // server components of the application.
10 | const PUBLIC_IDEA = 0;
11 | const PRIVATE_IDEA = 1;
12 | const COMMERCIAL_IDEA = 2;
13 | const IDEA_TYPES = [
14 |   { type: PUBLIC_IDEA, name: 'public' },
15 |   { type: PRIVATE_IDEA, name: 'private' },
16 |   { type: COMMERCIAL_IDEA, name: 'commercial' },
17 | ];
18 | 
19 | export { PUBLIC_IDEA, PRIVATE_IDEA, COMMERCIAL_IDEA, IDEA_TYPES };
20 | 


--------------------------------------------------------------------------------
/client/src/components/misc/ideaConstants.js:
--------------------------------------------------------------------------------
 1 | // Constants required by virtual typeCode field getter and setter
 2 | //
 3 | // Due to they way the app is deployed to Heroku this file is a duplicate
 4 | // of the one located at /server/db/misc/ideaConstants.js. This is because the
 5 | // client and server parts of the application are deployed to different Heroku
 6 | // Dynos and there is no shared file system.
 7 | //
 8 | // TODO: Find a way to single source these constants across both the client and
 9 | // server components of the application.
10 | const PUBLIC_IDEA = 0;
11 | const PRIVATE_IDEA = 1;
12 | const COMMERCIAL_IDEA = 2;
13 | const IDEA_TYPES = [
14 |   { type: PUBLIC_IDEA, name: 'public' },
15 |   { type: PRIVATE_IDEA, name: 'private' },
16 |   { type: COMMERCIAL_IDEA, name: 'commercial' },
17 | ];
18 | 
19 | export { PUBLIC_IDEA, PRIVATE_IDEA, COMMERCIAL_IDEA, IDEA_TYPES };
20 | 


--------------------------------------------------------------------------------
/client/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
 6 |     <link href="https://fonts.googleapis.com/css?family=Titillium+Web:200,400,700" rel="stylesheet">
 7 |     <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
 8 |     <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
 9 |     <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
10 |     <link rel="manifest" href="/static/manifest.json">
11 |     <link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#5bbad5">
12 |     <meta name="theme-color" content="#ffffff">
13 |     <title>Idea Nebulae</title>
14 |   </head>
15 |   <body>
16 |     <div id="app"></div>
17 |     <!-- built files will be auto injected -->
18 |   </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/client/src/components/shared/MainFooter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <footer class="footer">
 3 |   	<div class="footer__text">
 4 |   	Made with &hearts; by Chingu Coders
 5 |   	</div>
 6 |   	<div class="footer__icon">
 7 |   		<a href="https://github.com/chingu-coders/Voyage2-Bears-27" target="_blank" rel="noopener noreferrer" title="github">
 8 | 				<img class="footer__img" src="../../assets/github.svg" alt="github"/>
 9 |   		</a>
10 |   	</div>
11 |   </footer>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 |   name: 'MainFooter',
17 | };
18 | </script>
19 | 
20 | <style lang="stylus" scoped>
21 | @import '~stylus_var'
22 | 
23 | .footer
24 | 	display flex
25 | 	justify-content space-between
26 | 	width 100%
27 | 	padding 20px
28 | 
29 | 	&__text
30 | 		color $purple
31 | 		text-transform uppercase
32 | 		letter-spacing 2.5px
33 | 		font-size .8em
34 | 
35 | 	&__icon, &__img
36 | 		width 20px
37 | 		height auto
38 | 
39 | </style>
40 | 


--------------------------------------------------------------------------------
/client/test/e2e/custom-assertions/elementCount.js:
--------------------------------------------------------------------------------
 1 | // A custom Nightwatch assertion.
 2 | // the name of the method is the filename.
 3 | // can be used in tests like this:
 4 | //
 5 | //   browser.assert.elementCount(selector, count)
 6 | //
 7 | // for how to write custom assertions see
 8 | // http://nightwatchjs.org/guide#writing-custom-assertions
 9 | exports.assertion = function (selector, count) {
10 |   this.message = 'Testing if element <' + selector + '> has count: ' + count;
11 |   this.expected = count;
12 |   this.pass = function (val) {
13 |     return val === this.expected;
14 |   }
15 |   this.value = function (res) {
16 |     return res.value;
17 |   }
18 |   this.command = function (cb) {
19 |     var self = this;
20 |     return this.api.execute(function (selector) {
21 |       return document.querySelectorAll(selector).length;
22 |     }, [selector], function (res) {
23 |       cb.call(self, res);
24 |     });
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/server/db/methods/reviewMethods.js:
--------------------------------------------------------------------------------
 1 | const models = require('../models');
 2 | 
 3 | export default class reviewMethods {
 4 | 
 5 |   /**
 6 |    * @description Retrieve all reviews associated with a given idea.
 7 |    * @param {any} ideaId The id value of the owning idea
 8 |    * @returns {Object} An object containing all reviews related to the idea id
 9 |    * @memberof agreementMethods
10 |    */
11 |   static async findByIdea(ideaId) {
12 |       return await models.sequelize.query(
13 |         `SELECT id, \
14 |                 idea_id, \
15 |                 idea_creator, \
16 |                 title, \
17 |                 idea_type, \
18 |                 reviewer_id, \
19 |                 reviewer, \
20 |                 comments, \
21 |                 created_at, \
22 |                 updated_at \
23 |            FROM idea_reviews \
24 |            WHERE idea_id = ${ideaId}`,
25 |         { type: models.sequelize.QueryTypes.SELECT});
26 |   }
27 | 
28 | }
29 | 


--------------------------------------------------------------------------------
/client/build/webpack.test.conf.js:
--------------------------------------------------------------------------------
 1 | // This is the webpack config used for unit tests.
 2 | 
 3 | var utils = require('./utils')
 4 | var webpack = require('webpack')
 5 | var merge = require('webpack-merge')
 6 | var baseConfig = require('./webpack.base.conf')
 7 | 
 8 | var webpackConfig = merge(baseConfig, {
 9 |   // use inline sourcemap for karma-sourcemap-loader
10 |   module: {
11 |     rules: utils.styleLoaders()
12 |   },
13 |   devtool: '#inline-source-map',
14 |   resolveLoader: {
15 |     alias: {
16 |       // necessary to to make lang="scss" work in test when using vue-loader's ?inject option
17 |       // see discussion at https://github.com/vuejs/vue-loader/issues/724
18 |       'scss-loader': 'sass-loader'
19 |     }
20 |   },
21 |   plugins: [
22 |     new webpack.DefinePlugin({
23 |       'process.env': require('../config/test.env')
24 |     })
25 |   ]
26 | })
27 | 
28 | // no need for app entry during tests
29 | delete webpackConfig.entry
30 | 
31 | module.exports = webpackConfig
32 | 


--------------------------------------------------------------------------------
/client/test/unit/specs/shared/MainNavbar.spec.js:
--------------------------------------------------------------------------------
 1 | import { mount } from 'avoriaz';
 2 | import MainNavbar from '@/components/shared/MainNavbar';
 3 | 
 4 | describe('MainNavbar.vue', () => {
 5 |   it('has a nav as wrapper', () => {
 6 |     const wrapper = mount(MainNavbar);
 7 |     expect(wrapper.is('nav')).to.equal(true);
 8 |   });
 9 | 
10 |   it('has a wrapper with class nav', () => {
11 |     const wrapper = mount(MainNavbar);
12 |     expect(wrapper.hasClass('nav')).to.equal(true);
13 |   });
14 | 
15 |   it('has a handle login method', () => {
16 |     const wrapper = mount(MainNavbar);
17 |     expect(typeof wrapper.methods().handleLogin).to.equal('function');
18 |   });
19 | 
20 |   it('has a handle logout method', () => {
21 |     const wrapper = mount(MainNavbar);
22 |     expect(typeof wrapper.methods().handleLogout).to.equal('function');
23 |   });
24 | 
25 |   it('has a is logged in method', () => {
26 |     const wrapper = mount(MainNavbar);
27 |     expect(typeof wrapper.methods().isLoggedIn).to.equal('function');
28 |   });
29 | });
30 | 


--------------------------------------------------------------------------------
/server/db/models/document.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = (sequelize, DataTypes) => {
 3 |   var Document = sequelize.define('Document', {
 4 |     id: {
 5 |       type: DataTypes.INTEGER,
 6 |       primaryKey: true,
 7 |       autoIncrement: true,
 8 |       allowNull: false,
 9 |     },
10 | 
11 |     idea_id: {
12 |       type: DataTypes.INTEGER,
13 |       onDelete: 'CASCADE',
14 |       references: {
15 |         model: 'ideas',
16 |         key: 'id',
17 |       },
18 |       allowNull: false,
19 |     },
20 | 
21 |     url: {
22 |       type: DataTypes.TEXT,
23 |       allowNull: false,
24 |     },
25 | 
26 |     description: {
27 |       type: DataTypes.TEXT,
28 |       allowNull: true,
29 |     },
30 | 
31 |   }, {
32 |       underscored: true,
33 |       classMethods: {
34 |         associate: function (models) {
35 |           // associations can be defined here
36 |           Document.belongsTo(models.Profile);
37 |           Document.belongsTo(models.Idea);
38 |         }
39 |       }
40 |     });
41 |   return Document;
42 | };
43 | 


--------------------------------------------------------------------------------
/server/db/models/agreement.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = (sequelize, DataTypes) => {
 3 |   var Agreement = sequelize.define('Agreement', {
 4 |     id: {
 5 |       allowNull: false,
 6 |       autoIncrement: true,
 7 |       primaryKey: true,
 8 |       type: DataTypes.INTEGER,
 9 |     },
10 | 
11 |     idea_id: {
12 |       type: DataTypes.INTEGER,
13 |       onDelete: 'CASCADE',
14 |       references: {
15 |         model: 'ideas',
16 |         key: 'id',
17 |       },
18 |       allowNull: false,
19 |     },
20 | 
21 |     agreement: {
22 |       type: DataTypes.STRING,
23 |       allowNull: false,
24 |     },
25 | 
26 |     version: {
27 |       type: DataTypes.INTEGER,
28 |       defaultValue: 1,
29 |       allowNull: false,
30 |     },
31 |   }, {
32 |       underscored: true,
33 |       classMethods: {
34 |         associate: function (models) {
35 |           // associations can be defined here
36 |           Agreement.belongsTo(models.Profile);
37 |           Agreement.belongsTo(models.Idea);
38 |         }
39 |       }
40 |     });
41 |   return Agreement;
42 | };
43 | 


--------------------------------------------------------------------------------
/client/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | // http://eslint.org/docs/user-guide/configuring
 2 | 
 3 | module.exports = {
 4 |   root: true,
 5 |   parser: 'babel-eslint',
 6 |   parserOptions: {
 7 |     sourceType: 'module',
 8 |     esversion: 6
 9 |   },
10 |   env: {
11 |     browser: true,
12 |   },
13 |   extends: 'airbnb-base',
14 |   // required to lint *.vue files
15 |   plugins: [
16 |     'html'
17 |   ],
18 |   // check if imports actually resolve
19 |   'settings': {
20 |     'import/resolver': {
21 |       'webpack': {
22 |         'config': 'build/webpack.base.conf.js'
23 |       }
24 |     }
25 |   },
26 |   // add your custom rules here
27 |   'rules': {
28 |     // don't require .vue extension when importing
29 |     'import/extensions': ['error', 'always', {
30 |       'js': 'never',
31 |       'vue': 'never'
32 |     }],
33 |     // allow optionalDependencies
34 |     'import/no-extraneous-dependencies': ['error', {
35 |       'optionalDependencies': ['test/unit/index.js']
36 |     }],
37 |     // allow debugger during development
38 |     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/server/db/migrations/20171219011522-create-profile.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = {
 3 |   up: (queryInterface, Sequelize) => {
 4 |     return queryInterface.createTable('profiles', {
 5 |       id: {
 6 |         allowNull: false,
 7 |         autoIncrement: true,
 8 |         primaryKey: true,
 9 |         type: Sequelize.INTEGER
10 |       },
11 |       user_id: {
12 |         allowNull: false,
13 |         type: Sequelize.STRING
14 |       },
15 |       username: {
16 |         allowNull: false,
17 |         type: Sequelize.STRING
18 |       },
19 |       name: {
20 |         type: Sequelize.STRING
21 |       },
22 |       avatar_url: {
23 |         type: Sequelize.STRING
24 |       },
25 |       qualifications: {
26 |         type: Sequelize.STRING
27 |       },
28 |       created_at: {
29 |         allowNull: false,
30 |         type: Sequelize.DATE
31 |       },
32 |       updated_at: {
33 |         allowNull: false,
34 |         type: Sequelize.DATE
35 |       }
36 |     });
37 |   },
38 |   down: (queryInterface, Sequelize) => {
39 |     return queryInterface.dropTable('profiles');
40 |   }
41 | };
42 | 


--------------------------------------------------------------------------------
/server/db/models/profile.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = (sequelize, DataTypes) => {
 3 |   var Profile = sequelize.define('Profile', {
 4 |     id: {
 5 |       type: DataTypes.INTEGER,
 6 |       primaryKey: true,
 7 |       autoIncrement: true,
 8 |       allowNull: false,
 9 |     },
10 | 
11 |     user_id: {
12 |       type: DataTypes.STRING,
13 |       allowNull: false,
14 |       unique: true,
15 |       primaryKey: true,
16 |     },
17 | 
18 |     username: {
19 |       type: DataTypes.STRING,
20 |       allowNull: false,
21 |       unique: true,
22 |     },
23 | 
24 |     name: DataTypes.STRING,
25 | 
26 |     avatar_url: DataTypes.STRING,
27 | 
28 |     qualifications: DataTypes.STRING
29 |   }, {
30 |       underscored: true,
31 |       classMethods: {
32 |         associate: function (models) {
33 |           // associations can be defined here
34 |           Profile.hasMany(models.Idea);
35 |           Profile.hasMany(models.Agreement);
36 |           Profile.hasMany(models.Review);
37 |           Profile.hasMany(models.Document);
38 |         }
39 |       }
40 |     });
41 |   return Profile;
42 | };
43 | 


--------------------------------------------------------------------------------
/server/db/migrations/2017122012080-create-document.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = {
 3 |   up: (queryInterface, Sequelize) => {
 4 |     return queryInterface.createTable('documents', {
 5 |       id: {
 6 |         allowNull: false,
 7 |         autoIncrement: true,
 8 |         primaryKey: true,
 9 |         type: Sequelize.INTEGER
10 |       },
11 |       idea_id: {
12 |         type: Sequelize.INTEGER,
13 |         onDelete: 'CASCADE',
14 |         references: {
15 |           model: 'ideas',
16 |           key: 'id',
17 |         },
18 |         allowNull: false,
19 |       },
20 |       url: {
21 |         type: Sequelize.TEXT,
22 |         allowNull: false,
23 |       },
24 |       description: {
25 |         type: Sequelize.TEXT,
26 |         allowNull: false,
27 |       },
28 |       created_at: {
29 |         allowNull: false,
30 |         type: Sequelize.DATE
31 |       },
32 |       updated_at: {
33 |         allowNull: false,
34 |         type: Sequelize.DATE
35 |       }
36 |     });
37 |   },
38 |   down: (queryInterface, Sequelize) => {
39 |     return queryInterface.dropTable('documents');
40 |   }
41 | };
42 | 


--------------------------------------------------------------------------------
/server/db/models/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var fs        = require('fs');
 4 | var path      = require('path');
 5 | var Sequelize = require('sequelize');
 6 | var basename  = path.basename(__filename);
 7 | var env       = process.env.NODE_ENV || 'development';
 8 | var config    = require(__dirname + '/../config.js')[env];
 9 | var db        = {};
10 | 
11 | if (config.use_env_variable) {
12 |   var sequelize = new Sequelize(process.env[config.use_env_variable], config);
13 | } else {
14 |   var sequelize = new Sequelize(config.database, config.username, config.password, config);
15 | }
16 | 
17 | fs
18 |   .readdirSync(__dirname)
19 |   .filter(file => {
20 |     return (file.indexOf('.') !== 0) && (file !== basename) && (file.slice(-3) === '.js');
21 |   })
22 |   .forEach(file => {
23 |     var model = sequelize['import'](path.join(__dirname, file));
24 |     db[model.name] = model;
25 |   });
26 | 
27 | Object.keys(db).forEach(modelName => {
28 |   if (db[modelName].associate) {
29 |     db[modelName].associate(db);
30 |   }
31 | });
32 | 
33 | db.sequelize = sequelize;
34 | db.Sequelize = Sequelize;
35 | 
36 | module.exports = db;
37 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Chingu Coders
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/server/db/models/review.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = (sequelize, DataTypes) => {
 3 |   var Review = sequelize.define('Review', {
 4 |     id: {
 5 |       type: DataTypes.INTEGER,
 6 |       primaryKey: true,
 7 |       autoIncrement: true,
 8 |       allowNull: false,
 9 |     },
10 | 
11 |     idea_id: {
12 |       type: DataTypes.INTEGER,
13 |       onDelete: 'CASCADE',
14 |       references: {
15 |         model: 'ideas',
16 |         key: 'id',
17 |       },
18 |       allowNull: false,
19 |     },
20 | 
21 |     reviewer_id: {
22 |       type: DataTypes.INTEGER,
23 |       onDelete: 'CASCADE',
24 |       references: {
25 |         model: 'profiles',
26 |         key: 'id',
27 |       },
28 |       allowNull: false,
29 |     },
30 | 
31 |     comments: {
32 |       type: DataTypes.TEXT,
33 |       allowNull: false,
34 |     },
35 |   }, {
36 |       underscored: true,
37 |       classMethods: {
38 |         associate: function (models) {
39 |           // associations can be defined here
40 |           Review.belongsTo(models.Profile);
41 |           Review.belongsTo(models.Idea);
42 |         }
43 |       }
44 |     });
45 |   return Review;
46 | };
47 | 


--------------------------------------------------------------------------------
/client/test/unit/karma.conf.js:
--------------------------------------------------------------------------------
 1 | // This is a karma config file. For more details see
 2 | //   http://karma-runner.github.io/0.13/config/configuration-file.html
 3 | // we are also using it with karma-webpack
 4 | //   https://github.com/webpack/karma-webpack
 5 | 
 6 | var webpackConfig = require('../../build/webpack.test.conf');
 7 | 
 8 | module.exports = function (config) {
 9 |   config.set({
10 |     // to run in additional browsers:
11 |     // 1. install corresponding karma launcher
12 |     //    http://karma-runner.github.io/0.13/config/browsers.html
13 |     // 2. add it to the `browsers` array below.
14 |     browsers: ['PhantomJS'],
15 |     frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],
16 |     reporters: ['spec', 'coverage'],
17 |     files: ['./index.js'],
18 |     preprocessors: {
19 |       './index.js': ['webpack', 'sourcemap']
20 |     },
21 |     webpack: webpackConfig,
22 |     webpackMiddleware: {
23 |       noInfo: true,
24 |     },
25 |     coverageReporter: {
26 |       dir: './coverage',
27 |       reporters: [
28 |         { type: 'lcov', subdir: '.' },
29 |         { type: 'text-summary' },
30 |       ]
31 |     },
32 |   });
33 | };
34 | 


--------------------------------------------------------------------------------
/server/db/migrations/20171219140454-create-agreement.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = {
 3 |   up: (queryInterface, Sequelize) => {
 4 |     return queryInterface.createTable('agreements', {
 5 |       id: {
 6 |         allowNull: false,
 7 |         autoIncrement: true,
 8 |         primaryKey: true,
 9 |         type: Sequelize.INTEGER
10 |       },
11 |       idea_id: {
12 |         type: Sequelize.INTEGER,
13 |         onDelete: 'CASCADE',
14 |         references: {
15 |           model: 'ideas',
16 |           key: 'id',
17 |         },
18 |         allowNull: false,
19 |       },
20 |       agreement: {
21 |         type: Sequelize.STRING,
22 |         allowNull: false,
23 |       },
24 |       version: {
25 |         type: Sequelize.INTEGER,
26 |         defaultValue: 1,
27 |         allowNull: false,
28 |       },
29 |       created_at: {
30 |         allowNull: false,
31 |         type: Sequelize.DATE
32 |       },
33 |       updated_at: {
34 |         allowNull: false,
35 |         type: Sequelize.DATE
36 |       }
37 |     });
38 |   },
39 |   down: (queryInterface, Sequelize) => {
40 |     return queryInterface.dropTable('agreements');
41 |   }
42 | };
43 | 


--------------------------------------------------------------------------------
/client/test/unit/specs/Home.spec.js:
--------------------------------------------------------------------------------
 1 | import { mount } from 'avoriaz';
 2 | import Home from '@/components/Home';
 3 | 
 4 | describe('Home.vue', () => {
 5 |   it('has a div as wrapper', () => {
 6 |     const wrapper = mount(Home);
 7 |     expect(wrapper.is('div')).to.equal(true);
 8 |   });
 9 | 
10 |   it('has a wrapper with class container', () => {
11 |     const wrapper = mount(Home);
12 |     expect(wrapper.hasClass('container')).to.equal(true);
13 |   });
14 | 
15 |   it('has a wrapper with class splash', () => {
16 |     const wrapper = mount(Home);
17 |     expect(wrapper.hasClass('splash')).to.equal(true);
18 |   });
19 | 
20 |   it('has a header for idea nebulae', () => {
21 |     const wrapper = mount(Home);
22 |     const expectedMessage = 'Idea Nebulae';
23 |     expect(wrapper.find('.sr-only')[0].text()).to.equal(expectedMessage);
24 |   });
25 | 
26 |   it('has a flip method', () => {
27 |     const wrapper = mount(Home);
28 |     expect(typeof wrapper.methods().flip).to.equal('function');
29 |   });
30 | 
31 |   it('has an unflip method', () => {
32 |     const wrapper = mount(Home);
33 |     expect(typeof wrapper.methods().unflip).to.equal('function');
34 |   });
35 | });
36 | 


--------------------------------------------------------------------------------
/server/services/config.js:
--------------------------------------------------------------------------------
 1 | const dotenv = require('dotenv');
 2 | 
 3 | dotenv.config();
 4 | 
 5 | let config = {};
 6 | config.app = {};
 7 | config.db = {};
 8 | 
 9 | config.app.debuglog = process.env.DEBUGLOG === undefined
10 |   ? false
11 |   : process.env.DEBUGLOG.toUpperCase() === 'TRUE' ? true : false;
12 | 
13 | config.db.dbuserid = `${process.env.DBUSERID}`;
14 | config.db.dbpasswd = `${process.env.DBPASSWD}`;
15 | config.db.dbdomain = `${process.env.DBDOMAIN}`;
16 | config.db.dbhost = `${process.env.DBHOST}`;
17 | config.db.dbport = `${process.env.DBPORT}`;
18 | config.db.dbname = `${process.env.DBNAME}`;
19 | config.db.dburl = `${process.env.DBURL}`;
20 | 
21 | if (config.app.debuglog) {
22 |   console.log(`config.app.debuglog = ${process.env.DEBUGLOG}`);
23 |   console.log(`config.db.dbuserid = ${process.env.DBUSERID}`);
24 |   console.log(`config.db.dbpasswd = ${process.env.DBPASSWD}`);
25 |   console.log(`config.db.dbdomain = ${process.env.DBDOMAIN}`);
26 |   console.log(`config.db.dbhost = ${process.env.DBHOST}`);
27 |   console.log(`config.db.dbport = ${process.env.DBPORT}`);
28 |   console.log(`config.db.dbname = ${process.env.DBNAME}`);
29 |   console.log(`config.db.dburl = ${process.env.DBURL}`);
30 | }
31 | 
32 | module.exports = config;
33 | 


--------------------------------------------------------------------------------
/client/test/e2e/nightwatch.conf.js:
--------------------------------------------------------------------------------
 1 | require('babel-register')
 2 | var config = require('../../config')
 3 | 
 4 | // http://nightwatchjs.org/gettingstarted#settings-file
 5 | module.exports = {
 6 |   src_folders: ['test/e2e/specs'],
 7 |   output_folder: 'test/e2e/reports',
 8 |   custom_assertions_path: ['test/e2e/custom-assertions'],
 9 | 
10 |   selenium: {
11 |     start_process: true,
12 |     server_path: require('selenium-server').path,
13 |     host: '127.0.0.1',
14 |     port: 4444,
15 |     cli_args: {
16 |       'webdriver.chrome.driver': require('chromedriver').path
17 |     }
18 |   },
19 | 
20 |   test_settings: {
21 |     default: {
22 |       selenium_port: 4444,
23 |       selenium_host: 'localhost',
24 |       silent: true,
25 |       globals: {
26 |         devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
27 |       }
28 |     },
29 | 
30 |     chrome: {
31 |       desiredCapabilities: {
32 |         browserName: 'chrome',
33 |         javascriptEnabled: true,
34 |         acceptSslCerts: true
35 |       }
36 |     },
37 | 
38 |     firefox: {
39 |       desiredCapabilities: {
40 |         browserName: 'firefox',
41 |         javascriptEnabled: true,
42 |         acceptSslCerts: true
43 |       }
44 |     }
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/client/test/e2e/runner.js:
--------------------------------------------------------------------------------
 1 | // 1. start the dev server using production config
 2 | process.env.NODE_ENV = 'testing';
 3 | var server = require('../../build/dev-server.js');
 4 | 
 5 | server.ready.then(() => {
 6 |   // 2. run the nightwatch test suite against it
 7 |   // to run in additional browsers:
 8 |   //    1. add an entry in test/e2e/nightwatch.conf.json under "test_settings"
 9 |   //    2. add it to the --env flag below
10 |   // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`
11 |   // For more information on Nightwatch's config file, see
12 |   // http://nightwatchjs.org/guide#settings-file
13 |   var opts = process.argv.slice(2);
14 |   if (opts.indexOf('--config') === -1) {
15 |     opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js']);
16 |   }
17 |   if (opts.indexOf('--env') === -1) {
18 |     opts = opts.concat(['--env', 'chrome']);
19 |   }
20 | 
21 |   var spawn = require('cross-spawn');
22 |   var runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' });
23 | 
24 |   runner.on('exit', function (code) {
25 |     server.close();
26 |     process.exit(code);
27 |   });
28 | 
29 |   runner.on('error', function (err) {
30 |     server.close();
31 |     throw err;
32 |   });
33 | });
34 | 


--------------------------------------------------------------------------------
/client/build/build.js:
--------------------------------------------------------------------------------
 1 | require('./check-versions')()
 2 | 
 3 | process.env.NODE_ENV = 'production'
 4 | 
 5 | var ora = require('ora')
 6 | var rm = require('rimraf')
 7 | var path = require('path')
 8 | var chalk = require('chalk')
 9 | var webpack = require('webpack')
10 | var config = require('../config')
11 | var webpackConfig = require('./webpack.prod.conf')
12 | 
13 | var spinner = ora('building for production...')
14 | spinner.start()
15 | 
16 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
17 |   if (err) throw err
18 |   webpack(webpackConfig, function (err, stats) {
19 |     spinner.stop()
20 |     if (err) throw err
21 |     process.stdout.write(stats.toString({
22 |       colors: true,
23 |       modules: false,
24 |       children: false,
25 |       chunks: false,
26 |       chunkModules: false
27 |     }) + '\n\n')
28 | 
29 |     if (stats.hasErrors()) {
30 |       console.log(chalk.red('  Build failed with errors.\n'))
31 |       process.exit(1)
32 |     }
33 | 
34 |     console.log(chalk.cyan('  Build complete.\n'))
35 |     console.log(chalk.yellow(
36 |       '  Tip: built files are meant to be served over an HTTP server.\n' +
37 |       '  Opening index.html over file:// won\'t work.\n'
38 |     ))
39 |   })
40 | })
41 | 


--------------------------------------------------------------------------------
/server/db/migrations/20171219142211-create-review.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = {
 3 |   up: (queryInterface, Sequelize) => {
 4 |     return queryInterface.createTable('reviews', {
 5 |       id: {
 6 |         allowNull: false,
 7 |         autoIncrement: true,
 8 |         primaryKey: true,
 9 |         type: Sequelize.INTEGER
10 |       },
11 |       idea_id: {
12 |         type: Sequelize.INTEGER,
13 |         onDelete: 'CASCADE',
14 |         references: {
15 |           model: 'ideas',
16 |           key: 'id',
17 |         },
18 |         allowNull: false,
19 |       },
20 |       reviewer_id: {
21 |         type: Sequelize.INTEGER,
22 |         onDelete: 'CASCADE',
23 |         references: {
24 |           model: 'profiles',
25 |           key: 'id',
26 |         },
27 |         allowNull: false,
28 |       },
29 |       comments: {
30 |         type: Sequelize.TEXT,
31 |         allowNull: false,
32 |       },
33 |       created_at: {
34 |         allowNull: false,
35 |         type: Sequelize.DATE
36 |       },
37 |       updated_at: {
38 |         allowNull: false,
39 |         type: Sequelize.DATE
40 |       }
41 |     });
42 |   },
43 |   down: (queryInterface, Sequelize) => {
44 |     return queryInterface.dropTable('reviews');
45 |   }
46 | };
47 | 


--------------------------------------------------------------------------------
/server/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Runtime data
 9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 | 
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 | 
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 | 
20 | # nyc test coverage
21 | .nyc_output
22 | 
23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 | 
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 | 
29 | # node-waf configuration
30 | .lock-wscript
31 | 
32 | # Compiled binary addons (https://nodejs.org/api/addons.html)
33 | build/Release
34 | 
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 | 
39 | # Typescript v1 declaration files
40 | typings/
41 | 
42 | # Optional npm cache directory
43 | .npm
44 | 
45 | # Optional eslint cache
46 | .eslintcache
47 | 
48 | # Optional REPL history
49 | .node_repl_history
50 | 
51 | # Output of 'npm pack'
52 | *.tgz
53 | 
54 | # Yarn Integrity file
55 | .yarn-integrity
56 | 
57 | # dotenv environment variables file
58 | .env
59 | 
60 | dist/
61 | package-lock.json
62 | 
63 | # Yarn and NPM locks
64 | package-lock.json
65 | yarn.lock
66 | 


--------------------------------------------------------------------------------
/server/db/config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   development: {
 3 |     username: process.env.DBUSERID || 'postgres',
 4 |     password: process.env.DBPASSWD || 'postgres',
 5 |     database: process.env.DBNAME || 'ideanebulae_dev',
 6 |     host: process.env.DBHOST || 'localhost',
 7 |     port: process.env.DBPORT || '5432',
 8 |     dialect: 'postgres',
 9 |     logging: console.log,
10 |     define: {
11 |       underscored: true, // snake_case timestamps
12 |       underscoredAll: true, // Converts camelCase model names to snake_case
13 |     },
14 |   },
15 |   test: {
16 |     username: process.env.DBUSERID,
17 |     password: process.env.DBPASSWD,
18 |     database: process.env.DBNAME,
19 |     host: process.env.DBHOST,
20 |     port: process.env.DBPORT,
21 |     dialect: 'postgres',
22 |     define: {
23 |       underscored: true,
24 |       underscoredAll: true,
25 |     },
26 |   },
27 |   production: {
28 |     username: process.env.DBUSERID,
29 |     password: process.env.DBPASSWD,
30 |     database: process.env.DBNAME,
31 |     host: process.env.DBHOST,
32 |     port: process.env.DBPORT,
33 |     use_env_variable: 'DATABASE_URL',
34 |     dialect: 'postgres',
35 |     define: {
36 |       underscored: true,
37 |       underscoredAll: true,
38 |     },
39 |   },
40 | }
41 | 


--------------------------------------------------------------------------------
/client/src/assets/shield_w.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 201 244" style="enable-background:new 0 0 201 244;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
 7 | 	.st1{fill:#FFFFFF;}
 8 | </style>
 9 | <desc>Created with Sketch.</desc>
10 | <g id="Page-1">
11 | 	<g id="minimal" transform="translate(-618.000000, -1150.000000)">
12 | 		<g id="Middle-section" transform="translate(43.000000, 942.000000)">
13 | 			<g id="security" transform="translate(579.000000, 212.000000)">
14 | 				<path id="Shape" class="st0" d="M96.7,236h-0.4C-2.4,202.7-0.1,106.2,0,101.9V31.5L96.4,0h0.1h0.1L193,31.5v70.6
15 | 					C193,103.1,195.6,202.7,96.7,236z"/>
16 | 				<path id="Shape_1_" class="st1" d="M168.8,66.8l-80.7,90.8l-48.6-38.9c-2.3-1.8-5.6-1.4-7.4,0.8c-1.8,2.3-1.4,5.6,0.8,7.4
17 | 					l52.5,42c1,0.8,2.1,1.1,3.3,1.1c1.4,0,2.9-0.6,3.9-1.8l84-94.5c1.9-2.2,1.7-5.5-0.4-7.4C174.1,64.4,170.8,64.6,168.8,66.8z"/>
18 | 			</g>
19 | 		</g>
20 | 	</g>
21 | </g>
22 | </svg>
23 | 


--------------------------------------------------------------------------------
/client/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
 1 | var utils = require('./utils')
 2 | var webpack = require('webpack')
 3 | var config = require('../config')
 4 | var merge = require('webpack-merge')
 5 | var baseWebpackConfig = require('./webpack.base.conf')
 6 | var HtmlWebpackPlugin = require('html-webpack-plugin')
 7 | var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 8 | 
 9 | // add hot-reload related code to entry chunks
10 | Object.keys(baseWebpackConfig.entry).forEach(function (name) {
11 |   baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
12 | })
13 | 
14 | module.exports = merge(baseWebpackConfig, {
15 |   module: {
16 |     rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
17 |   },
18 |   // cheap-module-eval-source-map is faster for development
19 |   devtool: '#cheap-module-eval-source-map',
20 |   plugins: [
21 |     new webpack.DefinePlugin({
22 |       'process.env': config.dev.env
23 |     }),
24 |     // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
25 |     new webpack.HotModuleReplacementPlugin(),
26 |     new webpack.NoEmitOnErrorsPlugin(),
27 |     // https://github.com/ampedandwired/html-webpack-plugin
28 |     new HtmlWebpackPlugin({
29 |       filename: 'index.html',
30 |       template: 'index.html',
31 |       inject: true
32 |     }),
33 |     new FriendlyErrorsPlugin()
34 |   ]
35 | })
36 | 


--------------------------------------------------------------------------------
/server/db/migrations/20171219012348-create-idea.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = {
 3 |   up: (queryInterface, Sequelize) => {
 4 |     return queryInterface.createTable('ideas', {
 5 |       id: {
 6 |         allowNull: false,
 7 |         autoIncrement: true,
 8 |         primaryKey: true,
 9 |         type: Sequelize.INTEGER,
10 |       },
11 |       title: {
12 |         type: Sequelize.STRING,
13 |         allowNull: false,
14 |       },
15 |       description: {
16 |         type: Sequelize.TEXT,
17 |         allowNull: false,
18 |       },
19 |       idea_type: {
20 |         type: Sequelize.ENUM,
21 |         values: ['public', 'private', 'commercial'],
22 |         defaultValue: 'public',
23 |         allowNull: false,
24 |       },
25 |       profile_id: {
26 |         type: Sequelize.INTEGER,
27 |         onDelete: 'CASCADE',
28 |         references: {
29 |           model: 'profiles',
30 |           key: 'id',
31 |         },
32 |         allowNull: false,
33 |       },
34 |       tags: {
35 |         type: Sequelize.ARRAY(Sequelize.TEXT),
36 |         allowNull: true,
37 |       },
38 |       created_at: {
39 |         allowNull: false,
40 |         type: Sequelize.DATE,
41 |       },
42 |       updated_at: {
43 |         allowNull: false,
44 |         type: Sequelize.DATE,
45 |       }
46 |     });
47 |   },
48 |   down: (queryInterface, Sequelize) => {
49 |     return queryInterface.dropTable('ideas');
50 |   }
51 | };
52 | 


--------------------------------------------------------------------------------
/client/test/unit/specs/users/UserProfile.spec.js:
--------------------------------------------------------------------------------
 1 | import { mount } from 'avoriaz';
 2 | import UserProfile from '@/components/users/UserProfile';
 3 | 
 4 | describe('UserProfile.vue', () => {
 5 |   it('has a div as wrapper', () => {
 6 |     const wrapper = mount(UserProfile);
 7 |     expect(wrapper.is('div')).to.equal(true);
 8 |   });
 9 | 
10 |   it('has a wrapper with class container', () => {
11 |     const wrapper = mount(UserProfile);
12 |     expect(wrapper.hasClass('container')).to.equal(true);
13 |   });
14 | 
15 |   it('has a wrapper with profile container', () => {
16 |     const wrapper = mount(UserProfile);
17 |     expect(wrapper.hasClass('profile')).to.equal(true);
18 |   });
19 | 
20 |   it('has a save qualifications method', () => {
21 |     const wrapper = mount(UserProfile);
22 |     expect(typeof wrapper.methods().saveQualifications).to.equal('function');
23 |   });
24 | 
25 |   it('has a cancel qualifications method', () => {
26 |     const wrapper = mount(UserProfile);
27 |     expect(typeof wrapper.methods().cancelQualifications).to.equal('function');
28 |   });
29 | 
30 |   it('has an adjust text area method', () => {
31 |     const wrapper = mount(UserProfile);
32 |     expect(typeof wrapper.methods().adjustTextArea).to.equal('function');
33 |   });
34 | 
35 |   it('has a toggle edit method', () => {
36 |     const wrapper = mount(UserProfile);
37 |     expect(typeof wrapper.methods().toggleEdit).to.equal('function');
38 |   });
39 | });
40 | 


--------------------------------------------------------------------------------
/client/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | test/unit/coverage
 8 | test/e2e/reports
 9 | selenium-debug.log
10 | 
11 | # Runtime data
12 | pids
13 | *.pid
14 | *.seed
15 | *.pid.lock
16 | 
17 | # Directory for instrumented libs generated by jscoverage/JSCover
18 | lib-cov
19 | 
20 | # Coverage directory used by tools like istanbul
21 | coverage
22 | 
23 | # nyc test coverage
24 | .nyc_output
25 | 
26 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
27 | .grunt
28 | 
29 | # Bower dependency directory (https://bower.io/)
30 | bower_components
31 | 
32 | # node-waf configuration
33 | .lock-wscript
34 | 
35 | # Compiled binary addons (http://nodejs.org/api/addons.html)
36 | build/Release
37 | 
38 | # Dependency directories
39 | node_modules/
40 | jspm_packages/
41 | 
42 | # Typescript v1 declaration files
43 | typings/
44 | 
45 | # Optional npm cache directory
46 | .npm
47 | 
48 | # Optional eslint cache
49 | .eslintcache
50 | 
51 | # Optional REPL history
52 | .node_repl_history
53 | 
54 | # Output of 'npm pack'
55 | *.tgz
56 | 
57 | # Yarn Integrity file
58 | .yarn-integrity
59 | 
60 | # dotenv environment variables file
61 | .env
62 | 
63 | # Distribution
64 | dist/
65 | 
66 | # Mac stuff
67 | .DS_Store
68 | 
69 | # Editor directories and files
70 | .idea
71 | *.suo
72 | *.ntvs*
73 | *.njsproj
74 | *.sln
75 | 
76 | # Yarn and NPM locks
77 | package-lock.json
78 | yarn.lock
79 | 


--------------------------------------------------------------------------------
/client/build/check-versions.js:
--------------------------------------------------------------------------------
 1 | var chalk = require('chalk')
 2 | var semver = require('semver')
 3 | var packageConfig = require('../package.json')
 4 | var shell = require('shelljs')
 5 | function exec (cmd) {
 6 |   return require('child_process').execSync(cmd).toString().trim()
 7 | }
 8 | 
 9 | var versionRequirements = [
10 |   {
11 |     name: 'node',
12 |     currentVersion: semver.clean(process.version),
13 |     versionRequirement: packageConfig.engines.node
14 |   }
15 | ]
16 | 
17 | if (shell.which('npm')) {
18 |   versionRequirements.push({
19 |     name: 'npm',
20 |     currentVersion: exec('npm --version'),
21 |     versionRequirement: packageConfig.engines.npm
22 |   })
23 | }
24 | 
25 | module.exports = function () {
26 |   var warnings = []
27 |   for (var i = 0; i < versionRequirements.length; i++) {
28 |     var mod = versionRequirements[i]
29 |     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
30 |       warnings.push(mod.name + ': ' +
31 |         chalk.red(mod.currentVersion) + ' should be ' +
32 |         chalk.green(mod.versionRequirement)
33 |       )
34 |     }
35 |   }
36 | 
37 |   if (warnings.length) {
38 |     console.log('')
39 |     console.log(chalk.yellow('To use this template, you must update following to modules:'))
40 |     console.log()
41 |     for (var i = 0; i < warnings.length; i++) {
42 |       var warning = warnings[i]
43 |       console.log('  ' + warning)
44 |     }
45 |     console.log()
46 |     process.exit(1)
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/server/db/seeders/profile_seed.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   up: (queryInterface, Sequelize) => {
 5 |     return queryInterface.bulkInsert("profiles", [
 6 |       {
 7 |         user_id: "github|1287072",
 8 |         username: "jdmedlock",
 9 |         name: "Jim Medlock",
10 |         avatar_url: "https://avatars3.githubusercontent.com/u/1287072?v=4",
11 |         qualifications: "I love empanadas!",
12 |         created_at: '2017-12-19 00:00:00',
13 |         updated_at: '2017-12-19 00:00:00'
14 |       }, {
15 |         user_id: "github|8445249",
16 |         username: "Parminder Singh",
17 |         name: "null",
18 |         avatar_url: "null",
19 |         qualifications: "null",
20 |         created_at: '2017-12-19 00:00:00',
21 |         updated_at: '2017-12-19 00:00:00'
22 |       }, {
23 |         user_id: "github|11398826",
24 |         username: "oxyrus",
25 |         name: "Andrés Pérez",
26 |         avatar_url: "TBD",
27 |         qualifications: "TBD",
28 |         created_at: '2017-12-19 00:00:00',
29 |         updated_at: '2017-12-19 00:00:00'
30 |       }, {
31 |         user_id: "github|24995773",
32 |         username: "rifkegribenes",
33 |         name: "Sarah Schneider",
34 |         avatar_url: "https://avatars2.githubusercontent.com/u/24995773?v=4",
35 |         qualifications: "Designer extrordinaire",
36 |         created_at: '2017-12-19 00:00:00',
37 |         updated_at: '2017-12-19 00:00:00'
38 |       }
39 |     ], {});
40 |   },
41 |   down: (queryInterface, Sequelize) => {
42 |       return queryInterface.bulkDelete('profiles', null, {});
43 |   }
44 | };
45 | 


--------------------------------------------------------------------------------
/client/config/index.js:
--------------------------------------------------------------------------------
 1 | // see http://vuejs-templates.github.io/webpack for documentation.
 2 | var path = require('path')
 3 | 
 4 | module.exports = {
 5 |   build: {
 6 |     env: require('./prod.env'),
 7 |     index: path.resolve(__dirname, '../dist/index.html'),
 8 |     assetsRoot: path.resolve(__dirname, '../dist'),
 9 |     assetsSubDirectory: 'static',
10 |     assetsPublicPath: '/',
11 |     productionSourceMap: true,
12 |     // Gzip off by default as many popular static hosts such as
13 |     // Surge or Netlify already gzip all static assets for you.
14 |     // Before setting to `true`, make sure to:
15 |     // npm install --save-dev compression-webpack-plugin
16 |     productionGzip: false,
17 |     productionGzipExtensions: ['js', 'css'],
18 |     // Run the build command with an extra argument to
19 |     // View the bundle analyzer report after build finishes:
20 |     // `npm run build --report`
21 |     // Set to `true` or `false` to always turn it on or off
22 |     bundleAnalyzerReport: process.env.npm_config_report
23 |   },
24 |   dev: {
25 |     env: require('./dev.env'),
26 |     port: 8080,
27 |     autoOpenBrowser: true,
28 |     assetsSubDirectory: 'static',
29 |     assetsPublicPath: '/',
30 |     proxyTable: {},
31 |     // CSS Sourcemaps off by default because relative paths are "buggy"
32 |     // with this option, according to the CSS-Loader README
33 |     // (https://github.com/webpack/css-loader#sourcemaps)
34 |     // In our experience, they generally work as expected,
35 |     // just be aware of this issue when enabling this option.
36 |     cssSourceMap: false
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/server/db/models/idea.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | module.exports = (sequelize, DataTypes) => {
 3 |   var Idea = sequelize.define('Idea', {
 4 |     id: {
 5 |       type: DataTypes.INTEGER,
 6 |       primaryKey: true,
 7 |       autoIncrement: true,
 8 |       allowNull: false,
 9 |     },
10 | 
11 |     title: {
12 |       type: DataTypes.STRING,
13 |       allowNull: false,
14 |     },
15 | 
16 |     description: {
17 |       type: DataTypes.TEXT,
18 |       allowNull: false,
19 |     },
20 | 
21 |     idea_type: {
22 |       type: DataTypes.ENUM,
23 |       values: ['public', 'private', 'commercial'],
24 |       defaultValue: 'public',
25 |       allowNull: false,
26 |     },
27 | 
28 |     profile_id: {
29 |       type: DataTypes.INTEGER,
30 |       onDelete: 'CASCADE',
31 |       references: {
32 |         model: 'Profiles',
33 |         key: 'id',
34 |       },
35 |       allowNull: false,
36 |     },
37 | 
38 |     tags: {
39 |       type: DataTypes.ARRAY(DataTypes.TEXT),
40 |       allowNull: true,
41 |     },
42 | 
43 |   }, {
44 |       underscored: true,
45 |       classMethods: {
46 |         associate: function (models) {
47 |           // associations can be defined here
48 |           Idea.belongsTo(models.Profile);
49 |           Idea.hasOne(models.Agreement);
50 |           Idea.hasMany(models.Review);
51 |           Idea.hasMany(models.Document);
52 |         }
53 |       },
54 |       indexes: [
55 |         // Create a unique index on id
56 |         {
57 |           unique: true,
58 |           fields: ['id']
59 |         },
60 | 
61 |         // Creates a gin index on the tags array
62 |         {
63 |           unique: false,
64 |           fields: ['tags'],
65 |           using: 'gin',
66 |         },
67 |       ]
68 |     });
69 |   return Idea;
70 | };
71 | 


--------------------------------------------------------------------------------
/client/static/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 3 |  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 4 | <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 5 |  width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
 6 |  preserveAspectRatio="xMidYMid meet">
 7 | <metadata>
 8 | Created by potrace 1.11, written by Peter Selinger 2001-2013
 9 | </metadata>
10 | <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11 | fill="#000000" stroke="none">
12 | <path d="M2446 5043 c-1 -2 -23 -6 -47 -9 -141 -18 -300 -68 -444 -140 -131
13 | -65 -128 -63 -235 -138 -85 -60 -243 -210 -317 -302 -138 -170 -264 -424 -319
14 | -644 -18 -72 -18 -75 -29 -140 -4 -25 -10 -54 -12 -65 -12 -48 -10 -375 2
15 | -460 19 -129 23 -150 52 -250 50 -176 120 -328 221 -481 73 -112 82 -122 206
16 | -251 55 -57 114 -125 132 -152 60 -89 105 -203 129 -331 25 -132 34 -159 55
17 | -170 26 -14 1524 -14 1550 0 21 11 30 40 54 165 21 109 24 118 47 178 42 106
18 | 93 182 194 287 171 177 257 298 345 482 52 108 115 290 125 361 4 23 9 45 11
19 | 49 13 21 31 221 31 349 1 288 -67 562 -198 808 -45 84 -122 208 -138 221 -4 3
20 | -30 34 -58 70 -84 107 -208 219 -347 314 -119 81 -353 186 -473 211 -159 34
21 | -239 43 -381 42 -84 0 -154 -2 -156 -4z"/>
22 | <path d="M1823 1182 c-43 -35 -35 -128 13 -146 22 -8 1511 -9 1525 -1 5 4 16
23 | 20 25 37 13 26 14 38 5 69 -7 21 -20 43 -31 49 -12 6 -279 10 -767 10 -694 0
24 | -750 -2 -770 -18z"/>
25 | <path d="M1832 723 c-17 -7 -34 -41 -39 -77 -2 -22 4 -40 20 -60 l24 -29 751
26 | 0 c823 0 791 -3 806 58 9 35 -10 92 -34 105 -19 10 -1503 13 -1528 3z"/>
27 | <path d="M2272 293 c-26 -10 -40 -58 -33 -113 0 -5 11 -18 23 -30 21 -19 33
28 | -20 352 -20 263 1 335 3 349 14 41 31 39 124 -3 146 -19 10 -663 13 -688 3z"/>
29 | </g>
30 | </svg>
31 | 


--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ideanebulae-api",
 3 |   "version": "0.0.2",
 4 |   "description": "The API powering IdeaNebulae",
 5 |   "main": "server.js",
 6 |   "scripts": {
 7 |     "build": "rimraf dist/ && babel ./ --out-dir dist/ --ignore ./node_modules,./.babelrc,./package.json,./npm-debug.log --copy-files",
 8 |     "createdb": "sequelize db:drop && sequelize db:create && sequelize db:migrate",
 9 |     "loadprof": "sequelize db:seed --seed profile_seed",
10 |     "loadidea": "sequelize db:seed --seed idea_seed",
11 |     "loadagre": "sequelize db:seed --seed agreement_seed",
12 |     "loaddoc": "sequelize db:seed --seed document_seed",
13 |     "loadrev": "sequelize db:seed --seed review_seed",
14 |     "createviews": "psql -U postgres -d ideanebulae_dev -f ./db/models/postgres_views.sql -h localhost -p 5432",
15 |     "initdb": "npm run createdb && npm run loadprof && npm run loadidea && npm run loadagre && npm run loaddoc && npm run loadrev && npm run createviews",
16 |     "deploy": "git subtree push — prefix dist heroku master",
17 |     "start": "npm run build && node dist/server.js",
18 |     "test": "echo \"Error: no test specified\" && exit 1"
19 |   },
20 |   "keywords": [
21 |     "ideanebulae",
22 |     "express",
23 |     "api",
24 |     "auth0",
25 |     "vue"
26 |   ],
27 |   "author": "Bears-27",
28 |   "license": "MIT",
29 |   "dependencies": {
30 |     "babel": "^6.23.0",
31 |     "babel-cli": "^6.26.0",
32 |     "babel-preset-es2015": "^6.24.1",
33 |     "body-parser": "^1.18.2",
34 |     "cors": "^2.8.4",
35 |     "dotenv": "^4.0.0",
36 |     "express": "^4.16.2",
37 |     "express-jwt": "^5.3.0",
38 |     "jwks-rsa": "^1.2.0",
39 |     "jwt-decode": "^2.2.0",
40 |     "mongodb": "^2.2.33",
41 |     "mongoose": "^4.12.3",
42 |     "pg": "^6.4.2",
43 |     "pg-hstore": "^2.3.2",
44 |     "rimraf": "^2.6.2",
45 |     "sequelize": "^4.27.0"
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/client/src/assets/rocket_w.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 263 263" style="enable-background:new 0 0 263 263;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
 7 | 	.st1{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
 8 | </style>
 9 | <desc>Created with Sketch.</desc>
10 | <g id="Page-1">
11 | 	<g id="minimal" transform="translate(-1035.000000, -1154.000000)">
12 | 		<g id="Middle-section" transform="translate(43.000000, 942.000000)">
13 | 			<g id="rocket_1_" transform="translate(997.000000, 216.000000)">
14 | 				<g id="Group-2">
15 | 					<path id="rocket" class="st0" d="M56,197.3l-43.6,43.6L56,197.3z M49.2,231.3l20.4-20.4L49.2,231.3z M29.9,250.6l-3.9,3.9
16 | 						L29.9,250.6z M17.1,208.6L0,225.7L17.1,208.6z M42.9,182.8l-3.9,3.9L42.9,182.8z M199,5.2c0.7,12.4,5.7,24.7,15,34.3
17 | 						c0.2,0.2,0.4,0.4,0.6,0.6l-1-1c0.2,0.2,0.4,0.4,0.6,0.6c9.6,9.3,21.9,14.3,34.3,15 M61.6,145l-20.9,11.4l27.8,27.8l0.9,0.9
18 | 						L97.3,213l11.4-20.9L61.6,145z M121.2,204.6l7.7,35.7l45.5-45.5l5.9-49.2L121.2,204.6z M85.7,169l35.6,35.6
19 | 						c0,0,100.3-99.7,107-108.7c33.4-44.4,24.4-94.9,24.4-94.9s-50.4-8.9-94.8,24.4c-9,6.7-108.7,107-108.7,107l35.6,35.6 M145.5,72
20 | 						c-9.9,9.9-9.9,25.9,0,35.8c9.9,9.9,25.9,9.9,35.8,0c9.9-9.9,9.9-25.9,0-35.8C171.4,62.1,155.4,62.1,145.5,72z M108.2,73.4
21 | 						l-49.2,5.9l-45.5,45.5l35.7,7.7L108.2,73.4z"/>
22 | 					<path id="Oval-2" class="st1" d="M28,202c2.2,0,4-1.8,4-4s-1.8-4-4-4s-4,1.8-4,4S25.8,202,28,202z"/>
23 | 					<circle id="Oval-2-Copy" class="st1" cx="40" cy="241" r="4"/>
24 | 				</g>
25 | 			</g>
26 | 		</g>
27 | 	</g>
28 | </g>
29 | </svg>
30 | 


--------------------------------------------------------------------------------
/server/router/reviews.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const models = require('../db/models');
 3 | 
 4 | const router = express.Router();
 5 | 
 6 | /**
 7 |  * @description Add a new reviewer to an idea document identified by the specified
 8 |  * creator, title, and type.
 9 |  * @param {Integer} req.query.ideaid - The idea's unique identier
10 |  * @param {String} req.query.reviewername - The reviewers user name
11 |  * @param {Integer} req.body.idea_profile_id - Profile id of the idea creator
12 |  * @param {String} req.body.idea_type - Type of the idea
13 |  * @param {String} req.body.idea_title - The title of the idea
14 |  * @param {String} req.body.comments - Review comments
15 |  * @returns {Object} If successfully updated the new row is returned.
16 |  */
17 | router.post(':ideaid(*):reviewername(*)', (req,res) => {
18 |   models.Profile.findOne(
19 |     {
20 |       where: {user_id: req.query.reviewername},
21 |     }
22 |   )
23 |   .then((profile) => {
24 |     models.Review.create({
25 |       idea_id: req.query.ideaid,
26 |       reviewer_id: profile.id,
27 |       comments: req.body.comment,
28 |     })
29 |     .then(review => {
30 |       res.json(review);
31 |     })
32 |     .catch(err => {
33 |         res.send(err);
34 |     });
35 |   })
36 |   .catch(err => {
37 |     res.send(err);
38 |   });
39 | });
40 | 
41 | /**
42 |  * @description Update an existing review.
43 |  * @param {Integer} req.query.ideaid - The idea's unique identier
44 |  * @param {Integer} req.query.reviewerid - The reviewers profile id
45 |  * @param {String} req.body.comments - Review comments
46 |  * @returns {Object} If successfully updated the new row is returned.
47 |  */
48 | router.put('/review/:ideaid(*):reviewerid(*)', (req, res) => {
49 |   models.Review.update({
50 |     comments: req.body.comment,
51 |   },
52 |   {
53 |     where: {    
54 |       idea_id: req.query.ideaid, 
55 |       reviewer_id: req.query.reviewerid, 
56 |     },
57 |   })
58 |   .then(result => {
59 |     res.json(result);
60 |   })
61 |   .catch(err => {
62 |     res.send(err)
63 |   });
64 | })
65 | 
66 | module.exports = router;
67 | 


--------------------------------------------------------------------------------
/client/src/assets/shield.svg:
--------------------------------------------------------------------------------
 1 | 
 2 | <svg width="201px" height="244px" viewBox="0 0 201 244" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
 4 |     <desc>Created with Sketch.</desc>
 5 |     <defs>
 6 |         <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
 7 |             <stop stop-color="#00D2FF" offset="0%"></stop>
 8 |             <stop stop-color="#3A7BD5" offset="100%"></stop>
 9 |         </linearGradient>
10 |     </defs>
11 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
12 |         <g id="minimal" transform="translate(-618.000000, -1150.000000)" fill-rule="nonzero">
13 |             <g id="Middle-section" transform="translate(43.000000, 942.000000)">
14 |                 <g id="security" transform="translate(579.000000, 212.000000)">
15 |                     <path d="M96.6953811,236 L96.3172847,236 C-2.43999506,202.741268 -0.121004207,106.159903 0.0282573522,101.885561 L0.0282573522,31.501922 L96.3721458,0.0461795802 C96.4181104,0.0317794961 96.4611096,0.0144000842 96.50658,1.13686838e-13 C96.5466137,0.0144000842 96.5925784,0.0317794961 96.6355776,0.0461795802 L192.981937,31.5044048 L192.987868,102.063824 C193.024936,103.064878 195.63306,202.663309 96.6953811,236 Z" id="Shape" stroke="url(#linearGradient-1)" stroke-width="8" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
16 |                     <path d="M168.81946,66.7664506 L88.1347432,157.536796 L39.5265193,118.650969 C37.2690902,116.839762 33.9564442,117.212503 32.1505009,119.469949 C30.3393077,121.737896 30.7067962,125.040067 32.9694751,126.851274 L85.4678269,168.850277 C86.4337966,169.622009 87.5940102,170 88.7489739,170 C90.1979284,170 91.6416331,169.401514 92.6758506,168.236042 L176.673213,73.7382851 C178.599903,71.5753364 178.405659,68.2521653 176.237477,66.3307109 C174.064045,64.3987568 170.751399,64.5930022 168.81946,66.7664506 Z" id="Shape" fill="url(#linearGradient-1)"></path>
17 |                 </g>
18 |             </g>
19 |         </g>
20 |     </g>
21 | </svg>


--------------------------------------------------------------------------------
/client/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import Router from 'vue-router';
 3 | // import { requireAuth } from '@/auth';
 4 | import Home from '@/components/Home';
 5 | import Dashboard from '@/components/ideas/Dashboard';
 6 | import CreateIdea from '@/components/ideas/CreateIdea';
 7 | import EditIdea from '@/components/ideas/EditIdea';
 8 | import ReviewIdea from '@/components/ideas/ReviewIdea';
 9 | import IdeaDetails from '@/components/ideas/IdeaDetails';
10 | import ExploreIdeas from '@/components/ideas/ExploreIdeas';
11 | import Agreement from '@/components/misc/Agreement';
12 | import UserProfile from '@/components/users/UserProfile';
13 | import Callback from '@/components/Callback';
14 | 
15 | Vue.use(Router);
16 | 
17 | // requireAuth can be used like this:
18 | // {
19 | //   path: '/ideas',
20 | //   name: 'IdeasList',
21 | //   beforeEnter: requireAuth,
22 | // }
23 | 
24 | export default new Router({
25 |   routes: [
26 |     {
27 |       path: '/',
28 |       name: 'Home',
29 |       component: Home,
30 |     },
31 |     {
32 |       path: '/dashboard',
33 |       name: 'Dashboard',
34 |       component: Dashboard,
35 |     },
36 |     {
37 |       path: '/create',
38 |       name: 'CreateIdea',
39 |       component: CreateIdea,
40 |     },
41 |     {
42 |       path: '/edit/:creatorId/:title/:type',
43 |       name: 'EditIdea',
44 |       component: EditIdea,
45 |     },
46 |     {
47 |       path: '/ideas/:creatorId/:title/:type',
48 |       name: 'IdeaDetails',
49 |       component: IdeaDetails,
50 |     },
51 |     {
52 |       path: '/explore',
53 |       name: 'ExploreIdeas',
54 |       component: ExploreIdeas,
55 |     },
56 |     {
57 |       path: '/profile/:username',
58 |       name: 'UserProfile',
59 |       component: UserProfile,
60 |     },
61 |     {
62 |       path: '/agreement',
63 |       name: 'Agreement',
64 |       component: Agreement,
65 |     },
66 |     {
67 |       path: '/review/:creatorId/:title/:type',
68 |       name: 'ReviewIdea',
69 |       component: ReviewIdea,
70 |     },
71 |     {
72 |       path: '/callback',
73 |       name: 'Callback',
74 |       component: Callback,
75 |     },
76 |   ],
77 |   mode: 'history',
78 | });
79 | 


--------------------------------------------------------------------------------
/server/db/seeders/agreement_seed.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   up: (queryInterface, Sequelize) => {
 5 |     queryInterface.bulkInsert("agreements", [
 6 |       {
 7 |         idea_id: 4,
 8 |         version: 12,
 9 |         agreement: "This is my own little agreement. Please honor it or there will be no empanadas for you!",
10 |         created_at: '2017-12-19 00:00:00',
11 |         updated_at: '2017-12-19 00:00:00'
12 |       }, {
13 |         idea_id: 1,
14 |         version: 9,
15 |         agreement: "Agree or it will be no empanadas for you!",
16 |         created_at: '2017-12-19 00:00:00',
17 |         updated_at: '2017-12-19 00:00:00'
18 |       }, {
19 |         idea_id: 9,
20 |         version: 11,
21 |         agreement: "This agreement binds you to Promise to worship Trion",
22 |         created_at: '2017-12-19 00:00:00',
23 |         updated_at: '2017-12-19 00:00:00'
24 |       }, {
25 |         idea_id: 10,
26 |         version: 10,
27 |         agreement: "Acceptance of this agreement certifies that you acknowledge Trion as the Supreme Overlord AI and you promise to hold empanadas created by him in reverence for all perpetuity.",
28 |         created_at: '2017-12-19 00:00:00',
29 |         updated_at: '2017-12-19 00:00:00'
30 |       }, {
31 |         idea_id: 8,
32 |         version: 1,
33 |         agreement: "You agree to 1) Eat more empanadas, 2) Refrain from eating, touching, or looking at any other batter coated food product, 3) Spread the good word about the beauty, quiet dignity, and general awesomeness of empanadas to your fellow Earthlings.",
34 |         created_at: '2017-12-19 00:00:00',
35 |         updated_at: '2017-12-19 00:00:00'
36 |       }, {
37 |         idea_id: 2,
38 |         version: 8,
39 |         agreement: "Agree or else!",
40 |         created_at: '2017-12-19 00:00:00',
41 |         updated_at: '2017-12-19 00:00:00'
42 |       }, {
43 |         idea_id: 5,
44 |         version: 1,
45 |         agreement: "This agreement is for the birds!",
46 |         created_at: '2017-12-19 00:00:00',
47 |         updated_at: '2017-12-19 00:00:00'
48 |       }
49 |     ], {});
50 |   },
51 | 
52 |   down: (queryInterface, Sequelize) => {
53 |     return queryInterface.bulkDelete('agreements', null, {});
54 |   }
55 | };
56 | 


--------------------------------------------------------------------------------
/client/build/utils.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var config = require('../config')
 3 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
 4 | 
 5 | exports.assetsPath = function (_path) {
 6 |   var assetsSubDirectory = process.env.NODE_ENV === 'production'
 7 |     ? config.build.assetsSubDirectory
 8 |     : config.dev.assetsSubDirectory
 9 |   return path.posix.join(assetsSubDirectory, _path)
10 | }
11 | 
12 | exports.cssLoaders = function (options) {
13 |   options = options || {}
14 | 
15 |   var cssLoader = {
16 |     loader: 'css-loader',
17 |     options: {
18 |       minimize: process.env.NODE_ENV === 'production',
19 |       sourceMap: options.sourceMap
20 |     }
21 |   }
22 | 
23 |   // generate loader string to be used with extract text plugin
24 |   function generateLoaders (loader, loaderOptions) {
25 |     var loaders = [cssLoader]
26 |     if (loader) {
27 |       loaders.push({
28 |         loader: loader + '-loader',
29 |         options: Object.assign({}, loaderOptions, {
30 |           sourceMap: options.sourceMap
31 |         })
32 |       })
33 |     }
34 | 
35 |     // Extract CSS when that option is specified
36 |     // (which is the case during production build)
37 |     if (options.extract) {
38 |       return ExtractTextPlugin.extract({
39 |         use: loaders,
40 |         fallback: 'vue-style-loader'
41 |       })
42 |     } else {
43 |       return ['vue-style-loader'].concat(loaders)
44 |     }
45 |   }
46 | 
47 |   // https://vue-loader.vuejs.org/en/configurations/extract-css.html
48 |   return {
49 |     css: generateLoaders(),
50 |     postcss: generateLoaders(),
51 |     less: generateLoaders('less'),
52 |     sass: generateLoaders('sass', { indentedSyntax: true }),
53 |     scss: generateLoaders('sass'),
54 |     stylus: generateLoaders('stylus'),
55 |     styl: generateLoaders('stylus')
56 |   }
57 | }
58 | 
59 | // Generate loaders for standalone style files (outside of .vue)
60 | exports.styleLoaders = function (options) {
61 |   var output = []
62 |   var loaders = exports.cssLoaders(options)
63 |   for (var extension in loaders) {
64 |     var loader = loaders[extension]
65 |     output.push({
66 |       test: new RegExp('\\.' + extension + '$'),
67 |       use: loader
68 |     })
69 |   }
70 |   return output
71 | }
72 | 


--------------------------------------------------------------------------------
/server/db/seeders/document_seed.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   up: (queryInterface, Sequelize) => {
 5 |     queryInterface.bulkInsert("documents", [
 6 |       {
 7 |         idea_id: 7,
 8 |         url: "https://google.com",
 9 |         description: "https://google.com",
10 |         created_at: '2017-12-19 00:00:00',
11 |         updated_at: '2017-12-19 00:00:00'
12 |       }, {
13 |         idea_id: 9,
14 |         url: "https://youtu.be/hjJOAFAriHQ",
15 |         description: "https://youtu.be/hjJOAFAriHQ",
16 |         created_at: '2017-12-19 00:00:00',
17 |         updated_at: '2017-12-19 00:00:00'
18 |       }, {
19 |         idea_id: 8,
20 |         url: "https://google.com",
21 |         description: "The search engine of the web",
22 |         created_at: '2017-12-19 00:00:00',
23 |         updated_at: '2017-12-19 00:00:00'
24 |       }, {
25 |         idea_id: 6,
26 |         url: "haha.com",
27 |         description: "https://haha.com",
28 |         created_at: '2017-12-19 00:00:00',
29 |         updated_at: '2017-12-19 00:00:00'
30 |       }, {
31 |         idea_id: 2,
32 |         url: "https://google.com",
33 |         description: "The search engine of the web",
34 |         created_at: '2017-12-19 00:00:00',
35 |         updated_at: '2017-12-19 00:00:00'
36 |       }, {
37 |         idea_id: 6,
38 |         url: "lol.com",
39 |         description: "https://lol.com",
40 |         created_at: '2017-12-19 00:00:00',
41 |         updated_at: '2017-12-19 00:00:00'
42 |       }, {
43 |         idea_id: 10,
44 |         url: "https://google.com",
45 |         description: "The search engine of the web",
46 |         created_at: '2017-12-19 00:00:00',
47 |         updated_at: '2017-12-19 00:00:00'
48 |       }, {
49 |         idea_id: 6,
50 |         url: "goooogle.com",
51 |         description: "https://goooogle.com",
52 |         created_at: '2017-12-19 00:00:00',
53 |         updated_at: '2017-12-19 00:00:00'
54 |       }, {
55 |         idea_id: 1,
56 |         url: "https://google.com",
57 |         description: "The search engine of the web",
58 |         created_at: '2017-12-19 00:00:00',
59 |         updated_at: '2017-12-19 00:00:00'
60 |       }
61 |     ], {});
62 |   },
63 | 
64 |   down: (queryInterface, Sequelize) => {
65 |     return queryInterface.bulkDelete('documents', null, {});
66 |   }
67 | };
68 | 


--------------------------------------------------------------------------------
/server/router/profiles.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const models = require('../db/models');
 3 | 
 4 | const router = express.Router();
 5 | 
 6 | /**
 7 |  * List all profiles
 8 |  * @param {object} req - The request object
 9 |  * @param {object} res - The response object to write to
10 |  * @return {object[]} The array of profiles
11 |  */
12 | router.get('/profiles', async (req, res) => {
13 |   const profiles = await models.Profile.findAll();
14 |   res.json(profiles);
15 | });
16 | 
17 | /**
18 |  * Return one profile based on the username
19 |  * @param {object} req - The request object
20 |  * @param {object} res - The response object
21 |  * @return {object} The profile found in the database
22 |  */
23 | router.get('/profile/:username(*)', async (req, res) => {
24 |   const { username } = req.query;
25 |   const profile = await models.Profile.findOne({ where: { username } });
26 |   res.json(profile);
27 | });
28 | 
29 | /**
30 |  * Create/Update the user profile for the specified user
31 |  * @param {object} req - The request object
32 |  * @param {object} res - The response object
33 |  * @return {object} The created/updated profile
34 |  */
35 | router.put('/profile/:userId(*)', async (req, res) => {
36 |   const { user_id, username, name, avatar_url, qualifications } = req.body;
37 |   /**
38 |    * First we need to check if there's a profile for the given user_id
39 |    * if that's the case, we only want to update the rest of the fields
40 |    * however if it doesn't exist, we want to create one
41 |    */
42 | 
43 |   const profile = await models.Profile.findOne({ where: { user_id } });
44 | 
45 |   // We found a profile, therefore we need to update it
46 |   if (profile) {
47 |     profile.update({
48 |       username,
49 |       name,
50 |       avatar_url,
51 |       qualifications,
52 |     })
53 |       .then((updatedProfile) => {
54 |         res.json(updatedProfile);
55 |       })
56 |       .catch((err) => {
57 |         res.json(err);
58 |       });
59 |   }
60 |   // We didn't find a profile, so it's time to create one
61 |   else {
62 |     models.Profile.create({
63 |       user_id,
64 |       username,
65 |       name,
66 |       avatar_url,
67 |       qualifications,
68 |     })
69 |       .then((createdProfile) => {
70 |         res.json(createdProfile);
71 |       })
72 |       .catch((err) => {
73 |         res.json(err);
74 |       });
75 |   }
76 | });
77 | 
78 | module.exports = router;
79 | 


--------------------------------------------------------------------------------
/client/src/assets/github.svg:
--------------------------------------------------------------------------------
 1 | 
 2 | <svg width="41px" height="40px" viewBox="0 0 41 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
 4 |     <desc>Created with Sketch.</desc>
 5 |     <defs>
 6 |         <linearGradient x1="0%" y1="0%" x2="101.999998%" y2="100.999999%" id="linearGradient-1">
 7 |             <stop stop-color="#3023AE" offset="0%"></stop>
 8 |             <stop stop-color="#C86DD7" offset="100%"></stop>
 9 |         </linearGradient>
10 |     </defs>
11 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
12 |         <g id="minimal" transform="translate(-1361.000000, -2199.000000)" fill="url(#linearGradient-1)">
13 |             <g id="FOOTER" transform="translate(52.000000, 1935.000000)">
14 |                 <g id="Page-1" transform="translate(1309.000000, 264.000000)">
15 |                     <path d="M20.4982917,0 C9.17802083,0 0,9.18046666 0,20.508177 C0,29.566941 5.87325,37.2529329 14.0202917,39.9644344 C15.0452917,40.1533714 15.4194167,39.5201771 15.4194167,38.9763448 C15.4194167,38.4895341 15.4014792,37.2001667 15.3912292,35.4895207 C9.6888125,36.7286752 8.48529167,32.7397211 8.48529167,32.7397211 C7.55425,30.3711999 6.20979167,29.7405588 6.20979167,29.7405588 C4.3485625,28.4682127 6.35072917,28.4937447 6.35072917,28.4937447 C8.4075625,28.6384262 9.48979167,30.6077967 9.48979167,30.6077967 C11.3194167,33.7414278 14.2885,32.8358918 15.457,32.3107831 C15.6423542,30.9856707 16.1727917,30.0818369 16.75875,29.5694942 C12.2060417,29.051194 7.421,27.2928882 7.421,19.4349807 C7.421,17.1958217 8.21879167,15.3660263 9.53079167,13.9319773 C9.3198125,13.4128261 8.61597917,11.3285614 9.73066667,8.50471895 C9.73066667,8.50471895 11.4526667,7.95407819 15.3681667,10.606856 C17.00475,10.1523859 18.7575,9.92515085 20.5008542,9.91578911 C22.2425,9.92515085 23.9961042,10.1523859 25.6335417,10.606856 C29.5464792,7.95407819 31.2650625,8.50471895 31.2650625,8.50471895 C32.3831667,11.3285614 31.6801875,13.4128261 31.4683542,13.9319773 C32.7829167,15.3660263 33.5764375,17.1958217 33.5764375,19.4349807 C33.5764375,27.3124628 28.7828542,29.0460876 24.2164792,29.554175 C24.9519167,30.1873693 25.6079167,31.4375877 25.6079167,33.3516388 C25.6079167,36.0929277 25.5822917,38.3040014 25.5822917,38.9763448 C25.5822917,39.5252835 25.9512917,40.1635842 26.9916667,39.9618812 C35.131875,37.2452733 41,29.5643878 41,20.508177 C41,9.18046666 31.821125,0 20.4982917,0" id="Fill-1"></path>
16 |                 </g>
17 |             </g>
18 |         </g>
19 |     </g>
20 | </svg>


--------------------------------------------------------------------------------
/server/db/methods/agreementMethods.js:
--------------------------------------------------------------------------------
 1 | const models = require('../models');
 2 | import Idea from '../models/idea';
 3 | 
 4 | export default class agreementMethods {
 5 | 
 6 |   /**
 7 |    * @description Delete an agreement document. Note that it is the responsibility of the
 8 |    * caller to clear the agreement id from the owning idea document.
 9 |    * @static
10 |    * @param {String} creator Creator id of the owning idea
11 |    * @param {String} title Title of the owning idea
12 |    * @param {String} type Type of the owning idea
13 |    * @returns {Promise} A WriteOpResult object containing the status of the operation
14 |    * @memberof agreementMethods
15 |    */
16 |   static async deleteAgreement(creator, title, type) {
17 |     return await this.deleteOne({
18 |       creator: creator,
19 |       title: title,
20 |       type: type
21 |     });
22 |   }
23 |   
24 |   /**
25 |    * @description Retrieve an agreement document based on its '_id' field
26 |    * @param {any} agreementID The '_id' value of the agreement document to be located
27 |    * @returns {Promise} A WriteResult object containing the status of the operation
28 |    * @memberof agreementMethods
29 |    */
30 |   static async findAgreement(agreementID) {
31 |     return await this.findById(agreementID);
32 |   }
33 | 
34 |   /**
35 |    * @description Retrieve all agreements associated with a given idea.
36 |    * @param {any} ideaId The id value of the owning idea
37 |    * @returns {Object} An object containing all agreements realated to the idea id
38 |    * @memberof agreementMethods
39 |    */
40 |   static async findByIdea(ideaId) {
41 |     return await models.sequelize.query(
42 |       `SELECT id, \
43 |               username, \
44 |               idea_id, \
45 |               title, \
46 |               idea_type, \
47 |               agreement, \
48 |               version \
49 |           FROM idea_agreements \
50 |           WHERE idea_id = ${ideaId}`,
51 |       { type: models.sequelize.QueryTypes.SELECT}
52 |     );
53 |   }
54 | 
55 |   /**
56 |    * @description Add an agreement document to the database. It is expected that the
57 |    * parent idea document will already exist in the database.
58 |    * @param {Object} body An object containing all agreement fields.
59 |    * @returns {Promise} A WriteResult object containing the status of the operation
60 |    * @memberof agreementMethods
61 |    */
62 |   static async saveAgreement(body) {
63 |     let { creator, title, type, agreement, agreement_version} = body;
64 |     let newAgreement = new this();
65 |     
66 |     newAgreement.creator = creator;
67 |     newAgreement.title = title;
68 |     newAgreement.type = type;
69 |     newAgreement.agreement = agreement;
70 |     newAgreement.agreement_version = agreement_version;
71 |     return await newAgreement.save();
72 |   }
73 | 
74 | }
75 | 


--------------------------------------------------------------------------------
/client/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var utils = require('./utils')
 3 | var config = require('../config')
 4 | var vueLoaderConfig = require('./vue-loader.conf')
 5 | var webpack = require('webpack')
 6 | 
 7 | function resolve (dir) {
 8 |   return path.join(__dirname, '..', dir)
 9 | }
10 | 
11 | const stylus_var = resolve('./styles/var.styl')
12 | 
13 | module.exports = {
14 |   entry: {
15 |     app: './src/main.js'
16 |   },
17 |   output: {
18 |     path: config.build.assetsRoot,
19 |     filename: '[name].js',
20 |     publicPath: process.env.NODE_ENV === 'production'
21 |       ? config.build.assetsPublicPath
22 |       : config.dev.assetsPublicPath
23 |   },
24 |   resolve: {
25 |     extensions: ['.js', '.vue', '.json'],
26 |     alias: {
27 |       'vue$': 'vue/dist/vue.esm.js',
28 |       '@': resolve('src'),
29 |       stylus_var,
30 |     }
31 |   },
32 |   module: {
33 |     rules: [
34 |       {
35 |         test: /\.(js|vue)$/,
36 |         loader: 'eslint-loader',
37 |         enforce: 'pre',
38 |         include: [resolve('src'), resolve('test')],
39 |         options: {
40 |           formatter: require('eslint-friendly-formatter')
41 |         }
42 |       },
43 |       {
44 |         test: /\.vue$/,
45 |         loader: 'vue-loader',
46 |         options: vueLoaderConfig
47 |       },
48 |       {
49 |         test: /\.js$/,
50 |         loader: 'babel-loader',
51 |         include: [resolve('src'), resolve('test')]
52 |       },
53 |       {
54 |         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
55 |         loader: 'url-loader',
56 |         options: {
57 |           limit: 10000,
58 |           name: utils.assetsPath('img/[name].[hash:7].[ext]')
59 |         }
60 |       },
61 |       {
62 |         test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
63 |         loader: 'url-loader',
64 |         options: {
65 |           limit: 10000,
66 |           name: utils.assetsPath('media/[name].[hash:7].[ext]')
67 |         }
68 |       },
69 |       {
70 |         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
71 |         loader: 'url-loader',
72 |         options: {
73 |           limit: 10000,
74 |           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
75 |         }
76 |       }
77 |     ]
78 |   },
79 |   plugins: [
80 |     new webpack.DefinePlugin( {
81 |       'process.env': {
82 |         // Heroku environment variables
83 |         API_HOST: JSON.stringify(process.env.API_HOST),
84 |         // Auth0 environment variables
85 |         AUDIENCE: JSON.stringify(process.env.AUDIENCE),
86 |         CLIENT_ID: JSON.stringify(process.env.CLIENT_ID),
87 |         CLIENT_DOMAIN: JSON.stringify(process.env.CLIENT_DOMAIN),
88 |         REDIRECT: JSON.stringify(process.env.REDIRECT),
89 |         // MLab environment variables
90 |         DBUSERID: JSON.stringify(process.env.DBUSERID),
91 |         DBPASSWD: JSON.stringify(process.env.DBPASSWD),
92 |       },
93 |     }),
94 |   ],
95 | };
96 | 


--------------------------------------------------------------------------------
/client/src/assets/feedback_w.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 280 226" style="enable-background:new 0 0 280 226;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FFFFFF;}
 7 | </style>
 8 | <desc>Created with Sketch.</desc>
 9 | <g id="Page-1">
10 | 	<g id="minimal" transform="translate(-129.000000, -1094.000000)">
11 | 		<g id="Middle-section" transform="translate(43.000000, 942.000000)">
12 | 			<g id="feedback" transform="translate(86.000000, 152.000000)">
13 | 				<g id="_x30_09-networking" transform="translate(0.000000, 67.000000)">
14 | 					<path id="Shape" class="st0" d="M109.5,34c4.4-3.5,7.2-8.9,7.2-14.9c0-10.5-8.5-19-18.9-19s-18.9,8.5-18.9,19
15 | 						c0,6.1,2.8,11.4,7.3,14.9c-13.4,5.3-23,19.3-23,35.7v3.2h69.4v-3.2h0C132.5,53.3,122.9,39.2,109.5,34z M85.2,19.1
16 | 						c0-7,5.7-12.7,12.6-12.7s12.6,5.7,12.6,12.7s-5.7,12.7-12.6,12.7S85.2,26.1,85.2,19.1z M69.6,66.5C71,50.6,83.1,38.1,97.8,38.1
17 | 						s26.8,12.5,28.3,28.5H69.6z"/>
18 | 					<path id="Shape_1_" class="st0" d="M46.4,119.4c4.4-3.5,7.2-8.9,7.2-14.9c0-10.5-8.5-19-18.9-19s-18.9,8.5-18.9,19
19 | 						c0,6.1,2.8,11.4,7.3,14.9c-13.4,5.3-23,19.3-23,35.7v3.2h69.4v-3.2C69.4,138.7,59.8,124.7,46.4,119.4z M22.1,104.5
20 | 						c0-7,5.7-12.7,12.6-12.7s12.6,5.7,12.6,12.7c0,7-5.7,12.7-12.6,12.7S22.1,111.5,22.1,104.5z M6.5,152
21 | 						C7.9,136,20,123.5,34.7,123.5S61.5,136,63,152H6.5z"/>
22 | 					<path id="Shape_2_" class="st0" d="M172.6,119.4c4.4-3.5,7.2-8.9,7.2-14.9c0-10.5-8.5-19-18.9-19s-18.9,8.5-18.9,19
23 | 						c0,6.1,2.8,11.4,7.3,14.9c-13.4,5.3-23,19.3-23,35.7v3.2h69.4v-3.2C195.6,138.7,186,124.7,172.6,119.4z M148.3,104.5
24 | 						c0-7,5.7-12.7,12.6-12.7c7,0,12.6,5.7,12.6,12.7c0,7-5.7,12.7-12.6,12.7C154,117.2,148.3,111.5,148.3,104.5z M132.7,152
25 | 						c1.4-15.9,13.6-28.5,28.3-28.5c14.7,0,26.8,12.5,28.3,28.5H132.7z"/>
26 | 					<polygon id="Shape_3_" class="st0" points="101,112.7 101,79.2 94.7,79.2 94.7,112.7 70.3,137.1 74.8,141.6 97.8,118.5 
27 | 						120.8,141.6 125.3,137.1 					"/>
28 | 				</g>
29 | 				<g id="_x30_10-chat" transform="translate(152.000000, 0.000000)">
30 | 					<path id="Shape_4_" class="st0" d="M109,18.7C96.9,6.6,80.9,0,63.8,0S30.7,6.6,18.7,18.7c-23.3,23.3-24.9,60.7-4,85.9
31 | 						c-2.1,4.1-5.3,8.9-10.2,11.3c-2.3,1.2-3.7,3.7-3.3,6.3c0.4,2.6,2.4,4.6,5,5c1.2,0.2,2.9,0.4,5,0.4c5.6,0,14-1.3,22.5-7.5
32 | 						c9.5,5.1,19.8,7.6,30.1,7.6c16.5,0,32.9-6.4,45.2-18.7c12.1-12.1,18.7-28.1,18.7-45.1S121,30.8,109,18.7z M103.8,103.8
33 | 						c-18.2,18.2-46.4,21.8-68.6,8.8c-1.5-0.9-3.3-0.6-4.4,0.6c-0.1,0.1-0.2,0.1-0.3,0.2c-7.3,5.7-14.5,6.9-19.3,6.9h0
34 | 						c5.5-4,8.9-9.9,11-14.6c0.3-0.8,0.4-1.6,0.2-2.3c-0.1-0.7-0.4-1.5-0.9-2.1C1.7,79,2.7,45,23.8,23.9c22.1-22.1,57.9-22.1,80,0
35 | 						C125.9,45.9,125.9,81.8,103.8,103.8z"/>
36 | 					<circle id="Oval" class="st0" cx="64.5" cy="63.6" r="4.5"/>
37 | 					<circle id="Oval_1_" class="st0" cx="87.2" cy="63.6" r="4.5"/>
38 | 					<circle id="Oval_2_" class="st0" cx="40.9" cy="63.6" r="4.5"/>
39 | 				</g>
40 | 			</g>
41 | 		</g>
42 | 	</g>
43 | </g>
44 | </svg>
45 | 


--------------------------------------------------------------------------------
/client/src/assets/rocket.svg:
--------------------------------------------------------------------------------
 1 | 
 2 | <svg width="263px" height="263px" viewBox="0 0 263 263" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
 4 |     <desc>Created with Sketch.</desc>
 5 |     <defs>
 6 |         <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
 7 |             <stop stop-color="#00D2FF" offset="0%"></stop>
 8 |             <stop stop-color="#3A7BD5" offset="100%"></stop>
 9 |         </linearGradient>
10 |         <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
11 |             <stop stop-color="#00D2FF" offset="0%"></stop>
12 |             <stop stop-color="#19ACED" offset="0%"></stop>
13 |             <stop stop-color="#3A7BD5" offset="100%"></stop>
14 |         </linearGradient>
15 |     </defs>
16 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
17 |         <g id="minimal" transform="translate(-1035.000000, -1154.000000)">
18 |             <g id="Middle-section" transform="translate(43.000000, 942.000000)">
19 |                 <g id="rocket" transform="translate(997.000000, 216.000000)">
20 |                     <g id="Group-2">
21 |                         <path d="M55.966,197.326266 L12.382,240.910266 L55.966,197.326266 Z M49.17,231.331266 L69.571,210.931266 L49.17,231.331266 Z M29.875,250.626266 L25.986,254.515266 L29.875,250.626266 Z M17.068,208.632266 L0,225.700266 L17.068,208.632266 Z M42.877,182.823266 L38.988,186.712266 L42.877,182.823266 Z M198.994,5.1612656 C199.681,17.6092656 204.688,29.8622656 214.013,39.4842656 C214.211,39.6882656 214.411,39.8912656 214.613,40.0932656 L213.643,39.1242656 C213.845,39.3262656 214.049,39.5262656 214.253,39.7242656 C223.875,49.0492656 236.128,54.0552656 248.575,54.7422656 M61.628,145.006266 L40.769,156.437266 L68.56,184.228266 L69.509,185.177266 L97.3,212.968266 L108.731,192.108266 L61.628,145.006266 Z M121.223,204.601266 L128.884,240.310266 L174.374,194.819266 L180.314,145.578266 L121.223,204.601266 Z M85.654,169.031266 L121.223,204.601266 C121.223,204.601266 221.513,104.893266 228.232,95.9422656 C261.584,51.5122656 252.631,1.0872656 252.631,1.0872656 C252.631,1.0872656 202.225,-7.8467344 157.795,25.5042656 C148.844,32.2242656 49.136,132.513266 49.136,132.513266 L84.705,168.083266 M145.513,71.9632656 C135.622,81.8542656 135.622,97.8892656 145.513,107.779266 C155.403,117.670266 171.438,117.670266 181.329,107.779266 C191.219,97.8892656 191.219,81.8542656 181.329,71.9632656 C171.438,62.0732656 155.403,62.0732656 145.513,71.9632656 Z M108.158,73.4232656 L58.918,79.3622656 L13.427,124.853266 L49.136,132.513266 L108.158,73.4232656 Z" id="rocket" stroke="url(#linearGradient-1)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path>
22 |                         <path d="M28,202 C30.209139,202 32,200.209139 32,198 C32,195.790861 30.209139,194 28,194 C25.790861,194 24,195.790861 24,198 C24,200.209139 25.790861,202 28,202 Z" id="Oval-2" fill="url(#linearGradient-2)"></path>
23 |                         <circle id="Oval-2-Copy" fill="url(#linearGradient-2)" cx="40" cy="241" r="4"></circle>
24 |                     </g>
25 |                 </g>
26 |             </g>
27 |         </g>
28 |     </g>
29 | </svg>


--------------------------------------------------------------------------------
/server/db/seeders/review_seed.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   up: (queryInterface, Sequelize) => {
 5 |     queryInterface.bulkInsert("reviews", [
 6 |       {
 7 |         idea_id: "6",
 8 |         reviewer_id: 1,
 9 |         comments: "Woot woot",
10 |         created_at: "2017-11-20 15:36:45.373",
11 |         updated_at: "2017-11-21 17:03:27.119",
12 |       }, {
13 |         idea_id: "2",
14 |         reviewer_id: 3,
15 |         comments: "This idea has merit, but more details are needed to fully understand the associated benefits and costs.",
16 |         created_at: "2017-11-06 10:30:00",
17 |         updated_at: "2017-11-06 18:00:00",
18 |       }, {
19 |         idea_id: "8",
20 |         reviewer_id: 2,
21 |         comments: "This is an awesome idea, but there may be issues with the time necessary to acquire a liquor license.",
22 |         created_at: "2017-11-06 10:30:00",
23 |         updated_at: "2017-11-06 18:00:00",
24 |       }, {
25 |         idea_id: "2",
26 |         reviewer_id: 1,
27 |         comments: "Have you considered rainbow colored empanadas? If not you really should. \n\nWhat is the frequency Kenneth? 42 or 43?",
28 |         created_at: "2017-11-06 10:30:00",
29 |         updated_at: "2017-11-22 14:41:33.385",
30 |       }, {
31 |         idea_id: "1",
32 |         reviewer_id: 1,
33 |         comments: "Can an empanada be stringified?",
34 |         created_at: "2017-11-21 16:50:23.279",
35 |         updated_at: "2017-11-21 16:50:23.279",
36 |       }, {
37 |         idea_id: "9",
38 |         reviewer_id: 4,
39 |         comments: "What about after effects of longterm exposure to gamma ray irradiated empanadas?",
40 |         created_at: "2017-12-05 04:26:56.665",
41 |         updated_at: "2017-12-05 04:26:56.665",
42 |       }, {
43 |         idea_id: "6",
44 |         reviewer_id: 4,
45 |         comments: "Here is another review, will this add???",
46 |         created_at: "2017-12-10 22:42:25.356",
47 |         updated_at: "2017-12-10 22:50:56.247",
48 |       }, {
49 |         idea_id: "10",
50 |         reviewer_id: 3,
51 |         comments: "Will you use a 2-cycle or 4-cycle engine?",
52 |         created_at: "2017-11-06 10:30:00",
53 |         updated_at: "2017-11-06 18:00:00",
54 |       }, {
55 |         idea_id: "6",
56 |         reviewer_id: 4,
57 |         comments: "Test review",
58 |         created_at: "2017-12-10 22:42:30.468",
59 |         updated_at: "2017-12-10 22:42:30.468",
60 |       }, {
61 |         idea_id: "1",
62 |         reviewer_id: 2,
63 |         comments: "How are you going to preserve an empanada forever?",
64 |         created_at: "2017-11-06 10:30:00",
65 |         updated_at: "2017-11-06 18:00:00",
66 |       }, {
67 |         idea_id: "3",
68 |         reviewer_id: 4,
69 |         comments: "It needs more dachshunds",
70 |         created_at: "2017-12-04 02:38:09.023",
71 |         updated_at: "2017-12-04 02:38:09.023",
72 |       }, {
73 |         idea_id: "2",
74 |         reviewer_id: 4,
75 |         comments: "Will this work if i submit a new review???",
76 |         created_at: "2017-12-10 23:31:11.392",
77 |         updated_at: "2017-12-10 23:32:14.873",
78 |       }
79 |     ], {});
80 |   },
81 | 
82 |   down: (queryInterface, Sequelize) => {
83 |     return queryInterface.bulkDelete('reviews', null, {});
84 |   }
85 | };
86 | 


--------------------------------------------------------------------------------
/client/src/components/shared/MainNavbar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <nav class="nav">
  3 |     <div class="nav__menu">
  4 |       <div class="nav__menu--left-wrap">
  5 |         <div class="nav__menu--left" v-show="isLoggedIn()">
  6 |           <router-link :to="'/dashboard'" class="btn btn__primary splash__button nav__item nav__item--left">
  7 |             Dashboard
  8 |           </router-link>
  9 |           <router-link :to="'/explore'" class="btn btn__primary splash__button nav__item nav__item--left">
 10 |             Ideas
 11 |           </router-link>
 12 |           <router-link :to="'/create'" class="btn btn__primary splash__button nav__item nav__item--left">
 13 |             New Idea
 14 |           </router-link>
 15 |         </div>
 16 |       </div>
 17 |       <div class="nav__menu--right">
 18 |         <router-link
 19 |         :to="'/profile/' + loggedUserNickname"
 20 |         class="btn nav__avatar"
 21 |         v-show="isLoggedIn()">
 22 |         <div class="nav__image-aspect">
 23 |           <div class="nav__image-crop">
 24 |             <div
 25 |               class="nav__image"
 26 |               :style="{ backgroundImage: `url(${loggedUserAvatarUrl})`, backgroundSize: 'cover', backgroundPosition: 'center center', }"
 27 |               role="image"
 28 |               :aria-label="loggedUserNickname"
 29 |               />
 30 |           </div>
 31 |         </div>
 32 |       </router-link>
 33 |       <button class="btn btn__primary splash__button nav__item" v-show="!isLoggedIn()" @click="handleLogin()">Login</button>
 34 |       <button class="btn btn__primary splash__button nav__item" v-show="isLoggedIn()" @click="handleLogout()">Logout</button>
 35 |       </div>
 36 |     </div>
 37 |   </nav>
 38 | </template>
 39 | 
 40 | <script>
 41 | import { isLoggedIn, login, logout } from '@/auth';
 42 | 
 43 | export default {
 44 |   name: 'MainNavbar',
 45 | 
 46 |   computed: {
 47 |     loggedUserNickname() {
 48 |       return this.$store.state.profile.nickname;
 49 |     },
 50 |     loggedUserAvatarUrl() {
 51 |       return this.$store.state.profile.picture;
 52 |     },
 53 |   },
 54 | 
 55 |   methods: {
 56 |     handleLogin() {
 57 |       login();
 58 |     },
 59 | 
 60 |     handleLogout() {
 61 |       logout();
 62 |       this.$router.push('/');
 63 |     },
 64 | 
 65 |     isLoggedIn() {
 66 |       return isLoggedIn();
 67 |     },
 68 |   },
 69 | };
 70 | </script>
 71 | 
 72 | <style lang="stylus" scoped>
 73 | @import '~stylus_var'
 74 | 
 75 | .nav
 76 | 
 77 |   &__menu
 78 |     width 100%
 79 |     display flex
 80 |     justify-content space-between
 81 |     padding 20px
 82 | 
 83 |     &--left
 84 |       display flex
 85 |       justify-content flex-start
 86 | 
 87 |     &--right
 88 |       display flex
 89 |       justify-content flex-end
 90 | 
 91 |   &__item
 92 |     text-transform uppercase
 93 | 
 94 |     &--left
 95 |       border 0
 96 |       text-decoration none
 97 |       margin-right 10px
 98 | 
 99 |   &__avatar
100 |     margin-right 20px
101 | 
102 |   &__image-aspect
103 |     width 40px
104 |     height 40px
105 |     position relative
106 |     margin 0 10px
107 | 
108 |   &__image-crop
109 |     width 100%
110 |     border-radius 100%
111 |     height auto
112 |     position absolute
113 |     top 0
114 |     bottom 0
115 |     left 0
116 |     right 0
117 |     overflow hidden
118 |     text-align center
119 |     display flex
120 |     justify-content center
121 |     cursor pointer
122 | 
123 |   &__image
124 |     min-width 100%
125 |     min-height 100%
126 |     height auto
127 |     margin 0 auto
128 | 
129 | </style>
130 | 


--------------------------------------------------------------------------------
/client/src/components/shared/ModalDialog.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <transition name="modal">
  3 |     <div class="modal-mask">
  4 |       <div class="modal-wrapper">
  5 |         <div class="modal-container">
  6 | 
  7 |           <div class="modal-header">
  8 |             <slot name="header">
  9 |               default header
 10 |             </slot>
 11 |           </div>
 12 | 
 13 |           <div class="modal-body">
 14 |             <slot name="body">
 15 |               default body
 16 |             </slot>
 17 |           </div>
 18 | 
 19 |           <div class="modal-footer">
 20 |             <slot name="footer">
 21 |               default footer
 22 |             </slot>
 23 |           </div>
 24 | 
 25 |           <div class="modal-buttons">
 26 |               <button class="btn btn__primary splash__button modal-button" @click="emitAnswer('cancel')">
 27 |                 Cancel
 28 |               </button>
 29 |               <button class="btn btn__primary splash__button" @click="emitAnswer('accept')">
 30 |                 Accept Terms
 31 |               </button>
 32 |           </div>
 33 |         </div>
 34 |       </div>
 35 |     </div>
 36 |   </transition>
 37 | </template>
 38 | 
 39 | <script>
 40 | export default {
 41 |   name: 'ModalDialog',
 42 |   data() {
 43 |     return {
 44 |       showDialog: false,
 45 |     };
 46 |   },
 47 |   mounted() {
 48 |     // TODO: Do something
 49 |   },
 50 |   methods: {
 51 |     emitAnswer(answer) {
 52 |       this.showDialog = false;
 53 |       this.$emit(answer);
 54 |     },
 55 |   },
 56 | };
 57 | </script>
 58 | 
 59 | <style>
 60 |   .modal-mask {
 61 |     position: fixed;
 62 |     z-index: 9998;
 63 |     top: 0;
 64 |     left: 0;
 65 |     width: 100%;
 66 |     height: 100%;
 67 |     background-color: rgba(0, 0, 0, .5);
 68 |     display: table;
 69 |     transition: opacity .3s ease;
 70 |   }
 71 | 
 72 |   .modal-wrapper {
 73 |     display: table-cell;
 74 |     vertical-align: middle;
 75 |   }
 76 | 
 77 |   .modal-container {
 78 |     max-width: 600px;
 79 |     margin: 0px auto;
 80 |     padding: 20px 30px;
 81 |     background-color: #fff;
 82 |     border-radius: 2px;
 83 |     box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
 84 |     transition: all .3s ease;
 85 |     font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
 86 |   }
 87 | 
 88 |   .modal-header {
 89 |     margin-top: 0;
 90 |     color: #7c48c2;
 91 |     font-weight: 100;
 92 |     font-size: 48px;
 93 |     line-height: .8em;
 94 |     text-align: center;
 95 |     padding-top: 10px;
 96 |   }
 97 | 
 98 |   .modal-footer {
 99 |     color: #7c48c2;
100 |     font-weight: 300;
101 |     font-size: 24px;
102 |     text-align: center;
103 |     padding-top: 20px;
104 |   }
105 | 
106 |   .modal-body {
107 |     margin: 20px 0;
108 |   }
109 | 
110 |   .modal-p {
111 |     margin-bottom: 20px;
112 |   }
113 | 
114 |   .modal-proper {
115 |     text-tranform: capitalize;
116 |   }
117 | 
118 |   .modal-buttons {
119 |     display: flex;
120 |     justify-content: center;
121 |     padding: 20px;
122 |   }
123 | 
124 |   .modal-button {
125 |     margin-right: 10px;
126 |   }
127 |   /*
128 |   * The following styles are applied automatically by Vue.js to page elements
129 |   * in the transition when they become visible.
130 |   */
131 | 
132 |   .modal-enter {
133 |     opacity: 0;
134 |   }
135 | 
136 |   .modal-leave-active {
137 |     opacity: 0;
138 |   }
139 | 
140 |   .modal-enter .modal-container,
141 |   .modal-leave-active .modal-container {
142 |     -webkit-transform: scale(1.1);
143 |     transform: scale(1.1);
144 |   }
145 | 
146 | </style>


--------------------------------------------------------------------------------
/client/build/dev-server.js:
--------------------------------------------------------------------------------
  1 | require('./check-versions')()
  2 | 
  3 | var config = require('../config')
  4 | 
  5 | // Evaluate environment variables and assign development system default values
  6 | // if their values have not been defined.
  7 | if (!process.env.API_HOST) {
  8 |   process.env.API_HOST = 'http://localhost:7000/api';
  9 | }
 10 | if (!process.env.AUDIENCE) {
 11 |   process.env.AUDIENCE = 'https://ideanebulae.auth0.com/api/v2/';
 12 | }
 13 | if (!process.env.CLIENT_ID) {
 14 |   process.env.CLIENT_ID = '54kq1Kx1717k52deTJ55CUHzaq77fJQy';
 15 | }
 16 | if (!process.env.CLIENT_DOMAIN) {
 17 |   process.env.CLIENT_DOMAIN = 'ideanebulae.auth0.com';
 18 | }
 19 | if (!process.env.NODE_ENV) {
 20 |   process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV);
 21 | }
 22 | if (process.env.NODE_ENV !== 'production') {
 23 |   process.env.REDIRECT = 'http://localhost:8080/callback';
 24 | }
 25 | 
 26 | var opn = require('opn')
 27 | var path = require('path')
 28 | var express = require('express')
 29 | var webpack = require('webpack')
 30 | var proxyMiddleware = require('http-proxy-middleware')
 31 | var webpackConfig = (process.env.NODE_ENV === 'testing' || process.env.NODE_ENV === 'production')
 32 |   ? require('./webpack.prod.conf')
 33 |   : require('./webpack.dev.conf')
 34 | 
 35 | // default port where dev server listens for incoming traffic
 36 | var port = process.env.PORT || config.dev.port
 37 | // automatically open browser, if not set will be false
 38 | var autoOpenBrowser = !!config.dev.autoOpenBrowser
 39 | // Define HTTP proxies to your custom API backend
 40 | // https://github.com/chimurai/http-proxy-middleware
 41 | var proxyTable = config.dev.proxyTable
 42 | 
 43 | var app = express()
 44 | var compiler = webpack(webpackConfig)
 45 | 
 46 | var devMiddleware = require('webpack-dev-middleware')(compiler, {
 47 |   publicPath: webpackConfig.output.publicPath,
 48 |   quiet: true
 49 | })
 50 | 
 51 | var hotMiddleware = require('webpack-hot-middleware')(compiler, {
 52 |   log: false,
 53 |   heartbeat: 2000
 54 | })
 55 | // force page reload when html-webpack-plugin template changes
 56 | compiler.plugin('compilation', function (compilation) {
 57 |   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
 58 |     hotMiddleware.publish({ action: 'reload' })
 59 |     cb()
 60 |   })
 61 | })
 62 | 
 63 | // proxy api requests
 64 | Object.keys(proxyTable).forEach(function (context) {
 65 |   var options = proxyTable[context]
 66 |   if (typeof options === 'string') {
 67 |     options = { target: options }
 68 |   }
 69 |   app.use(proxyMiddleware(options.filter || context, options))
 70 | })
 71 | 
 72 | // handle fallback for HTML5 history API
 73 | app.use(require('connect-history-api-fallback')())
 74 | 
 75 | // serve webpack bundle output
 76 | app.use(devMiddleware)
 77 | 
 78 | // enable hot-reload and state-preserving
 79 | // compilation error display
 80 | app.use(hotMiddleware)
 81 | 
 82 | // serve pure static assets
 83 | var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
 84 | app.use(staticPath, express.static('./static'))
 85 | 
 86 | var uri = 'http://localhost:' + port
 87 | 
 88 | var _resolve
 89 | var readyPromise = new Promise(resolve => {
 90 |   _resolve = resolve
 91 | })
 92 | 
 93 | console.log('> Starting dev server...')
 94 | devMiddleware.waitUntilValid(() => {
 95 |   console.log('> Listening at ' + uri + '\n')
 96 |   // when env is testing, don't need open it
 97 |   if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
 98 |     opn(uri)
 99 |   }
100 |   _resolve()
101 | })
102 | 
103 | var server = app.listen(port)
104 | 
105 | module.exports = {
106 |   ready: readyPromise,
107 |   close: () => {
108 |     server.close()
109 |   }
110 | }
111 | 


--------------------------------------------------------------------------------
/server/db/models/postgres_views.sql:
--------------------------------------------------------------------------------
  1 | -- These views must be manually defined in Postgres since Sequelize does not
  2 | -- support view creation.
  3 | 
  4 | -- View: public.idea_agreements
  5 | --
  6 | -- This view produces a list of all agreements for an idea
  7 | --
  8 | --DROP VIEW public.idea_agreements;
  9 | CREATE OR REPLACE VIEW public.idea_agreements AS
 10 |     SELECT agreements.id,
 11 |         profiles.username,
 12 |         agreements.idea_id,
 13 |         ideas.title,
 14 |         ideas.idea_type,
 15 |         agreements.agreement,
 16 |         agreements.version
 17 |     FROM agreements,
 18 |          ideas,
 19 |          profiles
 20 |     WHERE ideas.id = agreements.idea_id
 21 |       AND ideas.profile_id = profiles.id
 22 |     ORDER BY profiles.username;
 23 | 
 24 | ALTER TABLE public.idea_agreements
 25 |     OWNER TO postgres;
 26 | 
 27 | -- View: public.idea_documents
 28 | --
 29 | -- This view produces a list of all documents for an idea
 30 | --
 31 | --DROP VIEW public.idea_documents;
 32 | CREATE OR REPLACE VIEW public.idea_documents AS
 33 |  SELECT documents.id,
 34 |     profiles.username,
 35 |     documents.idea_id,
 36 |     ideas.title,
 37 |     ideas.idea_type,
 38 |     documents.url,
 39 |     documents.description
 40 |    FROM ideas,
 41 |         documents,
 42 |         profiles
 43 |   WHERE ideas.id = documents.idea_id
 44 |     AND ideas.profile_id = profiles.id
 45 |   ORDER BY profiles.username;
 46 | 
 47 | ALTER TABLE public.idea_documents
 48 |     OWNER TO postgres;
 49 | 
 50 | -- View: public.idea_reviews
 51 | --
 52 | -- This view produces a list of all reviews of an idea
 53 | --
 54 | --DROP VIEW public.idea_reviews;
 55 | CREATE OR REPLACE VIEW public.idea_reviews AS
 56 |  SELECT reviews.id,
 57 |     reviews.idea_id,
 58 |     ideaowners.username AS idea_creator,
 59 |     ideas.title,
 60 |     ideas.idea_type,
 61 |     reviews.reviewer_id,
 62 |     reviewers.user_id AS reviewer,
 63 |     reviews.comments,
 64 |     reviews.created_at,
 65 |     reviews.updated_at
 66 |    FROM ideas,
 67 |         reviews,
 68 |         profiles ideaowners,
 69 |         profiles reviewers
 70 |   WHERE ideas.id = reviews.idea_id
 71 |     AND ideas.profile_id = ideaowners.id
 72 |     AND reviews.reviewer_id = reviewers.id
 73 |   ORDER BY reviews.idea_id, reviews.id, reviewers.username;
 74 | 
 75 | ALTER TABLE public.idea_reviews
 76 |     OWNER TO postgres;
 77 | 
 78 | 
 79 | 
 80 | -- View: public.review_status
 81 | --
 82 | -- This view results in a single row for each idea containing its status and
 83 | -- status date, as well as its most recent review creation date, and update
 84 | --
 85 | --DROP VIEW public.review_status;
 86 | CREATE OR REPLACE VIEW public.review_status AS
 87 |  SELECT DISTINCT ON (all_reviews.idea_id) all_reviews.idea_id,
 88 |     dated_reviews.maxcreated,
 89 |     dated_reviews.maxupdated,
 90 |         CASE
 91 |             WHEN count(all_reviews.*) > 0 THEN 'Assigned'::text
 92 |             ELSE 'Created'::text
 93 |         END AS status,
 94 |         CASE
 95 |             WHEN dated_reviews.maxupdated = NULL::timestamp with time zone THEN dated_reviews.maxcreated
 96 |             ELSE dated_reviews.maxupdated
 97 |         END AS status_dt
 98 |    FROM reviews all_reviews,
 99 |     ( SELECT this_review.idea_id,
100 |             MAX(this_review.created_at) AS maxcreated,
101 |             MAX(this_review.updated_at) AS maxupdated
102 |            FROM reviews this_review
103 |           WHERE this_review.idea_id = this_review.idea_id
104 |           GROUP BY this_review.idea_id) dated_reviews
105 |   GROUP BY all_reviews.idea_id, dated_reviews.maxcreated, dated_reviews.maxupdated
106 |   ORDER BY all_reviews.idea_id, dated_reviews.maxupdated DESC;
107 | 
108 | ALTER TABLE public.review_status
109 |     OWNER TO postgres;
110 | 


--------------------------------------------------------------------------------
/client/src/auth/index.js:
--------------------------------------------------------------------------------
  1 | // import axios from 'axios';
  2 | import auth0 from 'auth0-js';
  3 | import Router from 'vue-router';
  4 | // import Auth0Lock from 'auth0-lock';
  5 | 
  6 | import { isTokenExpired } from './utils';
  7 | 
  8 | const ACCESS_TOKEN_KEY = 'access_token';
  9 | const AUDIENCE = process.env.AUDIENCE;
 10 | const CLIENT_ID = process.env.CLIENT_ID;
 11 | const CLIENT_DOMAIN = process.env.CLIENT_DOMAIN;
 12 | const ID_TOKEN_KEY = 'id_token';
 13 | const REDIRECT = (process.env.NODE_ENV === 'production')
 14 |   ? `${window.location.protocol}//${window.location.hostname}/callback`
 15 |   : 'http://localhost:8080/callback';
 16 | const SCOPE = 'openid profile';
 17 | 
 18 | const auth = new auth0.WebAuth({
 19 |   clientID: CLIENT_ID,
 20 |   domain: CLIENT_DOMAIN,
 21 | });
 22 | 
 23 | const router = new Router({
 24 |   mode: 'history',
 25 | });
 26 | 
 27 | export function login() {
 28 |   auth.authorize({
 29 |     responseType: 'token id_token',
 30 |     redirectUri: REDIRECT,
 31 |     audience: AUDIENCE,
 32 |     scope: SCOPE,
 33 |   });
 34 | }
 35 | 
 36 | // Helper to extract the access token and id token
 37 | function getParameterByName(name) {
 38 |   // eslint-disable-next-line
 39 |   let match = RegExp('[#&]' + name + '=([^&]*)').exec(window.location.hash);
 40 |   // const match = RegExp(`[#&] ${name} =([^&]*)`).exec(window.location.hash);
 41 |   return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
 42 | }
 43 | 
 44 | // Get the id token from the localStorage
 45 | export function getIdToken() {
 46 |   return window.localStorage.getItem(ID_TOKEN_KEY);
 47 | }
 48 | 
 49 | // Get the access token from the localStorage
 50 | export function getAccessToken() {
 51 |   return window.localStorage.getItem(ACCESS_TOKEN_KEY);
 52 | }
 53 | 
 54 | export function setAccessToken() {
 55 |   const accessToken = getParameterByName('access_token');
 56 |   window.localStorage.setItem(ACCESS_TOKEN_KEY, accessToken);
 57 | }
 58 | 
 59 | export function setIdToken() {
 60 |   const idToken = getParameterByName('id_token');
 61 |   window.localStorage.setItem(ID_TOKEN_KEY, idToken);
 62 | }
 63 | 
 64 | // Remove the id token from the localStorage
 65 | export function clearIdToken() {
 66 |   window.localStorage.removeItem(ID_TOKEN_KEY);
 67 | }
 68 | 
 69 | // Remove the access token from the localStorage
 70 | export function clearAccessToken() {
 71 |   window.localStorage.removeItem(ACCESS_TOKEN_KEY);
 72 | }
 73 | 
 74 | // Check if there's a token and it's not expired
 75 | export function isLoggedIn() {
 76 |   const idToken = getIdToken();
 77 |   return !!idToken && !isTokenExpired(idToken);
 78 | }
 79 | 
 80 | // Logout the current user by deleting the tokens
 81 | export function logout() {
 82 |   clearIdToken();
 83 |   clearAccessToken();
 84 |   router.go('/');
 85 | }
 86 | 
 87 | // Middleware to check if the user is logged in
 88 | export function requireAuth(to, from, next) {
 89 |   if (!isLoggedIn()) {
 90 |     next({
 91 |       path: '/',
 92 |       query: { redirect: to.fullPath },
 93 |     });
 94 |   } else {
 95 |     next();
 96 |   }
 97 | }
 98 | 
 99 | // eslint-disable-next-line
100 | export function getUserProfile() {
101 |   const accessToken = getAccessToken();
102 | 
103 |   if (accessToken) {
104 |     return new Promise((resolve, reject) => {
105 |       auth.client.userInfo(accessToken, (err, profile) => {
106 |         // There was an error fetching the user profile
107 |         // reject with the error
108 |         if (err) {
109 |           reject(err);
110 |         }
111 |         // We were able to fetch the user profile, resolve using it
112 |         resolve(profile);
113 |       });
114 |     });
115 |   }
116 | 
117 |   // There's no access token therefore we can't fetch the user
118 |   // profile, return null then
119 |   return null;
120 | }
121 | 


--------------------------------------------------------------------------------
/client/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "ideabox",
  3 |   "version": "1.0.1",
  4 |   "description": "A webapp to post and get feedback on your ideas",
  5 |   "author": "Parminder Singh <parmsingh129@gmail.com>",
  6 |   "private": true,
  7 |   "scripts": {
  8 |     "dev": "node build/dev-server.js",
  9 |     "start": "node build/dev-server.js",
 10 |     "build": "node build/build.js",
 11 |     "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
 12 |     "e2e": "node test/e2e/runner.js",
 13 |     "test": "npm run unit && npm run e2e",
 14 |     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
 15 |   },
 16 |   "dependencies": {
 17 |     "auth0-js": "^8.10.1",
 18 |     "autosize": "^4.0.0",
 19 |     "axios": "^0.16.2",
 20 |     "json-stable-stringify": "^1.0.1",
 21 |     "jwt-decode": "^2.2.0",
 22 |     "lodash.debounce": "^4.0.8",
 23 |     "marked": "^0.3.6",
 24 |     "postcss": "^6.0.13",
 25 |     "stylelint": "^8.2.0",
 26 |     "stylus": "^0.54.5",
 27 |     "stylus-loader": "^3.0.1",
 28 |     "vee-validate": "^2.0.0-rc.19",
 29 |     "vue": "^2.4.2",
 30 |     "vue-router": "^2.7.0",
 31 |     "vuex": "^2.4.1",
 32 |     "autoprefixer": "^7.1.2",
 33 |     "avoriaz": "^6.0.1",
 34 |     "babel-core": "^6.22.1",
 35 |     "babel-eslint": "^7.1.1",
 36 |     "babel-loader": "^7.1.1",
 37 |     "babel-plugin-istanbul": "^4.1.1",
 38 |     "babel-plugin-transform-runtime": "^6.22.0",
 39 |     "babel-polyfill": "^6.26.0",
 40 |     "babel-preset-env": "^1.3.2",
 41 |     "babel-preset-stage-2": "^6.22.0",
 42 |     "babel-register": "^6.22.0",
 43 |     "chai": "^3.5.0",
 44 |     "chalk": "^2.1.0",
 45 |     "chromedriver": "^2.27.2",
 46 |     "connect-history-api-fallback": "^1.3.0",
 47 |     "copy-webpack-plugin": "^4.0.1",
 48 |     "cross-env": "^5.0.1",
 49 |     "cross-spawn": "^5.0.1",
 50 |     "css-loader": "^0.28.0",
 51 |     "cssnano": "^3.10.0",
 52 |     "eslint": "^3.19.0",
 53 |     "eslint-config-airbnb-base": "^11.1.3",
 54 |     "eslint-friendly-formatter": "^3.0.0",
 55 |     "eslint-import-resolver-webpack": "^0.8.1",
 56 |     "eslint-loader": "^1.7.1",
 57 |     "eslint-plugin-html": "^3.0.0",
 58 |     "eslint-plugin-import": "^2.2.0",
 59 |     "eventsource-polyfill": "^0.9.6",
 60 |     "express": "^4.14.1",
 61 |     "extract-text-webpack-plugin": "^2.0.0",
 62 |     "file-loader": "^0.11.1",
 63 |     "friendly-errors-webpack-plugin": "^1.1.3",
 64 |     "html-webpack-plugin": "^2.28.0",
 65 |     "http-proxy-middleware": "^0.17.3",
 66 |     "inject-loader": "^3.0.0",
 67 |     "karma": "^1.4.1",
 68 |     "karma-coverage": "^1.1.1",
 69 |     "karma-mocha": "^1.3.0",
 70 |     "karma-phantomjs-launcher": "^1.0.2",
 71 |     "karma-phantomjs-shim": "^1.4.0",
 72 |     "karma-sinon-chai": "^1.3.1",
 73 |     "karma-sourcemap-loader": "^0.3.7",
 74 |     "karma-spec-reporter": "0.0.31",
 75 |     "karma-webpack": "^2.0.2",
 76 |     "mocha": "^3.2.0",
 77 |     "nightwatch": "^0.9.12",
 78 |     "opn": "^5.1.0",
 79 |     "optimize-css-assets-webpack-plugin": "^2.0.0",
 80 |     "ora": "^1.2.0",
 81 |     "phantomjs-prebuilt": "^2.1.14",
 82 |     "rimraf": "^2.6.0",
 83 |     "selenium-server": "^3.0.1",
 84 |     "semver": "^5.3.0",
 85 |     "shelljs": "^0.7.8",
 86 |     "sinon": "^2.1.0",
 87 |     "sinon-chai": "^2.8.0",
 88 |     "url-loader": "^0.5.8",
 89 |     "vue-loader": "^13.0.4",
 90 |     "vue-style-loader": "^3.0.1",
 91 |     "vue-template-compiler": "^2.4.2",
 92 |     "webpack": "^2.6.1",
 93 |     "webpack-bundle-analyzer": "^2.2.1",
 94 |     "webpack-dev-middleware": "^1.10.0",
 95 |     "webpack-hot-middleware": "^2.18.0",
 96 |     "webpack-merge": "^4.1.0"
 97 |   },
 98 |   "engines": {
 99 |     "node": "^8.0.0",
100 |     "npm": "^5.0.0"
101 |   },
102 |   "browserslist": [
103 |     "> 1%",
104 |     "last 2 versions",
105 |     "not ie <= 8"
106 |   ]
107 | }
108 | 


--------------------------------------------------------------------------------
/client/src/assets/idea-nebulae-logo.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 878.78 123"><defs><style>.cls-1{fill-rule:evenodd;fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-2);}.cls-3{fill:url(#linear-gradient-3);}.cls-4{fill:url(#linear-gradient-4);}.cls-5{fill:url(#linear-gradient-5);}</style><linearGradient id="linear-gradient" x1="403.78" y1="371.53" x2="807.9" y2="-32.59" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3023ae"/><stop offset="1" stop-color="#c86dd7"/></linearGradient><linearGradient id="linear-gradient-2" x1="121.86" y1="179.26" x2="183.62" y2="117.49" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-3" x1="141.73" y1="211.18" x2="162.74" y2="190.16" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-4" x1="141.73" y1="222.94" x2="162.74" y2="201.93" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-5" x1="147.48" y1="228.38" x2="157.99" y2="217.88" xlink:href="#linear-gradient"/></defs><title>idea-nebulae-logo</title><path class="cls-1" d="M940.9,171.37c0-21.89,9.36-30.1,23.76-30.1,15,0,22,8.06,22,30.1Zm21.89,35.28c-16.7,0-21.89-10.8-21.89-30.67H992v-4.75c0-24.91-9.65-34.56-27.36-34.56-16.42,0-29.09,8.78-29.09,37.3,0,23.47,5.62,37.15,27.07,37.3,10.51,0,26.64-1.3,26.64-1.3l-.29-4.61S972.87,206.65,962.79,206.65Zm-52.7-35.42v29.52s-14.69,5.9-28.22,5.9c-8.78,0-13.68-5.9-13.68-16.42,0-9.94,3.89-15.12,15.12-16.27Zm5-12.1c0-14.83-6.48-22.46-21-22.46-11.52,0-27.65,2.59-27.65,2.59l.43,4.75s16.7-2.45,27.22-2.45,16,5,16,17.57v7.49l-27.36,2.88c-14.11,1.44-19.87,8.5-19.87,20.74,0,14,7.06,21,18.86,21,14.4,0,29.09-6.19,29.09-6.19,3.17,4.46,8.64,6,14.83,6l.29-4.46c-5-.43-10.37-1.87-10.8-6ZM838.66,210h5V104.85h-5ZM810,138v61.49s-10.8,7.2-23.62,7.2c-16,0-18.58-7.06-18.58-31.54V138h-5v37.44c0,27.94,4,35.86,23.62,35.86,12.38,0,23.62-7.06,23.62-7.06V210h5V138Zm-99.36,68.69c-5,0-16.27-.86-16.27-.86V147s12-5.76,24.77-5.76c16,0,19.15,10.22,19.15,31.54C738.29,196,734.69,206.65,710.65,206.65Zm8.5-70c-12.82,0-24.77,5.76-24.77,5.76V104.85h-5V210s11.66,1.3,21.46,1.3c26.78,0,32.83-11.52,32.83-38.45C743.62,148,738.73,136.67,719.14,136.67Zm-99.65,34.7c0-21.89,9.36-30.1,23.76-30.1,15,0,22,8.06,22,30.1Zm21.89,35.28c-16.7,0-21.89-10.8-21.89-30.67h51.12v-4.75c0-24.91-9.65-34.56-27.36-34.56-16.42,0-29.09,8.78-29.09,37.3,0,23.47,5.62,37.15,27.07,37.3,10.51,0,26.64-1.3,26.64-1.3l-.29-4.61S651.46,206.65,641.38,206.65ZM523.3,210h5.18v-95.9h3.74l48.1,95.9h12.24V109.17h-5.18v95.9h-3.89l-48-95.9H523.3Zm-62.06-38.74v29.52s-14.69,5.9-28.22,5.9c-8.78,0-13.68-5.9-13.68-16.42,0-9.94,3.89-15.12,15.12-16.27Zm5-12.1c0-14.83-6.48-22.46-21-22.46-11.52,0-27.65,2.59-27.65,2.59L418,144s16.7-2.45,27.22-2.45,16,5,16,17.57v7.49l-27.36,2.88C419.77,170.94,414,178,414,190.24c0,14,7.06,21,18.86,21,14.4,0,29.09-6.19,29.09-6.19,3.17,4.46,8.64,6,14.83,6l.29-4.46c-5-.43-10.37-1.87-10.8-6ZM348.49,171.37c0-21.89,9.36-30.1,23.76-30.1,15,0,22,8.06,22,30.1Zm21.89,35.28c-16.7,0-21.89-10.8-21.89-30.67h51.12v-4.75c0-24.91-9.65-34.56-27.36-34.56-16.42,0-29.09,8.78-29.09,37.3,0,23.47,5.62,37.15,27.07,37.3,10.51,0,26.64-1.3,26.64-1.3l-.29-4.61S380.45,206.65,370.37,206.65Zm-76.9,0c-8.06,0-19.15-2.45-19.15-31.54,0-21.46,4.61-33.84,25.06-33.84a162.72,162.72,0,0,1,19,1.73v56.16S305.86,206.65,293.48,206.65Zm30-101.81h-5V138.4a139.19,139.19,0,0,0-19-1.73c-23.62,0-30.38,13.68-30.38,38.45,0,35,15.55,36.14,24.48,36.14,13.1,0,24.91-7.34,24.91-7.34v6h5ZM242.21,210h5.18V109.17h-5.18Z" transform="translate(-113.24 -102.27)"/><path class="cls-2" d="M135.87,187.29H169.6c.66-4.22,2.26-9.56,6-13.73a39.16,39.16,0,0,0,13.07-29.42c0-21-16.13-38.13-36-38.13s-36,17.11-36,38.14a39,39,0,0,0,12.93,29.27,1.82,1.82,0,0,1,.28.32C133.65,177.88,135.22,183.12,135.87,187.29ZM171.13,191h-36.8a1.81,1.81,0,0,1-1.76-1.65c-.43-3.83-1.69-9.24-5.3-13.21v0a42.86,42.86,0,0,1-14-32c0-23.09,17.72-41.88,39.5-41.88s39.5,18.79,39.5,41.88A42.83,42.83,0,0,1,178,176.3c-3.46,3.84-4.72,9.25-5.15,13.09A1.8,1.8,0,0,1,171.13,191Z" transform="translate(-113.24 -102.27)"/><path class="cls-3" d="M170.48,202.81H134a2.18,2.18,0,0,1,0-4.28h36.5a2.18,2.18,0,0,1,0,4.28Z" transform="translate(-113.24 -102.27)"/><path class="cls-4" d="M170.48,214.57H134a2.18,2.18,0,0,1,0-4.28h36.5a2.18,2.18,0,0,1,0,4.28Z" transform="translate(-113.24 -102.27)"/><path class="cls-5" d="M160.46,225.27H145a2.18,2.18,0,0,1,0-4.28h15.46a2.18,2.18,0,0,1,0,4.28Z" transform="translate(-113.24 -102.27)"/></svg>


--------------------------------------------------------------------------------
/client/build/webpack.prod.conf.js:
--------------------------------------------------------------------------------
  1 | var path = require('path')
  2 | var utils = require('./utils')
  3 | var webpack = require('webpack')
  4 | var config = require('../config')
  5 | var merge = require('webpack-merge')
  6 | var baseWebpackConfig = require('./webpack.base.conf')
  7 | var CopyWebpackPlugin = require('copy-webpack-plugin')
  8 | var HtmlWebpackPlugin = require('html-webpack-plugin')
  9 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
 10 | var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
 11 | 
 12 | var env = process.env.NODE_ENV === 'testing'
 13 |   ? require('../config/test.env')
 14 |   : config.build.env
 15 | 
 16 | var webpackConfig = merge(baseWebpackConfig, {
 17 |   module: {
 18 |     rules: utils.styleLoaders({
 19 |       sourceMap: config.build.productionSourceMap,
 20 |       extract: true
 21 |     })
 22 |   },
 23 |   devtool: config.build.productionSourceMap ? '#source-map' : false,
 24 |   output: {
 25 |     path: config.build.assetsRoot,
 26 |     filename: utils.assetsPath('js/[name].[chunkhash].js'),
 27 |     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
 28 |   },
 29 |   plugins: [
 30 |     // http://vuejs.github.io/vue-loader/en/workflow/production.html
 31 |     new webpack.DefinePlugin({
 32 |       'process.env': env
 33 |     }),
 34 |     new webpack.optimize.UglifyJsPlugin({
 35 |       compress: {
 36 |         warnings: false
 37 |       },
 38 |       sourceMap: true
 39 |     }),
 40 |     // extract css into its own file
 41 |     new ExtractTextPlugin({
 42 |       filename: utils.assetsPath('css/[name].[contenthash].css')
 43 |     }),
 44 |     // Compress extracted CSS. We are using this plugin so that possible
 45 |     // duplicated CSS from different components can be deduped.
 46 |     new OptimizeCSSPlugin({
 47 |       cssProcessorOptions: {
 48 |         safe: true
 49 |       }
 50 |     }),
 51 |     // generate dist index.html with correct asset hash for caching.
 52 |     // you can customize output by editing /index.html
 53 |     // see https://github.com/ampedandwired/html-webpack-plugin
 54 |     new HtmlWebpackPlugin({
 55 |       filename: process.env.NODE_ENV === 'testing'
 56 |         ? 'index.html'
 57 |         : config.build.index,
 58 |       template: 'index.html',
 59 |       inject: true,
 60 |       minify: {
 61 |         removeComments: true,
 62 |         collapseWhitespace: true,
 63 |         removeAttributeQuotes: true
 64 |         // more options:
 65 |         // https://github.com/kangax/html-minifier#options-quick-reference
 66 |       },
 67 |       // necessary to consistently work with multiple chunks via CommonsChunkPlugin
 68 |       chunksSortMode: 'dependency'
 69 |     }),
 70 |     // keep module.id stable when vender modules does not change
 71 |     new webpack.HashedModuleIdsPlugin(),
 72 |     // split vendor js into its own file
 73 |     new webpack.optimize.CommonsChunkPlugin({
 74 |       name: 'vendor',
 75 |       minChunks: function (module, count) {
 76 |         // any required modules inside node_modules are extracted to vendor
 77 |         return (
 78 |           module.resource &&
 79 |           /\.js$/.test(module.resource) &&
 80 |           module.resource.indexOf(
 81 |             path.join(__dirname, '../node_modules')
 82 |           ) === 0
 83 |         )
 84 |       }
 85 |     }),
 86 |     // extract webpack runtime and module manifest to its own file in order to
 87 |     // prevent vendor hash from being updated whenever app bundle is updated
 88 |     new webpack.optimize.CommonsChunkPlugin({
 89 |       name: 'manifest',
 90 |       chunks: ['vendor']
 91 |     }),
 92 |     // copy custom static assets
 93 |     new CopyWebpackPlugin([
 94 |       {
 95 |         from: path.resolve(__dirname, '../static'),
 96 |         to: config.build.assetsSubDirectory,
 97 |         ignore: ['.*']
 98 |       }
 99 |     ])
100 |   ]
101 | })
102 | 
103 | if (config.build.productionGzip) {
104 |   var CompressionWebpackPlugin = require('compression-webpack-plugin')
105 | 
106 |   webpackConfig.plugins.push(
107 |     new CompressionWebpackPlugin({
108 |       asset: '[path].gz[query]',
109 |       algorithm: 'gzip',
110 |       test: new RegExp(
111 |         '\\.(' +
112 |         config.build.productionGzipExtensions.join('|') +
113 |         ')$'
114 |       ),
115 |       threshold: 10240,
116 |       minRatio: 0.8
117 |     })
118 |   )
119 | }
120 | 
121 | if (config.build.bundleAnalyzerReport) {
122 |   var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
123 |   webpackConfig.plugins.push(new BundleAnalyzerPlugin())
124 | }
125 | 
126 | module.exports = webpackConfig
127 | 


--------------------------------------------------------------------------------
/server/db/seeders/idea_seed.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   up: (queryInterface, Sequelize) => {
 5 |     queryInterface.bulkInsert("ideas", [
 6 |       {
 7 |         profile_id: 3,
 8 |         title: "Empanadas 4 ever",
 9 |         idea_type: "public",
10 |         description: "Empanadas will conquer the world",
11 |         created_at: "2017-10-15 00:00:00",
12 |         updated_at: "2017-10-15 00:00:00",
13 |         tags: ["domination      ","empanada        ","eternal         "]
14 |       }, {
15 |         profile_id: 2,
16 |         title: "Empanadas",
17 |         idea_type: "public",
18 |         description: "Empanadas",
19 |         created_at: "2017-10-15 00:00:00",
20 |         updated_at: "2017-10-15 00:00:00",
21 |         tags: ["empanada        "]
22 |       }, {
23 |         profile_id: 3,
24 |         title: "Dachshund Powered Empanada Factory",
25 |         idea_type: "private",
26 |         description: "In order to keep the cost of empanadas low so they can be enjoyed by everyone, regardless of their economic means its important to keep production costs low. To achieve this it is proposed to convert our empanada factory to operate on electricity generated via a dachsund-powered treadmill instead of electricity purchased from a public utility.",
27 |         created_at: '2017-11-19 16:39:56.195',
28 |         updated_at: '2017-11-19 16:39:56.195',
29 |         tags: ["empanada        ","factory         ","dachshund       "]
30 |       }, {
31 |         profile_id: 1,
32 |         title: "Interstellar Empanadas",
33 |         idea_type: "private",
34 |         description: "It is time to share the beauty of the empanada with other extraterrestrial cultures by launching empanadas randomly into space.",
35 |         created_at: "2017-11-29 19:00:02.291",
36 |         updated_at: "2017-11-29 19:00:02.291",
37 |         tags: ["empanada        ", "interstellar    ", "extraterrestrial"]
38 |       }, {
39 |         profile_id: 1,
40 |         title: "Fortune Empanadas",
41 |         idea_type: "private",
42 |         description: "They say that imitation is the height of flattery. Chinese Fortune Cookies are such a good idea (and tasty too I might add) so why not Fortune Empanadas",
43 |         created_at: "2017-12-06 01:17:02.978",
44 |         updated_at: "2017-12-06 01:17:02.978",
45 |         tags: ["empanada        ","fortune         "]
46 |       }, {
47 |         profile_id: 2,
48 |         title: "Evolution Strategies",
49 |         idea_type: "public",
50 |         description: "It would be awesome if bots can learn to dance",
51 |         created_at: "2017-11-18 10:46:42.484",
52 |         updated_at: "2017-11-18 10:46:42.484",
53 |         tags: ["lol             ", "haha            ", "funny           ", "ha              "]
54 |       }, {
55 |         profile_id: 1,
56 |         title: "Turducken Empanada",
57 |         idea_type: "public",
58 |         description: "What could be better than an empanada stuffed with a duck, stuffed inside another empanada that is stuffed with a turkey?",
59 |         created_at: "2017-11-22 15:06:57.504",
60 |         updated_at: "2017-11-22 15:06:57.504",
61 |         tags: ["turducken       ","empanada        "]
62 |       }, {
63 |         profile_id: 1,
64 |         title: "Pumpkin Ale Empanadas",
65 |         idea_type: "private",
66 |         description: "Produce pumpkin ale flavored empanadas in two varieties - 1) a non-alcoholic version and 2) a version with between 5% and 6% ABV. Dietary information will be imprinted on the golden brown covering of each and every empanada.",
67 |         created_at: "2017-11-03 00:00:00",
68 |         updated_at: "2017-11-03 00:00:00",
69 |         tags: ["pumpkin         ","empanada        "]
70 |       }, {
71 |         profile_id: 1,
72 |         title: "Cold Fusion Powered Empanadas",
73 |         idea_type: "private",
74 |         description: "In order to boost the already awesome power of the empanada an even more powerful energy source is required. Hence, the joining of the empanada with the cold fusion reactor powered in turn by the home version of the Large Hadron Collider.",
75 |         created_at: "2017-11-15 15:49:29.296",
76 |         updated_at: "2017-11-15 15:49:29.296",
77 |         tags: ["empanada        ", "cold fusion     ", "high power      "]
78 |       }, {
79 |         profile_id: 2,
80 |         title: "Gas Operated Empanadas",
81 |         idea_type: "private",
82 |         description: "Produce gas operated empanadas so the empanadas come to you rather than you having to go to the empanadas.",
83 |         created_at: "2017-11-03 00:00:00",
84 |         updated_at: "2017-11-03 00:00:00",
85 |         tags: ["gas             ","empanada        "]
86 |       }
87 |     ], {});
88 |   },
89 | 
90 |   down: (queryInterface, Sequelize) => {
91 |       return queryInterface.bulkDelete('ideas', null, {});
92 |   }
93 | };
94 | 


--------------------------------------------------------------------------------
/client/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <main-navbar></main-navbar>
  4 |     <router-view></router-view>
  5 |     <main-footer></main-footer>
  6 |   </div>
  7 | </template>
  8 | 
  9 | <script>
 10 | import http from '@/api';
 11 | import { getUserProfile, getAccessToken } from '@/auth';
 12 | import MainNavbar from './components/shared/MainNavbar';
 13 | import MainFooter from './components/shared/MainFooter';
 14 | 
 15 | export default {
 16 |   name: 'app',
 17 |   components: {
 18 |     MainNavbar,
 19 |     MainFooter,
 20 |   },
 21 | 
 22 |   mounted() {
 23 |     if (getAccessToken()) {
 24 |       getUserProfile()
 25 |         .then((profile) => {
 26 |           // Dispatch an action to set the current user profile data
 27 |           // to the payload we received
 28 |           this.$store.dispatch('SET_PROFILE_DATA', profile);
 29 |           http.put(`/profile/${profile.sub}`, {
 30 |             profile,
 31 |           })
 32 |           // eslint-disable-next-line no-unused-vars
 33 |           .then((res) => {
 34 |             // Profile successfully retrieved
 35 |           })
 36 |           .catch((err) => {
 37 |             throw new Error(`Error routing to user profile page: ${err}`);
 38 |           });
 39 |         })
 40 |         .catch((err) => {
 41 |           throw new Error(`Error retrieving user security profile: ${err}`);
 42 |         });
 43 |     }
 44 |   },
 45 | };
 46 | </script>
 47 | 
 48 | <style lang="stylus">
 49 | @import '~stylus_var'
 50 | 
 51 | // global styles
 52 | 
 53 | *, *::before, *::after {
 54 |   -moz-box-sizing: border-box;
 55 |   box-sizing: border-box;
 56 |   margin: 0;
 57 |   padding: 0;
 58 | }
 59 | 
 60 | #app {
 61 |   font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
 62 |   -webkit-font-smoothing: antialiased;
 63 |   -moz-osx-font-smoothing: grayscale;
 64 |   color: $gray_text;
 65 |   letter-spacing: 1px;
 66 |   line-height: 1.5em;
 67 | }
 68 | 
 69 | .container
 70 |   width 100%
 71 |   max-width 1200px
 72 |   padding-top 20px
 73 |   margin auto
 74 |   min-height calc(100vh - 150px) // combined height of nav + footer
 75 | 
 76 | .purple-gradient
 77 |   background $purple
 78 |   background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
 79 | 
 80 | .blue-gradient
 81 | 	background $medblue
 82 | 	background linear-gradient(-134deg, $aqua 0%, $sky 100%)
 83 | 
 84 | 
 85 | .text-gradient
 86 |   -webkit-background-clip text
 87 |   -webkit-text-fill-color transparent
 88 | 
 89 | 
 90 | // visible to screenreader only
 91 | .sr-only {
 92 |     position: absolute;
 93 |     width: 1px;
 94 |     height: 1px;
 95 |     padding: 0;
 96 |     margin: -1px;
 97 |     overflow: hidden;
 98 |     clip: rect(0,0,0,0);
 99 |     border: 0;
100 | }
101 | 
102 | // global button styles
103 | 
104 | .btn
105 |   -webkit-appearance: none;
106 |   appearance: none;
107 |   border: none;
108 |   background: transparent;
109 |   color: inherit;
110 |   cursor: pointer
111 | 
112 | 
113 |   &:hover, &:active, &:focus
114 |     -webkit-appearance: none;
115 |     appearance: none;
116 |     border: none;
117 |     background: transparent;
118 |     color: inherit;
119 |     border-radius 40px !important
120 | 
121 | 
122 |   &__primary
123 |     text-align: center;
124 |     font-family: inherit;
125 |     font-weight: inherit;
126 |     font-size: inherit;
127 |     padding 9px 18px
128 |     border 1px solid $purple
129 |     border-radius 40px
130 |     letter-spacing 1.5px
131 |     color $purple
132 |     position: relative;
133 |     overflow: hidden;
134 |     transition all 300ms ease-in-out
135 | 
136 | 
137 |     &:hover, &:active
138 |       background $purple
139 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
140 |       color white
141 |       border 1px solid $purple
142 |       transition all 300ms ease-in-out
143 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
144 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
145 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
146 | 
147 | 
148 |     &:focus
149 |       outline 0
150 |       border 1px solid $purple
151 |       -webkit-box-shadow: 0 0 6px 0 rgba(110, 28, 233, 0.8);
152 |       -moz-box-shadow: 0 0 6px 0 rgba(110, 28, 233, 0.8);
153 |       box-shadow: 0 0 6px 0 rgba(110, 28, 233, 0.8);
154 | 
155 | 
156 |     &:after
157 |       content: '';
158 |       position: absolute;
159 |       top: 50%;
160 |       left: 50%;
161 |       width: 5px;
162 |       height: 5px;
163 |       background: rgba(255, 255, 255, .3);
164 |       opacity: 0;
165 |       border-radius: 100%;
166 |       transform: scale(1, 1) translate(-50%);
167 |       transform-origin: 50% 50%;
168 | 
169 | 
170 |     @keyframes ripple
171 |       0%
172 |         transform: scale(0, 0);
173 |         opacity: 1;
174 | 
175 |       20%
176 |         transform: scale(25, 25);
177 |         opacity: 1;
178 | 
179 |       100%
180 |         opacity: 0;
181 |         transform: scale(40, 40);
182 | 
183 | 
184 |     &:focus:not(:active)::after
185 |       animation: ripple 1s ease-out;
186 | 
187 | </style>
188 | 


--------------------------------------------------------------------------------
/client/src/assets/feedback.svg:
--------------------------------------------------------------------------------
 1 | 
 2 | <svg width="280px" height="226px" viewBox="0 0 280 226" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
 4 |     <desc>Created with Sketch.</desc>
 5 |     <defs>
 6 |         <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
 7 |             <stop stop-color="#00D2FF" offset="0%"></stop>
 8 |             <stop stop-color="#3A7BD5" offset="100%"></stop>
 9 |         </linearGradient>
10 |     </defs>
11 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
12 |         <g id="minimal" transform="translate(-129.000000, -1094.000000)" fill-rule="nonzero" fill="url(#linearGradient-1)">
13 |             <g id="Middle-section" transform="translate(43.000000, 942.000000)">
14 |                 <g id="feedback" transform="translate(86.000000, 152.000000)">
15 |                     <g id="009-networking" transform="translate(0.000000, 67.000000)">
16 |                         <path d="M109.475235,33.9989216 C113.865027,30.5239617 116.71454,25.1184686 116.71454,19.0952049 C116.71454,8.63171471 108.204506,0.098757764 97.769125,0.098757764 C87.3337438,0.098757764 78.8237097,8.63171471 78.8237097,19.0952049 C78.8237097,25.1570793 81.6732233,30.5239617 86.1015216,33.9989216 C72.7011059,39.249972 63.0743705,53.2656434 63.0743705,69.7137866 L63.0743705,72.8798611 L132.463879,72.8798611 L132.463879,69.7137866 L132.502386,69.7137866 C132.502386,53.2656434 122.875651,39.249972 109.475235,33.9989216 Z M85.177355,19.0952049 C85.177355,12.1066746 90.8378755,6.43090681 97.8076319,6.43090681 C104.777388,6.43090681 110.437909,12.1066746 110.437909,19.0952049 C110.437909,26.0837353 104.777388,31.759503 97.8076319,31.759503 C90.8378755,31.759503 85.177355,26.0837353 85.177355,19.0952049 Z M69.5820436,66.5477121 C71.0068005,50.6015075 83.1364871,38.0530414 97.8461389,38.0530414 C112.555791,38.0530414 124.64697,50.5628968 126.110234,66.5477121 L69.5820436,66.5477121 Z" id="Shape"></path>
17 |                         <path d="M46.3623578,119.444323 C50.7521492,115.969363 53.6016628,110.56387 53.6016628,104.540606 C53.6016628,94.0771162 45.0916287,85.5441592 34.6562475,85.5441592 C24.2208663,85.5441592 15.7108322,94.0771162 15.7108322,104.540606 C15.7108322,110.602481 18.5603459,115.969363 22.9886442,119.444323 C9.62673542,124.695373 0,138.711045 0,155.159188 L0,158.325263 L69.3895089,158.325263 L69.3895089,155.159188 C69.3895089,138.711045 59.7627735,124.695373 46.3623578,119.444323 Z M22.0644776,104.540606 C22.0644776,97.552076 27.724998,91.8763083 34.6947545,91.8763083 C41.6645109,91.8763083 47.3250313,97.552076 47.3250313,104.540606 C47.3250313,111.529137 41.6645109,117.204904 34.6947545,117.204904 C27.724998,117.204904 22.0644776,111.529137 22.0644776,104.540606 Z M6.46916621,151.993114 C7.89392305,136.046909 20.0236097,123.498443 34.7332614,123.498443 C49.4429131,123.498443 61.5340928,136.008298 62.9973566,151.993114 L6.46916621,151.993114 Z" id="Shape"></path>
18 |                         <path d="M172.588113,119.444323 C176.977904,115.969363 179.827418,110.56387 179.827418,104.540606 C179.827418,94.0771162 171.317384,85.5441592 160.882002,85.5441592 C150.446621,85.5441592 141.936587,94.0771162 141.936587,104.540606 C141.936587,110.602481 144.786101,115.969363 149.214399,119.444323 C135.813983,124.695373 126.187248,138.711045 126.187248,155.159188 L126.187248,158.325263 L195.615264,158.325263 L195.615264,155.159188 C195.615264,138.711045 185.988528,124.695373 172.588113,119.444323 Z M148.290232,104.540606 C148.290232,97.552076 153.950753,91.8763083 160.920509,91.8763083 C167.890266,91.8763083 173.550786,97.552076 173.550786,104.540606 C173.550786,111.529137 167.890266,117.204904 160.920509,117.204904 C153.950753,117.204904 148.290232,111.529137 148.290232,104.540606 Z M132.656414,151.993114 C134.081171,136.046909 146.210858,123.498443 160.920509,123.498443 C175.630161,123.498443 187.721341,136.008298 189.184605,151.993114 L132.656414,151.993114 Z" id="Shape"></path>
19 |                         <polygon id="Shape" points="100.965201 112.687457 100.965201 79.2120102 94.6500627 79.2120102 94.6500627 112.687457 70.3136755 137.089397 74.7804808 141.568234 97.8076319 118.479056 120.834783 141.568234 125.301588 137.089397"></polygon>
20 |                     </g>
21 |                     <g id="010-chat" transform="translate(152.000000, 0.000000)">
22 |                         <path d="M108.965912,18.7117048 C96.8964578,6.64225018 80.8848547,0 63.820212,0 C46.7555693,0 30.7439662,6.64225018 18.6745116,18.7117048 C-4.65436704,42.0405834 -6.27442805,79.3829899 14.6513601,104.574939 C12.5992828,108.706094 9.30515874,113.512275 4.41797467,115.915366 C2.06888619,117.07641 0.745836359,119.587504 1.15085161,122.179602 C1.55586687,124.771699 3.55394212,126.796776 6.14603975,127.201791 C7.36108552,127.390798 9.08915061,127.579805 11.1952299,127.579805 C16.8384425,127.579805 25.1547557,126.256755 33.6600761,120.127525 C43.137433,125.230717 53.5058235,127.71481 63.793211,127.71481 C80.3178334,127.71481 96.6804497,121.315569 108.992913,109.003106 C121.062368,96.9336509 127.704618,80.9220479 127.704618,63.8574052 C127.704618,46.7927624 121.035367,30.7811594 108.965912,18.7117048 Z M103.808718,103.845911 C85.5830317,122.071598 57.366969,125.689734 35.172133,112.648243 C33.7140781,111.78421 31.90501,112.05422 30.7439662,113.215264 C30.6359622,113.269266 30.5279581,113.350269 30.446955,113.431272 C23.1296794,119.101486 15.9474089,120.289531 11.1952299,120.289531 L11.1682289,120.289531 C16.6494354,116.29338 20.1055655,110.353156 22.1306418,105.735982 C22.454654,104.952953 22.508656,104.142922 22.3196489,103.386894 C22.2386459,102.657867 21.9416347,101.928839 21.4286154,101.334817 C1.66387094,79.0049757 2.68990958,44.9836943 23.8047049,23.868899 C45.8645357,1.80906814 81.7488873,1.80906814 103.781717,23.868899 C125.868549,45.9287299 125.868549,81.7860804 103.808718,103.845911 Z" id="Shape"></path>
23 |                         <circle id="Oval" cx="64.5437073" cy="63.5590919" r="4.48216882"></circle>
24 |                         <circle id="Oval" cx="87.1898611" cy="63.5590919" r="4.48216882"></circle>
25 |                         <circle id="Oval" cx="40.912938" cy="63.5590919" r="4.48216882"></circle>
26 |                     </g>
27 |                 </g>
28 |             </g>
29 |         </g>
30 |     </g>
31 | </svg>


--------------------------------------------------------------------------------
/client/src/components/users/UserProfile.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="container profile">
  3 |     <header class="profile__header">
  4 |       <h1>{{userName}}&rsquo;s profile</h1>
  5 |     </header>
  6 | 
  7 |     <section>
  8 |       <div class="profile__card">
  9 |         <div class="profile__top-wrap">
 10 |           <div class="profile__image-wrap">
 11 |             <div class="profile__image-aspect">
 12 |               <div class="profile__image-crop">
 13 |                 <div
 14 |                   class="profile__image"
 15 |                   role="image"
 16 |                   :style="{ backgroundImage: `url(${userAvatarUrl})` }"
 17 |                   :aria-label="userName"></div>
 18 |               </div>
 19 |             </div>
 20 |           </div>
 21 |           <div class="profile__card-top profile__text-wrap">
 22 |             <div class="profile__name">
 23 |               {{userName}}</div>
 24 |             <div class="profile__username">
 25 |               {{name}}</div>
 26 |           </div>
 27 |           </div>
 28 |           <div class="profile__qualifications">
 29 |             {{userQualifications}}
 30 |           </div>
 31 |           <div v-show="!edit" class="profile__button-wrap">
 32 |             <button @click="()=>{toggleEdit()}" class="btn btn__primary profile__button profile__button">Edit</button>
 33 |           </div>
 34 | 
 35 |         <div v-show="edit">
 36 |           <textarea
 37 |             v-model="userQualifications"
 38 |             id="qualifications"
 39 |             ref="qualifications"
 40 |             @change="(e)=>{adjustTextArea(e.target)}"
 41 |             class="profile__textarea"
 42 |             maxlength="1024"
 43 |             placeholder="Describe your qualifications">
 44 |           </textarea>
 45 |           <div class="profile__button-wrap">
 46 |             <button @click="()=>{saveQualifications()}" class="btn btn__primary profile__button profile__button--btm">Save</button>
 47 |             <button @click="()=>{cancelQualifications()}" class="btn btn__primary profile__button profile__button--btm">Cancel</button>
 48 |           </div>
 49 |         </div>
 50 |       </div>
 51 |     </section>
 52 |   </div>
 53 | </template>
 54 | 
 55 | <script>
 56 |   // eslint disable
 57 |   import { getUserProfile, getAccessToken } from '@/auth';
 58 |   import http from '../../api/index';
 59 | 
 60 |   export default {
 61 |     name: 'UserProfile',
 62 |     data() {
 63 |       return {
 64 |         userId: '',
 65 |         name: '',
 66 |         userName: '',
 67 |         userAvatarUrl: '',
 68 |         userQualifications: '',
 69 |         edit: false,
 70 |       };
 71 |     },
 72 |     mounted() {
 73 |       this.adjustTextArea(document.getElementById('qualifications'));
 74 |       if (getAccessToken()) {
 75 |         getUserProfile()
 76 |         .then((profile) => {
 77 |           // Dispatch an action to set the current user profile data
 78 |           // to the payload we received
 79 |           http.get(`/profile/?username=${profile.nickname}`)
 80 |           .then((response) => {
 81 |             this.userId = response.data.user_id;
 82 |             this.userName = response.data.username;
 83 |             this.userAvatarUrl = response.data.avatar_url;
 84 |             this.userQualifications = response.data.qualifications;
 85 |           }).catch((err) => {
 86 |             throw new Error(`Error retrieving user app profile: ${err}`);
 87 |           });
 88 |         });
 89 |       }
 90 |     },
 91 |     methods: {
 92 |       saveQualifications() {
 93 |         this.toggleEdit();
 94 |         const userProfile = {
 95 |           profile: {
 96 |             sub: this.userId,
 97 |             nickname: this.userName,
 98 |             name: this.name,
 99 |             picture: this.userAvatarUrl,
100 |             qualifications: this.userQualifications,
101 |           },
102 |         };
103 |         http.put(`/profile/${this.userId}`, userProfile)
104 |         .then((response) => {
105 |           if (response === null) {
106 |             // TODO: Issue update successful message
107 |           } else {
108 |             // TODO: Issue error message
109 |           }
110 |         })
111 |         .catch((err) => {
112 |           throw new Error(`Error adding/updating user app profile: ${err}`);
113 |         });
114 |       },
115 |       cancelQualifications() {
116 |         this.toggleEdit();
117 |       },
118 |       adjustTextArea(target) {
119 |         // expand textarea height to match content
120 |         // setTimeout bc otherwise doesn't work ???
121 |         setTimeout(() => {
122 |           const el = target;
123 |           let adjustedHeight = el.clientHeight;
124 |           adjustedHeight = Math.max(el.scrollHeight, adjustedHeight);
125 |           if (adjustedHeight > el.clientHeight) { el.style.height = `${adjustedHeight + 20}px`; }
126 |         }, 50);
127 |       },
128 |       toggleEdit() {
129 |         this.edit = !this.edit;
130 |         this.adjustTextArea(document.getElementById('qualifications'));
131 |       },
132 |     },
133 |   };
134 | </script>
135 | 
136 | <style lang="stylus" scoped>
137 | @import '~stylus_var'
138 | 
139 | .profile
140 | 
141 |   &__card
142 |     border 1px solid $purple
143 |     padding 40px
144 |     width 100%
145 |     max-width 600px
146 |     margin auto
147 | 
148 |   &__top-wrap
149 |     display: flex
150 |     @media (min-width: 600px)
151 |       display: block
152 | 
153 |   &__image-wrap
154 |     width: 100%
155 |     flex-basis: 40%
156 |     @media (min-width: 600px)
157 |       margin-top: 20px
158 |       text-align: center
159 | 
160 |   &__image-aspect
161 |     width: 100%
162 |     padding-bottom: 100%
163 |     position: relative
164 |     @media (min-width: 600px)
165 |       width: 50%
166 |       padding-bottom: 50%
167 |       margin: 0 auto
168 | 
169 |   &__image-crop
170 |     width: 100%
171 |     border-radius: 100%
172 |     height: auto
173 |     position: absolute
174 |     top: 0
175 |     bottom: 0
176 |     left: 0
177 |     right: 0
178 |     border 1px solid $purple
179 |     overflow: hidden
180 |     text-align: center
181 |     display: flex
182 |     justify-content: center
183 | 
184 |   &__image
185 |     min-width: 100%
186 |     min-height: 100%
187 |     height: auto
188 |     margin: 0 auto
189 |     background-size cover
190 |     background-position center center
191 | 
192 |   &__text-wrap
193 |     padding: 20px 0 5px 20px
194 |     @media (min-width: 600px)
195 |       padding: 15px 30px 10px 30px
196 | 
197 |   &__name
198 |     font-weight: 700
199 |     font-size: 30px
200 |     padding-bottom 10px
201 |     color: $gray_text
202 |     @media (min-width: 600px)
203 |       text-align: center
204 |       font-size: 30px
205 |       padding-bottom 10px
206 | 
207 |   &__username
208 |     font-weight: 700
209 |     font-size: 18px
210 |     color: lighten($gray_text, 30%)
211 |     @media (min-width: 600px)
212 |       font-weight: 400
213 |       text-align: center
214 |       font-size: 22px
215 | 
216 |   &__header
217 |     text-align center
218 |     color $purple
219 |     margin-bottom 60px
220 |     font-size: 1.5em;
221 |     line-height: 1.2em;
222 |     @media (min-width: 600px)
223 |       font-size 36px
224 | 
225 |     & h1
226 |       font-weight 200 !important
227 | 
228 |   &__button-wrap
229 |     display flex
230 |     justify-content center
231 |     margin 20px auto
232 | 
233 |   &__button
234 | 
235 |     &--btm
236 |       margin-top 1vh
237 | 
238 |       &:last-child
239 |         margin-left 20px
240 | 
241 |   &__qualifications
242 |     margin 20px 0
243 |     line-height 1.8em
244 | 
245 |   &__textarea
246 |     width 100%
247 |     padding 20px
248 |     font-size 1em
249 |     font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
250 |     color: $gray_text;
251 |     letter-spacing: 1px;
252 |     line-height: 1.5em;
253 | 
254 | 
255 | </style>
256 | 


--------------------------------------------------------------------------------
/client/src/components/shared/IdeaTags.vue:
--------------------------------------------------------------------------------
  1 | <template id="idea-links">
  2 |   <div class="tags__form-tags">
  3 |     <label class="tags__label" v-show="this.ideaTags.length > 0">Tags</label>
  4 |     <div class="tags__tag-wrap">
  5 |       <span class="tags__form-tag" v-for="(tag, index) in ideaTags" v-bind:key="index">
  6 |         <span class="tags__tag" >
  7 |           <span class="tags__edit__icon" aria-hidden="true">
  8 |             <div v-if="mode === 'update'">
  9 |               <button class="tags__edit__button" @click="removeTag(index)">
 10 |                   &times;
 11 |               </button>
 12 |             </div>
 13 |           </span>
 14 |           <span class="tags__edit__label" role="option" aria-selected="true">
 15 |               {{tag}}
 16 |             <span class="tag-aria-only">&nbsp;</span>
 17 |           </span>
 18 |         </span>
 19 |       </span>
 20 |     </div>
 21 | 
 22 |     <div v-if="mode === 'update'">
 23 |       <div class="tags__addtag">
 24 |         <label class="tags__label" for="newTag">Add Tag</label>
 25 |         <div class="tags__input-wrap">
 26 |           <input class="tags__input" name="newTag" type="text" v-model="tagText" @keyup.enter="addTag" @keyup.188="addTag" @keyup.tab="addTag" placeholder="Add tags to help other users find your idea">
 27 |           <button class="tags__add-button" @click="addTag"> + </button>
 28 |         </div>
 29 |       </div>
 30 |     </div>
 31 |   </div>
 32 | </template>
 33 | 
 34 | <script>
 35 | 
 36 | export default {
 37 |   name: 'IdeaTags',
 38 |   props: {
 39 |     tags: { type: Array, required: true },
 40 |     mode: { type: String, required: false },
 41 |   },
 42 |   data() {
 43 |     return {
 44 |       tagText: '',
 45 |     };
 46 |   },
 47 |   computed: {
 48 |     // Make a deep copy of the tags array passed by the caller
 49 |     ideaTags() {
 50 |       return JSON.parse(JSON.stringify(this.tags));
 51 |     },
 52 |   },
 53 |   methods: {
 54 |     addTag() {
 55 |       let newVal = this.tagText.trim();
 56 |       if (newVal[newVal.length - 1] === ',') {
 57 |         newVal = newVal.slice(0, -1);
 58 |       }
 59 |       if (newVal.length !== 0) {
 60 |         this.ideaTags.push(newVal);
 61 |         this.tagText = '';
 62 |       }
 63 |       this.$emit('tagschanged', this.ideaTags);
 64 |     },
 65 |     removeTag(index) {
 66 |       this.ideaTags.splice(index, 1);
 67 |       this.$emit('tagschanged', this.ideaTags);
 68 |     },
 69 |   },
 70 | };
 71 | </script>
 72 | 
 73 | <style lang="stylus" scoped>
 74 | @import '~stylus_var'
 75 | 
 76 | .tags
 77 | 
 78 |   &__form-wrapper
 79 |     width 100%
 80 |     max-width 600px
 81 |     margin auto
 82 |     padding 40px 10px
 83 |     @media (min-width: 600px)
 84 |       padding 40px
 85 |       border 1px solid $purple
 86 | 
 87 |   &__label
 88 |     text-transform uppercase
 89 |     font-size .8em
 90 |     letter-spacing 2.5px
 91 |     font-weight 700
 92 |     display block
 93 | 
 94 |   &__input-wrap
 95 |     width 100%
 96 |     display flex
 97 |     margin-bottom 10px
 98 | 
 99 |     &:hover, &:active, &:focus
100 |       -webkit-appearance: none;
101 |       appearance: none;
102 |       color: inherit;
103 |       background $purple
104 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
105 |       color white
106 |       border 1px solid $purple
107 |       transition all 300ms ease-in-out
108 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
109 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
110 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
111 | 
112 |   &__add-button
113 |     width 40px
114 |     margin-left 10px
115 |     -webkit-appearance: none;
116 |     appearance: none;
117 |     background: transparent;
118 |     text-align: center;
119 |     font-family: inherit;
120 |     font-weight: inherit;
121 |     font-size: inherit;
122 |     padding 6px 12px
123 |     border 1px solid $purple
124 |     letter-spacing 1.5px
125 |     color $purple
126 |     position: relative;
127 |     overflow: hidden;
128 |     transition all 300ms ease-in-out
129 | 
130 |     &:hover, &:active, &:focus
131 |       -webkit-appearance: none;
132 |       appearance: none;
133 |       color: inherit;
134 |       background $purple
135 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
136 |       color white
137 |       border 1px solid $purple
138 |       transition all 300ms ease-in-out
139 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
140 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
141 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
142 | 
143 |   &__input
144 |     padding 10px
145 |     width 100%
146 |     font-size 1em
147 |     border 1px solid $purple
148 |     color $gray_text
149 | 
150 |     &:focus
151 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
152 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
153 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
154 | 
155 |   &__tag-wrap
156 |     margin-bottom 20px
157 | 
158 |   &__textarea
159 |     width 100%
160 |     padding 10px 0 20px
161 |     font-family: 'Titillium Web', Helvetica, Arial, sans-serif
162 |     font-size 1.2em
163 |     color $purple
164 |     border 0px transparent
165 |     letter-spacing: 1px
166 |     margin-bottom 10px
167 | 
168 |     &:focus
169 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
170 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
171 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
172 | 
173 |   &__edit
174 |       color: $gray_text;
175 |       display: inline-block;
176 |       font-size: 0.9em;
177 |       line-height: 1.4;
178 |       background-color: transparent;
179 |       border-radius: 2px;
180 |       border: 1px solid $gray_bkgrd;
181 |       margin-right: 10px;
182 |       margin-top: 5px;
183 |       vertical-align: top;
184 | 
185 |       &:hover
186 |         border: 1px solid $aqua;
187 | 
188 |       &__label
189 |         border-bottom-right-radius: 2px;
190 |         border-top-right-radius: 2px;
191 |         cursor: default;
192 |         padding: 1px 5px 4px 5px;
193 |         display: inline-block;
194 |         vertical-align: middle;
195 | 
196 |       &__button
197 |         -webkit-appearance: none;
198 |         appearance: none;
199 |         border: none;
200 |         background: transparent;
201 |         color: inherit;
202 | 
203 |       &__icon
204 |         display: inline-block;
205 |         cursor: pointer;
206 |         border-bottom-left-radius: 2px;
207 |         border-top-left-radius: 2px;
208 |         border-right: 1px solid rgba(124,72,194, 0.25);
209 |         padding: 1px 5px 3px;
210 |         &:hover
211 |           // color: red;
212 | 
213 |   &__button-wrap
214 |     display flex
215 |     justify-content center
216 |     margin 20px auto
217 | 
218 |   &__button
219 | 
220 |     &--btm
221 |       margin-top 1vh
222 |       text-decoration none
223 | 
224 |       &:last-child
225 |         margin-left 20px
226 | 
227 |   &__form-tags
228 | 
229 | 
230 |   &__tag-wrap
231 |     margin-bottom 20px
232 | 
233 |   &__tag
234 |     color: $gray_text;
235 |     display: inline-block;
236 |     font-size: 0.9em;
237 |     line-height: 1.4;
238 |     background-color: transparent;
239 |     border-radius: 2px;
240 |     border: 1px solid $gray_bkgrd;
241 |     margin-right: 10px;
242 |     margin-top: 5px;
243 |     vertical-align: top;
244 | 
245 |     &:hover
246 |       border: 1px solid $aqua;
247 | 
248 | 
249 |     &__label
250 |       border-bottom-right-radius: 2px;
251 |       border-top-right-radius: 2px;
252 |       cursor: default;
253 |       padding: 2px 3px 3px 9px;
254 |       display: inline-block;
255 |       vertical-align: middle;
256 | 
257 |     &__button
258 |       -webkit-appearance: none;
259 |       appearance: none;
260 |       border: none;
261 |       background: transparent;
262 |       color: inherit;
263 | 
264 |     &__icon
265 |       display: inline-block;
266 |       cursor: pointer;
267 |       border-bottom-left-radius: 2px;
268 |       border-top-left-radius: 2px;
269 |       border-right: 1px solid rgba(0, 126, 255, 0.24);
270 |       padding: 1px 5px 3px;
271 | 
272 |       &:hover
273 |         // color: red;
274 | 
275 | .tooltip {
276 |     position: relative;
277 | }
278 | 
279 | .tooltip .tooltiptext {
280 |     visibility: hidden;
281 |     width: 60%;
282 |     background-color $purple
283 |     color: white;
284 |     border: 1px solid $purple
285 |     position: absolute;
286 |     z-index: 1;
287 |     top: -5px;
288 |     left: 110%;
289 |     text-align: center
290 |     padding 9px 10px 11px 10px
291 |     line-height 1em
292 | }
293 | 
294 | .tooltip .tooltiptext::after {
295 |     content: "";
296 |     position: absolute;
297 |     top: 50%;
298 |     right: 100%;
299 |     margin-top: -5px;
300 |     border-width: 5px;
301 |     border-style: solid;
302 |     border-color: transparent $purple transparent transparent;
303 | }
304 | .tooltip:hover .tooltiptext {
305 |     visibility: visible;
306 | }
307 | 
308 | .active::before
309 |   height: 12px;
310 |   width: 12px;
311 |   position: absolute;
312 |   top: 2px;
313 |   left: 2px;
314 |   content: '';
315 |   display: inline-block;
316 |   border-radius: 100%;
317 |   background-color: purple;
318 | 
319 | </style>
320 | 


--------------------------------------------------------------------------------
/client/src/components/shared/IdeaLinks.vue:
--------------------------------------------------------------------------------
  1 | <template id="idea-links">
  2 |   <div class="links__form-element">
  3 |     <label class="links__label" v-show="this.ideaLinks.length > 0">Links</label>
  4 |     <div class="links__link-wrap">
  5 |       <span id="links__links" v-for="(link, index) in ideaLinks" v-bind:key="index">
  6 |         <span class="links__link">
  7 |           <div v-if="mode === 'update'">
  8 |             <a class="links__link-text" :href="link.url" target="_blank">{{link.description}}</a>
  9 |             <button class="create__remove-link" id="remove__link" @click="removeLink(index)"> &times; </button>
 10 |           </div>
 11 |           <div v-else>
 12 |             <a :href="link.url" target="_blank">{{link.url_description}}</a>
 13 |           </div>
 14 |         </span>
 15 |       </span>
 16 |     </div>
 17 | 
 18 |     <div v-if="mode === 'update'">
 19 |       <div class="links__addlink">
 20 |         <div v-show="errors.has('newlink')">Invalid link</div>
 21 |           <label class="links__label" for="newlink">Add link</label>
 22 |           <div class="links__input-wrap">
 23 |             <input class="links__input" name="newlink" v-validate="'url'" data-vv-delay="1000" type="text" v-model="linkText" @keyup.enter="addLink" placeholder="Links to more information about your idea">
 24 |             <button class="links__add-button" @click="addLink"> + </button>
 25 |         </div>
 26 |       </div>
 27 |     </div>
 28 |   </div>
 29 | </template>
 30 | 
 31 | <script>
 32 | 
 33 | export default {
 34 |   name: 'IdeaLinks',
 35 |   props: {
 36 |     links: { type: Array, required: true },
 37 |     mode: { type: String, required: false },
 38 |   },
 39 |   data() {
 40 |     return {
 41 |       linkText: '',
 42 |     };
 43 |   },
 44 |   computed: {
 45 |     // Make a deep copy of the input links array
 46 |     ideaLinks() {
 47 |       return JSON.parse(JSON.stringify(this.links));
 48 |     },
 49 |   },
 50 |   methods: {
 51 |     addLink() {
 52 |       let newVal = this.linkText.trim();
 53 | 
 54 |       if (newVal.length === 0) {
 55 |         return;
 56 |       }
 57 | 
 58 |       this.$validator.validate('newlink', newVal)
 59 |       .then((result) => {
 60 |         if (result) {
 61 |           if (!/^http[s]?:\/\/.+/.test(newVal)) {
 62 |             newVal = `https://${newVal}`;
 63 |           }
 64 |           this.linkText = '';
 65 |           this.ideaLinks.push({ url_description: newVal, url: `${newVal}` });
 66 |         }
 67 |       });
 68 |       this.$emit('linkschanged', this.ideaLinks);
 69 |     },
 70 |     removeLink(index) {
 71 |       this.ideaLinks.splice(index, 1);
 72 |       this.$emit('linkschanged', this.ideaLinks);
 73 |     },
 74 | 
 75 |   },
 76 | };
 77 | </script>
 78 | 
 79 | <style lang="stylus" scoped>
 80 | @import '~stylus_var'
 81 | 
 82 | .links
 83 | 
 84 |   &__form-wrapper
 85 |     width 100%
 86 |     max-width 600px
 87 |     margin auto
 88 |     padding 40px 10px
 89 |     @media (min-width: 600px)
 90 |       padding 40px
 91 |       border 1px solid $purple
 92 | 
 93 |   &__label
 94 |     text-transform uppercase
 95 |     font-size .8em
 96 |     letter-spacing 2.5px
 97 |     font-weight 700
 98 |     display block
 99 | 
100 |   &__link-wrap
101 |     display flex
102 |     flex-wrap wrap
103 |     margin-bottom 20px
104 | 
105 |   &__input-wrap
106 |     width 100%
107 |     display flex
108 |     margin-bottom 10px
109 | 
110 |     &:hover, &:active, &:focus
111 |       -webkit-appearance: none;
112 |       appearance: none;
113 |       color: inherit;
114 |       background $purple
115 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
116 |       color white
117 |       border 1px solid $purple
118 |       transition all 300ms ease-in-out
119 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
120 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
121 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
122 | 
123 |   &__add-button
124 |     width 40px
125 |     margin-left 10px
126 |     -webkit-appearance: none;
127 |     appearance: none;
128 |     background: transparent;
129 |     text-align: center;
130 |     font-family: inherit;
131 |     font-weight: inherit;
132 |     font-size: inherit;
133 |     padding 6px 12px
134 |     border 1px solid $purple
135 |     letter-spacing 1.5px
136 |     color $purple
137 |     position: relative;
138 |     overflow: hidden;
139 |     transition all 300ms ease-in-out
140 | 
141 |     &:hover, &:active, &:focus
142 |       -webkit-appearance: none;
143 |       appearance: none;
144 |       color: inherit;
145 |       background $purple
146 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
147 |       color white
148 |       border 1px solid $purple
149 |       transition all 300ms ease-in-out
150 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
151 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
152 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
153 | 
154 |   &__input
155 |     padding 10px
156 |     width 100%
157 |     font-size 1em
158 |     border 1px solid $purple
159 |     color $gray_text
160 | 
161 |     &:focus
162 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
163 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
164 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
165 | 
166 |   &__textarea
167 |     width 100%
168 |     padding 10px 0 20px
169 |     font-family: 'Titillium Web', Helvetica, Arial, sans-serif
170 |     font-size 1.2em
171 |     color $purple
172 |     border 0px transparent
173 |     letter-spacing: 1px
174 |     margin-bottom 10px
175 | 
176 |     &:focus
177 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
178 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
179 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
180 | 
181 |   &__link
182 |     margin 10px
183 | 
184 |     &:first-child
185 |       margin-left 0
186 | 
187 |     &:last-child
188 |       margin-right 0
189 | 
190 |   &__link a
191 |     color $purple
192 |     text-decoration none
193 |     border-bottom 1px dotted $purple
194 | 
195 |     &:hover, &:focus
196 |       color $aqua
197 |       text-decoration none
198 |       border-bottom 1px dotted $aqua
199 | 
200 |   &__remove-link
201 |     -webkit-appearance: none;
202 |     appearance: none;
203 |     background: transparent;
204 |     color: inherit;
205 |     cursor: pointer;
206 |     font-size: 1em;
207 |     border: 1px solid rgba(124,72,194, 0.25);
208 |     padding: 0 4px 2px;
209 |     margin-left 10px
210 | 
211 |     &:hover
212 |       border: 1px solid rgb(124,72,194);
213 | 
214 |   &__button-wrap
215 |     display flex
216 |     justify-content center
217 |     margin 20px auto
218 | 
219 |   &__button
220 | 
221 |     &--btm
222 |       margin-top 1vh
223 |       text-decoration none
224 | 
225 |       &:last-child
226 |         margin-left 20px
227 | 
228 |   &__option
229 |       -webkit-appearance: none;
230 |       -moz-appearance: none;
231 |       -ms-appearance: none;
232 |       -o-appearance: none;
233 |       appearance: none;
234 |       position: relative;
235 |       top: 4px;
236 |       right: 0;
237 |       bottom: 0;
238 |       left: 0;
239 |       height: 20px;
240 |       width: 20px;
241 |       transition: all 0.15s ease-out 0s;
242 |       border: 2px solid $purple
243 |       color: $purple
244 |       cursor: pointer;
245 |       display: block;
246 |       margin-right: 0.5rem;
247 |       position: relative;
248 |       z-index: 10;
249 | 
250 |       & input
251 |         z-index: -1
252 |         opacity: 0
253 |         width 100%
254 |         display flex
255 |         height 20px
256 |         position relative
257 | 
258 | 
259 |       &:hover
260 |         background: $pink;
261 | 
262 |       &:checked
263 |         background: $pink;
264 | 
265 |       &::before
266 |         height: 12px;
267 |         width: 12px;
268 |         position: absolute;
269 |         top: 2px;
270 |         left: 2px;
271 |         content: '';
272 |         display: inline-block;
273 |         border-radius: 100%;
274 |         background-color: white;
275 | 
276 |         &:focus
277 |           border-radius: 50%;
278 | 
279 |       &::after
280 |         background: #40e0d0;
281 |         content: '';
282 |         display: block;
283 |         position: relative;
284 |         z-index: 100;
285 | 
286 | .tooltip {
287 |     position: relative;
288 | }
289 | 
290 | .tooltip .tooltiptext {
291 |     visibility: hidden;
292 |     width: 60%;
293 |     background-color $purple
294 |     color: white;
295 |     border: 1px solid $purple
296 |     position: absolute;
297 |     z-index: 1;
298 |     top: -5px;
299 |     left: 110%;
300 |     text-align: center
301 |     padding 9px 10px 11px 10px
302 |     line-height 1em
303 | }
304 | 
305 | .tooltip .tooltiptext::after {
306 |     content: "";
307 |     position: absolute;
308 |     top: 50%;
309 |     right: 100%;
310 |     margin-top: -5px;
311 |     border-width: 5px;
312 |     border-style: solid;
313 |     border-color: transparent $purple transparent transparent;
314 | }
315 | .tooltip:hover .tooltiptext {
316 |     visibility: visible;
317 | }
318 | 
319 | .active::before
320 |   height: 12px;
321 |   width: 12px;
322 |   position: absolute;
323 |   top: 2px;
324 |   left: 2px;
325 |   content: '';
326 |   display: inline-block;
327 |   border-radius: 100%;
328 |   background-color: purple;
329 | 
330 | </style>
331 | 


--------------------------------------------------------------------------------
/client/src/components/ideas/Dashboard.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="container dashboard">
  3 |     <header class="dashboard__header">
  4 |       <h1 class="dashboard__title">Dashboard</h1>
  5 |     </header>
  6 |     <section class="dashboard__results" >
  7 |       <table class="dashboard__table">
  8 |         <tr class="dashboard__tr">
  9 |           <th class="dashboard__th">Idea</th>
 10 |           <th class="dashboard__th">Type</th>
 11 |           <th class="dashboard__th">Status</th>
 12 |           <th class="dashboard__th">Reviews</th>
 13 |         </tr>
 14 |         <tr class="dashboard__tr" v-bind:key="index" v-for="(idea, index) in ideas">   
 15 |           <td class="dashboard__td">
 16 |             <router-link :to="`/ideas/${currUser}/${idea.idea.title}/${idea.idea.idea_type}`">
 17 |               {{ idea.idea.title }}
 18 |             </router-link>
 19 |           </td>
 20 |           <td class="dashboard__td">{{ idea.idea.idea_type }}</td>
 21 |           <td class="dashboard__td">{{ idea.idea.status }}</td>
 22 |           <td class="dashboard__td">{{ idea.idea.reviews.length }}</td>
 23 |         </tr>
 24 |       </table>
 25 |       <div class="dashboard__idealist-hover" v-if="hoverOver!=-1">
 26 |         <ul class="dashboard__idealist-hover-list">
 27 |           <li class="dashboard__idealist-hover-review" v-bind:key="index" v-for="(review, index) in ideas[hoverOver].reviews">
 28 |             <div class="dashboard__idealist-hover-review-text">{{ review.comments | truncate(70) }}</div>
 29 |             <div class="dashboard__idealist-hover-review-id">{{ review.reviewer }}</div>
 30 |           </li>
 31 |         </ul>
 32 |       </div>
 33 |     </section>
 34 |   </div>
 35 | </template>
 36 | 
 37 | <script>
 38 | import { getUserProfile, getAccessToken } from '@/auth';
 39 | import http from '../../api/index';
 40 | import filters from '../../filters';
 41 | 
 42 | export default {
 43 |   name: 'Dashboard',
 44 |   data() {
 45 |     return {
 46 |       ideas: [],
 47 |       hoverOver: -1,
 48 |       currUser: '',
 49 |       searchForTags: [],
 50 |       searchForKeywords: [],
 51 |     };
 52 |   },
 53 |   filters,
 54 |   mounted() {
 55 |     if (getAccessToken()) {
 56 |       getUserProfile()
 57 |       .then((profile) => {
 58 |         this.currUser = profile.sub;
 59 |         // Get all ideas owned by the currently logged in (i.e. session) user
 60 |         http.get(`/ideas/list/?currUser=${this.currUser}`)
 61 |         .then((response) => {
 62 |           if (response.statusText !== 'OK') {
 63 |             throw new Error(`Error fetching ideas. ${response}`);
 64 |           }
 65 |           this.$data.ideas = response.data;
 66 |         }).catch((err) => {
 67 |           throw new Error(`Error fetching ideas: ${err}`);
 68 |         });
 69 |       });
 70 |     }
 71 |   },
 72 | };
 73 | </script>
 74 | 
 75 | <style lang="stylus" scoped>
 76 | @import '~stylus_var'
 77 | 
 78 | .dashboard
 79 | 
 80 |   &__form-wrapper,
 81 |   &__results
 82 |     width 100%
 83 |     max-width 600px
 84 |     margin auto
 85 |     padding 40px 10px
 86 |     @media (min-width: 600px)
 87 |       padding 40px
 88 |       border 1px solid $purple
 89 | 
 90 |   &__results
 91 |     margin-top 20px
 92 |     padding 40px 0 0 0
 93 |     @media (min-width: 600px)
 94 |       border 0
 95 | 
 96 |   &__table
 97 |     margin 0 auto
 98 |     width 100%
 99 | 
100 |   &__th
101 |     padding 10px
102 |     text-transform uppercase
103 |     border-bottom 1px dotted $purple
104 |     &:first-child
105 |       text-align left
106 |       padding-left 0
107 |     &:last-child
108 |       text-align right
109 |       padding-right 0
110 | 
111 |   &__tr
112 |     padding 10px
113 | 
114 |   &__td
115 |     padding 10px
116 |     border-bottom 1px dotted $purple
117 |     &:first-child
118 |       padding-left 0
119 |     &:nth-child(2),
120 |     &:nth-child(3)
121 |       text-align center
122 |     &:nth-child(4)
123 |       text-align center
124 |     &:last-child
125 |       text-align center
126 |       max-width 25px
127 |       padding-right 0
128 | 
129 |   &__link
130 |     text-decoration none
131 |     color $purple
132 |     border-bottom 1px dotted $purple
133 |     cursor pointer
134 |     &:hover, &:focus, &:active
135 |       color $aqua
136 |       border-bottom 1px dotted $aqua
137 |       transition color 300ms linear
138 | 
139 |   &__header
140 |     text-align center
141 |     color $purple
142 |     font-size 1.5em
143 |     line-height 1.2em
144 |     @media (min-width: 600px)
145 |       font-size 36px
146 |       margin-bottom 60px
147 | 
148 |     & h1
149 |       font-weight 200 !important
150 | 
151 |   &__label
152 |     text-transform uppercase
153 |     font-size .8em
154 |     letter-spacing 2.5px
155 |     font-weight 700
156 |     display block
157 | 
158 |   &__input-wrap
159 |     width 100%
160 |     display flex
161 |     margin-bottom 10px
162 | 
163 |   &__add-button
164 |     width 40px
165 |     margin-left 10px
166 |     -webkit-appearance: none;
167 |     appearance: none;
168 |     background: transparent;
169 |     text-align: center;
170 |     font-family: inherit;
171 |     font-weight: inherit;
172 |     font-size: inherit;
173 |     padding 6px 12px
174 |     border 1px solid $purple
175 |     letter-spacing 1.5px
176 |     color $purple
177 |     position: relative;
178 |     overflow: hidden;
179 |     transition all 300ms ease-in-out
180 | 
181 |     &:hover, &:active, &:focus
182 |       -webkit-appearance: none;
183 |       appearance: none;
184 |       color: inherit;
185 |       background $purple
186 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
187 |       color white
188 |       border 1px solid $purple
189 |       transition all 300ms ease-in-out
190 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
191 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
192 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
193 | 
194 | 
195 |   &__input
196 |     padding 10px
197 |     width 100%
198 |     font-size 1em
199 |     border 1px solid $purple
200 |     color $gray_text
201 | 
202 |     &:focus
203 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
204 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
205 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
206 | 
207 |   &__textarea
208 |     width 100%
209 |     padding 10px
210 |     font-size 1em
211 |     font-family: 'Titillium Web', Helvetica, Arial, sans-serif
212 |     color: $gray_text
213 |     letter-spacing: 1px
214 |     line-height: 1.5em
215 |     border 1px solid $purple
216 |     margin-bottom 10px
217 | 
218 |     &:focus
219 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
220 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
221 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
222 | 
223 |   &__type
224 |     display inline-block
225 |     width 33%
226 | 
227 |   &__select
228 |     -webkit-appearance none
229 |     -webkit-user-select none
230 |     appearance none
231 |     width 100%
232 |     padding 10px
233 |     font-size 1em
234 |     font-family 'Titillium Web', Helvetica, Arial, sans-serif
235 |     letter-spacing 1px
236 |     color $gray_text
237 |     border 1px solid $purple
238 |     border-radius 0
239 |     background white url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat
240 |     background-position right 10px center
241 |     background-repeat no-repeat
242 |     background-size 20px
243 | 
244 | 
245 | 
246 |   &__select-option
247 | 
248 |   &__keyword
249 |     margin 10px 0
250 | 
251 |   &__button-wrap
252 |     display flex
253 |     justify-content center
254 |     margin 20px auto 0 auto
255 | 
256 |   &__button
257 | 
258 |     &--btm
259 |       margin-top 1vh
260 |       text-decoration none
261 | 
262 |       &:last-child
263 |         margin-left 20px
264 | 
265 |   &__form-tags
266 | 
267 | 
268 |   &__tag-wrap
269 |     margin-bottom 20px
270 | 
271 | 
272 |   &__tag,
273 |   &__keyword
274 |     color: $gray_text;
275 |     display: inline-block;
276 |     font-size: 0.9em;
277 |     line-height: 1.4;
278 |     background-color: transparent;
279 |     border-radius: 2px;
280 |     border: 1px solid $gray_bkgrd;
281 |     margin-right: 10px;
282 |     margin-top: 5px;
283 |     vertical-align: top;
284 | 
285 |     &:hover
286 |       border: 1px solid $aqua;
287 | 
288 | 
289 |     &__label
290 |       border-bottom-right-radius: 2px;
291 |       border-top-right-radius: 2px;
292 |       cursor: default;
293 |       padding: 1px 5px 4px 5px;
294 |       display: inline-block;
295 |       vertical-align: middle;
296 | 
297 |     &__button
298 |       -webkit-appearance: none;
299 |       appearance: none;
300 |       border: none;
301 |       background: transparent;
302 |       color: inherit;
303 | 
304 |     &__icon
305 |       display: inline-block;
306 |       cursor: pointer;
307 |       border-bottom-left-radius: 2px;
308 |       border-top-left-radius: 2px;
309 |       border-right: 1px solid rgba(124,72,194, 0.25);
310 |       padding: 1px 5px 3px;
311 | 
312 |       &:hover
313 |         // color: red;
314 | 
315 |   &__remove-keyword
316 |     -webkit-appearance: none;
317 |     appearance: none;
318 |     background: transparent;
319 |     color: inherit;
320 |     cursor: pointer;
321 |     font-size: 1em;
322 |     border: 1px solid rgba(0, 126, 255, 0.24);
323 |     padding: 0 4px 2px;
324 |     margin-left 10px
325 | 
326 |     &:hover
327 |       border: 1px solid $gray_bkgrd;
328 | </style>
329 | 


--------------------------------------------------------------------------------
/client/src/components/Home.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="container splash">
  3 | 
  4 |     <header class="splash__header">
  5 |       <h1 class="sr-only">Idea Nebulae</h1>
  6 |       <div class="splash__branding">
  7 |         <img class="splash__logo" src="../assets/idea-nebulae-logo.svg" alt=""/>
  8 |         <div class="splash__tagline">where ideas are born</div>
  9 |       </div>
 10 |       <div class="splash__button-wrap">
 11 |         <router-link to="create" class="btn btn__primary splash__button">Start Ideation</router-link>
 12 |       </div>
 13 |       <div class="splash__scroll-wrap">
 14 |         <button
 15 |           class="btn splash__scroller"
 16 |           aria-label="scroll down"
 17 |           @click="()=>{scroll('features')}"
 18 |         ></button>
 19 |       </div>
 20 |     </header>
 21 | 
 22 |     <section id="features" class="splash__features">
 23 |       <div class="splash__card-wrap">
 24 |         <div class="splash__card"
 25 |           @mouseenter="(e)=>{flip(e)}"
 26 |           @mouseleave="(e)=>{unflip(e)}">
 27 |           <div class="side front">
 28 |             <div class="splash__feature-text">Get <br class="splash__br"/>Feedback</div>
 29 |             <img class="splash__card-img" src="../assets/feedback.svg" alt=""/>
 30 |           </div>
 31 |           <div class="side back">
 32 |             <div class="splash__back--head">Get Feedback</div>
 33 |             <img class="splash__card-img--back" src="../assets/feedback_w.svg" alt=""/>
 34 |             <div class="splash__back--body">Refine your idea with the help of a supportive community</div>
 35 |           </div>
 36 |         </div>
 37 |         <div class="splash__card"
 38 |           @mouseenter="(e)=>{flip(e)}"
 39 |           @mouseleave="(e)=>{unflip(e)}">
 40 |           <div class="side front">
 41 |             <div class="splash__feature-text">Share <br class="splash__br"/>Securely</div>
 42 |             <img class="splash__card-img--sm" src="../assets/shield.svg" alt=""/>
 43 |           </div>
 44 |           <div class="side back">
 45 |             <div class="splash__back--head">Share Securely</div>
 46 |             <img class="splash__card-img--back" src="../assets/shield_w.svg" alt=""/>
 47 |             <div class="splash__back--body">Preserve your intellectual property rights when sharing</div>
 48 |           </div>
 49 |         </div>
 50 |         <div class="splash__card"
 51 |           @mouseenter="(e)=>{flip(e)}"
 52 |           @mouseleave="(e)=>{unflip(e)}">
 53 |           <div class="side front">
 54 |             <div class="splash__feature-text">Collaborate <br class="splash__br"/>&amp; Launch</div>
 55 |             <img class="splash__card-img--med" src="../assets/rocket.svg" alt=""/>
 56 |           </div>
 57 |           <div class="side back">
 58 |             <div class="splash__back--head">Collaborate &amp; Launch</div>
 59 |             <img class="splash__card-img--back" src="../assets/rocket_w.svg" alt=""/>
 60 |             <div class="splash__back--body">Release your idea for development or recruit your dream team</div>
 61 |           </div>
 62 |         </div>
 63 |       </div>
 64 |       <div class="splash__button-wrap">
 65 |         <div class="splash__scroll-wrap">
 66 |           <button
 67 |             class="btn splash__scroller"
 68 |             aria-label="scroll down"
 69 |             @click="()=>{scroll('idea-count')}"
 70 |           ></button>
 71 |         </div>
 72 |       </div>
 73 |     </section>
 74 | 
 75 |     <section id="idea-count">
 76 |       <div class="splash__counter">
 77 |         <span class="splash__number">140,257</span>
 78 |         <div class="splash__counter-text">Ideas born so far</div>
 79 |         <div class="splash__button-wrap">
 80 |           <router-link to="create" class="btn btn__primary splash__button splash__button--btm">What's <strong>your</strong> idea?</router-link>
 81 |         </div>
 82 |       </div>
 83 |     </section>
 84 | 
 85 |   </div>
 86 | </template>
 87 | 
 88 | <script>
 89 | export default {
 90 |   name: 'Home',
 91 |   methods: {
 92 |     flip: (e) => {
 93 |       e.target.children[0].classList.add('flip');
 94 |       e.target.children[1].classList.add('flip');
 95 |     },
 96 |     unflip: (e) => {
 97 |       e.target.children[0].classList.remove('flip');
 98 |       e.target.children[1].classList.remove('flip');
 99 |     },
100 |     scroll: (id) => {
101 |       const el = document.getElementById(id);
102 |       el.scrollIntoView({ behavior: 'smooth' });
103 |     },
104 |   },
105 | };
106 | </script>
107 | 
108 | <style lang="stylus" scoped>
109 | @import '~stylus_var'
110 | 
111 | .splash
112 | 
113 |   &__scroll-wrap
114 |     display none
115 | 
116 |     @media (min-width: 1000px)
117 |       display flex
118 |       flex-direction column
119 |       justify-content flex-end
120 |       width 100%
121 | 
122 |   &__scroller
123 |     width: 24px;
124 |     height: 24px;
125 |     margin-left: -12px;
126 |     border-left: 1px solid $purple;
127 |     border-bottom: 1px solid $purple;
128 |     -webkit-transform: rotate(-45deg);
129 |     transform: rotate(-45deg);
130 |     box-sizing: border-box;
131 |     border-radius: 0 !important;
132 |     margin: auto;
133 | 
134 |   &__header
135 |     height calc(100vh - 84px)
136 |     display flex
137 |     flex-direction column
138 |     justify-content center
139 | 
140 |   &__logo
141 |     width 80%
142 |     height auto
143 |     margin auto
144 | 
145 |   &__branding
146 |     display flex
147 |     flex-direction column
148 |     text-align center
149 | 
150 |   &__tagline
151 |     text-transform uppercase
152 |     font-weight 200
153 |     letter-spacing 3.5px
154 |     margin-top 4vw
155 |     color $purple
156 | 
157 |     @media (min-width: 600px)
158 |       font-size 35px
159 | 
160 |     @media (min-width: 1000px)
161 |       font-size 45px
162 | 
163 |   &__button-wrap
164 |     display flex
165 |     justify-content center
166 |     margin 20vh auto
167 | 
168 |   &__button
169 |     text-decoration none
170 |     line-height 1.5em
171 | 
172 |     &--btm
173 |       margin-top 10vh
174 | 
175 |     @media (min-width: 600px)
176 |       font-size 2.5vw
177 |       padding 1.2vw 3.2vw
178 |       border-radius 6vw
179 | 
180 |     @media (min-width: 1200px)
181 |       font-size 30px
182 |       padding 12px 36px
183 |       border-radius 60px
184 | 
185 | 
186 |   &__features
187 |     display flex
188 |     flex-direction column
189 |     justify-content center
190 |     margin 30vh 20px
191 | 
192 |     @media (min-width: 620px)
193 |       height 100vh
194 |       margin 20px
195 | 
196 |   &__counter
197 |     text-align center
198 |     height 100vh
199 |     display flex
200 |     flex-direction column
201 |     justify-content center
202 | 
203 |   &__card
204 |     text-align center
205 |     margin 20px
206 |     height auto
207 |     max-height 460px
208 |     position relative
209 |     width 100%
210 | 
211 |     @media (min-width: 620px)
212 |       width 33%
213 | 
214 |   &__card-wrap
215 |     display flex
216 |     justify-content center
217 |     flex-wrap wrap
218 | 
219 |     @media (min-width: 620px)
220 |       flex-wrap nowrap
221 | 
222 | 
223 |   &__feature-text
224 |     text-align center
225 |     font-size 2em
226 |     color $medblue
227 |     min-height 2em
228 |     margin-bottom 1em
229 |     line-height 1.1em
230 |     background $medblue
231 |     background linear-gradient(-134deg, $aqua 0%, $sky 100%)
232 |     -webkit-background-clip: text;
233 |     -webkit-text-fill-color: transparent;
234 | 
235 |     @media (min-width: 620px)
236 |       font-size 2em
237 | 
238 |   &__br
239 |     display none
240 | 
241 |     @media (min-width: 620px)
242 |       display inline-block
243 | 
244 |   &__card-img
245 |     width 55%
246 |     height auto
247 | 
248 |     &--sm
249 |       width 40%
250 | 
251 |     &--med
252 |       width 50%
253 | 
254 |     &--back
255 |       width 30%
256 | 
257 |   &__back--head
258 |     color white
259 |     margin-bottom 20px
260 |     font-size 2em
261 |     letter-spacing 1px
262 | 
263 |     @media (min-width: 620px)
264 |       font-size 1.3em
265 | 
266 |   &__back--body
267 |     color white
268 |     margin-top 20px
269 |     font-size 1.3em
270 | 
271 |     @media (min-width: 620px)
272 |       font-size 1em
273 | 
274 |   &__number
275 |     margin 10vh auto 20px auto
276 |     font-size 5em
277 |     line-height 1em
278 |     font-weight 700
279 |     background $purple
280 |     background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
281 |     background -webkit-linear-gradient(-134deg, $dkblue 0%, $pink 100%)
282 |     -webkit-background-clip: text
283 |     -webkit-text-fill-color: transparent
284 | 
285 |     @media (min-width: 620px)
286 |       font-size 6em
287 | 
288 | 
289 |   &__counter-text
290 |     color $purple
291 |     font-size: 1.5em
292 |     margin: 20px 0 10vh
293 | 
294 | 
295 | 
296 | 
297 | .flip
298 | 
299 | 
300 | .front
301 |   transform rotateY(0deg)
302 |   overflow hidden
303 |   z-index 1
304 |   border 1px solid lighten($dkblue, 80%)
305 | 
306 |   &.flip
307 |     transform: rotateY(180deg);
308 |     transition:.5s ease-in-out;
309 |     z-index 0
310 | 
311 | .side
312 |   height 100%
313 |   width 100%
314 |   padding 30px
315 |   transform-style:preserve-3d;
316 |   backface-visibility:hidden !important;
317 |   -webkit-backface-visibility:hidden !important;
318 |   -moz-backface-visibility:hidden !important;
319 |   background: rgba(255,255,255,.9);
320 |   border-radius: 0;
321 |   // box-shadow: 0 16px 24px rgba(0, 0, 0, 0.4);
322 |   transition: .5s ease-in-out;
323 |   position: relative;
324 | 
325 | .back
326 |   transform:rotateY(180deg);
327 |   z-index:2;
328 |   line-height:1.5;
329 |   position: absolute;
330 |   top:0;
331 |   left:0;
332 |   background $medblue
333 |   background linear-gradient(-134deg, $aqua 0%, $sky 100%)
334 |   background -webkit-linear-gradient(-134deg, $aqua 0%, $sky 100%)
335 | 
336 |   &.flip
337 |     transform: rotateY(360deg);
338 |     transition:.5s ease-in-out;
339 |     z-index 0
340 | 
341 | 
342 | 
343 | 
344 | </style>
345 | 


--------------------------------------------------------------------------------
/client/src/components/shared/IdeaType.vue:
--------------------------------------------------------------------------------
  1 | <template id="idea-type">
  2 |   <div class="view__form-element">
  3 |     <label class="view__label" for="create__type">Type</label>
  4 |     <div class="view__radio-group">
  5 |       <div class="view__radio view__option" v-bind:class="{ active: ideaTypeCode === PUBLIC }" @mouseover="upHere = PUBLIC" @mouseleave="upHere = -1" @click="typeToggle(PUBLIC)">
  6 |         <input type="radio" name="ideatype" v-validate="'required'" :value="PUBLIC" v-model="ideaTypeCode" disable>
  7 |         <div class="view__type-title tooltip">Public
  8 |           <span class="view__type-desc tooltiptext" v-if="upHere == PUBLIC">Anyone can read and give feedback</span>
  9 |         </div>
 10 |       </div>
 11 |       <div class="view__radio view__option" v-bind:class="{ active: ideaTypeCode === PRIVATE }" @mouseover="upHere = PRIVATE" @mouseleave="upHere = -1" @click="typeToggle(PRIVATE)">
 12 |         <input type="radio" name="ideatype" :value="PRIVATE" v-model="ideaTypeCode" disable>
 13 |         <div class="view__type-title tooltip">Private
 14 |           <span class="view__type-desc tooltiptext" v-if="upHere == PRIVATE">Only visible to people who agree to the license</span>
 15 |         </div>
 16 |       </div>
 17 |       <div class="view__radio view__option" v-bind:class="{ active: ideaTypeCode === COMMERCIAL }" @mouseover="upHere = COMMERCIAL" @mouseleave="upHere = -1" @click="typeToggle(COMMERCIAL)">
 18 |         <input type="radio" name="ideatype" :value="COMMERCIAL" v-model="ideaTypeCode" disable>
 19 |         <div class="view__type-title tooltip">Custom
 20 |           <span class="view__type-desc tooltiptext" v-if="upHere == COMMERCIAL">Customise the license and choose who can see the idea</span>
 21 |         </div>
 22 |       </div>
 23 |     </div>
 24 |   </div>
 25 | </template>
 26 | 
 27 | <script>
 28 | import { PUBLIC_IDEA, PRIVATE_IDEA, COMMERCIAL_IDEA, IDEA_TYPES } from '../misc/ideaConstants';
 29 | 
 30 | export default {
 31 |   name: 'IdeaType',
 32 |   props: {
 33 |     type: { type: String, required: true },
 34 |     mode: { type: String, required: false },
 35 |   },
 36 |   data() {
 37 |     return {
 38 |       upHere: '-1',
 39 |       // Constants
 40 |       // Note that constants are imported from files to maintain consistency across the app
 41 |       // but defined in this fashion so they are available to be referenced from HTML.
 42 |       PUBLIC: PUBLIC_IDEA,
 43 |       PRIVATE: PRIVATE_IDEA,
 44 |       COMMERCIAL: COMMERCIAL_IDEA,
 45 |     };
 46 |   },
 47 |   computed: {
 48 |     ideaType() {
 49 |       return this.type;
 50 |     },
 51 |     ideaTypeCode() {
 52 |       return IDEA_TYPES.findIndex(element =>
 53 |         element.name === this.type,
 54 |       );
 55 |     },
 56 |   },
 57 |   methods: {
 58 |     /* Process a user click to change the idea type only if we've been called in 'update' mode.
 59 |      * Return an literal indicating that the type was changed along with the new type code and
 60 |      * the name that's associated with it.
 61 |      */
 62 |     typeToggle(typeCode) {
 63 |       if (this.mode === 'update') {
 64 |         if (typeCode === -1) {
 65 |           throw new Error(`Invalid idea type encountered editing idea details. type: ${typeCode}`);
 66 |         }
 67 |         this.$emit('typechanged', typeCode, IDEA_TYPES[typeCode].name);
 68 |       }
 69 |     },
 70 |   },
 71 | };
 72 | </script>
 73 | 
 74 | <style lang="stylus" scoped>
 75 | @import '~stylus_var'
 76 | 
 77 | .view
 78 | 
 79 |   &__form-wrapper
 80 |     width 100%
 81 |     max-width 600px
 82 |     margin auto
 83 |     padding 40px 10px
 84 |     @media (min-width: 600px)
 85 |       padding 40px
 86 |       border 1px solid $purple
 87 | 
 88 |   &__header
 89 |     text-align center
 90 |     color $purple
 91 |     font-size 1.5em
 92 |     line-height 1.2em
 93 |     @media (min-width: 600px)
 94 |       font-size 36px
 95 |       margin-bottom 60px
 96 | 
 97 |     & h1
 98 |       font-weight 200 !important
 99 | 
100 |   &__label
101 |     text-transform uppercase
102 |     font-size .8em
103 |     letter-spacing 2.5px
104 |     font-weight 700
105 |     display block
106 | 
107 |   &__table
108 |     margin 0 auto
109 |     width 100%
110 | 
111 |   &__th
112 |     padding 10px
113 |     text-transform uppercase
114 |     border-bottom 1px dotted $purple
115 |     &:first-child
116 |       text-align left
117 |       padding-left 0
118 |     &:last-child
119 |       text-align right
120 |       padding-right 0
121 | 
122 |   &__tr
123 |     padding 10px
124 | 
125 |   &__td
126 |     padding 10px
127 |     border-bottom 1px dotted $purple
128 |     &:first-child
129 |       padding-left 0
130 |     &:nth-child(2),
131 |     &:nth-child(3)
132 |       text-align center
133 |     &:last-child
134 |       text-align right
135 |       max-width 25px
136 |       padding-right 0
137 | 
138 |   &__input-wrap
139 |     width 100%
140 |     display flex
141 |     margin-bottom 10px
142 | 
143 |     &:hover, &:active, &:focus
144 |       -webkit-appearance: none;
145 |       appearance: none;
146 |       color: inherit;
147 |       background $purple
148 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
149 |       color white
150 |       border 1px solid $purple
151 |       transition all 300ms ease-in-out
152 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
153 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
154 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
155 | 
156 | 
157 |   &__input
158 |     padding 0 0 20px
159 |     width 100%
160 |     font-size 1.5em
161 |     color $purple
162 |     border 0px transparent
163 | 
164 |     &:focus
165 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
166 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
167 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
168 | 
169 |   &__textarea
170 |     width 100%
171 |     padding 10px 0 20px
172 |     font-family: 'Titillium Web', Helvetica, Arial, sans-serif
173 |     font-size 1.2em
174 |     color $purple
175 |     border 0px transparent
176 |     letter-spacing: 1px
177 |     margin-bottom 10px
178 | 
179 |     &:focus
180 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
181 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
182 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
183 | 
184 |   &__type
185 |     display inline-block
186 |     width 33%
187 | 
188 |   &__link-wrap
189 |     display flex
190 |     flex-wrap wrap
191 |     margin-bottom 20px
192 | 
193 |   &__links
194 |     margin 10px
195 | 
196 |     &:first-child
197 |       margin-left 0
198 | 
199 |     &:last-child
200 |       margin-right 0
201 | 
202 |   &__link a
203 |     color $purple
204 |     text-decoration none
205 |     border-bottom 1px dotted $purple
206 | 
207 |     &:hover, &:focus
208 |       color $aqua
209 |       text-decoration none
210 |       border-bottom 1px dotted $aqua
211 | 
212 | 
213 |   &__radio-group
214 |     display flex
215 |     width 100%
216 | 
217 |   &__button-wrap
218 |     display flex
219 |     justify-content center
220 |     margin 20px auto
221 | 
222 |   &__button
223 | 
224 |     &--btm
225 |       margin-top 1vh
226 |       text-decoration none
227 | 
228 |       &:last-child
229 |         margin-left 20px
230 | 
231 |   &__form-tags
232 | 
233 | 
234 |   &__tag-wrap
235 |     margin-bottom 20px
236 | 
237 | 
238 |   &__tag
239 |     color: $gray_text;
240 |     display: inline-block;
241 |     font-size: 0.9em;
242 |     line-height: 1.4;
243 |     background-color: transparent;
244 |     border-radius: 2px;
245 |     border: 1px solid $gray_bkgrd;
246 |     margin-right: 10px;
247 |     margin-top: 5px;
248 |     vertical-align: top;
249 | 
250 |     &:hover
251 |       border: 1px solid $aqua;
252 | 
253 | 
254 |     &__label
255 |       border-bottom-right-radius: 2px;
256 |       border-top-right-radius: 2px;
257 |       cursor: default;
258 |       padding: 2px 3px 3px 9px;
259 |       display: inline-block;
260 |       vertical-align: middle;
261 | 
262 |     &__button
263 |       -webkit-appearance: none;
264 |       appearance: none;
265 |       border: none;
266 |       background: transparent;
267 |       color: inherit;
268 | 
269 |     &__icon
270 |       display: inline-block;
271 |       cursor: pointer;
272 |       border-bottom-left-radius: 2px;
273 |       border-top-left-radius: 2px;
274 |       border-right: 1px solid rgba(0, 126, 255, 0.24);
275 |       padding: 1px 5px 3px;
276 | 
277 |       &:hover
278 |         // color: red;
279 | 
280 |   &__option
281 |       -webkit-appearance: none;
282 |       -moz-appearance: none;
283 |       -ms-appearance: none;
284 |       -o-appearance: none;
285 |       appearance: none;
286 |       position: relative;
287 |       top: 4px;
288 |       right: 0;
289 |       bottom: 0;
290 |       left: 0;
291 |       height: 20px;
292 |       width: 20px;
293 |       transition: all 0.15s ease-out 0s;
294 |       border: 2px solid $purple
295 |       color: $purple
296 |       cursor: pointer;
297 |       display: block;
298 |       margin-right: 0.5rem;
299 |       position: relative;
300 |       z-index: 10;
301 | 
302 |       & input
303 |         z-index: -1
304 |         opacity: 0
305 |         width 100%
306 |         display flex
307 |         height 20px
308 |         position relative
309 | 
310 | 
311 |       &:hover
312 |         background: $pink;
313 | 
314 |       &:checked
315 |         background: $pink;
316 | 
317 |       &::before
318 |         height: 12px;
319 |         width: 12px;
320 |         position: absolute;
321 |         top: 2px;
322 |         left: 2px;
323 |         content: '';
324 |         display: inline-block;
325 |         border-radius: 100%;
326 |         background-color: white;
327 | 
328 |         &:focus
329 |           border-radius: 50%;
330 | 
331 |       &::after
332 |         background: #40e0d0;
333 |         content: '';
334 |         display: block;
335 |         position: relative;
336 |         z-index: 100;
337 | 
338 |   &__type-title
339 |     text-align center
340 |     width 100%
341 |     position absolute
342 |     top -24px
343 |     left 30px
344 | 
345 |   &__type-desc
346 |     width 100%
347 |     min-width 150px
348 |     margin-left 60px
349 |     padding-left 10px
350 |     font-size .8em
351 |     @media (min-width: 600px)
352 |       min-width 400px
353 | 
354 | 
355 |   &__radio-group
356 |     padding: 10px 0;
357 |     display flex
358 |     flex-direction column
359 |     width 100%
360 | 
361 |   &__radio
362 |     margin: 0 5px 15px 0;
363 |     padding: 1px;
364 |     border-radius: 50%;
365 |     display block
366 |     text-align center
367 | 
368 |     &::after
369 |       border-radius: 50%;
370 | 
371 |     &:focus
372 |       border-radius: 50%;
373 | 
374 |   &__radio-label
375 |     color: $gray_text;
376 |     padding: 0 15px 0 0;
377 | 
378 |   &__radio-wrap
379 |     display: inline-block;
380 | 
381 | .tooltip {
382 |     position: relative;
383 | }
384 | 
385 | .tooltip .tooltiptext {
386 |     visibility: hidden;
387 |     width: 60%;
388 |     background-color $purple
389 |     color: white;
390 |     border: 1px solid $purple
391 |     position: absolute;
392 |     z-index: 1;
393 |     top: -5px;
394 |     left: 110%;
395 |     text-align: center
396 |     padding 9px 10px 11px 10px
397 |     line-height 1em
398 | }
399 | 
400 | .tooltip .tooltiptext::after {
401 |     content: "";
402 |     position: absolute;
403 |     top: 50%;
404 |     right: 100%;
405 |     margin-top: -5px;
406 |     border-width: 5px;
407 |     border-style: solid;
408 |     border-color: transparent $purple transparent transparent;
409 | }
410 | .tooltip:hover .tooltiptext {
411 |     visibility: visible;
412 | }
413 | 
414 | .active::before
415 |   height: 12px;
416 |   width: 12px;
417 |   position: absolute;
418 |   top: 2px;
419 |   left: 2px;
420 |   content: '';
421 |   display: inline-block;
422 |   border-radius: 100%;
423 |   background-color: purple;
424 | 
425 | </style>
426 | 


--------------------------------------------------------------------------------
/client/src/components/ideas/CreateIdea.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="container create">
  3 |     <header class="create__header">
  4 |       <h1 class="create__title">Create Idea</h1>
  5 |     </header>
  6 | 
  7 |     <section class="create__form-wrapper">
  8 |       <div class="create__form-group">
  9 | 
 10 |         <div class="create__form-element">
 11 |           <label class="create__label" for="create__title">Title</label>
 12 |           <input class="create__input" id="create__title" maxlength="100" type="text" name="title" v-model="ideaTitle" placeholder="Title" autofocus>
 13 |         </div>
 14 | 
 15 |         <div class="create__form-element">
 16 |           <label class="create__label" for="create__desc">Description</label>
 17 |           <AutosizeTextarea id="create__desc" name="description" class="create__textarea" maxlength="1000" v-if="!previewDesc" :value="ideaDesc" @update="updateIdeaDesc" placeholder="Idea Description (Accepts Markdown)" ></AutosizeTextarea>
 18 |           <div class="create__preview" v-else v-html="ideaDescMarked"></div>
 19 |           <div class="create__button-wrap create__button-wrap-preview">
 20 |             <button class="btn btn__primary profile__button create__button--btm" @click="previewDesc = !previewDesc">Toggle Preview</button>
 21 |           </div>
 22 |         </div>
 23 | 
 24 |         <IdeaTags :mode="'update'" :tags="this.ideaTags" v-on:tagschanged="tagsChanged"></IdeaTags>
 25 |         <IdeaLinks :mode="'update'" :links="this.ideaDocuments" v-on:linkschanged="linksChanged"></IdeaLinks>
 26 |         <IdeaType :mode="'update'" :type="this.ideaType" v-on:typechanged="typeChanged"></IdeaType>
 27 | 
 28 |       </div>
 29 |       <div class="create__button-wrap">
 30 |         <a class="btn btn__primary profile__button create__button--btm" href="/dashboard">Cancel</a>
 31 |         <button class="btn btn__primary profile__button create__button--btm" @click="submitIdea">Submit</button>
 32 |       </div>
 33 |     </section>
 34 |   </div>
 35 | </template>
 36 | 
 37 | <script>
 38 | import debounce from 'lodash.debounce';
 39 | import marked from 'marked';
 40 | import AutosizeTextarea from '@/components/misc/AutosizeTextarea';
 41 | import localstorage from '@/utils/localstorage';
 42 | import { PUBLIC_IDEA, PRIVATE_IDEA, COMMERCIAL_IDEA } from '../misc/ideaConstants';
 43 | import http from '../../api/index';
 44 | import IdeaLinks from '../shared/IdeaLinks';
 45 | import IdeaTags from '../shared/IdeaTags';
 46 | import IdeaType from '../shared/IdeaType';
 47 | 
 48 | export default {
 49 |   name: 'CreateIdea',
 50 |   components: {
 51 |     AutosizeTextarea,
 52 |     IdeaLinks,
 53 |     IdeaTags,
 54 |     IdeaType,
 55 |   },
 56 |   data() {
 57 |     return {
 58 |       // Idea Document Fields
 59 |       ideaTitle: '',
 60 |       ideaType: '',
 61 |       ideaDesc: '',
 62 |       ideaTags: [],
 63 |       ideaDocuments: [],
 64 |       // Session Work Fields
 65 |       ideaTypeCode: this.PUBLIC_IDEA,
 66 |       ideaDescMarked: '',
 67 |       previewDesc: false,
 68 |       // Constants
 69 |       // Note that constants are imported from files to maintain consistency across the app
 70 |       // but defined in this fashion so they are available to be referenced from HTML.
 71 |       PUBLIC: PUBLIC_IDEA,
 72 |       PRIVATE: PRIVATE_IDEA,
 73 |       COMMERCIAL: COMMERCIAL_IDEA,
 74 |     };
 75 |   },
 76 |   mounted() {
 77 |     const savedState = localstorage.getObject('create-idea-save');
 78 |     if (savedState != null) {
 79 |       Object.assign(this.$data, savedState);
 80 |     }
 81 |     this.$watch('$data',
 82 |       debounce(this.saveIdea, 1500, { trailing: true }),
 83 |       { deep: true },
 84 |     );
 85 |   },
 86 |   methods: {
 87 |     linksChanged(updatedLinks) {
 88 |       this.ideaDocuments = updatedLinks;
 89 |     },
 90 |     saveIdea() {
 91 |       localstorage.setObject('create-idea-save', this.$data);
 92 |       this.ideaDescMarked = marked(this.ideaDesc, {
 93 |         sanitize: true,
 94 |       });
 95 |     },
 96 |     submitIdea() {
 97 |       localStorage.removeItem('create-idea-save');
 98 |       const payload = {
 99 |         title: this.ideaTitle,
100 |         typeCode: this.ideaTypeCode,
101 |         description: this.ideaDesc,
102 |         documents: this.ideaDocuments,
103 |         tags: this.ideaTags,
104 |       };
105 |       http.post('/ideas', payload)
106 |       .then((response) => {
107 |         if (response.statusText !== 'OK') {
108 |           throw new Error(`Error adding new idea document. ${response}`);
109 |         } else {
110 |           this.$router.push('/dashboard');
111 |         }
112 |       }).catch((err) => {
113 |         throw new Error(`Error adding new idea document: ${err}`);
114 |       });
115 |     },
116 |     tagsChanged(updatedTags) {
117 |       this.ideaTags = updatedTags;
118 |     },
119 |     typeChanged(typeCode, typeName) {
120 |       this.ideaTypeCode = typeCode;
121 |       this.ideaType = typeName;
122 |     },
123 |     updateIdeaDesc(v) {
124 |       this.ideaDesc = v;
125 |     },
126 |   },
127 | };
128 | </script>
129 | 
130 | <style lang="stylus" scoped>
131 | @import '~stylus_var'
132 | 
133 | .create
134 | 
135 |   &__form-element
136 |     margin-top 10px
137 | 
138 |   &__preview
139 |     padding 20px 0
140 | 
141 |   &__form-wrapper
142 |     width 100%
143 |     max-width 600px
144 |     margin auto
145 |     padding 40px 10px
146 |     @media (min-width: 600px)
147 |       padding 40px
148 |       border 1px solid $purple
149 | 
150 |   &__header
151 |     text-align center
152 |     color $purple
153 |     font-size 1.5em
154 |     line-height 1.2em
155 |     @media (min-width: 600px)
156 |       font-size 36px
157 |       margin-bottom 60px
158 | 
159 |     & h1
160 |       font-weight 200 !important
161 | 
162 |   &__label
163 |     text-transform uppercase
164 |     font-size .8em
165 |     letter-spacing 2.5px
166 |     font-weight 700
167 |     display block
168 | 
169 |   &__input-wrap
170 |     width 100%
171 |     display flex
172 |     margin-bottom 10px
173 | 
174 |   &__add-button
175 |     width 40px
176 |     margin-left 10px
177 |     -webkit-appearance: none;
178 |     appearance: none;
179 |     background: transparent;
180 |     text-align: center;
181 |     font-family: inherit;
182 |     font-weight: inherit;
183 |     font-size: inherit;
184 |     padding 6px 12px
185 |     border 1px solid $purple
186 |     letter-spacing 1.5px
187 |     color $purple
188 |     position: relative;
189 |     overflow: hidden;
190 |     transition all 300ms ease-in-out
191 | 
192 |     &:hover, &:active, &:focus
193 |       -webkit-appearance: none;
194 |       appearance: none;
195 |       color: inherit;
196 |       background $purple
197 |       background linear-gradient(-134deg, $dkblue 0%, $pink 100%)
198 |       color white
199 |       border 1px solid $purple
200 |       transition all 300ms ease-in-out
201 |       -webkit-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
202 |       -moz-box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
203 |       box-shadow: 2px 2px 10px 0 rgba(110, 28, 233, 0.8);
204 | 
205 | 
206 |   &__input
207 |     padding 10px
208 |     width 100%
209 |     font-size 1em
210 |     border 1px solid $purple
211 |     color $gray_text
212 | 
213 |     &:focus
214 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
215 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
216 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
217 | 
218 |   &__textarea
219 |     width 100%
220 |     padding 10px
221 |     font-size 1em
222 |     font-family: 'Titillium Web', Helvetica, Arial, sans-serif
223 |     color: $gray_text
224 |     letter-spacing: 1px
225 |     line-height: 1.5em
226 |     border 1px solid $purple
227 |     margin-bottom 10px
228 | 
229 |     &:focus
230 |       -webkit-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
231 |       -moz-box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
232 |       box-shadow: 0 0 2px 0 rgba(110, 28, 233, 0.8);
233 | 
234 |   &__type
235 |     display inline-block
236 |     width 33%
237 | 
238 |   &__link
239 |     display inline-block
240 |     margin 10px 0
241 | 
242 |   &__link-text
243 |     text-decoration none
244 |     color $purple
245 |     border-bottom 1px dotted $purple
246 |     &:hover, &:focus, &:active
247 |       color $aqua
248 |       border-bottom 1px dotted $aqua
249 |       transition color 300ms linear
250 | 
251 | 
252 |   &__radio-group
253 |     display flex
254 |     width 100%
255 | 
256 |   &__button-wrap
257 |     display flex
258 |     justify-content center
259 |     margin 20px auto
260 | 
261 |   &__button-wrap-preview
262 |     justify-content flex-end
263 |     margin 0 auto
264 | 
265 |   &__button
266 | 
267 |     &--btm
268 |       margin-top 1vh
269 |       text-decoration none
270 | 
271 |       &:last-child
272 |         margin-left 20px
273 | 
274 |   &__form-tags
275 | 
276 | 
277 |   &__tag-wrap
278 |     margin-bottom 20px
279 | 
280 | 
281 |   &__tag
282 |     color: $gray_text;
283 |     display: inline-block;
284 |     font-size: 0.9em;
285 |     line-height: 1.4;
286 |     background-color: transparent;
287 |     border-radius: 2px;
288 |     border: 1px solid $gray_bkgrd;
289 |     margin-right: 10px;
290 |     margin-top: 5px;
291 |     vertical-align: top;
292 | 
293 |     &:hover
294 |       border: 1px solid $aqua;
295 | 
296 | 
297 |     &__label
298 |       border-bottom-right-radius: 2px;
299 |       border-top-right-radius: 2px;
300 |       cursor: default;
301 |       padding: 1px 5px 4px 5px;
302 |       display: inline-block;
303 |       vertical-align: middle;
304 | 
305 |     &__button
306 |       -webkit-appearance: none;
307 |       appearance: none;
308 |       border: none;
309 |       background: transparent;
310 |       color: inherit;
311 | 
312 |     &__icon
313 |       display: inline-block;
314 |       cursor: pointer;
315 |       border-bottom-left-radius: 2px;
316 |       border-top-left-radius: 2px;
317 |       border-right: 1px solid rgba(124,72,194, 0.25);
318 |       padding: 1px 5px 3px;
319 | 
320 |       &:hover
321 |         // color: red;
322 | 
323 |   &__remove-link
324 |     -webkit-appearance: none;
325 |     appearance: none;
326 |     background: transparent;
327 |     color: inherit;
328 |     cursor: pointer;
329 |     font-size: 1em;
330 |     border: 1px solid rgba(124,72,194, 0.25);
331 |     padding: 0 4px 2px;
332 |     margin-left 10px
333 | 
334 |     &:hover
335 |       border: 1px solid rgb(124,72,194);
336 | 
337 |   &__option
338 |       -webkit-appearance: none;
339 |       -moz-appearance: none;
340 |       -ms-appearance: none;
341 |       -o-appearance: none;
342 |       appearance: none;
343 |       position: relative;
344 |       top: 4px;
345 |       right: 0;
346 |       bottom: 0;
347 |       left: 0;
348 |       height: 20px;
349 |       width: 20px;
350 |       transition: all 0.15s ease-out 0s;
351 |       border: 2px solid $purple
352 |       color: $purple
353 |       cursor: pointer;
354 |       display: block;
355 |       margin-right: 0.5rem;
356 |       position: relative;
357 |       z-index: 10;
358 | 
359 |       & input
360 |         z-index: -1
361 |         opacity: 0
362 |         width 100%
363 |         display flex
364 |         height 20px
365 |         position relative
366 | 
367 | 
368 |       &:hover
369 |         background: $pink;
370 | 
371 |       &:checked
372 |         background: $pink;
373 | 
374 |       &::before
375 |         height: 12px;
376 |         width: 12px;
377 |         position: absolute;
378 |         top: 2px;
379 |         left: 2px;
380 |         content: '';
381 |         display: inline-block;
382 |         border-radius: 100%;
383 | 
384 |         &:focus
385 |           border-radius: 50%;
386 | 
387 |       &::after
388 |         background: #40e0d0;
389 |         content: '';
390 |         display: block;
391 |         position: relative;
392 |         z-index: 100;
393 | 
394 |   &__type-title
395 |     text-align center
396 |     width 100%
397 |     position absolute
398 |     top -24px
399 |     left 30px
400 | 
401 |   &__type-desc
402 |     width 100%
403 |     min-width 150px
404 |     margin-left 60px
405 |     padding-left 10px
406 |     font-size .8em
407 |     @media (min-width: 600px)
408 |       min-width 400px
409 | 
410 | 
411 |   &__radio-group
412 |     padding: 10px 0;
413 |     display flex
414 |     flex-direction column
415 |     width 100%
416 | 
417 |   &__radio
418 |     margin: 0 5px 15px 0;
419 |     padding: 1px;
420 |     border-radius: 50%;
421 |     display block
422 |     text-align center
423 |     height 21px
424 |     width 21px
425 | 
426 |     &::after
427 |       border-radius: 50%;
428 | 
429 |       &:hover
430 |         background: $pink;
431 | 
432 |     &:focus
433 |       border-radius: 50%;
434 | 
435 |   &__radio-label
436 |     color: $gray_text;
437 |     padding: 0 15px 0 0;
438 | 
439 |   &__radio-wrap
440 |     display: inline-block;
441 | 
442 | .active::before
443 |   height: 19px;
444 |   width: 19px;
445 |   position: absolute;
446 |   top: -1px;
447 |   left: -1px;
448 |   border: 3px solid white
449 |   content: '';
450 |   display: inline-block;
451 |   border-radius: 100%;
452 |   background-color: $purple
453 | 
454 | .tooltip {
455 |     position: relative;
456 | }
457 | 
458 | .tooltip .tooltiptext {
459 |     visibility: hidden;
460 |     width: 60%;
461 |     background-color $purple
462 |     color: white;
463 |     border: 1px solid $purple
464 |     position: absolute;
465 |     z-index: 1;
466 |     top: -5px;
467 |     left: 110%;
468 |     text-align: center
469 |     padding 9px 10px 11px 10px
470 |     line-height 1em
471 | }
472 | 
473 | .tooltip .tooltiptext::after {
474 |     content: "";
475 |     position: absolute;
476 |     top: 50%;
477 |     right: 100%;
478 |     margin-top: -5px;
479 |     border-width: 5px;
480 |     border-style: solid;
481 |     border-color: transparent $purple transparent transparent;
482 | }
483 | .tooltip:hover .tooltiptext {
484 |     visibility: visible;
485 | }
486 | 
487 | 
488 | 
489 | </style>
490 | 


--------------------------------------------------------------------------------