Commit 49055248c7df1d7032d645570cafe003d9d2674a
1 parent
6b14d08e4c
Exists in
master
offline synching
Showing
14 changed files
with
1641 additions
and
63 deletions
Show diff stats
src/auth/index.js
... | ... | @@ -115,7 +115,7 @@ export const useAuth0 = ({ |
115 | 115 | // handle the redirect and retrieve tokens |
116 | 116 | const { appState } = await this.auth0Client.handleRedirectCallback(); |
117 | 117 | const u = await this.auth0Client.getUser(); |
118 | - console.log("u",u) | |
118 | + console.log("u", u) | |
119 | 119 | axios.post('/profile', { |
120 | 120 | name: u.name, |
121 | 121 | email: u.email, |
... | ... | @@ -124,12 +124,29 @@ export const useAuth0 = ({ |
124 | 124 | verified: true |
125 | 125 | // profileImage: u.picture |
126 | 126 | }).then(res => { |
127 | - console.log("res",res); | |
127 | + console.log("res", res); | |
128 | 128 | this.$toaster.success(res.data.message); |
129 | 129 | localStorage.setItem('spotlight_usertoken', JSON.stringify(res.data.data)) |
130 | - console.log("onboarding", res) | |
131 | - router.push({ name: 'Profile' }) | |
132 | - | |
130 | + | |
131 | + var previousUrl = localStorage.getItem("previous_url_spotlight"); | |
132 | + console.log("onboarding", previousUrl) | |
133 | + if (!previousUrl) { | |
134 | + router.push({ name: 'Profile' }); | |
135 | + } else { | |
136 | + previousUrl = JSON.parse(previousUrl); | |
137 | + console.log("onboarding-2", previousUrl) | |
138 | + router.push({ | |
139 | + name: previousUrl.ur, | |
140 | + params: { | |
141 | + caseStudyId: previousUrl.caseStudyId, | |
142 | + slideId: previousUrl.slideId, | |
143 | + }, | |
144 | + }); | |
145 | + localStorage.removeItem("previous_url_spotlight"); | |
146 | + | |
147 | + } | |
148 | + | |
149 | + | |
133 | 150 | }).catch(err => { |
134 | 151 | console.log(err) |
135 | 152 | }) | ... | ... |
src/components/AuthorIntro.vue
... | ... | @@ -64,6 +64,7 @@ |
64 | 64 | import Vue from "vue"; |
65 | 65 | import router from "../router"; |
66 | 66 | import Header from "./Header"; |
67 | +import axios from "axios"; | |
67 | 68 | |
68 | 69 | export default { |
69 | 70 | components: { |
... | ... | @@ -85,11 +86,143 @@ export default { |
85 | 86 | this.allSlide = JSON.parse(allSlideData); |
86 | 87 | this.getCurrentSlideData(); |
87 | 88 | }else{ |
88 | - this.$router.push("/login"); | |
89 | + this.generatecaseStudies(); | |
89 | 90 | } |
90 | 91 | |
91 | 92 | }, |
92 | 93 | methods: { |
94 | + generatecaseStudies(){ | |
95 | + axios | |
96 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
97 | + headers: { | |
98 | + Authorization: "Bearer " + this.usertoken, | |
99 | + }, | |
100 | + }) | |
101 | + .then((response) => { | |
102 | + | |
103 | + console.log('response',response.data.data); | |
104 | + this.openStudy(response.data.data); | |
105 | + }) | |
106 | + .catch((error) => console.log(error)); | |
107 | + }, | |
108 | + | |
109 | + | |
110 | + | |
111 | + openStudy(payload) { | |
112 | + console.log("payload-", payload); | |
113 | + payload.intro.date = payload.createdAt; | |
114 | + payload.intro.focusPoint = payload.focusAreas; | |
115 | + axios | |
116 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
117 | + headers: { | |
118 | + Authorization: "Bearer " + this.usertoken, | |
119 | + }, | |
120 | + }) | |
121 | + .then((response) => { | |
122 | + this.createSlide(payload, response.data.data); | |
123 | + }) | |
124 | + .catch((error) => console.log(error)); | |
125 | + }, | |
126 | + | |
127 | + createSlide(payload, slides) { | |
128 | + var finalSlides = []; | |
129 | + slides.forEach((slides_) => { | |
130 | + var url = this.assignRoutes(slides_.templateId); | |
131 | + var obj = { | |
132 | + forward: true, | |
133 | + backward: true, | |
134 | + ur: url, | |
135 | + slideId: slides_._id, | |
136 | + caseStudyId: slides_.caseStudyId, | |
137 | + payload: { | |
138 | + metaData: slides_.metaData, | |
139 | + comments: slides_.comments, | |
140 | + insight: slides_.insight ? slides_.insight : null, | |
141 | + }, | |
142 | + }; | |
143 | + // slides_ | |
144 | + finalSlides.push(obj); | |
145 | + }); | |
146 | + console.log("payload", payload); | |
147 | + // add first slide at begining | |
148 | + finalSlides.unshift({ | |
149 | + forward: true, | |
150 | + backward: false, | |
151 | + ur: "EpisodeIntro", | |
152 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
153 | + caseStudyId: payload._id, | |
154 | + payload: { | |
155 | + metaData: payload.intro, | |
156 | + comments: [], | |
157 | + }, | |
158 | + }); | |
159 | + finalSlides.push({ | |
160 | + forward: true, | |
161 | + backward: false, | |
162 | + ur: "Outro", | |
163 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
164 | + caseStudyId: payload._id, | |
165 | + payload: { | |
166 | + metaData: payload.outro, | |
167 | + comments: [], | |
168 | + }, | |
169 | + }); | |
170 | + | |
171 | + console.log(finalSlides); | |
172 | + console.log("payload", payload); | |
173 | + localStorage.setItem( | |
174 | + "spotlight_slide" + payload._id, | |
175 | + JSON.stringify(finalSlides) | |
176 | + ); | |
177 | + this.allSlide = finalSlides; | |
178 | + this.getCurrentSlideData(); | |
179 | + }, | |
180 | + assignRoutes(tempId) { | |
181 | + // /episode-intro | |
182 | + // /outro | |
183 | + var routes = [ | |
184 | + { | |
185 | + url: "AuthorIntro", | |
186 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
187 | + }, | |
188 | + { | |
189 | + url: "NoScreenshotSingleAuthor", | |
190 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
191 | + }, | |
192 | + { | |
193 | + url: "SingleMobileScreenInsightTwo", | |
194 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
195 | + }, | |
196 | + { | |
197 | + url: "TwoScreenWithoutInsight", | |
198 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
199 | + }, | |
200 | + { | |
201 | + url: "noscreenshotSingleautho", | |
202 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
203 | + }, | |
204 | + { | |
205 | + url: "SingleMobileScreenInsightOne", | |
206 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
207 | + }, | |
208 | + { | |
209 | + url: "TwoScreenWithInsight", | |
210 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
211 | + }, | |
212 | + { | |
213 | + url: "AuthorReadingNow", | |
214 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
215 | + }, | |
216 | + { | |
217 | + url: "AuthorReadingBreak", | |
218 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
219 | + }, | |
220 | + ]; | |
221 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
222 | + return routes[i].url; | |
223 | + }, | |
224 | + | |
225 | + | |
93 | 226 | getCurrentSlideData(){ |
94 | 227 | var i = this.allSlide.findIndex((slide_) => slide_.slideId == this.$route.params.slideId); |
95 | 228 | this.currentSlideIndex = i; | ... | ... |
src/components/AuthorReadingBreak.vue
... | ... | @@ -87,6 +87,7 @@ |
87 | 87 | import Vue from "vue"; |
88 | 88 | import router from "../router"; |
89 | 89 | import Header from "./Header"; |
90 | +import axios from "axios"; | |
90 | 91 | |
91 | 92 | export default { |
92 | 93 | components: { |
... | ... | @@ -108,11 +109,143 @@ export default { |
108 | 109 | if (allSlideData) { |
109 | 110 | this.allSlide = JSON.parse(allSlideData); |
110 | 111 | this.getCurrentSlideData(); |
111 | - }else{ | |
112 | - this.$router.push("/login"); | |
112 | + }else{ | |
113 | + this.generatecaseStudies(); | |
113 | 114 | } |
115 | + | |
114 | 116 | }, |
115 | 117 | methods: { |
118 | + generatecaseStudies(){ | |
119 | + axios | |
120 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
121 | + headers: { | |
122 | + Authorization: "Bearer " + this.usertoken, | |
123 | + }, | |
124 | + }) | |
125 | + .then((response) => { | |
126 | + | |
127 | + console.log('response',response.data.data); | |
128 | + this.openStudy(response.data.data); | |
129 | + }) | |
130 | + .catch((error) => console.log(error)); | |
131 | + }, | |
132 | + | |
133 | + | |
134 | + | |
135 | + openStudy(payload) { | |
136 | + console.log("payload-", payload); | |
137 | + payload.intro.date = payload.createdAt; | |
138 | + payload.intro.focusPoint = payload.focusAreas; | |
139 | + axios | |
140 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
141 | + headers: { | |
142 | + Authorization: "Bearer " + this.usertoken, | |
143 | + }, | |
144 | + }) | |
145 | + .then((response) => { | |
146 | + this.createSlide(payload, response.data.data); | |
147 | + }) | |
148 | + .catch((error) => console.log(error)); | |
149 | + }, | |
150 | + | |
151 | + createSlide(payload, slides) { | |
152 | + var finalSlides = []; | |
153 | + slides.forEach((slides_) => { | |
154 | + var url = this.assignRoutes(slides_.templateId); | |
155 | + var obj = { | |
156 | + forward: true, | |
157 | + backward: true, | |
158 | + ur: url, | |
159 | + slideId: slides_._id, | |
160 | + caseStudyId: slides_.caseStudyId, | |
161 | + payload: { | |
162 | + metaData: slides_.metaData, | |
163 | + comments: slides_.comments, | |
164 | + insight: slides_.insight ? slides_.insight : null, | |
165 | + }, | |
166 | + }; | |
167 | + // slides_ | |
168 | + finalSlides.push(obj); | |
169 | + }); | |
170 | + console.log("payload", payload); | |
171 | + // add first slide at begining | |
172 | + finalSlides.unshift({ | |
173 | + forward: true, | |
174 | + backward: false, | |
175 | + ur: "EpisodeIntro", | |
176 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
177 | + caseStudyId: payload._id, | |
178 | + payload: { | |
179 | + metaData: payload.intro, | |
180 | + comments: [], | |
181 | + }, | |
182 | + }); | |
183 | + finalSlides.push({ | |
184 | + forward: true, | |
185 | + backward: false, | |
186 | + ur: "Outro", | |
187 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
188 | + caseStudyId: payload._id, | |
189 | + payload: { | |
190 | + metaData: payload.outro, | |
191 | + comments: [], | |
192 | + }, | |
193 | + }); | |
194 | + | |
195 | + console.log(finalSlides); | |
196 | + console.log("payload", payload); | |
197 | + localStorage.setItem( | |
198 | + "spotlight_slide" + payload._id, | |
199 | + JSON.stringify(finalSlides) | |
200 | + ); | |
201 | + this.allSlide = finalSlides; | |
202 | + this.getCurrentSlideData(); | |
203 | + }, | |
204 | + assignRoutes(tempId) { | |
205 | + // /episode-intro | |
206 | + // /outro | |
207 | + var routes = [ | |
208 | + { | |
209 | + url: "AuthorIntro", | |
210 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
211 | + }, | |
212 | + { | |
213 | + url: "NoScreenshotSingleAuthor", | |
214 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
215 | + }, | |
216 | + { | |
217 | + url: "SingleMobileScreenInsightTwo", | |
218 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
219 | + }, | |
220 | + { | |
221 | + url: "TwoScreenWithoutInsight", | |
222 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
223 | + }, | |
224 | + { | |
225 | + url: "noscreenshotSingleautho", | |
226 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
227 | + }, | |
228 | + { | |
229 | + url: "SingleMobileScreenInsightOne", | |
230 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
231 | + }, | |
232 | + { | |
233 | + url: "TwoScreenWithInsight", | |
234 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
235 | + }, | |
236 | + { | |
237 | + url: "AuthorReadingNow", | |
238 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
239 | + }, | |
240 | + { | |
241 | + url: "AuthorReadingBreak", | |
242 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
243 | + }, | |
244 | + ]; | |
245 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
246 | + return routes[i].url; | |
247 | + }, | |
248 | + | |
116 | 249 | getCurrentSlideData() { |
117 | 250 | var i = this.allSlide.findIndex( |
118 | 251 | (slide_) => slide_.slideId == this.$route.params.slideId | ... | ... |
src/components/AuthorReadingNow.vue
... | ... | @@ -48,6 +48,7 @@ |
48 | 48 | import Vue from "vue"; |
49 | 49 | import router from "../router"; |
50 | 50 | import Header from "./Header"; |
51 | +import axios from "axios"; | |
51 | 52 | |
52 | 53 | export default { |
53 | 54 | components: { |
... | ... | @@ -68,12 +69,143 @@ components: { |
68 | 69 | if (allSlideData) { |
69 | 70 | this.allSlide = JSON.parse(allSlideData); |
70 | 71 | this.getCurrentSlideData(); |
71 | - }else{ | |
72 | - this.$router.push("/login"); | |
72 | + }else{ | |
73 | + this.generatecaseStudies(); | |
73 | 74 | } |
74 | 75 | |
75 | 76 | }, |
76 | 77 | methods: { |
78 | + generatecaseStudies(){ | |
79 | + axios | |
80 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
81 | + headers: { | |
82 | + Authorization: "Bearer " + this.usertoken, | |
83 | + }, | |
84 | + }) | |
85 | + .then((response) => { | |
86 | + | |
87 | + console.log('response',response.data.data); | |
88 | + this.openStudy(response.data.data); | |
89 | + }) | |
90 | + .catch((error) => console.log(error)); | |
91 | + }, | |
92 | + | |
93 | + | |
94 | + | |
95 | + openStudy(payload) { | |
96 | + console.log("payload-", payload); | |
97 | + payload.intro.date = payload.createdAt; | |
98 | + payload.intro.focusPoint = payload.focusAreas; | |
99 | + axios | |
100 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
101 | + headers: { | |
102 | + Authorization: "Bearer " + this.usertoken, | |
103 | + }, | |
104 | + }) | |
105 | + .then((response) => { | |
106 | + this.createSlide(payload, response.data.data); | |
107 | + }) | |
108 | + .catch((error) => console.log(error)); | |
109 | + }, | |
110 | + | |
111 | + createSlide(payload, slides) { | |
112 | + var finalSlides = []; | |
113 | + slides.forEach((slides_) => { | |
114 | + var url = this.assignRoutes(slides_.templateId); | |
115 | + var obj = { | |
116 | + forward: true, | |
117 | + backward: true, | |
118 | + ur: url, | |
119 | + slideId: slides_._id, | |
120 | + caseStudyId: slides_.caseStudyId, | |
121 | + payload: { | |
122 | + metaData: slides_.metaData, | |
123 | + comments: slides_.comments, | |
124 | + insight: slides_.insight ? slides_.insight : null, | |
125 | + }, | |
126 | + }; | |
127 | + // slides_ | |
128 | + finalSlides.push(obj); | |
129 | + }); | |
130 | + console.log("payload", payload); | |
131 | + // add first slide at begining | |
132 | + finalSlides.unshift({ | |
133 | + forward: true, | |
134 | + backward: false, | |
135 | + ur: "EpisodeIntro", | |
136 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
137 | + caseStudyId: payload._id, | |
138 | + payload: { | |
139 | + metaData: payload.intro, | |
140 | + comments: [], | |
141 | + }, | |
142 | + }); | |
143 | + finalSlides.push({ | |
144 | + forward: true, | |
145 | + backward: false, | |
146 | + ur: "Outro", | |
147 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
148 | + caseStudyId: payload._id, | |
149 | + payload: { | |
150 | + metaData: payload.outro, | |
151 | + comments: [], | |
152 | + }, | |
153 | + }); | |
154 | + | |
155 | + console.log(finalSlides); | |
156 | + console.log("payload", payload); | |
157 | + localStorage.setItem( | |
158 | + "spotlight_slide" + payload._id, | |
159 | + JSON.stringify(finalSlides) | |
160 | + ); | |
161 | + this.allSlide = finalSlides; | |
162 | + this.getCurrentSlideData(); | |
163 | + }, | |
164 | + assignRoutes(tempId) { | |
165 | + // /episode-intro | |
166 | + // /outro | |
167 | + var routes = [ | |
168 | + { | |
169 | + url: "AuthorIntro", | |
170 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
171 | + }, | |
172 | + { | |
173 | + url: "NoScreenshotSingleAuthor", | |
174 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
175 | + }, | |
176 | + { | |
177 | + url: "SingleMobileScreenInsightTwo", | |
178 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
179 | + }, | |
180 | + { | |
181 | + url: "TwoScreenWithoutInsight", | |
182 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
183 | + }, | |
184 | + { | |
185 | + url: "noscreenshotSingleautho", | |
186 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
187 | + }, | |
188 | + { | |
189 | + url: "SingleMobileScreenInsightOne", | |
190 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
191 | + }, | |
192 | + { | |
193 | + url: "TwoScreenWithInsight", | |
194 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
195 | + }, | |
196 | + { | |
197 | + url: "AuthorReadingNow", | |
198 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
199 | + }, | |
200 | + { | |
201 | + url: "AuthorReadingBreak", | |
202 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
203 | + }, | |
204 | + ]; | |
205 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
206 | + return routes[i].url; | |
207 | + }, | |
208 | + | |
77 | 209 | getCurrentSlideData(){ |
78 | 210 | var i = this.allSlide.findIndex((slide_) => slide_.slideId == this.$route.params.slideId); |
79 | 211 | this.currentSlideIndex = i; | ... | ... |
src/components/EpisodeIntro.vue
1 | 1 | <template> |
2 | - <main class="landing-page"> | |
2 | + <main class="landing-page" v-if="currentSlideData"> | |
3 | 3 | |
4 | 4 | <div class="container-fluid episode-intro"> |
5 | 5 | <!-- <nav class="navbar navbar-expand-sm spotLight-nav"> |
... | ... | @@ -93,6 +93,7 @@ |
93 | 93 | import Vue from "vue"; |
94 | 94 | import router from "../router"; |
95 | 95 | import Header from "./Header"; |
96 | +import axios from "axios"; | |
96 | 97 | |
97 | 98 | export default { |
98 | 99 | name: "EpisodeIntro", |
... | ... | @@ -111,12 +112,147 @@ components: { |
111 | 112 | if (allSlideData) { |
112 | 113 | this.allSlide = JSON.parse(allSlideData); |
113 | 114 | this.getCurrentSlideData(); |
114 | - }else{ | |
115 | - this.$router.push("/login"); | |
115 | + }else{ | |
116 | + this.generatecaseStudies(); | |
116 | 117 | } |
117 | 118 | |
118 | 119 | }, |
119 | 120 | methods: { |
121 | + generatecaseStudies(){ | |
122 | + axios | |
123 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
124 | + headers: { | |
125 | + Authorization: "Bearer " + this.usertoken, | |
126 | + }, | |
127 | + }) | |
128 | + .then((response) => { | |
129 | + | |
130 | + console.log('response',response.data.data); | |
131 | + this.openStudy(response.data.data); | |
132 | + }) | |
133 | + .catch((error) => console.log(error)); | |
134 | + }, | |
135 | + | |
136 | + | |
137 | + | |
138 | + openStudy(payload) { | |
139 | + console.log("payload-", payload); | |
140 | + payload.intro.date = payload.createdAt; | |
141 | + payload.intro.focusPoint = payload.focusAreas; | |
142 | + axios | |
143 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
144 | + headers: { | |
145 | + Authorization: "Bearer " + this.usertoken, | |
146 | + }, | |
147 | + }) | |
148 | + .then((response) => { | |
149 | + this.createSlide(payload, response.data.data); | |
150 | + }) | |
151 | + .catch((error) => console.log(error)); | |
152 | + }, | |
153 | + | |
154 | + createSlide(payload, slides) { | |
155 | + var finalSlides = []; | |
156 | + slides.forEach((slides_) => { | |
157 | + var url = this.assignRoutes(slides_.templateId); | |
158 | + var obj = { | |
159 | + forward: true, | |
160 | + backward: true, | |
161 | + ur: url, | |
162 | + slideId: slides_._id, | |
163 | + caseStudyId: slides_.caseStudyId, | |
164 | + payload: { | |
165 | + metaData: slides_.metaData, | |
166 | + comments: slides_.comments, | |
167 | + insight: slides_.insight ? slides_.insight : null, | |
168 | + }, | |
169 | + }; | |
170 | + // slides_ | |
171 | + finalSlides.push(obj); | |
172 | + }); | |
173 | + console.log("payload", payload); | |
174 | + // add first slide at begining | |
175 | + finalSlides.unshift({ | |
176 | + forward: true, | |
177 | + backward: false, | |
178 | + ur: "EpisodeIntro", | |
179 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
180 | + caseStudyId: payload._id, | |
181 | + payload: { | |
182 | + metaData: payload.intro, | |
183 | + comments: [], | |
184 | + }, | |
185 | + }); | |
186 | + finalSlides.push({ | |
187 | + forward: true, | |
188 | + backward: false, | |
189 | + ur: "Outro", | |
190 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
191 | + caseStudyId: payload._id, | |
192 | + payload: { | |
193 | + metaData: payload.outro, | |
194 | + comments: [], | |
195 | + }, | |
196 | + }); | |
197 | + | |
198 | + console.log(finalSlides); | |
199 | + console.log("payload", payload); | |
200 | + localStorage.setItem( | |
201 | + "spotlight_slide" + payload._id, | |
202 | + JSON.stringify(finalSlides) | |
203 | + ); | |
204 | + this.allSlide = finalSlides; | |
205 | + this.getCurrentSlideData(); | |
206 | + }, | |
207 | + assignRoutes(tempId) { | |
208 | + // /episode-intro | |
209 | + // /outro | |
210 | + var routes = [ | |
211 | + { | |
212 | + url: "AuthorIntro", | |
213 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
214 | + }, | |
215 | + { | |
216 | + url: "NoScreenshotSingleAuthor", | |
217 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
218 | + }, | |
219 | + { | |
220 | + url: "SingleMobileScreenInsightTwo", | |
221 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
222 | + }, | |
223 | + { | |
224 | + url: "TwoScreenWithoutInsight", | |
225 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
226 | + }, | |
227 | + { | |
228 | + url: "noscreenshotSingleautho", | |
229 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
230 | + }, | |
231 | + { | |
232 | + url: "SingleMobileScreenInsightOne", | |
233 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
234 | + }, | |
235 | + { | |
236 | + url: "TwoScreenWithInsight", | |
237 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
238 | + }, | |
239 | + { | |
240 | + url: "AuthorReadingNow", | |
241 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
242 | + }, | |
243 | + { | |
244 | + url: "AuthorReadingBreak", | |
245 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
246 | + }, | |
247 | + ]; | |
248 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
249 | + return routes[i].url; | |
250 | + }, | |
251 | + | |
252 | + | |
253 | + | |
254 | + | |
255 | + | |
120 | 256 | getCurrentSlideData(){ |
121 | 257 | var i = this.allSlide.findIndex((slide_) => slide_.slideId == this.$route.params.slideId); |
122 | 258 | this.currentSlideIndex = i; | ... | ... |
src/components/Header.vue
... | ... | @@ -34,8 +34,21 @@ |
34 | 34 | </ul> --> |
35 | 35 | </div> |
36 | 36 | <div class=""> |
37 | - <a @click="goTo" href="javascript:void(0);" class="user-profile-photo common_color" | |
38 | - ><img :src="profilePictue" | |
37 | + <a | |
38 | + @click="goTo" | |
39 | + href="javascript:void(0);" | |
40 | + class="user-profile-photo common_color" | |
41 | + v-if="usertoken" | |
42 | + > | |
43 | + <img :src="profilePictue" | |
44 | + /></a> | |
45 | + <a | |
46 | + @click="goToLogin" | |
47 | + href="javascript:void(0);" | |
48 | + class="user-profile-photo insights-profile" | |
49 | + v-if="!usertoken" | |
50 | + > | |
51 | + <img src="../assets/images/lock.svg" | |
39 | 52 | /></a> |
40 | 53 | <div class="sub-menu-user" id="userprofileshow" style="display: none"> |
41 | 54 | <!-- <ul> |
... | ... | @@ -58,11 +71,13 @@ export default { |
58 | 71 | name: "Header", |
59 | 72 | data() { |
60 | 73 | return { |
61 | - usertoken:null, | |
62 | - profilePictue:null, | |
74 | + usertoken: null, | |
75 | + profilePictue: null, | |
63 | 76 | }; |
64 | 77 | }, |
65 | 78 | mounted() { |
79 | + | |
80 | + | |
66 | 81 | var userdata = localStorage.getItem("spotlight_usertoken"); |
67 | 82 | if (userdata) { |
68 | 83 | userdata = JSON.parse(userdata); |
... | ... | @@ -71,10 +86,15 @@ export default { |
71 | 86 | } |
72 | 87 | }, |
73 | 88 | methods: { |
74 | - goTo() { | |
89 | + goTo() { | |
75 | 90 | this.$router.push("/profile"); |
76 | 91 | }, |
77 | - getProfile() { | |
92 | + goToLogin() { | |
93 | + localStorage.removeItem("spotlight_usertoken"); | |
94 | + localStorage.removeItem("spotlight_email"); | |
95 | + this.$router.push("/login"); | |
96 | + }, | |
97 | + getProfile() { | |
78 | 98 | axios |
79 | 99 | .get("/profile", { |
80 | 100 | headers: { |
... | ... | @@ -82,8 +102,8 @@ export default { |
82 | 102 | }, |
83 | 103 | }) |
84 | 104 | .then((response) => { |
85 | - this.assignClass(response.data.data.bgColor); | |
86 | - this.profilePictue = response.data.data.profilePic; | |
105 | + this.assignClass(response.data.data.bgColor); | |
106 | + this.profilePictue = response.data.data.profilePic; | |
87 | 107 | console.log(response.data.data); |
88 | 108 | }) |
89 | 109 | .catch((error) => console.log(error)); |
... | ... | @@ -94,8 +114,6 @@ export default { |
94 | 114 | cols[i].style.backgroundColor = bgClr; |
95 | 115 | } |
96 | 116 | }, |
97 | - } | |
98 | - , | |
99 | - | |
117 | + }, | |
100 | 118 | }; |
101 | 119 | </script> | ... | ... |
src/components/NoScreenshotSingleAuthor.vue
... | ... | @@ -512,17 +512,152 @@ export default { |
512 | 512 | if (allSlideData) { |
513 | 513 | this.allSlide = JSON.parse(allSlideData); |
514 | 514 | this.getCurrentSlideData(); |
515 | - }else{ | |
516 | - this.$router.push("/login"); | |
515 | + }else{ | |
516 | + this.getCurrentSlideData(); | |
517 | + | |
518 | + } | |
519 | + var userdata = localStorage.getItem("spotlight_usertoken"); | |
520 | + if (userdata) { | |
521 | + userdata = JSON.parse(userdata); | |
522 | + this.usertoken = userdata.token; | |
523 | + this.getComment(); | |
524 | + }else{ | |
525 | + this.getComment(); | |
517 | 526 | } |
518 | - var userdata = localStorage.getItem("spotlight_usertoken"); | |
519 | - if (userdata) { | |
520 | - userdata = JSON.parse(userdata); | |
521 | - this.usertoken = userdata.token; | |
522 | - this.getComment(); | |
523 | - } | |
524 | 527 | }, |
525 | 528 | methods: { |
529 | + | |
530 | + generatecaseStudies(){ | |
531 | + axios | |
532 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
533 | + headers: { | |
534 | + Authorization: "Bearer " + this.usertoken, | |
535 | + }, | |
536 | + }) | |
537 | + .then((response) => { | |
538 | + | |
539 | + console.log('response',response.data.data); | |
540 | + this.openStudy(response.data.data); | |
541 | + }) | |
542 | + .catch((error) => console.log(error)); | |
543 | + }, | |
544 | + | |
545 | + | |
546 | + | |
547 | + openStudy(payload) { | |
548 | + console.log("payload-", payload); | |
549 | + payload.intro.date = payload.createdAt; | |
550 | + payload.intro.focusPoint = payload.focusAreas; | |
551 | + axios | |
552 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
553 | + headers: { | |
554 | + Authorization: "Bearer " + this.usertoken, | |
555 | + }, | |
556 | + }) | |
557 | + .then((response) => { | |
558 | + this.createSlide(payload, response.data.data); | |
559 | + }) | |
560 | + .catch((error) => console.log(error)); | |
561 | + }, | |
562 | + | |
563 | + createSlide(payload, slides) { | |
564 | + var finalSlides = []; | |
565 | + slides.forEach((slides_) => { | |
566 | + var url = this.assignRoutes(slides_.templateId); | |
567 | + var obj = { | |
568 | + forward: true, | |
569 | + backward: true, | |
570 | + ur: url, | |
571 | + slideId: slides_._id, | |
572 | + caseStudyId: slides_.caseStudyId, | |
573 | + payload: { | |
574 | + metaData: slides_.metaData, | |
575 | + comments: slides_.comments, | |
576 | + insight: slides_.insight ? slides_.insight : null, | |
577 | + }, | |
578 | + }; | |
579 | + // slides_ | |
580 | + finalSlides.push(obj); | |
581 | + }); | |
582 | + console.log("payload", payload); | |
583 | + // add first slide at begining | |
584 | + finalSlides.unshift({ | |
585 | + forward: true, | |
586 | + backward: false, | |
587 | + ur: "EpisodeIntro", | |
588 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
589 | + caseStudyId: payload._id, | |
590 | + payload: { | |
591 | + metaData: payload.intro, | |
592 | + comments: [], | |
593 | + }, | |
594 | + }); | |
595 | + finalSlides.push({ | |
596 | + forward: true, | |
597 | + backward: false, | |
598 | + ur: "Outro", | |
599 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
600 | + caseStudyId: payload._id, | |
601 | + payload: { | |
602 | + metaData: payload.outro, | |
603 | + comments: [], | |
604 | + }, | |
605 | + }); | |
606 | + | |
607 | + console.log(finalSlides); | |
608 | + console.log("payload", payload); | |
609 | + localStorage.setItem( | |
610 | + "spotlight_slide" + payload._id, | |
611 | + JSON.stringify(finalSlides) | |
612 | + ); | |
613 | + this.allSlide = finalSlides; | |
614 | + this.getCurrentSlideData(); | |
615 | + }, | |
616 | + assignRoutes(tempId) { | |
617 | + // /episode-intro | |
618 | + // /outro | |
619 | + var routes = [ | |
620 | + { | |
621 | + url: "AuthorIntro", | |
622 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
623 | + }, | |
624 | + { | |
625 | + url: "NoScreenshotSingleAuthor", | |
626 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
627 | + }, | |
628 | + { | |
629 | + url: "SingleMobileScreenInsightTwo", | |
630 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
631 | + }, | |
632 | + { | |
633 | + url: "TwoScreenWithoutInsight", | |
634 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
635 | + }, | |
636 | + { | |
637 | + url: "noscreenshotSingleautho", | |
638 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
639 | + }, | |
640 | + { | |
641 | + url: "SingleMobileScreenInsightOne", | |
642 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
643 | + }, | |
644 | + { | |
645 | + url: "TwoScreenWithInsight", | |
646 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
647 | + }, | |
648 | + { | |
649 | + url: "AuthorReadingNow", | |
650 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
651 | + }, | |
652 | + { | |
653 | + url: "AuthorReadingBreak", | |
654 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
655 | + }, | |
656 | + ]; | |
657 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
658 | + return routes[i].url; | |
659 | + }, | |
660 | + | |
526 | 661 | getCurrentSlideData() { |
527 | 662 | var i = this.allSlide.findIndex( |
528 | 663 | (slide_) => slide_.slideId == this.$route.params.slideId |
... | ... | @@ -637,6 +772,8 @@ export default { |
637 | 772 | }, |
638 | 773 | goToLogin() { |
639 | 774 | this.$router.push("/login"); |
775 | + localStorage.setItem('previous_url_spotlight',JSON.stringify(this.currentSlideData)); | |
776 | + | |
640 | 777 | }, |
641 | 778 | goToSignUp() { |
642 | 779 | this.$router.push("/"); |
... | ... | @@ -646,7 +783,10 @@ export default { |
646 | 783 | $("#open_ct_box, .c_hide").show(); |
647 | 784 | $(".footer-top").addClass("white-bg"); |
648 | 785 | }, |
649 | - open_ct_box() { | |
786 | + open_ct_box() { | |
787 | + if(!this.usertoken){ | |
788 | + this.goToLogin(); | |
789 | + } | |
650 | 790 | $("#cht_box_close").addClass("cht_close"); |
651 | 791 | $("#open_ct_box, .c_hide").hide(); |
652 | 792 | $(".footer-top").removeClass("white-bg"); |
... | ... | @@ -664,7 +804,10 @@ export default { |
664 | 804 | this.parentInput = true; |
665 | 805 | this.comment = null; |
666 | 806 | }, |
667 | - reply_cht_box(i) { | |
807 | + reply_cht_box(i) { | |
808 | + if(!this.usertoken){ | |
809 | + this.goToLogin(); | |
810 | + } | |
668 | 811 | console.log(this.commentList, "cmnt"); |
669 | 812 | $("#cht_box_close").addClass("cht_close"); |
670 | 813 | $("#open_ct_box, .c_hide").hide(); |
... | ... | @@ -676,7 +819,10 @@ export default { |
676 | 819 | document.getElementById("childInput").focus(); |
677 | 820 | }, 100); |
678 | 821 | }, |
679 | - likeComment(status, id) { | |
822 | + likeComment(status, id) { | |
823 | + if(!this.usertoken){ | |
824 | + this.goToLogin(); | |
825 | + } | |
680 | 826 | console.log("===", this.comment); |
681 | 827 | var obj = { |
682 | 828 | commentId: id, | ... | ... |
src/components/Profile.vue
... | ... | @@ -969,7 +969,7 @@ export default { |
969 | 969 | }, |
970 | 970 | }) |
971 | 971 | .then((response) => { |
972 | - console.log(response.data.data.caseStudies); | |
972 | + console.log("----",response.data.data.caseStudies); | |
973 | 973 | this.caseStudies = response.data.data.caseStudies; |
974 | 974 | }) |
975 | 975 | .catch((error) => console.log(error)); | ... | ... |
src/components/SingleMobileScreenInsightOne.vue
... | ... | @@ -477,17 +477,152 @@ export default { |
477 | 477 | if (allSlideData) { |
478 | 478 | this.allSlide = JSON.parse(allSlideData); |
479 | 479 | this.getCurrentSlideData(); |
480 | - }else{ | |
481 | - this.$router.push("/login"); | |
480 | + }else{ | |
481 | + this.getCurrentSlideData(); | |
482 | + | |
482 | 483 | } |
483 | 484 | var userdata = localStorage.getItem("spotlight_usertoken"); |
484 | 485 | if (userdata) { |
485 | 486 | userdata = JSON.parse(userdata); |
486 | 487 | this.usertoken = userdata.token; |
487 | 488 | this.getComment(); |
489 | + }else{ | |
490 | + this.getComment(); | |
488 | 491 | } |
489 | 492 | }, |
490 | 493 | methods: { |
494 | + | |
495 | + generatecaseStudies(){ | |
496 | + axios | |
497 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
498 | + headers: { | |
499 | + Authorization: "Bearer " + this.usertoken, | |
500 | + }, | |
501 | + }) | |
502 | + .then((response) => { | |
503 | + | |
504 | + console.log('response',response.data.data); | |
505 | + this.openStudy(response.data.data); | |
506 | + }) | |
507 | + .catch((error) => console.log(error)); | |
508 | + }, | |
509 | + | |
510 | + | |
511 | + | |
512 | + openStudy(payload) { | |
513 | + console.log("payload-", payload); | |
514 | + payload.intro.date = payload.createdAt; | |
515 | + payload.intro.focusPoint = payload.focusAreas; | |
516 | + axios | |
517 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
518 | + headers: { | |
519 | + Authorization: "Bearer " + this.usertoken, | |
520 | + }, | |
521 | + }) | |
522 | + .then((response) => { | |
523 | + this.createSlide(payload, response.data.data); | |
524 | + }) | |
525 | + .catch((error) => console.log(error)); | |
526 | + }, | |
527 | + | |
528 | + createSlide(payload, slides) { | |
529 | + var finalSlides = []; | |
530 | + slides.forEach((slides_) => { | |
531 | + var url = this.assignRoutes(slides_.templateId); | |
532 | + var obj = { | |
533 | + forward: true, | |
534 | + backward: true, | |
535 | + ur: url, | |
536 | + slideId: slides_._id, | |
537 | + caseStudyId: slides_.caseStudyId, | |
538 | + payload: { | |
539 | + metaData: slides_.metaData, | |
540 | + comments: slides_.comments, | |
541 | + insight: slides_.insight ? slides_.insight : null, | |
542 | + }, | |
543 | + }; | |
544 | + // slides_ | |
545 | + finalSlides.push(obj); | |
546 | + }); | |
547 | + console.log("payload", payload); | |
548 | + // add first slide at begining | |
549 | + finalSlides.unshift({ | |
550 | + forward: true, | |
551 | + backward: false, | |
552 | + ur: "EpisodeIntro", | |
553 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
554 | + caseStudyId: payload._id, | |
555 | + payload: { | |
556 | + metaData: payload.intro, | |
557 | + comments: [], | |
558 | + }, | |
559 | + }); | |
560 | + finalSlides.push({ | |
561 | + forward: true, | |
562 | + backward: false, | |
563 | + ur: "Outro", | |
564 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
565 | + caseStudyId: payload._id, | |
566 | + payload: { | |
567 | + metaData: payload.outro, | |
568 | + comments: [], | |
569 | + }, | |
570 | + }); | |
571 | + | |
572 | + console.log(finalSlides); | |
573 | + console.log("payload", payload); | |
574 | + localStorage.setItem( | |
575 | + "spotlight_slide" + payload._id, | |
576 | + JSON.stringify(finalSlides) | |
577 | + ); | |
578 | + this.allSlide = finalSlides; | |
579 | + this.getCurrentSlideData(); | |
580 | + }, | |
581 | + assignRoutes(tempId) { | |
582 | + // /episode-intro | |
583 | + // /outro | |
584 | + var routes = [ | |
585 | + { | |
586 | + url: "AuthorIntro", | |
587 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
588 | + }, | |
589 | + { | |
590 | + url: "NoScreenshotSingleAuthor", | |
591 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
592 | + }, | |
593 | + { | |
594 | + url: "SingleMobileScreenInsightTwo", | |
595 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
596 | + }, | |
597 | + { | |
598 | + url: "TwoScreenWithoutInsight", | |
599 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
600 | + }, | |
601 | + { | |
602 | + url: "noscreenshotSingleautho", | |
603 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
604 | + }, | |
605 | + { | |
606 | + url: "SingleMobileScreenInsightOne", | |
607 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
608 | + }, | |
609 | + { | |
610 | + url: "TwoScreenWithInsight", | |
611 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
612 | + }, | |
613 | + { | |
614 | + url: "AuthorReadingNow", | |
615 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
616 | + }, | |
617 | + { | |
618 | + url: "AuthorReadingBreak", | |
619 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
620 | + }, | |
621 | + ]; | |
622 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
623 | + return routes[i].url; | |
624 | + }, | |
625 | + | |
491 | 626 | getCurrentSlideData() { |
492 | 627 | var i = this.allSlide.findIndex( |
493 | 628 | (slide_) => slide_.slideId == this.$route.params.slideId |
... | ... | @@ -602,6 +737,8 @@ export default { |
602 | 737 | }, |
603 | 738 | goToLogin() { |
604 | 739 | this.$router.push("/login"); |
740 | + localStorage.setItem('previous_url_spotlight',JSON.stringify(this.currentSlideData)); | |
741 | + | |
605 | 742 | }, |
606 | 743 | goToSignUp() { |
607 | 744 | this.$router.push("/"); |
... | ... | @@ -614,7 +751,10 @@ export default { |
614 | 751 | $("#open_ct_box, .c_hide").show(); |
615 | 752 | $(".footer-top").addClass("white-bg"); |
616 | 753 | }, |
617 | - open_ct_box() { | |
754 | + open_ct_box() { | |
755 | + if(!this.usertoken){ | |
756 | + this.goToLogin(); | |
757 | + } | |
618 | 758 | $("#cht_box_close").addClass("cht_close"); |
619 | 759 | $("#open_ct_box, .c_hide").hide(); |
620 | 760 | $(".footer-top").removeClass("white-bg"); |
... | ... | @@ -632,7 +772,10 @@ export default { |
632 | 772 | this.parentInput = true; |
633 | 773 | this.comment = null; |
634 | 774 | }, |
635 | - reply_cht_box(i) { | |
775 | + reply_cht_box(i) { | |
776 | + if(!this.usertoken){ | |
777 | + this.goToLogin(); | |
778 | + } | |
636 | 779 | console.log(this.commentList, "cmnt"); |
637 | 780 | $("#cht_box_close").addClass("cht_close"); |
638 | 781 | $("#open_ct_box, .c_hide").hide(); |
... | ... | @@ -644,7 +787,10 @@ export default { |
644 | 787 | document.getElementById("childInput").focus(); |
645 | 788 | }, 100); |
646 | 789 | }, |
647 | - likeComment(status, id) { | |
790 | + likeComment(status, id) { | |
791 | + if(!this.usertoken){ | |
792 | + this.goToLogin(); | |
793 | + } | |
648 | 794 | console.log("===", this.comment); |
649 | 795 | var obj = { |
650 | 796 | commentId: id, | ... | ... |
src/components/SingleMobileScreenInsightTwo.vue
... | ... | @@ -543,16 +543,152 @@ export default { |
543 | 543 | if (allSlideData) { |
544 | 544 | this.allSlide = JSON.parse(allSlideData); |
545 | 545 | this.getCurrentSlideData(); |
546 | - }else{ | |
547 | - this.$router.push("/login"); | |
546 | + }else{ | |
547 | + this.getCurrentSlideData(); | |
548 | + | |
548 | 549 | } |
550 | + var userdata = localStorage.getItem("spotlight_usertoken"); | |
549 | 551 | if (userdata) { |
550 | 552 | userdata = JSON.parse(userdata); |
551 | 553 | this.usertoken = userdata.token; |
552 | 554 | this.getComment(); |
555 | + }else{ | |
556 | + this.getComment(); | |
553 | 557 | } |
554 | 558 | }, |
555 | 559 | methods: { |
560 | + | |
561 | + generatecaseStudies(){ | |
562 | + axios | |
563 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
564 | + headers: { | |
565 | + Authorization: "Bearer " + this.usertoken, | |
566 | + }, | |
567 | + }) | |
568 | + .then((response) => { | |
569 | + | |
570 | + console.log('response',response.data.data); | |
571 | + this.openStudy(response.data.data); | |
572 | + }) | |
573 | + .catch((error) => console.log(error)); | |
574 | + }, | |
575 | + | |
576 | + | |
577 | + | |
578 | + openStudy(payload) { | |
579 | + console.log("payload-", payload); | |
580 | + payload.intro.date = payload.createdAt; | |
581 | + payload.intro.focusPoint = payload.focusAreas; | |
582 | + axios | |
583 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
584 | + headers: { | |
585 | + Authorization: "Bearer " + this.usertoken, | |
586 | + }, | |
587 | + }) | |
588 | + .then((response) => { | |
589 | + this.createSlide(payload, response.data.data); | |
590 | + }) | |
591 | + .catch((error) => console.log(error)); | |
592 | + }, | |
593 | + | |
594 | + createSlide(payload, slides) { | |
595 | + var finalSlides = []; | |
596 | + slides.forEach((slides_) => { | |
597 | + var url = this.assignRoutes(slides_.templateId); | |
598 | + var obj = { | |
599 | + forward: true, | |
600 | + backward: true, | |
601 | + ur: url, | |
602 | + slideId: slides_._id, | |
603 | + caseStudyId: slides_.caseStudyId, | |
604 | + payload: { | |
605 | + metaData: slides_.metaData, | |
606 | + comments: slides_.comments, | |
607 | + insight: slides_.insight ? slides_.insight : null, | |
608 | + }, | |
609 | + }; | |
610 | + // slides_ | |
611 | + finalSlides.push(obj); | |
612 | + }); | |
613 | + console.log("payload", payload); | |
614 | + // add first slide at begining | |
615 | + finalSlides.unshift({ | |
616 | + forward: true, | |
617 | + backward: false, | |
618 | + ur: "EpisodeIntro", | |
619 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
620 | + caseStudyId: payload._id, | |
621 | + payload: { | |
622 | + metaData: payload.intro, | |
623 | + comments: [], | |
624 | + }, | |
625 | + }); | |
626 | + finalSlides.push({ | |
627 | + forward: true, | |
628 | + backward: false, | |
629 | + ur: "Outro", | |
630 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
631 | + caseStudyId: payload._id, | |
632 | + payload: { | |
633 | + metaData: payload.outro, | |
634 | + comments: [], | |
635 | + }, | |
636 | + }); | |
637 | + | |
638 | + console.log(finalSlides); | |
639 | + console.log("payload", payload); | |
640 | + localStorage.setItem( | |
641 | + "spotlight_slide" + payload._id, | |
642 | + JSON.stringify(finalSlides) | |
643 | + ); | |
644 | + this.allSlide = finalSlides; | |
645 | + this.getCurrentSlideData(); | |
646 | + }, | |
647 | + assignRoutes(tempId) { | |
648 | + // /episode-intro | |
649 | + // /outro | |
650 | + var routes = [ | |
651 | + { | |
652 | + url: "AuthorIntro", | |
653 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
654 | + }, | |
655 | + { | |
656 | + url: "NoScreenshotSingleAuthor", | |
657 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
658 | + }, | |
659 | + { | |
660 | + url: "SingleMobileScreenInsightTwo", | |
661 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
662 | + }, | |
663 | + { | |
664 | + url: "TwoScreenWithoutInsight", | |
665 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
666 | + }, | |
667 | + { | |
668 | + url: "noscreenshotSingleautho", | |
669 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
670 | + }, | |
671 | + { | |
672 | + url: "SingleMobileScreenInsightOne", | |
673 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
674 | + }, | |
675 | + { | |
676 | + url: "TwoScreenWithInsight", | |
677 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
678 | + }, | |
679 | + { | |
680 | + url: "AuthorReadingNow", | |
681 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
682 | + }, | |
683 | + { | |
684 | + url: "AuthorReadingBreak", | |
685 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
686 | + }, | |
687 | + ]; | |
688 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
689 | + return routes[i].url; | |
690 | + }, | |
691 | + | |
556 | 692 | getCurrentSlideData() { |
557 | 693 | var i = this.allSlide.findIndex( |
558 | 694 | (slide_) => slide_.slideId == this.$route.params.slideId |
... | ... | @@ -672,6 +808,8 @@ export default { |
672 | 808 | }, |
673 | 809 | goToLogin() { |
674 | 810 | this.$router.push("/login"); |
811 | + localStorage.setItem('previous_url_spotlight',JSON.stringify(this.currentSlideData)); | |
812 | + | |
675 | 813 | }, |
676 | 814 | goToSignUp() { |
677 | 815 | this.$router.push("/"); |
... | ... | @@ -681,7 +819,10 @@ export default { |
681 | 819 | $("#open_ct_box, .c_hide").show(); |
682 | 820 | $(".footer-top").addClass("white-bg"); |
683 | 821 | }, |
684 | - open_ct_box() { | |
822 | + open_ct_box() { | |
823 | + if(!this.usertoken){ | |
824 | + this.goToLogin(); | |
825 | + } | |
685 | 826 | $("#cht_box_close").addClass("cht_close"); |
686 | 827 | $("#open_ct_box, .c_hide").hide(); |
687 | 828 | $(".footer-top").removeClass("white-bg"); |
... | ... | @@ -699,7 +840,13 @@ export default { |
699 | 840 | this.parentInput = true; |
700 | 841 | this.comment = null; |
701 | 842 | }, |
702 | - reply_cht_box(i) { | |
843 | + reply_cht_box(i) { | |
844 | + if(!this.usertoken){ | |
845 | + this.goToLogin(); | |
846 | + } | |
847 | + if(!this.usertoken){ | |
848 | + this.goToLogin(); | |
849 | + } | |
703 | 850 | console.log(this.commentList, "cmnt"); |
704 | 851 | $("#cht_box_close").addClass("cht_close"); |
705 | 852 | $("#open_ct_box, .c_hide").hide(); |
... | ... | @@ -711,7 +858,10 @@ export default { |
711 | 858 | document.getElementById("childInput").focus(); |
712 | 859 | }, 100); |
713 | 860 | }, |
714 | - likeComment(status, id) { | |
861 | + likeComment(status, id) { | |
862 | + if(!this.usertoken){ | |
863 | + this.goToLogin(); | |
864 | + } | |
715 | 865 | console.log("===", this.comment); |
716 | 866 | var obj = { |
717 | 867 | commentId: id, | ... | ... |
src/components/TwoScreenWithInsight.vue
... | ... | @@ -480,17 +480,152 @@ export default { |
480 | 480 | if (allSlideData) { |
481 | 481 | this.allSlide = JSON.parse(allSlideData); |
482 | 482 | this.getCurrentSlideData(); |
483 | - }else{ | |
484 | - this.$router.push("/login"); | |
483 | + }else{ | |
484 | + this.getCurrentSlideData(); | |
485 | + | |
485 | 486 | } |
486 | 487 | var userdata = localStorage.getItem("spotlight_usertoken"); |
487 | 488 | if (userdata) { |
488 | 489 | userdata = JSON.parse(userdata); |
489 | 490 | this.usertoken = userdata.token; |
490 | 491 | this.getComment(); |
492 | + }else{ | |
493 | + this.getComment(); | |
491 | 494 | } |
492 | 495 | }, |
493 | 496 | methods: { |
497 | + | |
498 | + generatecaseStudies(){ | |
499 | + axios | |
500 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
501 | + headers: { | |
502 | + Authorization: "Bearer " + this.usertoken, | |
503 | + }, | |
504 | + }) | |
505 | + .then((response) => { | |
506 | + | |
507 | + console.log('response',response.data.data); | |
508 | + this.openStudy(response.data.data); | |
509 | + }) | |
510 | + .catch((error) => console.log(error)); | |
511 | + }, | |
512 | + | |
513 | + | |
514 | + | |
515 | + openStudy(payload) { | |
516 | + console.log("payload-", payload); | |
517 | + payload.intro.date = payload.createdAt; | |
518 | + payload.intro.focusPoint = payload.focusAreas; | |
519 | + axios | |
520 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
521 | + headers: { | |
522 | + Authorization: "Bearer " + this.usertoken, | |
523 | + }, | |
524 | + }) | |
525 | + .then((response) => { | |
526 | + this.createSlide(payload, response.data.data); | |
527 | + }) | |
528 | + .catch((error) => console.log(error)); | |
529 | + }, | |
530 | + | |
531 | + createSlide(payload, slides) { | |
532 | + var finalSlides = []; | |
533 | + slides.forEach((slides_) => { | |
534 | + var url = this.assignRoutes(slides_.templateId); | |
535 | + var obj = { | |
536 | + forward: true, | |
537 | + backward: true, | |
538 | + ur: url, | |
539 | + slideId: slides_._id, | |
540 | + caseStudyId: slides_.caseStudyId, | |
541 | + payload: { | |
542 | + metaData: slides_.metaData, | |
543 | + comments: slides_.comments, | |
544 | + insight: slides_.insight ? slides_.insight : null, | |
545 | + }, | |
546 | + }; | |
547 | + // slides_ | |
548 | + finalSlides.push(obj); | |
549 | + }); | |
550 | + console.log("payload", payload); | |
551 | + // add first slide at begining | |
552 | + finalSlides.unshift({ | |
553 | + forward: true, | |
554 | + backward: false, | |
555 | + ur: "EpisodeIntro", | |
556 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
557 | + caseStudyId: payload._id, | |
558 | + payload: { | |
559 | + metaData: payload.intro, | |
560 | + comments: [], | |
561 | + }, | |
562 | + }); | |
563 | + finalSlides.push({ | |
564 | + forward: true, | |
565 | + backward: false, | |
566 | + ur: "Outro", | |
567 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
568 | + caseStudyId: payload._id, | |
569 | + payload: { | |
570 | + metaData: payload.outro, | |
571 | + comments: [], | |
572 | + }, | |
573 | + }); | |
574 | + | |
575 | + console.log(finalSlides); | |
576 | + console.log("payload", payload); | |
577 | + localStorage.setItem( | |
578 | + "spotlight_slide" + payload._id, | |
579 | + JSON.stringify(finalSlides) | |
580 | + ); | |
581 | + this.allSlide = finalSlides; | |
582 | + this.getCurrentSlideData(); | |
583 | + }, | |
584 | + assignRoutes(tempId) { | |
585 | + // /episode-intro | |
586 | + // /outro | |
587 | + var routes = [ | |
588 | + { | |
589 | + url: "AuthorIntro", | |
590 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
591 | + }, | |
592 | + { | |
593 | + url: "NoScreenshotSingleAuthor", | |
594 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
595 | + }, | |
596 | + { | |
597 | + url: "SingleMobileScreenInsightTwo", | |
598 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
599 | + }, | |
600 | + { | |
601 | + url: "TwoScreenWithoutInsight", | |
602 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
603 | + }, | |
604 | + { | |
605 | + url: "noscreenshotSingleautho", | |
606 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
607 | + }, | |
608 | + { | |
609 | + url: "SingleMobileScreenInsightOne", | |
610 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
611 | + }, | |
612 | + { | |
613 | + url: "TwoScreenWithInsight", | |
614 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
615 | + }, | |
616 | + { | |
617 | + url: "AuthorReadingNow", | |
618 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
619 | + }, | |
620 | + { | |
621 | + url: "AuthorReadingBreak", | |
622 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
623 | + }, | |
624 | + ]; | |
625 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
626 | + return routes[i].url; | |
627 | + }, | |
628 | + | |
494 | 629 | getCurrentSlideData() { |
495 | 630 | var i = this.allSlide.findIndex( |
496 | 631 | (slide_) => slide_.slideId == this.$route.params.slideId |
... | ... | @@ -603,6 +738,7 @@ export default { |
603 | 738 | }, |
604 | 739 | goToLogin() { |
605 | 740 | this.$router.push("/login"); |
741 | + localStorage.setItem('previous_url_spotlight',JSON.stringify(this.currentSlideData)); | |
606 | 742 | }, |
607 | 743 | goToSignUp() { |
608 | 744 | this.$router.push("/"); |
... | ... | @@ -615,7 +751,10 @@ export default { |
615 | 751 | $("#open_ct_box, .c_hide").show(); |
616 | 752 | $(".footer-top").addClass("white-bg"); |
617 | 753 | }, |
618 | - open_ct_box() { | |
754 | + open_ct_box() { | |
755 | + if(!this.usertoken){ | |
756 | + this.goToLogin(); | |
757 | + } | |
619 | 758 | $("#cht_box_close").addClass("cht_close"); |
620 | 759 | $("#open_ct_box, .c_hide").hide(); |
621 | 760 | $(".footer-top").removeClass("white-bg"); |
... | ... | @@ -633,7 +772,10 @@ export default { |
633 | 772 | this.parentInput = true; |
634 | 773 | this.comment = null; |
635 | 774 | }, |
636 | - reply_cht_box(i) { | |
775 | + reply_cht_box(i) { | |
776 | + if(!this.usertoken){ | |
777 | + this.goToLogin(); | |
778 | + } | |
637 | 779 | console.log(this.commentList, "cmnt"); |
638 | 780 | $("#cht_box_close").addClass("cht_close"); |
639 | 781 | $("#open_ct_box, .c_hide").hide(); |
... | ... | @@ -645,7 +787,10 @@ export default { |
645 | 787 | document.getElementById("childInput").focus(); |
646 | 788 | }, 100); |
647 | 789 | }, |
648 | - likeComment(status, id) { | |
790 | + likeComment(status, id) { | |
791 | + if(!this.usertoken){ | |
792 | + this.goToLogin(); | |
793 | + } | |
649 | 794 | console.log("===", this.comment); |
650 | 795 | var obj = { |
651 | 796 | commentId: id, | ... | ... |
src/components/TwoScreenWithoutInsight.vue
... | ... | @@ -532,16 +532,151 @@ export default { |
532 | 532 | this.allSlide = JSON.parse(allSlideData); |
533 | 533 | this.getCurrentSlideData(); |
534 | 534 | }else{ |
535 | - this.$router.push("/login"); | |
535 | + this.getCurrentSlideData(); | |
536 | + | |
536 | 537 | } |
537 | 538 | var userdata = localStorage.getItem("spotlight_usertoken"); |
538 | 539 | if (userdata) { |
539 | 540 | userdata = JSON.parse(userdata); |
540 | 541 | this.usertoken = userdata.token; |
541 | 542 | this.getComment(); |
543 | + }else{ | |
544 | + this.getComment(); | |
542 | 545 | } |
543 | 546 | }, |
544 | 547 | methods: { |
548 | + | |
549 | + generatecaseStudies(){ | |
550 | + axios | |
551 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
552 | + headers: { | |
553 | + Authorization: "Bearer " + this.usertoken, | |
554 | + }, | |
555 | + }) | |
556 | + .then((response) => { | |
557 | + | |
558 | + console.log('response',response.data.data); | |
559 | + this.openStudy(response.data.data); | |
560 | + }) | |
561 | + .catch((error) => console.log(error)); | |
562 | + }, | |
563 | + | |
564 | + | |
565 | + | |
566 | + openStudy(payload) { | |
567 | + console.log("payload-", payload); | |
568 | + payload.intro.date = payload.createdAt; | |
569 | + payload.intro.focusPoint = payload.focusAreas; | |
570 | + axios | |
571 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
572 | + headers: { | |
573 | + Authorization: "Bearer " + this.usertoken, | |
574 | + }, | |
575 | + }) | |
576 | + .then((response) => { | |
577 | + this.createSlide(payload, response.data.data); | |
578 | + }) | |
579 | + .catch((error) => console.log(error)); | |
580 | + }, | |
581 | + | |
582 | + createSlide(payload, slides) { | |
583 | + var finalSlides = []; | |
584 | + slides.forEach((slides_) => { | |
585 | + var url = this.assignRoutes(slides_.templateId); | |
586 | + var obj = { | |
587 | + forward: true, | |
588 | + backward: true, | |
589 | + ur: url, | |
590 | + slideId: slides_._id, | |
591 | + caseStudyId: slides_.caseStudyId, | |
592 | + payload: { | |
593 | + metaData: slides_.metaData, | |
594 | + comments: slides_.comments, | |
595 | + insight: slides_.insight ? slides_.insight : null, | |
596 | + }, | |
597 | + }; | |
598 | + // slides_ | |
599 | + finalSlides.push(obj); | |
600 | + }); | |
601 | + console.log("payload", payload); | |
602 | + // add first slide at begining | |
603 | + finalSlides.unshift({ | |
604 | + forward: true, | |
605 | + backward: false, | |
606 | + ur: "EpisodeIntro", | |
607 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
608 | + caseStudyId: payload._id, | |
609 | + payload: { | |
610 | + metaData: payload.intro, | |
611 | + comments: [], | |
612 | + }, | |
613 | + }); | |
614 | + finalSlides.push({ | |
615 | + forward: true, | |
616 | + backward: false, | |
617 | + ur: "Outro", | |
618 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
619 | + caseStudyId: payload._id, | |
620 | + payload: { | |
621 | + metaData: payload.outro, | |
622 | + comments: [], | |
623 | + }, | |
624 | + }); | |
625 | + | |
626 | + console.log(finalSlides); | |
627 | + console.log("payload", payload); | |
628 | + localStorage.setItem( | |
629 | + "spotlight_slide" + payload._id, | |
630 | + JSON.stringify(finalSlides) | |
631 | + ); | |
632 | + this.allSlide = finalSlides; | |
633 | + this.getCurrentSlideData(); | |
634 | + }, | |
635 | + assignRoutes(tempId) { | |
636 | + // /episode-intro | |
637 | + // /outro | |
638 | + var routes = [ | |
639 | + { | |
640 | + url: "AuthorIntro", | |
641 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
642 | + }, | |
643 | + { | |
644 | + url: "NoScreenshotSingleAuthor", | |
645 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
646 | + }, | |
647 | + { | |
648 | + url: "SingleMobileScreenInsightTwo", | |
649 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
650 | + }, | |
651 | + { | |
652 | + url: "TwoScreenWithoutInsight", | |
653 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
654 | + }, | |
655 | + { | |
656 | + url: "noscreenshotSingleautho", | |
657 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
658 | + }, | |
659 | + { | |
660 | + url: "SingleMobileScreenInsightOne", | |
661 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
662 | + }, | |
663 | + { | |
664 | + url: "TwoScreenWithInsight", | |
665 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
666 | + }, | |
667 | + { | |
668 | + url: "AuthorReadingNow", | |
669 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
670 | + }, | |
671 | + { | |
672 | + url: "AuthorReadingBreak", | |
673 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
674 | + }, | |
675 | + ]; | |
676 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
677 | + return routes[i].url; | |
678 | + }, | |
679 | + | |
545 | 680 | getCurrentSlideData() { |
546 | 681 | var i = this.allSlide.findIndex( |
547 | 682 | (slide_) => slide_.slideId == this.$route.params.slideId |
... | ... | @@ -658,6 +793,7 @@ export default { |
658 | 793 | }, |
659 | 794 | goToLogin() { |
660 | 795 | this.$router.push("/login"); |
796 | + localStorage.setItem('previous_url_spotlight',JSON.stringify(this.currentSlideData)); | |
661 | 797 | }, |
662 | 798 | goToSignUp() { |
663 | 799 | this.$router.push("/"); |
... | ... | @@ -667,7 +803,10 @@ export default { |
667 | 803 | $("#open_ct_box, .c_hide").show(); |
668 | 804 | $(".footer-top").addClass("white-bg"); |
669 | 805 | }, |
670 | - open_ct_box() { | |
806 | + open_ct_box() { | |
807 | + if(!this.usertoken){ | |
808 | + this.goToLogin(); | |
809 | + } | |
671 | 810 | $("#cht_box_close").addClass("cht_close"); |
672 | 811 | $("#open_ct_box, .c_hide").hide(); |
673 | 812 | $(".footer-top").removeClass("white-bg"); |
... | ... | @@ -685,7 +824,10 @@ export default { |
685 | 824 | this.parentInput = true; |
686 | 825 | this.comment = null; |
687 | 826 | }, |
688 | - reply_cht_box(i) { | |
827 | + reply_cht_box(i) { | |
828 | + if(!this.usertoken){ | |
829 | + this.goToLogin(); | |
830 | + } | |
689 | 831 | console.log(this.commentList, "cmnt"); |
690 | 832 | $("#cht_box_close").addClass("cht_close"); |
691 | 833 | $("#open_ct_box, .c_hide").hide(); |
... | ... | @@ -697,7 +839,10 @@ export default { |
697 | 839 | document.getElementById("childInput").focus(); |
698 | 840 | }, 100); |
699 | 841 | }, |
700 | - likeComment(status, id) { | |
842 | + likeComment(status, id) { | |
843 | + if(!this.usertoken){ | |
844 | + this.goToLogin(); | |
845 | + } | |
701 | 846 | console.log("===", this.comment); |
702 | 847 | var obj = { |
703 | 848 | commentId: id, | ... | ... |
src/components/noscreenshotSingleautho.vue
... | ... | @@ -444,17 +444,152 @@ data() { |
444 | 444 | if (allSlideData) { |
445 | 445 | this.allSlide = JSON.parse(allSlideData); |
446 | 446 | this.getCurrentSlideData(); |
447 | - }else{ | |
448 | - this.$router.push("/login"); | |
447 | + }else{ | |
448 | + this.getCurrentSlideData(); | |
449 | + | |
449 | 450 | } |
450 | 451 | var userdata = localStorage.getItem("spotlight_usertoken"); |
451 | 452 | if (userdata) { |
452 | 453 | userdata = JSON.parse(userdata); |
453 | 454 | this.usertoken = userdata.token; |
454 | 455 | this.getComment(); |
456 | + }else{ | |
457 | + this.getComment(); | |
455 | 458 | } |
456 | 459 | }, |
457 | 460 | methods: { |
461 | + | |
462 | + generatecaseStudies(){ | |
463 | + axios | |
464 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
465 | + headers: { | |
466 | + Authorization: "Bearer " + this.usertoken, | |
467 | + }, | |
468 | + }) | |
469 | + .then((response) => { | |
470 | + | |
471 | + console.log('response',response.data.data); | |
472 | + this.openStudy(response.data.data); | |
473 | + }) | |
474 | + .catch((error) => console.log(error)); | |
475 | + }, | |
476 | + | |
477 | + | |
478 | + | |
479 | + openStudy(payload) { | |
480 | + console.log("payload-", payload); | |
481 | + payload.intro.date = payload.createdAt; | |
482 | + payload.intro.focusPoint = payload.focusAreas; | |
483 | + axios | |
484 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
485 | + headers: { | |
486 | + Authorization: "Bearer " + this.usertoken, | |
487 | + }, | |
488 | + }) | |
489 | + .then((response) => { | |
490 | + this.createSlide(payload, response.data.data); | |
491 | + }) | |
492 | + .catch((error) => console.log(error)); | |
493 | + }, | |
494 | + | |
495 | + createSlide(payload, slides) { | |
496 | + var finalSlides = []; | |
497 | + slides.forEach((slides_) => { | |
498 | + var url = this.assignRoutes(slides_.templateId); | |
499 | + var obj = { | |
500 | + forward: true, | |
501 | + backward: true, | |
502 | + ur: url, | |
503 | + slideId: slides_._id, | |
504 | + caseStudyId: slides_.caseStudyId, | |
505 | + payload: { | |
506 | + metaData: slides_.metaData, | |
507 | + comments: slides_.comments, | |
508 | + insight: slides_.insight ? slides_.insight : null, | |
509 | + }, | |
510 | + }; | |
511 | + // slides_ | |
512 | + finalSlides.push(obj); | |
513 | + }); | |
514 | + console.log("payload", payload); | |
515 | + // add first slide at begining | |
516 | + finalSlides.unshift({ | |
517 | + forward: true, | |
518 | + backward: false, | |
519 | + ur: "EpisodeIntro", | |
520 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
521 | + caseStudyId: payload._id, | |
522 | + payload: { | |
523 | + metaData: payload.intro, | |
524 | + comments: [], | |
525 | + }, | |
526 | + }); | |
527 | + finalSlides.push({ | |
528 | + forward: true, | |
529 | + backward: false, | |
530 | + ur: "Outro", | |
531 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
532 | + caseStudyId: payload._id, | |
533 | + payload: { | |
534 | + metaData: payload.outro, | |
535 | + comments: [], | |
536 | + }, | |
537 | + }); | |
538 | + | |
539 | + console.log(finalSlides); | |
540 | + console.log("payload", payload); | |
541 | + localStorage.setItem( | |
542 | + "spotlight_slide" + payload._id, | |
543 | + JSON.stringify(finalSlides) | |
544 | + ); | |
545 | + this.allSlide = finalSlides; | |
546 | + this.getCurrentSlideData(); | |
547 | + }, | |
548 | + assignRoutes(tempId) { | |
549 | + // /episode-intro | |
550 | + // /outro | |
551 | + var routes = [ | |
552 | + { | |
553 | + url: "AuthorIntro", | |
554 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
555 | + }, | |
556 | + { | |
557 | + url: "NoScreenshotSingleAuthor", | |
558 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
559 | + }, | |
560 | + { | |
561 | + url: "SingleMobileScreenInsightTwo", | |
562 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
563 | + }, | |
564 | + { | |
565 | + url: "TwoScreenWithoutInsight", | |
566 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
567 | + }, | |
568 | + { | |
569 | + url: "noscreenshotSingleautho", | |
570 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
571 | + }, | |
572 | + { | |
573 | + url: "SingleMobileScreenInsightOne", | |
574 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
575 | + }, | |
576 | + { | |
577 | + url: "TwoScreenWithInsight", | |
578 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
579 | + }, | |
580 | + { | |
581 | + url: "AuthorReadingNow", | |
582 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
583 | + }, | |
584 | + { | |
585 | + url: "AuthorReadingBreak", | |
586 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
587 | + }, | |
588 | + ]; | |
589 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
590 | + return routes[i].url; | |
591 | + }, | |
592 | + | |
458 | 593 | getCurrentSlideData() { |
459 | 594 | var i = this.allSlide.findIndex( |
460 | 595 | (slide_) => slide_.slideId == this.$route.params.slideId |
... | ... | @@ -569,6 +704,7 @@ data() { |
569 | 704 | }, |
570 | 705 | goToLogin() { |
571 | 706 | this.$router.push("/login"); |
707 | + localStorage.setItem('previous_url_spotlight',JSON.stringify(this.currentSlideData)); | |
572 | 708 | }, |
573 | 709 | goToSignUp() { |
574 | 710 | this.$router.push("/"); |
... | ... | @@ -581,7 +717,10 @@ data() { |
581 | 717 | $("#open_ct_box, .c_hide").show(); |
582 | 718 | $(".footer-top").addClass("white-bg"); |
583 | 719 | }, |
584 | - open_ct_box() { | |
720 | + open_ct_box() { | |
721 | + if(!this.usertoken){ | |
722 | + this.goToLogin(); | |
723 | + } | |
585 | 724 | $("#cht_box_close").addClass("cht_close"); |
586 | 725 | $("#open_ct_box, .c_hide").hide(); |
587 | 726 | $(".footer-top").removeClass("white-bg"); |
... | ... | @@ -599,7 +738,10 @@ data() { |
599 | 738 | this.parentInput = true; |
600 | 739 | this.comment = null; |
601 | 740 | }, |
602 | - reply_cht_box(i) { | |
741 | + reply_cht_box(i) { | |
742 | + if(!this.usertoken){ | |
743 | + this.goToLogin(); | |
744 | + } | |
603 | 745 | console.log(this.commentList, "cmnt"); |
604 | 746 | $("#cht_box_close").addClass("cht_close"); |
605 | 747 | $("#open_ct_box, .c_hide").hide(); |
... | ... | @@ -611,7 +753,11 @@ data() { |
611 | 753 | document.getElementById("childInput").focus(); |
612 | 754 | }, 100); |
613 | 755 | }, |
614 | - likeComment(status, id) { | |
756 | + likeComment(status, id) { | |
757 | + | |
758 | + if(!this.usertoken){ | |
759 | + this.goToLogin(); | |
760 | + } | |
615 | 761 | console.log("===", this.comment); |
616 | 762 | var obj = { |
617 | 763 | commentId: id, | ... | ... |
src/components/outro.vue
... | ... | @@ -222,13 +222,144 @@ export default { |
222 | 222 | this.allSlide = JSON.parse(allSlideData); |
223 | 223 | this.getCurrentSlideData(); |
224 | 224 | this.getCaseStudies(); |
225 | - this.getRating(); | |
226 | 225 | }else{ |
227 | - | |
228 | - this.$router.push("/login"); | |
226 | + this.generatecaseStudies(); | |
229 | 227 | } |
228 | + | |
230 | 229 | }, |
231 | 230 | methods: { |
231 | + generatecaseStudies(){ | |
232 | + axios | |
233 | + .get("/caseStudy?caseStudyId="+this.$route.params.caseStudyId, { | |
234 | + headers: { | |
235 | + Authorization: "Bearer " + this.usertoken, | |
236 | + }, | |
237 | + }) | |
238 | + .then((response) => { | |
239 | + | |
240 | + console.log('response',response.data.data); | |
241 | + this.openStudy(response.data.data); | |
242 | + }) | |
243 | + .catch((error) => console.log(error)); | |
244 | + }, | |
245 | + | |
246 | + | |
247 | + | |
248 | + openStudy(payload) { | |
249 | + console.log("payload-", payload); | |
250 | + payload.intro.date = payload.createdAt; | |
251 | + payload.intro.focusPoint = payload.focusAreas; | |
252 | + axios | |
253 | + .get("/caseStudy/slides?caseStudyId=" + payload._id, { | |
254 | + headers: { | |
255 | + Authorization: "Bearer " + this.usertoken, | |
256 | + }, | |
257 | + }) | |
258 | + .then((response) => { | |
259 | + this.createSlide(payload, response.data.data); | |
260 | + }) | |
261 | + .catch((error) => console.log(error)); | |
262 | + }, | |
263 | + | |
264 | + createSlide(payload, slides) { | |
265 | + var finalSlides = []; | |
266 | + slides.forEach((slides_) => { | |
267 | + var url = this.assignRoutes(slides_.templateId); | |
268 | + var obj = { | |
269 | + forward: true, | |
270 | + backward: true, | |
271 | + ur: url, | |
272 | + slideId: slides_._id, | |
273 | + caseStudyId: slides_.caseStudyId, | |
274 | + payload: { | |
275 | + metaData: slides_.metaData, | |
276 | + comments: slides_.comments, | |
277 | + insight: slides_.insight ? slides_.insight : null, | |
278 | + }, | |
279 | + }; | |
280 | + // slides_ | |
281 | + finalSlides.push(obj); | |
282 | + }); | |
283 | + console.log("payload", payload); | |
284 | + // add first slide at begining | |
285 | + finalSlides.unshift({ | |
286 | + forward: true, | |
287 | + backward: false, | |
288 | + ur: "EpisodeIntro", | |
289 | + slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", | |
290 | + caseStudyId: payload._id, | |
291 | + payload: { | |
292 | + metaData: payload.intro, | |
293 | + comments: [], | |
294 | + }, | |
295 | + }); | |
296 | + finalSlides.push({ | |
297 | + forward: true, | |
298 | + backward: false, | |
299 | + ur: "Outro", | |
300 | + slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", | |
301 | + caseStudyId: payload._id, | |
302 | + payload: { | |
303 | + metaData: payload.outro, | |
304 | + comments: [], | |
305 | + }, | |
306 | + }); | |
307 | + | |
308 | + console.log(finalSlides); | |
309 | + console.log("payload", payload); | |
310 | + localStorage.setItem( | |
311 | + "spotlight_slide" + payload._id, | |
312 | + JSON.stringify(finalSlides) | |
313 | + ); | |
314 | + this.allSlide = finalSlides; | |
315 | + this.getCurrentSlideData(); | |
316 | + }, | |
317 | + assignRoutes(tempId) { | |
318 | + // /episode-intro | |
319 | + // /outro | |
320 | + var routes = [ | |
321 | + { | |
322 | + url: "AuthorIntro", | |
323 | + tempId: "T1_RoeMG8130Xko1DvhC3Ou", | |
324 | + }, | |
325 | + { | |
326 | + url: "NoScreenshotSingleAuthor", | |
327 | + tempId: "T2_ROsUOEy3vxsRAiQ72XdI", | |
328 | + }, | |
329 | + { | |
330 | + url: "SingleMobileScreenInsightTwo", | |
331 | + tempId: "T3_cqNIf7tuqL4jyON63dA7", | |
332 | + }, | |
333 | + { | |
334 | + url: "TwoScreenWithoutInsight", | |
335 | + tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", | |
336 | + }, | |
337 | + { | |
338 | + url: "noscreenshotSingleautho", | |
339 | + tempId: "T5_za3c3sYgx7bVvtKz5r0e", | |
340 | + }, | |
341 | + { | |
342 | + url: "SingleMobileScreenInsightOne", | |
343 | + tempId: "T6_za3c3sYgx7bVvtKz5sgf", | |
344 | + }, | |
345 | + { | |
346 | + url: "TwoScreenWithInsight", | |
347 | + tempId: "T7_za3c3sYgx7bVvtKzasdf", | |
348 | + }, | |
349 | + { | |
350 | + url: "AuthorReadingNow", | |
351 | + tempId: "T8_zb4d4fYgx7bVvtKzasdf", | |
352 | + }, | |
353 | + { | |
354 | + url: "AuthorReadingBreak", | |
355 | + tempId: "T9_zb3e4fYgy7dVvfKdasdf", | |
356 | + }, | |
357 | + ]; | |
358 | + var i = routes.findIndex((routes_) => routes_.tempId == tempId); | |
359 | + return routes[i].url; | |
360 | + }, | |
361 | + | |
362 | + | |
232 | 363 | getCurrentSlideData() { |
233 | 364 | var i = this.allSlide.findIndex( |
234 | 365 | (slide_) => slide_.slideId == this.$route.params.slideId | ... | ... |