From a5ebe9b5409878cc70653c3d8a553e9f946ab583 Mon Sep 17 00:00:00 2001
From: Thomas Buys <thomas.buys.v3911@student.hogent.be>
Date: Mon, 12 Dec 2016 00:21:51 +0100
Subject: [PATCH] Possible fix for occasional error 413 when saving drawing +
 Remove some console.logs

---
 app.js                                 | 2 +-
 client/app/config/app.templates.js     | 8 ++++----
 client/app/services/drawing.service.js | 6 ------
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/app.js b/app.js
index 8da0a07..b950734 100644
--- a/app.js
+++ b/app.js
@@ -36,7 +36,7 @@ server.listen(8085, () => {
 // uncomment after placing your favicon in /public
 //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
 app.use(logger('dev'));
-app.use(bodyParser.json());
+app.use(bodyParser.json({limit: '10mb'}));
 app.use(bodyParser.urlencoded({extended: false}));
 app.use(cookieParser());
 //app.use(express.static(path.join(__dirname, 'public')));
diff --git a/client/app/config/app.templates.js b/client/app/config/app.templates.js
index f6b3752..302759a 100644
--- a/client/app/config/app.templates.js
+++ b/client/app/config/app.templates.js
@@ -1,8 +1,8 @@
-angular.module('templates', []).run(['$templateCache', function($templateCache) {$templateCache.put('components/list-errors.html','<ul class="error-messages" ng-show="$ctrl.errors">\r\n  <div ng-repeat="(field, errors) in $ctrl.errors">\r\n    <li ng-repeat="error in errors">\r\n      {{field}} {{error}}\r\n    </li>\r\n  </div>\r\n</ul>');
-$templateCache.put('home/home.html','<div class="home-page">\r\n\r\n\t<div id="home-navbar">\r\n\t\t<ul>\r\n\r\n\t\t  <li class="nav-item canvas-button">\r\n\t\t\t<a class="nav-link"\r\n\t\t\t  ui-sref-active="active"\r\n\t\t\t  ui-sref="app.canvas">\r\n\t\t\t  Canvas\r\n\t\t\t</a>\r\n\t\t  </li>\r\n\t\t  \r\n\t\t  <h1>WebApps 3 Drawing Application</h1>\r\n\r\n\t\t  <div ng-hide="$ctrl.authed" class="authDiv">\r\n\t\t\t  <li class="nav-item auth-button">\r\n\t\t\t\t<a class="nav-link"\r\n\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t  ui-sref="app.login">\r\n\t\t\t\t  Sign in\r\n\t\t\t\t</a>\r\n\t\t\t  </li>\r\n\r\n\t\t\t  <li class="nav-item auth-button">\r\n\t\t\t\t<a class="nav-link"\r\n\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t  ui-sref="app.register">\r\n\t\t\t\t  Sign up\r\n\t\t\t\t</a>\r\n\t\t\t  </li>\r\n\t\t  </div>\r\n\t\t  \r\n\t\t  <div show-authed="true" class="authDiv">\r\n\t\t\t  <li class="nav-item auth-button">\r\n\t\t\t\t<a class="nav-link" href=""\r\n\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t  ng-click="$ctrl.logout()">\r\n\t\t\t\t  Logout\r\n\t\t\t\t</a>\r\n\t\t\t  </li>\r\n\t\t  </div>\r\n\r\n\t\t</ul>\r\n\t</div>\r\n\t\r\n\t<div id="newsMessage">\r\n\t\t<p>Welcome to the home page of this Drawing Application.</p>\r\n\t\t<p>This website allows you to draw alone or with other people. You can also name your drawing and save it, it will then display here on the home page.</p>\r\n\t\t<p>Below you can see a list of drawings that were already saved by other people.</p>\r\n\t\t<p>This website was developed by Thomas Buys.</p>\r\n\t</div>\r\n\t\r\n\t<div id="images">\r\n\t\t<div id="loading">\r\n\t\t\t<h1>Loading images...</h1>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>\r\n');
-$templateCache.put('auth/auth.html','<div class="auth-page">\r\n    <div class="row">\r\n\t\t<div class="auth-header">\r\n\t\t\t<ul>\r\n\t\t\t\t<li class="nav-item canvas-button">\r\n\t\t\t\t\t<a class="nav-link"\r\n\t\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t\t  ui-sref="app.home">\r\n\t\t\t\t\t  Home\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</li>\r\n\t\t\t\t<h1 class="auth-title" ng-bind="::$ctrl.title"></h1>\r\n\t\t\t\t<div class="block"></div>\r\n\t\t\t</ul>\r\n\t\t\t\r\n\t\t</div>\r\n        <p>\r\n          <a ui-sref="app.login" ng-show="$ctrl.authType === \'register\'">\r\n            Have an account?\r\n          </a>\r\n\t\t  <a ui-sref="app.register" ng-show="$ctrl.authType === \'login\'">\r\n            Need an account?\r\n          </a>\r\n        </p>\r\n\t\t\r\n\t\t<p class="auth-error">{{$ctrl.errors}}</p>\r\n\r\n\t\t\t<form name="authForm" novalidate ng-submit="$ctrl.submitForm()" id="authForm">\r\n\t\t\t  <fieldset ng-disabled="$ctrl.isSubmitting">\r\n\r\n\t\t\t\t  <input class="auth-input"\r\n\t\t\t\t\ttype="text"\r\n\t\t\t\t\tplaceholder="Username"\r\n\t\t\t\t\tng-model="$ctrl.formData.username"\r\n\t\t\t\t\tng-pattern="/^([A-Za-z0-9\\-\\_]{3,16}$)+$/" ng-required="$ctrl.authType === \'register\'" ng-show="$ctrl.authType === \'register\'"/>\r\n\r\n\t\t\t\t  <input class="auth-input"\r\n\t\t\t\t\ttype="email"\r\n\t\t\t\t\tplaceholder="Email"\r\n\t\t\t\t\tng-model="$ctrl.formData.email" required/>\r\n\r\n\t\t\t\t  <input class="auth-input"\r\n\t\t\t\t\ttype="password"\r\n\t\t\t\t\tplaceholder="Password"\r\n\t\t\t\t\tng-model="$ctrl.formData.password" required/>\r\n\r\n\t\t\t\t<md-button class="authSubmit md-raised" type="submit" ng-bind="$ctrl.title" ng-disabled="authForm.$invalid" aria-label="auth"/>\r\n\t\t\t  </fieldset>\r\n\t\t\t</form>\r\n  </div>\r\n</div>');
+angular.module('templates', []).run(['$templateCache', function($templateCache) {$templateCache.put('auth/auth.html','<div class="auth-page">\r\n    <div class="row">\r\n\t\t<div class="auth-header">\r\n\t\t\t<ul>\r\n\t\t\t\t<li class="nav-item canvas-button">\r\n\t\t\t\t\t<a class="nav-link"\r\n\t\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t\t  ui-sref="app.home">\r\n\t\t\t\t\t  Home\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</li>\r\n\t\t\t\t<h1 class="auth-title" ng-bind="::$ctrl.title"></h1>\r\n\t\t\t\t<div class="block"></div>\r\n\t\t\t</ul>\r\n\t\t\t\r\n\t\t</div>\r\n        <p>\r\n          <a ui-sref="app.login" ng-show="$ctrl.authType === \'register\'">\r\n            Have an account?\r\n          </a>\r\n\t\t  <a ui-sref="app.register" ng-show="$ctrl.authType === \'login\'">\r\n            Need an account?\r\n          </a>\r\n        </p>\r\n\t\t\r\n\t\t<p class="auth-error">{{$ctrl.errors}}</p>\r\n\r\n\t\t\t<form name="authForm" novalidate ng-submit="$ctrl.submitForm()" id="authForm">\r\n\t\t\t  <fieldset ng-disabled="$ctrl.isSubmitting">\r\n\r\n\t\t\t\t  <input class="auth-input"\r\n\t\t\t\t\ttype="text"\r\n\t\t\t\t\tplaceholder="Username"\r\n\t\t\t\t\tng-model="$ctrl.formData.username"\r\n\t\t\t\t\tng-pattern="/^([A-Za-z0-9\\-\\_]{3,16}$)+$/" ng-required="$ctrl.authType === \'register\'" ng-show="$ctrl.authType === \'register\'"/>\r\n\r\n\t\t\t\t  <input class="auth-input"\r\n\t\t\t\t\ttype="email"\r\n\t\t\t\t\tplaceholder="Email"\r\n\t\t\t\t\tng-model="$ctrl.formData.email" required/>\r\n\r\n\t\t\t\t  <input class="auth-input"\r\n\t\t\t\t\ttype="password"\r\n\t\t\t\t\tplaceholder="Password"\r\n\t\t\t\t\tng-model="$ctrl.formData.password" required/>\r\n\r\n\t\t\t\t<md-button class="authSubmit md-raised" type="submit" ng-bind="$ctrl.title" ng-disabled="authForm.$invalid" aria-label="auth"/>\r\n\t\t\t  </fieldset>\r\n\t\t\t</form>\r\n  </div>\r\n</div>');
+$templateCache.put('components/list-errors.html','<ul class="error-messages" ng-show="$ctrl.errors">\r\n  <div ng-repeat="(field, errors) in $ctrl.errors">\r\n    <li ng-repeat="error in errors">\r\n      {{field}} {{error}}\r\n    </li>\r\n  </div>\r\n</ul>');
 $templateCache.put('canvas/canvas.html','<div id="navbar">\r\n\t<ul class="canvasNav">\r\n\t\t<li class="nav-item canvas-button">\r\n\t\t\t<a class="nav-link"\r\n\t\t\t\tui-sref-active="active"\r\n\t\t\t\tui-sref="app.home">\r\n\t\t\t\tHome\r\n\t\t\t</a>\r\n\t\t</li>\r\n\t\t<md-button id="colorOptions" class="md-fab icon ion-android-color-palette" aria-label="Change Color"/>\r\n\t\t<div id="colorList">\r\n\t\t\t<div id="black" class="color"/>\r\n\t\t\t<div id="white" class="color"/>\r\n\t\t\t<div id="green" class="color"/>\r\n\t\t\t<div id="yellow" class="color"/>\r\n\t\t\t<div id="orange" class="color"/>\r\n\t\t\t<div id="red" class="color"/>\r\n\t\t\t<div id="lightBlue" class="color"/>\r\n\t\t\t<div id="blue" class="color"/>\r\n\t\t\t<div id="purple" class="color"/>\r\n\t\t</div>\r\n\t\t<div id="customColor">\r\n\t\t\t<label class="customColorLabel">Custom Color</label>\r\n\t\t\t<input class="customColorInput" ng-model="colorModel" placeholder="HEX/Color..." press-enter="submitCustomColor(colorModel)">\r\n\t\t\t<md-button id="submitCustomColor" ng-click="submitCustomColor(colorModel)" class="md-fab icon ion-checkmark" aria-label="SubmitCustomColor"/>\r\n\t\t</div>\r\n\t\t<div class="alert alert-success alertCustom" ng-show="showAlert">\r\n\t\t\t<button type="button" class="close" data-ng-click="switchBool(\'showAlert\')" >\xD7</button>\r\n\t\t\t<strong>{{textTitle}}</strong> {{textAlert}}\r\n\t\t</div>\r\n\t</ul>\r\n</div>\r\n\t\r\n<div id="content">\r\n\r\n\t<div id="cvContainer"><!-- our canvas will be inserted here--></div>\r\n\t<div id="sidebar">\r\n\t\t<md-button id="clearCv" class="md-fab icon ion-ios-trash" aria-label="Clear Canvas"/>\r\n\t\t<md-button id="changeBrushSize" class="md-fab icon ion-record" aria-label="Brush Size"/>\r\n\t\t<md-button id="changeBgColor" class="md-fab icon ion-paintbucket" aria-label="Change Canvas Background Color"/>\r\n\t\t<md-button id="saveDrawing" class="md-fab icon ion-image" aria-label="Save Image to Server"/>\r\n\t</div>\r\n\t\r\n</div>\r\n\r\n<div id="footer">\r\n\t<p id="footerText">WebApps 3 Drawing Application</p>\r\n</div>');
 $templateCache.put('layout/app-view.html','<div ui-view></div>');
 $templateCache.put('layout/footer.html','<div id="footer">\r\n\t<span>test</span>\r\n</div>');
 $templateCache.put('layout/header.html','<div id="navbar">\r\n\t<select id="colorOptions"></select>\r\n\t<span>Evil Drawing</span>\r\n</div>');
-$templateCache.put('layout/sidebar.html','<div id="sidebar">\r\n                <input type ="button" id="clearCv" value="Clear Canvas"/>\r\n                <input type ="button" id="changeBrushSize" value="Brush Size"/>\r\n</div>');}]);
\ No newline at end of file
+$templateCache.put('layout/sidebar.html','<div id="sidebar">\r\n                <input type ="button" id="clearCv" value="Clear Canvas"/>\r\n                <input type ="button" id="changeBrushSize" value="Brush Size"/>\r\n</div>');
+$templateCache.put('home/home.html','<div class="home-page">\r\n\r\n\t<div id="home-navbar">\r\n\t\t<ul>\r\n\r\n\t\t  <li class="nav-item canvas-button">\r\n\t\t\t<a class="nav-link"\r\n\t\t\t  ui-sref-active="active"\r\n\t\t\t  ui-sref="app.canvas">\r\n\t\t\t  Canvas\r\n\t\t\t</a>\r\n\t\t  </li>\r\n\t\t  \r\n\t\t  <h1>WebApps 3 Drawing Application</h1>\r\n\r\n\t\t  <div ng-hide="$ctrl.authed" class="authDiv">\r\n\t\t\t  <li class="nav-item auth-button">\r\n\t\t\t\t<a class="nav-link"\r\n\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t  ui-sref="app.login">\r\n\t\t\t\t  Sign in\r\n\t\t\t\t</a>\r\n\t\t\t  </li>\r\n\r\n\t\t\t  <li class="nav-item auth-button">\r\n\t\t\t\t<a class="nav-link"\r\n\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t  ui-sref="app.register">\r\n\t\t\t\t  Sign up\r\n\t\t\t\t</a>\r\n\t\t\t  </li>\r\n\t\t  </div>\r\n\t\t  \r\n\t\t  <div show-authed="true" class="authDiv">\r\n\t\t\t  <li class="nav-item auth-button">\r\n\t\t\t\t<a class="nav-link" href=""\r\n\t\t\t\t  ui-sref-active="active"\r\n\t\t\t\t  ng-click="$ctrl.logout()">\r\n\t\t\t\t  Logout\r\n\t\t\t\t</a>\r\n\t\t\t  </li>\r\n\t\t  </div>\r\n\r\n\t\t</ul>\r\n\t</div>\r\n\t\r\n\t<div id="newsMessage">\r\n\t\t<p>Welcome to the home page of this Drawing Application.</p>\r\n\t\t<p>This website allows you to draw alone or with other people. You can also name your drawing and save it, it will then display here on the home page.</p>\r\n\t\t<p>Below you can see a list of drawings that were already saved by other people.</p>\r\n\t\t<p>This website was developed by Thomas Buys.</p>\r\n\t</div>\r\n\t\r\n\t<div id="images">\r\n\t\t<div id="loading">\r\n\t\t\t<h1>Loading images...</h1>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>\r\n');}]);
\ No newline at end of file
diff --git a/client/app/services/drawing.service.js b/client/app/services/drawing.service.js
index 715a7ac..13615dd 100644
--- a/client/app/services/drawing.service.js
+++ b/client/app/services/drawing.service.js
@@ -33,9 +33,6 @@ export default class Drawing {
 			}).then(
 				(res) => {
 					return res;
-				},
-				(err) => {
-					console.log(err);
 				}
 			);
 	}
@@ -47,9 +44,6 @@ export default class Drawing {
 			}).then(
 				(res) => {
 					return res;
-				},
-				(err) => {
-					console.log(err);
 				}
 			);
 	}