Packet 3.3 - Fall Packet MVP

.gitignore

@@ -110,8 +110,8 @@ config.py
 node_modules
 
 # Generated Assets
-packet/static/css/packet.css
-*.min.css
+packet/static/css/**/*.css
+packet/static/js/*.min.js
 packet/static/android-chrome-192x192.png
 packet/static/android-chrome-512x512.png
 packet/static/apple-touch-icon.png

.nvmrc

@@ -1 +1 @@
-6
+10

Dockerfile

@@ -14,7 +14,7 @@ RUN apt-get -yq update && \
 
 ADD . /opt/packet
 
-RUN curl -sL https://deb.nodesource.com/setup_6.x | bash - && \
+RUN curl -sL https://deb.nodesource.com/setup_10.x | bash - && \
     curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - && \
     echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list && \
     apt-get -yq update && \

config.env.py

@@ -2,13 +2,14 @@
 Default configuration settings and environment variable based configuration logic
     See the readme for more information
 """
-
+from distutils.util import strtobool
 from os import environ
 
 # Flask config
 DEBUG = False
 IP = environ.get("PACKET_IP", "localhost")
 PORT = environ.get("PACKET_PORT", "8000")
+PROTOCOL = environ.get("PACKET_PROTOCOL", "https://")
 SERVER_NAME = environ.get("PACKET_SERVER_NAME", IP + ":" + PORT)
 SECRET_KEY = environ.get("PACKET_SECRET_KEY", "PLEASE_REPLACE_ME")
 
@@ -31,5 +32,23 @@
 LDAP_BIND_DN = environ.get("PACKET_LDAP_BIND_DN", None)
 LDAP_BIND_PASS = environ.get("PACKET_LDAP_BIND_PASS", None)
 
+# Mail Config
+MAIL_PROD = strtobool(environ.get("PACKET_MAIL_PROD", "False"))
+MAIL_SERVER = environ.get("PACKET_MAIL_SERVER", "thoth.csh.rit.edu")
+MAIL_USERNAME = environ.get("PACKET_MAIL_USERNAME", "[email protected]")
+MAIL_PASSWORD = environ.get("PACKET_MAIL_PASSWORD", None)
+MAIL_USE_TLS = strtobool(environ.get("PACKET_MAIL_TLS", "True"))
+
+# OneSignal Config
+ONESIGNAL_USER_AUTH_KEY = environ.get("PACKET_ONESIGNAL_USER_AUTH_KEY", None)
+ONESIGNAL_CSH_APP_AUTH_KEY = environ.get("PACKET_ONESIGNAL_CSH_APP_AUTH_KEY", None)
+ONESIGNAL_CSH_APP_ID = environ.get("PACKET_ONESIGNAL_CSH_APP_ID", "6eff123a-0852-4027-804e-723044756f00")
+ONESIGNAL_INTRO_APP_AUTH_KEY = environ.get("PACKET_ONESIGNAL_INTRO_APP_AUTH_KEY", None)
+ONESIGNAL_INTRO_APP_ID = environ.get("PACKET_ONESIGNAL_INTRO_APP_ID", "6eff123a-0852-4027-804e-723044756f00")
+
 # Slack URL for pushing to #general
 SLACK_WEBHOOK_URL = environ.get("PACKET_SLACK_URL", None)
+
+# Packet Config
+PACKET_UPPER = environ.get("PACKET_UPPER", "packet.csh.rit.edu")
+PACKET_INTRO = environ.get("PACKET_INTRO", "freshmen-packet.csh.rit.edu")

frontend/scss/components/buttons.scss

@@ -11,4 +11,10 @@ button {
   &.signed-button {
     float: right;
   }
+
+  @media screen and (min-width: 992px) {
+    &.report-button {
+      margin-top: 0.5rem !important;
+    }
+  }
 }

gulpfile.js/index.js

@@ -11,15 +11,12 @@
  when you run `gulp`.
  */
 
-var requireDir = require('require-dir');
-var gulp = require('gulp');
+const requireDir = require('require-dir');
+const gulp = require('gulp');
 
 // Require all tasks in gulpfile.js/tasks, including subfolders
 requireDir('./tasks', {recurse: true});
 
-// CSS
-gulp.task('css', ['sass:compile', 'css:minify']);
-
 // Default task
