Initial commit

Author: cammoore

.gitignore

@@ -0,0 +1,5 @@
+*.iml
+.idea
+.DS_Store
+node_modules
+settings.production.json

README.md

@@ -0,0 +1 @@
+For details, please see http://ics-software-engineering.github.io/meteor-example-form-react/

_config.yml

@@ -0,0 +1,8 @@
+title: meteor-example-form-react
+description: How to implement forms in Meteor using Uniforms
+google_analytics:
+show_downloads: true
+theme: jekyll-theme-cayman
+
+gems:
+  - jekyll-mentions

app/.eslintrc

@@ -0,0 +1,59 @@
+{
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaVersion": 2017,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "plugins": [
+    "meteor",
+    "react"
+  ],
+  "settings": {
+    "react": {
+      "createClass": "createReactClass",
+      "pragma": "React",  // Pragma to use, default to "React"
+      "version": "15.0", // React version, default to the latest React stable release
+      "flowVersion": "0.53" // Flow version
+    },
+    "propWrapperFunctions": [ "forbidExtraProps" ]
+  },
+  "extends": [
+    "airbnb/base",
+    "plugin:meteor/recommended",
+    "plugin:react/recommended"
+  ],
+  "rules": {
+    "arrow-parens": "off",
+    "camelcase": "off",
+    "class-methods-use-this": "off",
+    "func-names": "off",
+    "import/no-absolute-path": "off",
+    "import/no-unresolved": "off",
+    "import/extensions": "off",
+    "import/imports-first": "off",
+    "import/prefer-default-export": "off",
+    "import/no-extraneous-dependencies": "off",
+    "linebreak-style": "off",
+    "max-len": ["error", 120],
+    "meteor/eventmap-params": [2, { "eventParamName": "event", "templateInstanceParamName": "instance" } ],
+    "meteor/template-names": "off",
+    "no-confusing-arrow": ["error", {"allowParens": true}],
+    "no-plusplus": "off",
+    "no-underscore-dangle": "off",
+    "object-curly-newline": "off",
+    "object-property-newline": "off",
+    "object-shorthand": "off",
+    "operator-linebreak": "off",
+    "padded-blocks": "off",
+    "indent": ["error", 2],
+    "prefer-arrow-callback": "off",
+    "prefer-destructuring": "off",
+    "prefer-promise-reject-errors": "off"
+  },
+  "globals": {
+    "Assets": true // Meteor disallows importing of Assets, see https://docs.meteor.com/api/assets.html
+  }
+}

app/.gitattributes

@@ -0,0 +1,4 @@
+*.eot binary
+*.ttf binary
+*.woff binary
+*.woff2 binary

app/.meteor/.finished-upgraders

@@ -0,0 +1,19 @@
+# This file contains information which helps Meteor properly upgrade your
+# app when you run 'meteor update'. You should check it into version control
+# with your project.
+
+notices-for-0.9.0
+notices-for-0.9.1
+0.9.4-platform-file
+notices-for-facebook-graph-api-2
+1.2.0-standard-minifiers-package
+1.2.0-meteor-platform-split
+1.2.0-cordova-changes
+1.2.0-breaking-changes
+1.3.0-split-minifiers-package
+1.4.0-remove-old-dev-bundle-link
+1.4.1-add-shell-server-package
+1.4.3-split-account-service-packages
+1.5-add-dynamic-import-package
+1.7-split-underscore-from-meteor-base
+1.8.3-split-jquery-from-blaze

app/.meteor/.gitignore

@@ -0,0 +1 @@
+local

app/.meteor/.id

@@ -0,0 +1,7 @@
+# This file contains a token that is unique to your project.
+# Check it into your repository along with the rest of this directory.
+# It can be used for purposes such as:
+#   - ensuring you don't accidentally deploy one app on top of another
+#   - providing package authors with aggregated statistics
+
+1b0i1u976u6dkek239x

app/.meteor/packages

@@ -0,0 +1,42 @@
+# Meteor packages used by this project, one per line.
+# Check this file (and the other files in this directory) into your repository.
+#
+# 'meteor add' and 'meteor remove' will edit this file for you,
+# but you can also edit it by hand.
+
+# Core packages for Meteor/React/Semantic UI
+meteor-base@1.5.1                # Packages every Meteor app needs to have
+mobile-experience@1.1.0          # Packages for a great mobile UX
+mongo@1.14.6                     # The database Meteor supports right now
+reactive-var@1.0.11              # Reactive variable for tracker
+
+standard-minifier-css@1.8.1      # CSS minifier run for production mode
+standard-minifier-js@2.8.0
+es5-shim@4.8.0                   # ECMAScript 5 compatibility for older browsers
+ecmascript@0.16.2                # Enable ECMAScript2015+ syntax in app code
+# typescript@3.7.6               # Enable TypeScript syntax in .ts and .tsx modules
+shell-server@0.5.0               # Server-side component of the `meteor shell` command
+
+# autopublish@1.0.7              # Publish all data to the clients (for prototyping)
+insecure@1.0.7                   # Allow all DB writes from clients (for prototyping)
+static-html@1.3.2                      # Define static page content in .html files
+react-meteor-data                # React higher-order component for reactively tracking Meteor data
+
+# reactive-dict@1.3.0              # Object form of reactive variable.
+# tracker@1.2.0                    # Meteor's client-side reactive programming library
+
+# Accounts
+accounts-password@2.3.1
+alanning:roles                   # support roles like 'admin'
+
+# Collection support
+aldeed:collection2
+aldeed:schema-index              # Support index: true and unique: true in schema definitions.
+
+# Utilities
+underscore@1.0.10                # http://underscorejs.org/
+ejson@1.1.2                      # https://docs.meteor.com/api/ejson.html
+
+# Application Performance Monitoring
+montiapm:agent                   # see http://montiapm.com
+zodern:hide-production-sourcemaps

