Armitage35
diff --git a/‎.restyled.yaml
Lines changed: 6 additions & 6 deletions b/‎.restyled.yaml
Lines changed: 6 additions & 6 deletions
diff --git a/‎babel.config.js
Lines changed: 9 additions & 4 deletions b/‎babel.config.js
Lines changed: 9 additions & 4 deletions
diff --git a/‎package.json
Lines changed: 4 additions & 3 deletions b/‎package.json
Lines changed: 4 additions & 3 deletions
diff --git a/‎public/android-chrome-192x192.png
5 KB b/‎public/android-chrome-192x192.png
5 KB
diff --git a/‎public/android-chrome-512x512.png
18 KB b/‎public/android-chrome-512x512.png
18 KB
diff --git a/‎public/index.html
Lines changed: 2 additions & 2 deletions b/‎public/index.html
Lines changed: 2 additions & 2 deletions
diff --git a/‎public/manifest.json
Lines changed: 36 additions & 0 deletions b/‎public/manifest.json
Lines changed: 36 additions & 0 deletions
diff --git a/‎src/App.scss
Lines changed: 10 additions & 5 deletions b/‎src/App.scss
Lines changed: 10 additions & 5 deletions
diff --git a/‎src/App.vue
Lines changed: 47 additions & 4 deletions b/‎src/App.vue
Lines changed: 47 additions & 4 deletions
diff --git a/‎src/assets/logo.png
5.73 KB b/‎src/assets/logo.png
5.73 KB
diff --git a/‎src/components/Lane/Lane.scss
Lines changed: 0 additions & 1 deletion b/‎src/components/Lane/Lane.scss
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/components/Modal/CreateEpicModal/CreateEpicModal.vue
Lines changed: 2 additions & 26 deletions b/‎src/components/Modal/CreateEpicModal/CreateEpicModal.vue
Lines changed: 2 additions & 26 deletions
diff --git a/‎src/components/Modal/ExportRoadmapModal/ExportRoadmapModal.scss
Lines changed: 0 additions & 4 deletions b/‎src/components/Modal/ExportRoadmapModal/ExportRoadmapModal.scss
Lines changed: 0 additions & 4 deletions
diff --git a/‎src/components/Modal/ImportRoadmapModal/ImportRoadmapModal.scss
Lines changed: 12 additions & 0 deletions b/‎src/components/Modal/ImportRoadmapModal/ImportRoadmapModal.scss
Lines changed: 12 additions & 0 deletions
@@ -12,12 +12,12 @@ comments: true
 
 # Set commit statuses on the original PR?
 statuses:
-	# Red status in the case of differences found
-	differences: true
-	# Green status in the case of no differences found
-	no_differences: true
-	# Red status if we encounter errors restyling
-	error: true
+  # Red status in the case of differences found
+  differences: true
+  # Green status in the case of no differences found
+  no_differences: true
+  # Red status if we encounter errors restyling
+  error: true
 
 # Request review on the Restyle PR?
 request_review: author
 
