Commit 49055248c7df1d7032d645570cafe003d9d2674a

Authored by Digvijay Singh
1 parent 6b14d08e4c
Exists in master

offline synching

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
... ...