app/.meteor/platforms

@@ -0,0 +1,2 @@
+server
+browser

app/.meteor/release

@@ -0,0 +1 @@
+METEOR@2.7.1

app/.meteor/versions

@@ -0,0 +1,88 @@
+accounts-base@2.2.2
+accounts-password@2.3.1
+alanning:roles@3.4.0
+aldeed:collection2@3.5.0
+aldeed:schema-index@3.0.0
+allow-deny@1.1.1
+autoupdate@1.8.0
+babel-compiler@7.9.0
+babel-runtime@1.5.0
+base64@1.0.12
+binary-heap@1.0.11
+blaze-tools@1.1.2
+boilerplate-generator@1.7.1
+caching-compiler@1.2.2
+caching-html-compiler@1.2.1
+callback-hook@1.4.0
+check@1.3.1
+ddp@1.4.0
+ddp-client@2.5.0
+ddp-common@1.4.0
+ddp-rate-limiter@1.1.0
+ddp-server@2.5.0
+diff-sequence@1.1.1
+dynamic-import@0.7.2
+ecmascript@0.16.2
+ecmascript-runtime@0.8.0
+ecmascript-runtime-client@0.12.1
+ecmascript-runtime-server@0.11.0
+ejson@1.1.2
+email@2.2.1
+es5-shim@4.8.0
+fetch@0.1.1
+geojson-utils@1.0.10
+hot-code-push@1.0.4
+html-tools@1.1.2
+htmljs@1.1.1
+id-map@1.1.1
+insecure@1.0.7
+inter-process-messaging@0.1.1
+launch-screen@1.3.0
+localstorage@1.2.0
+logging@1.3.1
+meteor@1.10.0
+meteor-base@1.5.1
+minifier-css@1.6.0
+minifier-js@2.7.4
+minimongo@1.8.0
+mobile-experience@1.1.0
+mobile-status-bar@1.1.0
+modern-browsers@0.1.7
+modules@0.18.0
+modules-runtime@0.13.0
+mongo@1.14.6
+mongo-decimal@0.1.2
+mongo-dev-server@1.1.0
+mongo-id@1.0.8
+montiapm:agent@2.45.0
+montiapm:meteorx@2.2.0
+npm-mongo@4.3.1
+ordered-dict@1.1.0
+promise@0.12.0
+raix:eventemitter@1.0.0
+random@1.2.0
+rate-limit@1.0.9
+react-fast-refresh@0.2.3
+react-meteor-data@2.4.0
+reactive-var@1.0.11
+reload@1.3.1
+retry@1.1.0
+routepolicy@1.1.1
+service-configuration@1.3.0
+sha@1.0.9
+shell-server@0.5.0
+socket-stream-client@0.4.0
+spacebars-compiler@1.3.0
+standard-minifier-css@1.8.1
+standard-minifier-js@2.8.0
+static-html@1.3.2
+templating-tools@1.2.1
+tmeasday:check-npm-versions@1.0.2
+tracker@1.2.0
+typescript@4.5.4
+underscore@1.0.10
+url@1.3.2
+webapp@1.13.1
+webapp-hashing@1.1.0
+zodern:hide-production-sourcemaps@1.2.0
+zodern:meteor-package-versions@0.2.1

app/client/main.html

@@ -0,0 +1,10 @@
+<head>
+  <meta charset="utf-8">
+  <link rel="shortcut icon" href="/favicon.ico">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>meteor-example-form-react</title>
+</head>
+
+<body>
+  <div id="root"></div>
+</body>

app/client/main.js

@@ -0,0 +1,2 @@
+import '../imports/startup/client/Startup';
+import './style.css';

app/client/style.css

@@ -0,0 +1,18 @@
+import { Mongo } from 'meteor/mongo';
+import SimpleSchema from 'simpl-schema';
+import { Tracker } from 'meteor/tracker';
+
+/** Define a Mongo collection to hold the data. */
+const EnrollmentData = new Mongo.Collection('EnrollmentData');
+
+/** Define a schema to specify the structure of each document in the collection. */
+const EnrollmentDataSchema = new SimpleSchema({
+  email: String,
+  enrolled: Date,
+}, { tracker: Tracker });
+
+/** Attach the schema to the collection. */
+EnrollmentData.attachSchema(EnrollmentDataSchema);
+
+/** Make these objects available to others. */
+export { EnrollmentData, EnrollmentDataSchema };