@@ -1,5 +1,10 @@
 module.exports = {
-  presets: [
-    '@vue/app'
-  ]
-}
+	presets: [
+		[
+			'@vue/app',
+			{
+				useBuiltIns: 'entry',
+			},
+		],
+	],
+};
@@ -1,7 +1,7 @@
 {
 	"name": "fuzz-roadmap",
-	"version": "1.0.0",
-	"description": "A roadmapping tool that lets you forget about timelines",
+	"version": "1.2.3",
+	"description": "A roadmapping tool that lets you forget about time estimate and focus on what matters",
 	"author": "Adrien D. Ahlqvist",
 	"bugs": "https://github.com/Armitage35/fuzzy-roadmap/issues",
 	"license": "MIT",
@@ -17,13 +17,14 @@
 		"deploy": "bash src/deploy.sh"
 	},
 	"dependencies": {
-		"core-js": "^3.1.4",
+		"core-js": "^3.2.1",
 		"html2canvas": "^1.0.0-rc.3",
 		"izitoast": "^1.4.0",
 		"tippy.js": "^4.3.5",
 		"vue": "^2.6.10"
 	},
 	"devDependencies": {
+		"@vue/cli": "^3.11.0",
 		"@vue/cli-plugin-babel": "^3.10.0",
 		"@vue/cli-plugin-eslint": "^3.11.0",
 		"@vue/cli-service": "^3.11.0",
 
@@ -7,14 +7,14 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Fuzz Roadmap</title>
     <meta name="description" content="Lets you build a fuzzy time roadmap for your agile team">
-    <script src="https://kit.fontawesome.com/797b746f81.js"></script>
+		<script src="https://kit.fontawesome.com/797b746f81.js"></script>
+		<link rel="manifest" href="<%= BASE_URL %>manifest.json">
   </head>
   <body>
     <noscript>
       <strong>We're sorry but Fuzz Roadmap doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
 		<!-- built files will be auto injected -->
-		<!-- @TODO: add a manifest -->
   </body>
 </html>
@@ -0,0 +1,36 @@
+{
+	"short_name": "Fuzzy Roadmap",
+	"name": "Fuzzy Roadmap",
+	"description": "A roadmapping tool that lets you forget about timelines",
+	"version": "1.1.1",
+	"author": "Adrien D. Ahlqvist",
+	"developer": {
+		"name": "Adrien D. Ahlqvist",
+		"url": "https://armitageweb.net/"
+	},
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"homepage_url": "fuzzyroadmap.com",
+	"default_locale": "en",
+	"lang": "en-CA",
+	"manifest_version": 1,
+	"orientation": "landscape",
+	"browser_action": {
+		"default_icon": "favicon.ico",
+		"default_popup": "index.html"
+	},
+	"start_url": "./index.html",
+	"display": "standalone",
+	"theme_color": "#3A4768",
+	"background_color": "#3A4768"
+}
@@ -1,6 +1,5 @@
 body {
 	font-family: $mainFonts;
-	text-transform: uppercase;
 }
 
 h2 {
@@ -49,6 +48,16 @@ button {
 	}
 }
 
+textarea {
+	border: $defaultBorder;
+	resize: none;
+	overflow: auto;
+	width: 90%;
+	font-family: $mainFonts;
+	border-radius: 5px;
+	padding: 12px;
+}
+
 .app {
 	display: flex;
 }
@@ -84,7 +93,3 @@ button {
 .bttn-danger:hover {
 	background-color: $darkerRed
 }
-
-.iziToast-body {
-	text-transform: none;
-}
 
@@ -9,6 +9,7 @@
 			@createEpic="createEpic($event)"
 			@deleteEpic="deleteEpic($event)"
 			@deleteRoadmap="resetRoadmap"
+			@importRoadmap="batchAddEpics($event)"
 			@toggleModal="toggleModal($event)"
 			@updateEpic="updateEpic($event)"
 			@updateSettings="updateSettings($event)"
@@ -26,6 +27,7 @@
 			<Toolbar
 				@toggleModal="toggleModal($event)"
 				@exportRoadmap="toggleModal($event)"
+				@importRoadmap="toggleModal($event)"
 				@openResetRoadmapModal="toggleModal($event)"></Toolbar>
 	</div>
 </template>
@@ -50,20 +52,39 @@
 			Lane, Toolbar, Modal
 		},
 		created: function() {
+			// initialize roadmap
 			if (localStorage.getItem('roadmap') === null) {
 				this.userEpics = demoEpics.demoEpics;
 				this.saveRoadmapInClient();
 			} else {
 				this.userEpics = JSON.parse(localStorage.getItem('roadmap'));
 			}
 
+			// initialize user
 			if (localStorage.getItem('user') === null) {
 				this.userDetails = defaultUser.defaultUser;
-				this.saveRoadmapInClient();
+				this.saveUserInClient();
+				this.toggleModal('onboarding');
 			} else {
 				this.userDetails = JSON.parse(localStorage.getItem('user'));
 			}
 		},
+		mounted: function() {
+			// segment tracking library
+			if (this.userDetails.preferences.tracking) {
+				// eslint-disable-next-line
+				!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t,e){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.1.0";
+				analytics.load("1RIT6LUKH0GmiuFYdtpf1Yz5oz4mrsO5");
+				analytics.page();
+				}}();
+
+				// eslint-disable-next-line
+				analytics.identify(this.userDetails.id, {
+					name: this.userDetails.username,
+					email: this.userDetails.email
+				});
+			}
+		},
 		data: function () {
 			return {
 				lanes: [
@@ -121,7 +142,7 @@
 				this.userDetails.preferences.theme = event.theme;
 				this.userDetails.preferences.tracking = event.tracking;
 
-				localStorage.setItem('user', JSON.stringify(this.userDetails));
+				this.saveUserInClient();
 
 				iziToast.success({
 					title: 'Settings updated',
@@ -174,7 +195,25 @@
 			saveRoadmapInClient() {
 				localStorage.setItem('roadmap', JSON.stringify(this.userEpics));
 			},
-			createEpic(newEpic) {
+			saveUserInClient() {
+				localStorage.setItem('user', JSON.stringify(this.userDetails));
+			},
+			createEpic(epicData) {
+				let newEpic = {
+					epicName: {
+						displayName: epicData[0],
+						fullName: epicData[0],
+					},
+					status: epicData[1],
+					creationDate: new Date(),
+					order: 1,
+					resolution: {
+						resolved: epicData[1] === 'done' ? true : false,
+						resolutionDate: epicData[1] === 'done' ? new Date() : null,
+					},
+					author: this.userDetails.userName
+				}
+
 				this.userEpics.unshift(newEpic);
 				this.toggleModal();
 
@@ -185,7 +224,11 @@
 					message: 'You are getting the hang of this',
 					position: "topRight"
 				});
-
+			},
+			batchAddEpics (batch) {
+				for (let i = 0; i < batch.length; i++) {
+					this.createEpic(batch[i]);
+				}
 			}
 		},
 		computed: {
 
@@ -1,7 +1,6 @@
 // @TODO: use flexbox properly rather than hacking your way in
 .lane {
 	width: 22vw;
-	height: 80vh;
 	display: inline-block;
 }
 
 
@@ -25,8 +25,8 @@
 			</div>
 		</div>
 		<div class="modal-actions">
-			<button type="button" class="bttn-secondary" @click="closeModal">Cancel changes</button>
-			<button type="button" class="bttn-primary" @click="saveEpic">Save</button>
+			<button type="button" class="bttn-secondary" @click="$emit('toggleModal', '');">Cancel changes</button>
+			<button type="button" class="bttn-primary" @click="$emit('createEpic', [epicName, epicStatus])">Save</button>
 		</div>
 	</div>
 </template>
@@ -39,30 +39,6 @@
 				epicName: "",
 				epicStatus: "inProgress"
 			}
-		},
-		methods: {
-			closeModal() {
-				this.$emit('toggleModal', "");
-			},
-			saveEpic() {
-				let newEpic = {
-					epicName: {
-						displayName: this.epicName,
-						fullName: this.epicName,
-					},
-					status: this.epicStatus,
-					creationDate: new Date(),
-					order: 1,
-					resolution: {
-						resolved: this.epicStatus === 'done' ? true : false,
-						resolutionDate: this.epicStatus === 'done' ? new Date() : null,
-					},
-					author: this.author
-				}
-
-				this.$emit('createEpic', newEpic);
-
-			}
 		}
 	}
 </script>
@@ -3,7 +3,3 @@
 		margin-left: 0;
 	}
 }