-gulp.task('default', ['css']);
-gulp.task('production', ['css', 'generate-favicon', 'pylint']);
+gulp.task('default', gulp.parallel('css', 'js'));
+gulp.task('production', gulp.parallel('css', 'js', 'generate-favicon', 'pylint'));

gulpfile.js/tasks/favicon.js

@@ -1,74 +1,74 @@
-var gulp = require('gulp');
-var realFavicon = require ('gulp-real-favicon');
-var fs = require('fs');
+const gulp = require('gulp');
+const realFavicon = require('gulp-real-favicon');
+const fs = require('fs');
 
 // File where the favicon markups are stored
-var FAVICON_DATA_FILE = 'faviconData.json';
+const FAVICON_DATA_FILE = 'faviconData.json';
 
 // Generate the icons. This task takes a few seconds to complete.
 // You should run it at least once to create the icons. Then,
 // you should run it whenever RealFaviconGenerator updates its
 // package (see the check-for-favicon-update task below).
-gulp.task('generate-favicon', function(done) {
-	realFavicon.generateFavicon({
-		masterPicture: 'packet/static/assets/logo.svg',
-		dest: 'packet/static',
-		iconsPath: '/',
-		design: {
-			ios: {
-				pictureAspect: 'backgroundAndMargin',
-				backgroundColor: '#ffffff',
-				margin: '35%',
-				assets: {
-					ios6AndPriorIcons: false,
-					ios7AndLaterIcons: false,
-					precomposedIcons: false,
-					declareOnlyDefaultIcon: true
-				}
-			},
-			desktopBrowser: {},
-			windows: {
-				pictureAspect: 'whiteSilhouette',
-				backgroundColor: '#b0197e',
-				onConflict: 'override',
-				assets: {
-					windows80Ie10Tile: true,
-					windows10Ie11EdgeTiles: {
-						small: true,
-						medium: true,
-						big: true,
-						rectangle: true
-					}
-				}
-			},
-			androidChrome: {
-				pictureAspect: 'noChange',
-				themeColor: '#b0197e',
-				manifest: {
-					display: 'standalone',
-					orientation: 'notSet',
-					onConflict: 'override',
-					declared: true
-				},
-				assets: {
-					legacyIcon: false,
-					lowResolutionIcons: false
-				}
-			},
-			safariPinnedTab: {
-				pictureAspect: 'silhouette',
-				themeColor: '#b0197e'
-			}
-		},
-		settings: {
-			scalingAlgorithm: 'Mitchell',
-			errorOnImageTooSmall: false,
-			readmeFile: false,
-			htmlCodeFile: false,
-			usePathAsIs: false
-		},
-		markupFile: FAVICON_DATA_FILE
-	}, function() {
-		done();
-	});
+gulp.task('generate-favicon', (done) => {
+    realFavicon.generateFavicon({
+        masterPicture: 'packet/static/assets/logo.svg',
+        dest: 'packet/static',
+        iconsPath: '/',
+        design: {
+            ios: {
+                pictureAspect: 'backgroundAndMargin',
+                backgroundColor: '#ffffff',
+                margin: '35%',
+                assets: {
+                    ios6AndPriorIcons: false,
+                    ios7AndLaterIcons: false,
+                    precomposedIcons: false,
+                    declareOnlyDefaultIcon: true
+                }
+            },
+            desktopBrowser: {},
+            windows: {
+                pictureAspect: 'whiteSilhouette',
+                backgroundColor: '#b0197e',
+                onConflict: 'override',
+                assets: {
+                    windows80Ie10Tile: true,
+                    windows10Ie11EdgeTiles: {
+                        small: true,
+                        medium: true,
+                        big: true,
+                        rectangle: true
+                    }
+                }
+            },
+            androidChrome: {
+                pictureAspect: 'noChange',
+                themeColor: '#b0197e',
+                manifest: {
+                    display: 'standalone',
+                    orientation: 'notSet',
+                    onConflict: 'override',
+                    declared: true
+                },
+                assets: {
+                    legacyIcon: false,
+                    lowResolutionIcons: false
+                }
+            },
+            safariPinnedTab: {
+                pictureAspect: 'silhouette',
+                themeColor: '#b0197e'
+            }
+        },
+        settings: {
+            scalingAlgorithm: 'Mitchell',
+            errorOnImageTooSmall: false,
+            readmeFile: false,
+            htmlCodeFile: false,
+            usePathAsIs: false
+        },
+        markupFile: FAVICON_DATA_FILE
+    }, function () {
+        done();
+    });
 });

gulpfile.js/tasks/javascript.js

@@ -0,0 +1,21 @@
+const gulp = require('gulp');
+const minify = require('gulp-minify');
+
+gulp.task('js:minify', (done) => {
+    gulp.src([
+        'packet/static/js/*.js',
+        '!packet/static/js/*.min.js'
+    ])
+        .pipe(minify({
+            ext: {
+                src: '.js',
+                min: '.min.js'
+            },
+            ignoreFiles: ['.min.js']
+        }))
+        .pipe(gulp.dest('packet/static/js'));
+    done();
+});
+
+// JS
+gulp.task('js', gulp.series('js:minify'));

gulpfile.js/tasks/pylint.js

@@ -1,12 +1,12 @@
-var gulp = require('gulp');
-var exec = require('child_process').exec;
+const gulp = require('gulp');
+const exec = require('child_process').exec;
 
-var pylintTask = function (cb) {
+let pylintTask = (cb) => {
     exec('pylint packet', function (err, stdout, stderr) {
         console.log(stdout);
         console.log(stderr);
         cb(err);
     });
-}
+};
 
 gulp.task('pylint', pylintTask);

gulpfile.js/tasks/stylesheets.js

@@ -0,0 +1,29 @@
+const gulp = require('gulp');
+const sass = require('gulp-sass');
+const cleanCSS = require('gulp-clean-css');
+const rename = require("gulp-rename");
+
+// Compile SCSS
+gulp.task('sass:compile', () => {
+    return gulp.src('frontend/scss/**/*.scss')
+        .pipe(sass.sync({
+            outputStyle: 'expanded'
+        }).on('error', sass.logError))
+        .pipe(gulp.dest('packet/static/css'))
+});
+
+// Minify CSS
+gulp.task('css:minify', () => {
+    return gulp.src([
+        'packet/static/css/*.css',
+        '!packet/static/css/*.min.css'
+    ])
+        .pipe(cleanCSS())
+        .pipe(rename({
+            suffix: '.min'
+        }))
+        .pipe(gulp.dest('packet/static/css'));
+});
+
+// CSS
+gulp.task('css', gulp.series('sass:compile', 'css:minify'));

migrations/versions/53768f0a4850_notifications.py

@@ -0,0 +1,35 @@
+"""notifications
+
+Revision ID: 53768f0a4850
+Revises: eecf30892d0e
+Create Date: 2019-08-06 22:15:04.400982
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = '53768f0a4850'
+down_revision = 'eecf30892d0e'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('notification_subscriptions',
+    sa.Column('member', sa.String(length=36), nullable=True),
+    sa.Column('freshman_username', sa.String(length=10), nullable=True),
+    sa.Column('token', sa.String(length=256), nullable=False),
+    sa.ForeignKeyConstraint(['freshman_username'], ['freshman.rit_username'], ),
+    sa.PrimaryKeyConstraint('token')
+    )
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_table('notification_subscriptions')
+    # ### end Alembic commands ###
+

package.json

@@ -1,7 +1,7 @@
 {
   "title": "CSH Packet",
   "name": "csh-packet",
-  "version": "3.2",
+  "version": "3.3.0",
   "description": "A web app implementation of the CSH introductory packet.",
   "bugs": {
     "url": "https://github.com/ComputerScienceHouse/packet/issues",
@@ -17,11 +17,12 @@
     "url": "https://github.com/ComputerScienceHouse/packet.git"
   },
   "devDependencies": {
-    "gulp": "^3.9.1",
-    "gulp-clean-css": "^3.9.2",
-    "gulp-real-favicon": "^0.2.2",
-    "gulp-rename": "^1.2.2",
-    "gulp-sass": "^3.1.0",
-    "require-dir": "^1.0.0"
+    "gulp": "^4.0.2",
+    "gulp-clean-css": "^4.2.0",
+    "gulp-real-favicon": "^0.3.2",
+    "gulp-rename": "^1.4.0",
+    "gulp-sass": "^4.0.2",
+    "gulp-minify": "^3.1.0",
+    "require-dir": "^1.2.0"
   }
 }