app/imports/api/enrollmentdata/EnrollmentData.js

@@ -0,0 +1,30 @@
+import { Mongo } from 'meteor/mongo';
+import SimpleSchema from 'simpl-schema';
+import { Tracker } from 'meteor/tracker';
+
+/** Define a Mongo collection to hold the data. */
+const StudentData = new Mongo.Collection('StudentData');
+
+const StudentDataValues = {
+  hobbies: ['Surfing', 'Running', 'Biking', 'Paddling'],
+  levels: ['Freshman', 'Sophomore', 'Junior', 'Senior'],
+  majors: ['Physics', 'Math', 'Chemistry', 'Computer Science'],
+};
+
+/** Define a schema to specify the structure of each document in the collection. */
+const StudentDataSchema = new SimpleSchema({
+  name: String,
+  email: String,
+  bio: { type: String, optional: true, defaultValue: '' },
+  hobbies: { type: Array, optional: true },
+  'hobbies.$': { type: String, allowedValues: StudentDataValues.hobbies },
+  level: { type: String, allowedValues: StudentDataValues.levels },
+  gpa: Number,
+  major: String,
+}, { tracker: Tracker });
+
+/** Attach the schema to the collection. */
+StudentData.attachSchema(StudentDataSchema);
+
+/** Make these objects available to others. */
+export { StudentDataValues, StudentData, StudentDataSchema };

app/imports/api/studentdata/StudentData.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { Meteor } from 'meteor/meteor';
+import App from '../../ui/layouts/App.jsx';
+
+/** Startup the application by rendering the App layout component. */
+Meteor.startup(() => {
+  render(<App />, document.getElementById('root'));  // eslint-disable-line
+});

app/imports/startup/client/Startup.jsx

@@ -0,0 +1,11 @@
+import { Meteor } from 'meteor/meteor';
+import { StudentData } from '../../api/studentdata/StudentData.js';
+import { EnrollmentData } from '../../api/enrollmentdata/EnrollmentData.js';
+
+Meteor.publish('StudentData', function publishStudentData() {
+  return StudentData.find();
+});
+
+Meteor.publish('EnrollmentData', function publishEnrollmentData() {
+  return EnrollmentData.find();
+});

app/imports/startup/server/Publications.js

@@ -0,0 +1,21 @@
+import React from 'react';
+
+/** The Footer appears at the bottom of every page. Rendered by the App Layout component. */
+class Footer extends React.Component {
+  render() {
+    const divStyle = { paddingTop: '15px' };
+    return (
+      <footer>
+        <div style={divStyle} className="ui center aligned container">
+          <hr />
+              Department of Information and Computer Sciences <br />
+              University of Hawaii<br />
+              Honolulu, HI 96822 <br />
+          <a href="http://ics-software-engineering.github.io/meteor-example-form-react">Template Home Page</a>
+        </div>
+      </footer>
+    );
+  }
+}
+
+export default Footer;

app/imports/ui/components/Footer.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { withRouter, NavLink } from 'react-router-dom';
+import { Menu, Header } from 'semantic-ui-react';
+
+/** The NavBar appears at the top of every page. Rendered by the App Layout component. */
+class NavBar extends React.Component {
+  render() {
+    const menuStyle = { marginBottom: '10px' };
+    return (
+      <Menu style={menuStyle} attached="top" borderless inverted>
+        <Menu.Item as={NavLink} activeClassName="" exact to="/">
+          <Header inverted as='h1'>meteor-example-form-react</Header>
+        </Menu.Item>
+      </Menu>
+    );
+  }
+}
+
+/** Enable ReactRouter for this component. https://reacttraining.com/react-router/web/api/withRouter */
+export default withRouter(NavBar);

app/imports/ui/components/NavBar.jsx

@@ -0,0 +1,21 @@
+import SimpleSchema from 'simpl-schema';
+import { StudentDataValues as DataValues } from '../../api/studentdata/StudentData';
+
+const gpaValues = ['0.0-0.9', '1.0-1.9', '2.0-2.9', '3.0-3.9', '4.0+'];
+
+const gpa2String = (num) => gpaValues[num];
+const gpa2Number = (string) => gpaValues.indexOf(string);
+
+const StudentFormSchema = new SimpleSchema({
+  name: { label: 'Name', type: String },
+  email: { label: 'Email', type: String },
+  bio: { label: 'Biographical Statement', type: String, optional: true, defaultValue: '' },
+  hobbies: { label: 'Hobbies', type: Array, optional: true },
+  'hobbies.$': { type: String, allowedValues: DataValues.hobbies },
+  level: { label: 'Level', type: String, allowedValues: DataValues.levels, defaultValue: DataValues.levels[0] },
+  gpa: { label: 'GPA', type: String, allowedValues: gpaValues },
+  major: { label: 'Major', type: String, allowedValues: DataValues.majors },
+  enrolled: { label: 'Date Enrolled', type: Date, defaultValue: new Date() },
+});
+
+export { StudentFormSchema, gpa2String, gpa2Number };