-
-.modal-export-description {
-	text-transform: none;
-}
@@ -0,0 +1,12 @@
+.modal-import-hint {
+	font-style: italic;
+	color: $lightGrey;
+	font-size: 14px;
+	margin: 12px 0;
+	width: 90%;
+}
+
+.modal-import-error {
+	color: $red;
+	font-weight: bold;
+}
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,5 @@`
`1`	`1`	`body {`
`2`	`2`	`font-family: $mainFonts;`
`3`		`- text-transform: uppercase;`
`4`	`3`	`}`
`5`	`4`
`6`	`5`	`h2 {`
`@@ -49,6 +48,16 @@ button {`
`49`	`48`	`}`
`50`	`49`	`}`
`51`	`50`
	`51`	`+textarea {`
	`52`	`+ border: $defaultBorder;`
	`53`	`+ resize: none;`
	`54`	`+ overflow: auto;`
	`55`	`+ width: 90%;`
	`56`	`+ font-family: $mainFonts;`
	`57`	`+ border-radius: 5px;`
	`58`	`+ padding: 12px;`
	`59`	`+}`
	`60`	`+`
`52`	`61`	`.app {`
`53`	`62`	`display: flex;`
`54`	`63`	`}`
`@@ -84,7 +93,3 @@ button {`
`84`	`93`	`.bttn-danger:hover {`
`85`	`94`	`background-color: $darkerRed`
`86`	`95`	`}`
`87`		`-`
`88`		`-.iziToast-body {`
`89`		`- text-transform: none;`
`90`		`-}`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`// @TODO: use flexbox properly rather than hacking your way in`
`2`	`2`	`.lane {`
`3`	`3`	`width: 22vw;`
`4`		`- height: 80vh;`
`5`	`4`	`display: inline-block;`
`6`	`5`	`}`
`7`	`6`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,3 @@`
`3`	`3`	`margin-left: 0;`
`4`	`4`	`}`
`5`	`5`	`}`
`6`		`-`
`7`		`-.modal-export-description {`
`8`		`- text-transform: none;`
`9`		`-}`