MManka · MalKalarus · Mar 22, 2017 · Mar 24, 2017 · Mar 25, 2017 · Mar 25, 2017
diff --git a/.gitignore b/.gitignore
@@ -10,3 +10,6 @@ build/
 .project
 .settings
 .classpath
+classes/
+grails-app/assets/javascripts/appHome.all.js
+src/main/webapp/
diff --git a/README.md b/README.md
@@ -1 +1,25 @@
 # ResuMe
+ (This guide assumes you already have the JDK installed.  If you do not, please go to <a href = "http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html"> Oracle </a> and download it.
+
+ 1.  Go to Github.  If you do not have a github account, you can sign up for a free one <a href = https://github.com/join?source=header-home> here </a>.
+
+ 2.  Once you're signed into github, go to <a href = https://github.com/MManka/ResuMe_Project> Group20's code project repository </a> .  
+
+ 3.  Fork the repository from github by clicking on the 'Fork' button in the top right-hand corner of the screen: <img src = "/images/스크린샷(9)_LI.jpg">
+
+  This should make the ResuMe repository appear in your Github account under your repositories:
+  <img src = "/images/스크린샷(10)_LI.jpg">
+
+  Alternatively, you can 'Clone or Download' Group20's code project repository to your favourite web development IDE.  We used IntelliJ, and will give instructions specific to running our repository from this environment.
+
+ 4.  You will also need to download React to use our stunning front-end user interface.  
+  Download <a href = https://nodejs.org/en/> node.js </a> .  Then, from commandline in unix or commandprompt in Windows, run these commands:
+
+  npm init
+ @@ -22,6 +22,6 @@ npm install babel-core babel-preset-es2015 babel-preset-react babel-loader webpack
+
+  Downloading node.js enables you to use npm to download and install React, and enables us to integrate our React code with Gradle-based deployment with Grails in IntelliJ.  Babel is a transpiler.  <a href = https://grailsblog.objectcomputing.com/posts/2016/05/28/using-react-with-grails.html> Go to this tutorial </a> for more information.
+
+ 5.  Now, go to your favourite IDE (we recommend <a href = https://www.jetbrains.com/idea/> IntelliJ </a> and click run.  ResuMe will appear in localhost/8080.
+
+  Now you have your very own working version of ResuMe!  
diff --git a/build.gradle b/build.gradle
@@ -78,4 +78,5 @@ node {
 }
 
 processResources.dependsOn(['npmInstall', 'npm_run_bundle'])
-assetCompile.dependsOn(['npmInstall', 'npm_run_bundle'])
+assetCompile.dependsOn(['npmInstall', 'npm_run_bundle'])
+
diff --git a/devDB.mv.db b/devDB.mv.db
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
@@ -1,3 +1,4 @@
+
 #Fri Mar 24 11:20:16 EDT 2017
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists

diff --git a/grails-app/assets/javascripts/app.all.js b/grails-app/assets/javascripts/app.all.js
@@ -63,7 +63,7 @@
 /******/ 	__webpack_require__.p = "/assets/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 186);
+/******/ 	return __webpack_require__(__webpack_require__.s = 187);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -21919,7 +21919,8 @@ module.exports = g;
 /* 182 */,
 /* 183 */,
 /* 184 */,
-/* 185 */
+/* 185 */,
+/* 186 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -21989,15 +21990,6 @@ var Menu = function (_React$Component) {
                         'My Certifications'
                     )
                 ),
-                _react2.default.createElement(
-                    'li',
-                    null,
-                    _react2.default.createElement(
-                        'a',
-                        { href: '#certifications' },
-                        'My Certifications'
-                    )
-                ),
                 _react2.default.createElement(
                     'li',
                     null,
@@ -22075,7 +22067,7 @@ var Profile = function (_React$Component2) {
                     null,
                     _react2.default.createElement(
                         'a',
-                        { href: 'MyResumes.html' },
+                        { href: '/resume' },
                         'View My Resumes'
                     )
                 ),
@@ -22311,17 +22303,21 @@ var ProfileInfo = function (_React$Component3) {
 }(_react2.default.Component);
 
 _reactDom2.default.render(_react2.default.createElement(Menu, { icon: 'http://images.clipartpanda.com/stack-of-paper-vector-29343.png' }), document.getElementById('menu'));
+
 _reactDom2.default.render(_react2.default.createElement(Profile, { name: 'Yeeee', status: 'Evil Goddess', work: 'Part-time Librarian', pic: 'https://cdn3.iconfinder.com/data/icons/internet-and-web-4/78/internt_web_technology-13-256.png', camera: 'http://www.ensatt.fr/images/Graphisme/photo-icone.png' }), document.getElementById('profile-box'));
+
+_reactDom2.default.render(_react2.default.createElement(Profile, { name: 'John Smith', status: 'Student at Western University', work: 'Part-time Librarian', pic: 'https://cdn3.iconfinder.com/data/icons/internet-and-web-4/78/internt_web_technology-13-256.png', camera: 'http://www.ensatt.fr/images/Graphisme/photo-icone.png' }), document.getElementById('profile-box'));
+
 _reactDom2.default.render(_react2.default.createElement(ProfileInfo, null), document.getElementById('profile-info'));
 
 /***/ }),
