From 5bb952f4f5aedb7eb740cb4abf7e4b101eacbc3b Mon Sep 17 00:00:00 2001
From: Thaddeus McCleary <thaddeusmccleary@Thaddeuss-iMac.local>
Date: Wed, 1 Sep 2021 11:14:18 -0500
Subject: [PATCH] Hide tutorial if class charts exist

---
 src/views/Chart.vue           | 28 +++++------
 src/views/Home.vue            | 93 ++++++++++++++++++-----------------
 src/views/SessionExplorer.vue | 54 ++++++++++----------
 3 files changed, 88 insertions(+), 87 deletions(-)

diff --git a/src/views/Chart.vue b/src/views/Chart.vue
index ba3d78e..f12c917 100644
--- a/src/views/Chart.vue
+++ b/src/views/Chart.vue
@@ -9,7 +9,7 @@
 				v-on:edit-info="setLastView(`/chart/${id}`)"
 				:title="classInfo.name"
 			/>
-			<RemoteAdapter 
+			<RemoteAdapter
 				v-on:open-remote-panel="openRemotePanel"
 				v-on:set-room-id="setRemoteRoomID"
 				v-on:remote-connected="remoteClientConnected = true"
@@ -52,7 +52,7 @@
 				</div>
 			</section>
 			<section v-if="inverted" class="row" v-for="(row, index) in classInfo.rows" :style="rowMargins" :key="`invertedRow${index},${students.length}`">
-				<div v-for="(column, subIndex) in classInfo.columns" class="column" :style="cardStyle">	
+				<div v-for="(column, subIndex) in classInfo.columns" class="column" :style="cardStyle">
 					<NameCard
 						:type="cardType"
 						:conserveSpace="isHuge"
@@ -67,7 +67,7 @@
 						v-on:absence="addAbsence"
 						:deselect="deselect"
 						:key="students[students.length - 1]._id + index"
-						:chosen="chosenSeat.row == index + 1 && chosenSeat.column == subIndex + 1" 
+						:chosen="chosenSeat.row == index + 1 && chosenSeat.column == subIndex + 1"
 					/>
 				</div>
 			</section>
@@ -215,7 +215,7 @@
 		</Modal>
 		<Modal v-if="remotePanelOpen" v-on:trigger-close="closeRemotePanel" :dismissable="true" size="small">
 			<template slot="content">
-				<RemoteConfigPanel 
+				<RemoteConfigPanel
 					v-if="!remoteConfigured"
 					v-on:trigger-modal-close="closeRemotePanel"
 					v-on:end-config="remoteConfigured = true"
@@ -223,7 +223,7 @@
 					:remoteClientConnected="remoteClientConnected"
 					:remoteConnected="remoteConnected"
 				/>
-				<RemoteStatusPanel 
+				<RemoteStatusPanel
 					v-else
 					v-on:disconnect="closeRemoteConnection"
 					v-on:trigger-modal-close="closeRemotePanel"
@@ -236,13 +236,13 @@
 		</Modal>
 		<Modal v-if="activityModalOpen" v-on:trigger-close="activityModalOpen = false" :dismissable="false" size="large">
             <template slot="content">
-            	<ActivitySelector 
-            		v-if="activityChoice == null" 
+            	<ActivitySelector
+            		v-if="activityChoice == null"
             		v-on:set-activity-choice="setActivityChoice"
             		v-on:cancel-activity="cancelActivity"
             		:chart="id"
             	/>
-                <ActivityAdapter 
+                <ActivityAdapter
                 	v-else
                 	:allowAnonymous="false"
                 	:chart="id"
@@ -258,7 +258,7 @@
                 />
             </template>
         </Modal>
-		<TouchBar :show="!modalOpen" 
+		<TouchBar :show="!modalOpen"
 			:bar="[
 				{type: 'button', label: '🔀', method: function() {rearrangeSeats()}},
 				{type: 'button', label: '🌈', method: function() {highlightStudents()}},
@@ -268,7 +268,7 @@
 				{type: 'button', label: '📺', method: function() {invertChart()}},
 				{type: 'button', label: '📝', method: function() {createBulkNote()}},
 				{type: 'button', label: '🌠', method: function() {deselectStudents()}}
-	    	]" 
+	    	]"
 	    />
 	</div>
 </template>
