add repo to config form

Author: ShMcK

lib/components/Config/index.js

@@ -64,9 +64,13 @@ var TutorialConfig = (function (_super) {
         }
     };
     TutorialConfig.prototype.onSubmit = function (values) {
-        var name = values.name, language = values.language, runner = values.runner;
+        var name = values.name, language = values.language, runner = values.runner, repo = values.repo;
         this.props.pjSave(Object.assign({}, this.props.packageJson, {
             name: name,
+            repositiory: repo || '',
+            bugs: {
+                url: repo || '',
+            },
             config: {
                 language: language, runner: runner
             }
@@ -77,13 +81,14 @@ var TutorialConfig = (function (_super) {
         this.props.routeSet('page');
     };
     TutorialConfig.prototype.render = function () {
-        var _a = this.props, pristine = _a.pristine, submitting = _a.submitting, handleSubmit = _a.handleSubmit, valid = _a.valid;
+        var _a = this.props, pristine = _a.pristine, submitting = _a.submitting, handleSubmit = _a.handleSubmit, invalid = _a.invalid;
         return (React.createElement("section", {className: 'cr-page'}, 
             React.createElement(Card_1.Card, {style: styles.card}, 
                 React.createElement(Card_1.CardTitle, {title: 'Tutorial Configuration'}), 
                 React.createElement(Card_1.CardText, null, 
                     React.createElement("form", {onSubmit: handleSubmit(this.onSubmit.bind(this))}, 
                         React.createElement(redux_form_1.Field, {id: 'name', name: 'name', component: textField_1.default.bind(null, {
+                            floatingLabelText: 'Tutorial Name',
                             hintText: 'coderoad-tutorial-name',
                         }), tabIndex: '1'}), 
                         React.createElement(redux_form_1.Field, {name: 'language', component: selectField_1.default.bind(null, {
@@ -96,8 +101,12 @@ var TutorialConfig = (function (_super) {
                             floatingLabelText: 'Test Runner',
                             id: 'runner',
                         }), tabIndex: '3'}), 
+                        React.createElement(redux_form_1.Field, {id: 'repo', name: 'repo', component: textField_1.default.bind(null, {
+                            floatingLabelText: 'Path to Repo (optional)',
+                            hintText: 'http://github.com/path/to/repo',
+                        }), tabIndex: '4'}), 
                         React.createElement(RaisedButton_1.default, {type: 'submit', style: styles.button, label: 'Save', primary: true, disabled: submitting}), 
-                        React.createElement(RaisedButton_1.default, {style: styles.button, label: 'Continue', secondary: true, disabled: valid, onTouchTap: this.routeToPage.bind(this)}))
+                        React.createElement(RaisedButton_1.default, {style: styles.button, label: 'Continue', secondary: true, disabled: invalid, onTouchTap: this.routeToPage.bind(this)}))
                 ))
         ));
     };

lib/components/Config/validate.js

@@ -15,6 +15,11 @@ var validate = function (values) {
         !values.runner && !core_coderoad_1.tutorialConfigOptions[values.language].runners.includes(values.runner)) {
         errors.runner = values.runner + " runner does not match language " + values.language;
     }
+    if (values.repo) {
+        if (!values.repo.match(/^https?:\/\/[a-zA-Z\.\/]+$/)) {
+            errors.repo = 'Invalid http(s)://github.com/user/repo';
+        }
+    }
     return errors;
 };
 Object.defineProperty(exports, "__esModule", { value: true });

src/components/Config/index.tsx

@@ -33,7 +33,7 @@ class TutorialConfig extends React.Component <{
   tutorialInit?: () => Redux.ActionCreator,
   routeSet?: (route: string) => Redux.ActionCreator,
   pristine?: boolean, submitting?: boolean, handleSubmit?: any,
-  language?: string, valid?: boolean, initialize?: any,
+  language?: string, invalid?: boolean, initialize?: any,
   editorPjOpen?: () => Redux.ActionCreator,
 }, {}> {
   refs: {
@@ -66,12 +66,16 @@ class TutorialConfig extends React.Component <{
     }
   }
   onSubmit(values) {
-    const {name, language, runner} = values;
+    const {name, language, runner, repo} = values;
     this.props.pjSave(Object.assign(
       {},
       this.props.packageJson,
       {
         name,
+        repositiory: repo || '',
+        bugs: {
+          url: repo || '',
+        },
         config: {
           language, runner
         }
@@ -83,7 +87,7 @@ class TutorialConfig extends React.Component <{
     this.props.routeSet('page');
   }
   render() {
-    const {pristine, submitting, handleSubmit, valid} = this.props;
+    const {pristine, submitting, handleSubmit, invalid} = this.props;
     return (
     <section className='cr-page'>
       <Card style={styles.card}>
@@ -97,6 +101,7 @@ class TutorialConfig extends React.Component <{
               id='name'
               name='name'
               component={textField.bind(null, {
+                floatingLabelText: 'Tutorial Name',
                 hintText: 'coderoad-tutorial-name',
               })}
               tabIndex='1'
@@ -122,18 +127,28 @@ class TutorialConfig extends React.Component <{
               tabIndex='3'
             />
 
+            <Field
+              id='repo'
+              name='repo'
+              component={textField.bind(null, {
+                floatingLabelText: 'Path to Repo (optional)',
+                hintText: 'http://github.com/path/to/repo',
+              })}
+              tabIndex='4'
+            />
+
             <RaisedButton
               type='submit'
               style={styles.button}
               label='Save'
               primary={true}
-              disabled={!submitting}
+              disabled={submitting}
             />
             <RaisedButton
               style={styles.button}
               label='Continue'
               secondary={true}
-              disabled={valid}
+              disabled={invalid}
               onTouchTap={this.routeToPage.bind(this)}
             />
 

src/components/Config/validate.ts

@@ -5,6 +5,7 @@ interface ConfigForm {
   name?: string;
   language?: string;
   runner?: string;
+  repo?: string;
 }
 
 const validate = values => {
@@ -22,6 +23,11 @@ const validate = values => {
     !values.runner && !tutorialConfigOptions[values.language].runners.includes(values.runner)) {
     errors.runner = `${values.runner} runner does not match language ${values.language}`;
   }
+  if (values.repo) {
+    if (!values.repo.match(/^https?:\/\/[a-zA-Z\.\/]+$/)) {
+      errors.repo = 'Invalid http(s)://github.com/user/repo';
+    }
+  }
   return errors;
 };
 export default validate;