-/* 186 */
+/* 187 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _profile = __webpack_require__(185);
+var _profile = __webpack_require__(186);
 
 var _profile2 = _interopRequireDefault(_profile);
 

diff --git a/grails-app/assets/javascripts/app2.all.js b/grails-app/assets/javascripts/app2.all.js
@@ -63,7 +63,7 @@
 /******/ 	__webpack_require__.p = "/assets/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 187);
+/******/ 	return __webpack_require__(__webpack_require__.s = 188);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -21917,7 +21917,8 @@ module.exports = g;
 
 /***/ }),
 /* 182 */,
-/* 183 */
+/* 183 */,
+/* 184 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -22024,7 +22025,7 @@ var LoginForm = function (_React$Component2) {
             username: "",
             password: "",
             message: "",
-            successMessage: "",
+            successMessage: "We made it!",
             isLocked: false
         };
 
@@ -22087,6 +22088,7 @@ var LoginForm = function (_React$Component2) {
                     if (response.ok) {
                         //this.setState({message: " "});
                         _this3.setState({
+                            message: "Account: " + _this3.state.name + " is made!",
                             successMessage: _this3.state.name + ", you successfully signed up!",
                             isLocked: true
                         });
@@ -22128,10 +22130,10 @@ var LoginForm = function (_React$Component2) {
                             'Sign Up'
                         ),
                         _react2.default.createElement('br', null),
-                        _react2.default.createElement('input', { className: 'formInput', type: 'text', placeholder: 'Enter ', disabled: this.state.isLocked, value: this.state.name, onChange: this.handleNameChange }),
-                        _react2.default.createElement('br', null),
                         _react2.default.createElement('input', { className: 'formInput', type: 'text', placeholder: 'Enter Username', disabled: this.state.isLocked, value: this.state.username, onChange: this.handleUsernameChange }),
                         _react2.default.createElement('br', null),
+                        _react2.default.createElement('input', { className: 'formInput', type: 'text', placeholder: 'Enter Name', disabled: this.state.isLocked, value: this.state.name, onChange: this.handleNameChange }),
+                        _react2.default.createElement('br', null),
                         _react2.default.createElement('input', { className: 'formInput', type: 'password', placeholder: 'Enter password', disabled: this.state.isLocked, value: this.state.password, onChange: this.handlePasswordChange }),
                         _react2.default.createElement('br', null),
                         _react2.default.createElement(
@@ -22155,16 +22157,16 @@ _reactDom2.default.render(_react2.default.createElement(MenuLogin, { icon: 'http
 _reactDom2.default.render(_react2.default.createElement(LoginForm, null), document.getElementById('log-in'));
 
 /***/ }),
-/* 184 */,
 /* 185 */,
 /* 186 */,
-/* 187 */
+/* 187 */,
+/* 188 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _login = __webpack_require__(183);
+var _login = __webpack_require__(184);
 
 var _login2 = _interopRequireDefault(_login);
 

diff --git a/grails-app/assets/javascripts/app3.all.js b/grails-app/assets/javascripts/app3.all.js
@@ -63,7 +63,7 @@
 /******/ 	__webpack_require__.p = "/assets/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 188);
+/******/ 	return __webpack_require__(__webpack_require__.s = 189);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -21918,7 +21918,8 @@ module.exports = g;
 /***/ }),
 /* 182 */,
 /* 183 */,