@@ -645,7 +645,7 @@ export default {
 				.then(() => {
 					db.deleteSomething('notes', {student: this.studentToEdit._id})
 						.then((numNotesDeleted) => {
-							
+
 						})
 
 					for (let i=0; i<this.students.length; i++) {
@@ -820,7 +820,7 @@ export default {
 	},
 	mounted() {
 		let scope = this
-		if (this.$store.state.preferences.progress.indexOf('rearranged seats') === -1) {
+		if (this.$store.state.preferences.progress.indexOf('rearranged seats') === -1 && !this.$store.state.allClasses) {
 			// display tutorial info
 			setTimeout(function() {
 				scope.alert.isAlert = true
@@ -900,7 +900,7 @@ body {
 }
 
 #chartHeader {
-	
+
 }
 
 #activityLaunchButton {
@@ -914,7 +914,7 @@ body {
 }
 
 #chartMain {
-	
+
 }
 
 #chartFooter {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 635e6cc..793d411 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -67,7 +67,7 @@
                 {type: 'button', label: 'New Chart', method: function() {$router.push('/charts/new')}},
                 {type: 'spacer', size: 'flexible'},
                 {type: 'button', label: 'Settings', method: openModal}
-            ]" 
+            ]"
         />
     </div>
 </template>
@@ -141,7 +141,7 @@ export default {
         archiveClass(id) {
             db.updateSomething('classes', {_id: id}, {
                 $set: {
-                    "archived": true 
+                    "archived": true
                 }
             }).then(() => {
                 this.populateClasses()
@@ -150,7 +150,7 @@ export default {
         unarchiveClass(id) {
             db.updateSomething('classes', {_id: id}, {
                 $set: {
-                    "archived": false 
+                    "archived": false
                 }
             }).then(() => {
                 this.populateClasses()
@@ -310,49 +310,52 @@ export default {
 
         setTimeout(function() {
             let progress = scope.$store.state.preferences.progress
+            let classes = scope.$store.state.allClasses
+
+            if (!classes) {
+              if (progress.indexOf('created class') == -1) {
+                  scope.modalOpen = true
+              } else if (progress.indexOf('read remote features info') == -1) {
+                  scope.modalOpen = true
+
+                  // update onboarding progress
+                  scope.$store.dispatch('setPreferences', {
+                      progress: ['created class', 'rearranged seats', 'viewed class chart', 'viewed a student page', 'read remote features info']
+                  })
+              }
+
+              // check to ensure behaviorToTally is set
+              if (!scope.$store.state.preferences.hasOwnProperty('behaviorToTally')) {
+                  scope.$store.dispatch('setPreferences', {
+                      behaviorToTally: '(-) Absent'
+                  })
+
+                  scope.$store.dispatch('getPreferences')
+              }
+
+              // check to ensure calculationInterval is set
+              if (!scope.$store.state.preferences.hasOwnProperty('calculationInterval')) {
+                  scope.$store.dispatch('setPreferences', {
+                      calculationInterval: 'weekly'
+                  })
+
+                  scope.$store.dispatch('getPreferences')
+              }
+
+              // check to ensure weightValues is set
+              if (!scope.$store.state.preferences.hasOwnProperty('weightValues')) {
+                  scope.$store.dispatch('setPreferences', {
+                      weightValues: {
+                          low: 2,
+                          medium: 4,
+                          strong: 8
+                      }
+                  })
+
+                  scope.$store.dispatch('getPreferences')
+              }
 
-            if (progress.indexOf('created class') == -1) {
-                scope.modalOpen = true
-            } else if (progress.indexOf('read remote features info') == -1) {
-                scope.modalOpen = true
-
-                // update onboarding progress
-                scope.$store.dispatch('setPreferences', {
-                    progress: ['created class', 'rearranged seats', 'viewed class chart', 'viewed a student page', 'read remote features info']
-                })
             }
-
-            // check to ensure behaviorToTally is set
-            if (!scope.$store.state.preferences.hasOwnProperty('behaviorToTally')) {
-                scope.$store.dispatch('setPreferences', {
-                    behaviorToTally: '(-) Absent'
-                })
-
-                scope.$store.dispatch('getPreferences')
-    		}
-
-            // check to ensure calculationInterval is set
-            if (!scope.$store.state.preferences.hasOwnProperty('calculationInterval')) {
-                scope.$store.dispatch('setPreferences', {
-                    calculationInterval: 'weekly'
-                })
-
-                scope.$store.dispatch('getPreferences')
-            }
-
-            // check to ensure weightValues is set
-            if (!scope.$store.state.preferences.hasOwnProperty('weightValues')) {
-                scope.$store.dispatch('setPreferences', {
-                    weightValues: {
-                        low: 2,
-                        medium: 4,
-                        strong: 8
-                    }
-                })
-
-                scope.$store.dispatch('getPreferences')
-            }
-
         }, 3000, scope)
     }
 }
@@ -371,7 +374,7 @@ header {
     display: grid;
     grid-template-rows: 20% 20% 1fr;
     grid-template-columns: 5% 18% 1fr 18% 5%;
-    grid-template-areas: 
+    grid-template-areas:
         ". . . . ."
         ". activities . search ."
         "logo logo logo logo logo";
diff --git a/src/views/SessionExplorer.vue b/src/views/SessionExplorer.vue
index dec0f20..b0e9b9e 100644
--- a/src/views/SessionExplorer.vue
+++ b/src/views/SessionExplorer.vue
@@ -18,24 +18,24 @@
                 <h6 id="responses" v-if="filteredResponses.length > 1">
                 	{{ filteredResponses.length }} responses
                 </h6>
-                <button 
+                <button
                     v-if="loaded && session.chart !== 'anonymous' && !displayRespondents"
                     class="options-button"
-                    @click="toggleRespondentsDisplay" 
+                    @click="toggleRespondentsDisplay"
                 >
                     show respondents
                 </button>
-                <button 
+                <button
                     v-if="loaded && session.chart !== 'anonymous' && displayRespondents"
                     class="options-button"
-                    @click="toggleRespondentsDisplay" 
+                    @click="toggleRespondentsDisplay"
                 >
                     hide respondents
                 </button>
-                <button 
+                <button
                     v-if="loaded && session.activity.activityType == 'response pool'"
                   class="options-button"
-                    @click="startExport" 
+                    @click="startExport"
                     :disabled="exporting"
                 >
                     export responses
@@ -70,7 +70,7 @@
                     <li v-for="(response, index) in filteredResponses" v-if="response.response.text" :key="`response${index}`">
                         <h4>{{ response.response.text }}</h4>
                         <h5 v-if="response.respondent !== 'anonymous' && displayRespondents"><router-link :to="`/student/${response.respondent.id}`">
-                            {{ response.respondent.firstName }} 
+                            {{ response.respondent.firstName }}
                             {{ response.respondent.lastName }}
                         </router-link></h5>
                     </li>
@@ -85,7 +85,7 @@
                     <li v-for="(response, index) in filteredResponses" v-if="response.response.text" :key="`response${index}`">
                         <h4>{{ response.response.text }}</h4>
                         <h5 v-if="response.respondent !== 'anonymous' && displayRespondents"><router-link :to="`/student/${response.respondent.id}`">
-                            {{ response.respondent.firstName }} 
+                            {{ response.respondent.firstName }}
                             {{ response.respondent.lastName }}
                         </router-link></h5>
                     </li>
@@ -122,23 +122,23 @@
                         Individual Responses
                     </h2>
                     <sequential-entrance fromTop delay="20">
-                        <div 
-                            v-for="(response, index) in filteredResponses" 
+                        <div
+                            v-for="(response, index) in filteredResponses"
                             :key="`response${index}`"
                             class="response-card"
                         >
-                            <section 
+                            <section
                                 class="response-header"
                             >
-                                <div 
-                                    class="circle" 
+                                <div
+                                    class="circle"
                                     v-if="response.response.choice"
                                     :style="{background: findSpectrumColor(response.response.choice)}"
                                 >
                                 </div>
-                                <div 
+                                <div
                                     v-else
-                                    class="circle" 
+                                    class="circle"
                                     :style="{background: '#000000'}"
                                 >
                                 </div>
@@ -146,7 +146,7 @@
                             <section class="response-body">
                                 <h5 v-if="displayRespondents">
                                     <router-link :to="`/student/${response.respondent.id}`">
-                                        {{ response.respondent.firstName }} 
+                                        {{ response.respondent.firstName }}
                                         {{ response.respondent.lastName }}
                                     </router-link>
                                 </h5>
@@ -177,22 +177,22 @@
                         Content Assignments
                     </h2>
                     <sequential-entrance fromTop delay="20">
-                        <div 
-                            v-for="(response, index) in filteredResponses" 
+                        <div
+                            v-for="(response, index) in filteredResponses"
                             :key="`response${index}`"
                             class="response-card"
                         >
-                            <section 
+                            <section
                                 class="response-header"
                             >
-                                <div 
+                                <div
                                     class="circle"
-                                    v-if="response.response.hasOwnProperty('assignment')" 
+                                    v-if="response.response.hasOwnProperty('assignment')"
                                     :style="{background: findSpectrumColor(response.response.assignment)}">
                                 </div>
-                                <div 
+                                <div
                                     v-else
-                                    class="circle" 
+                                    class="circle"
                                     :style="{background: '#000000'}"
                                 >
                                 </div>
@@ -200,7 +200,7 @@
                             <section class="response-body">
                                 <h5 v-if="displayRespondents">
                                     <router-link :to="`/student/${response.respondent.id}`">
-                                        {{ response.respondent.firstName }} 
+                                        {{ response.respondent.firstName }}
                                         {{ response.respondent.lastName }}
                                     </router-link>
                                 </h5>
@@ -208,7 +208,7 @@
                                     {{ session.activity.content.assignments[parseInt(response.response.assignment)].resourceData }}
                                 </p>
                                 <p v-else-if="session.activity.content.assignments[parseInt(response.response.assignment)]">
-                                    <button 
+                                    <button
                                         @click="openExternal(session.activity.content.assignments[parseInt(response.response.assignment)].resourceData)"
                                     >
                                         link
@@ -236,7 +236,7 @@
                 {type: 'button', label: 'Back', method: function() {routeBack()}},
                 {type: 'spacer', size: 'flexible'},
                 {type: 'button', label: 'Delete Session', method: function() {alertModalOpen = true}},
-            ]" 
+            ]"
         />
     </div>
 </template>
@@ -481,8 +481,6 @@ export default {
                 .then((results) => {
                     this.session = results[0]
                     this.loaded = true
-
-                    console.log(results[0])
                 })
 		},
 		routeBack() {