-/* 184 */
+/* 184 */,
+/* 185 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -21945,98 +21946,59 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */
 
 
-var MenuResumes = function (_React$Component) {
-    _inherits(MenuResumes, _React$Component);
+var ResumeList = function (_React$Component) {
+    _inherits(ResumeList, _React$Component);
 
-    function MenuResumes() {
-        _classCallCheck(this, MenuResumes);
+    function ResumeList() {
+        _classCallCheck(this, ResumeList);
 
-        return _possibleConstructorReturn(this, (MenuResumes.__proto__ || Object.getPrototypeOf(MenuResumes)).apply(this, arguments));
+        return _possibleConstructorReturn(this, (ResumeList.__proto__ || Object.getPrototypeOf(ResumeList)).apply(this, arguments));
     }
 
-    _createClass(MenuResumes, [{
+    _createClass(ResumeList, [{
         key: 'render',
         value: function render() {
             return _react2.default.createElement(
                 'div',
-                { className: 'menu-box' },
+                { id: 'template-List' },
                 _react2.default.createElement(
                     'h2',
-                    { id: 'resume' },
-                    'ResuME'
-                ),
-                _react2.default.createElement(
-                    'icon',
-                    null,
-                    _react2.default.createElement('img', { src: this.props.icon, height: 90 })
-                ),
-                _react2.default.createElement(
-                    'li',
-                    null,
-                    _react2.default.createElement(
-                        'a',
-                        { href: 'index.html' },
-                        'About'
-                    )
-                ),
-                _react2.default.createElement(
-                    'li',
-                    null,
-                    _react2.default.createElement(
-                        'a',
-                        { href: '#certifications' },
-                        'Contact'
-                    )
+                    { className: 'heading2' },
+                    this.props.myresumes
                 ),
+                _react2.default.createElement('br', null),
+                _react2.default.createElement('br', null),
+                _react2.default.createElement('br', null),
+                _react2.default.createElement('br', null),
                 _react2.default.createElement(
-                    'li',
-                    null,
+                    'h2',
+                    { className: 'heading2' },
                     _react2.default.createElement(
                         'a',
-                        { href: '#applications' },
-                        'Help'
+                        { href: '/choose' },
+                        'New Resume Template'
                     )
                 )
             );
         }
     }]);
 
-    return MenuResumes;
-}(_react2.default.Component);
-
-var ResumeList = function (_React$Component2) {
-    _inherits(ResumeList, _React$Component2);
-
-    function ResumeList() {
-        _classCallCheck(this, ResumeList);
-
-        return _possibleConstructorReturn(this, (ResumeList.__proto__ || Object.getPrototypeOf(ResumeList)).apply(this, arguments));
-    }
-
-    _createClass(ResumeList, [{
-        key: 'render',
-        value: function render() {
-            return _react2.default.createElement('div', { id: 'Shadow-Box' });
-        }
-    }]);
-
     return ResumeList;
 }(_react2.default.Component);
 
-_reactDom2.default.render(_react2.default.createElement(MenuResumes, { icon: 'http://images.clipartpanda.com/stack-of-paper-vector-29343.png' }), document.getElementById('menu-MyResumes'));
-_reactDom2.default.render(_react2.default.createElement(ResumeList, null), document.getElementById('list'));
+_reactDom2.default.render(_react2.default.createElement(ResumeList, { myresumes: 'You have no Resumes' }), document.getElementById('list'));
 
 /***/ }),
-/* 185 */,
 /* 186 */,
 /* 187 */,
-/* 188 */
+/* 188 */,
+/* 189 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _myresumes = __webpack_require__(184);
+var _myresumes = __webpack_require__(185);
 
 var _myresumes2 = _interopRequireDefault(_myresumes);
 

diff --git a/grails-app/assets/javascripts/app4.all.js b/grails-app/assets/javascripts/app4.all.js
@@ -63,7 +63,7 @@
 /******/ 	__webpack_require__.p = "/assets/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 189);
+/******/ 	return __webpack_require__(__webpack_require__.s = 190);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -21978,7 +21978,8 @@ _reactDom2.default.render(_react2.default.createElement(Templates, null), docume
 /* 186 */,
 /* 187 */,
 /* 188 */,
-/* 189 */
+/* 189 */,
+/* 190 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";