viithiisys / spotlight-frontend

Download as
Browse Code »

Commit 7832f2f48cadbec8164e413a9188b5785a449110

Authored by Digvijay Singh
1 parent a4373a004e
Exists in master

randmise avatar

Showing 1 changed file with 23 additions and 7 deletions   Show diff stats
src/components/Profile.vue
Diff comments   View file @7832f2f
1 <template> 1 <template>
2 <main class="landing-page"> 2 <main class="landing-page">
3 <!-- profile --> 3 <!-- profile -->
4 <div class="popup-wrp" style="display: none"> 4 <div class="popup-wrp" style="display: none">
5 <div class="overlay" @click="hideDialog"></div> 5 <div class="overlay" @click="hideDialog"></div>
6 <div class="popup-set" id="add-profile" style="display: none"> 6 <div class="popup-set" id="add-profile" style="display: none">
7 <div class="popup-header"> 7 <div class="popup-header">
8 <div class="user-photo common_color"> 8 <div class="user-photo common_color">
9 <img src="../assets/images/m-user.svg" /> 9 <img :src="userData.profilePic" />
10 </div> 10 </div>
11 <!-- header user --> 11 <!-- header user -->
12 12
13 <ul> 13 <ul>
14 <li> 14 <li>
15 <a href="javasript:void(0);" 15 <a href="javasript:void(0);"
16 ><img src="../assets/images/replace.svg" /><span 16 ><img src="../assets/images/replace.svg" /><span
17 >Replace Avatar</span 17 >Replace Avatar</span
18 ></a 18 ></a
19 > 19 >
20 </li> 20 </li>
21 <li> 21 <li>
22 <a href="javasript:void(0);" 22 <a href="javasript:void(0);"
23 ><img src="../assets/images/randomise.svg" /><span 23 @click="getRandomAvatar()"><img src="../assets/images/randomise.svg" /><span
24 >Randomise Avatar</span 24 >Randomise Avatar</span
25 ></a 25 ></a
26 > 26 >
27 </li> 27 </li>
28 </ul> 28 </ul>
29 </div> 29 </div>
30 <!-- header --> 30 <!-- header -->
31 <div class="popup-body"> 31 <div class="popup-body">
32 <form class="popup-forms"> 32 <form class="popup-forms">
33 <div class="row"> 33 <div class="row">
34 <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6"> 34 <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
35 <div class="form-group floating-label"> 35 <div class="form-group floating-label">
36 <input 36 <input
37 type="text" 37 type="text"
38 class="form-control" 38 class="form-control"
39 v-model="userData.firstName" 39 v-model="userData.firstName"
40 placeholder=" " 40 placeholder=" "
41 id="fname" 41 id="fname"
42 /> 42 />
43 <label for="fname">First Name</label> 43 <label for="fname">First Name</label>
44 </div> 44 </div>
45 </div> 45 </div>
46 <!-- input --> 46 <!-- input -->
47 <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6"> 47 <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
48 <div class="form-group floating-label"> 48 <div class="form-group floating-label">
49 <input 49 <input
50 type="text" 50 type="text"
51 class="form-control" 51 class="form-control"
52 value="" 52 value=""
53 placeholder=" " 53 placeholder=" "
54 id="lname" 54 id="lname"
55 v-model="userData.lastName" 55 v-model="userData.lastName"
56 /> 56 />
57 <label for="lname" class="lname">Last Name</label> 57 <label for="lname" class="lname">Last Name</label>
58 </div> 58 </div>
59 </div> 59 </div>
60 <!-- input --> 60 <!-- input -->
61 <div class="col-sm-5 col-md-5 col-lg-5 col-xl-5"> 61 <div class="col-sm-5 col-md-5 col-lg-5 col-xl-5">
62 <div class="form-group floating-label"> 62 <div class="form-group floating-label">
63 <input 63 <input
64 type="text" 64 type="text"
65 class="form-control" 65 class="form-control"
66 value="" 66 value=""
67 v-model="userData.designation" 67 v-model="userData.designation"
68 placeholder=" " 68 placeholder=" "
69 id="designation" 69 id="designation"
70 /> 70 />
71 <label for="designation">Designation</label> 71 <label for="designation">Designation</label>
72 </div> 72 </div>
73 </div> 73 </div>
74 <!-- input --> 74 <!-- input -->
75 <div class="col-sm-7 col-md-7 col-lg-7 col-xl-7"> 75 <div class="col-sm-7 col-md-7 col-lg-7 col-xl-7">
76 <div class="form-group floating-label"> 76 <div class="form-group floating-label">
77 <input 77 <input
78 type="text" 78 type="text"
79 class="form-control" 79 class="form-control"
80 v-model="userData.organisation" 80 v-model="userData.organisation"
81 id="company" 81 id="company"
82 placeholder=" " 82 placeholder=" "
83 /> 83 />
84 <label for="company">Company</label> 84 <label for="company">Company</label>
85 </div> 85 </div>
86 </div> 86 </div>
87 <!-- input --> 87 <!-- input -->
88 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12"> 88 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
89 <div class="form-group floating-label"> 89 <div class="form-group floating-label">
90 <textarea 90 <textarea
91 type="text" 91 type="text"
92 class="form-control" 92 class="form-control"
93 value="" 93 value=""
94 v-model="userData.bio" 94 v-model="userData.bio"
95 id="yourself" 95 id="yourself"
96 placeholder=" " 96 placeholder=" "
97 ></textarea> 97 ></textarea>
98 <label for="yourself" 98 <label for="yourself"
99 >Tell others a little about yourself</label 99 >Tell others a little about yourself</label
100 > 100 >
101 </div> 101 </div>
102 </div> 102 </div>
103 <!-- input --> 103 <!-- input -->
104 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12"> 104 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
105 <p class="things">Three things that you talk more about</p> 105 <p class="things">Three things that you talk more about</p>
106 106
107 <ul class="interests"> 107 <ul class="interests">
108 <li v-for="(interest, i) in userData.interests" :key="i"> 108 <li v-for="(interest, i) in userData.interests" :key="i">
109 <span>{{ interest }}</span> 109 <span>{{ interest }}</span>
110 <a 110 <a
111 href="javascript:void(0);" 111 href="javascript:void(0);"
112 @click="removeInterest(i)" 112 @click="removeInterest(i)"
113 class="cat-minus" 113 class="cat-minus"
114 ><img src="../assets/images/minus.svg" 114 ><img src="../assets/images/minus.svg"
115 /></a> 115 /></a>
116 </li> 116 </li>
117 <li> 117 <li>
118 <input 118 <input
119 class="" 119 class=""
120 placeholder="Add interest" 120 placeholder="Add interest"
121 v-model="interestName" 121 v-model="interestName"
122 /> 122 />
123 <a href="javascript:void(0);" @click="addInterest()" 123 <a href="javascript:void(0);" @click="addInterest()"
124 ><img src="../assets/images/plus-circle.svg" 124 ><img src="../assets/images/plus-circle.svg"
125 /></a> 125 /></a>
126 </li> 126 </li>
127 </ul> 127 </ul>
128 </div> 128 </div>
129 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12"> 129 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
130 <p class="things">Choose Background color</p> 130 <p class="things">Choose Background color</p>
131 131
132 <ul class="colors"> 132 <ul class="colors">
133 <li> 133 <li>
134 <a 134 <a
135 href="javascript:void(0);" 135 href="javascript:void(0);"
136 id="#C4C4C4" 136 id="#C4C4C4"
137 class="silver" 137 class="silver"
138 @click="changeColor('#C4C4C4')" 138 @click="changeColor('#C4C4C4')"
139 ></a> 139 ></a>
140 </li> 140 </li>
141 <li> 141 <li>
142 <a 142 <a
143 href="javascript:void(0);" 143 href="javascript:void(0);"
144 id="#FFF6D7" 144 id="#FFF6D7"
145 class="milk-punch" 145 class="milk-punch"
146 @click="changeColor('#FFF6D7')" 146 @click="changeColor('#FFF6D7')"
147 ></a> 147 ></a>
148 </li> 148 </li>
149 <li> 149 <li>
150 <a 150 <a
151 href="javascript:void(0);" 151 href="javascript:void(0);"
152 id="#BDDBFF" 152 id="#BDDBFF"
153 class="french-pass" 153 class="french-pass"
154 @click="changeColor('#BDDBFF')" 154 @click="changeColor('#BDDBFF')"
155 ></a> 155 ></a>
156 </li> 156 </li>
157 <li> 157 <li>
158 <a 158 <a
159 href="javascript:void(0);" 159 href="javascript:void(0);"
160 id="#C0FAFE" 160 id="#C0FAFE"
161 class="cyan-french-pass" 161 class="cyan-french-pass"
162 @click="changeColor('#C0FAFE')" 162 @click="changeColor('#C0FAFE')"
163 ></a> 163 ></a>
164 </li> 164 </li>
165 <li> 165 <li>
166 <a 166 <a
167 href="javascript:void(0);" 167 href="javascript:void(0);"
168 id="#FFDBDC" 168 id="#FFDBDC"
169 class="cosmos" 169 class="cosmos"
170 @click="changeColor('#FFDBDC')" 170 @click="changeColor('#FFDBDC')"
171 ></a> 171 ></a>
172 </li> 172 </li>
173 <li> 173 <li>
174 <a 174 <a
175 href="javascript:void(0);" 175 href="javascript:void(0);"
176 id="#FEE6AC" 176 id="#FEE6AC"
177 class="cape-Honey" 177 class="cape-Honey"
178 @click="changeColor('#FEE6AC')" 178 @click="changeColor('#FEE6AC')"
179 ></a> 179 ></a>
180 </li> 180 </li>
181 <li> 181 <li>
182 <a 182 <a
183 href="javascript:void(0);" 183 href="javascript:void(0);"
184 id="#E5DFF0" 184 id="#E5DFF0"
185 class="snuff" 185 class="snuff"
186 @click="changeColor('#E5DFF0')" 186 @click="changeColor('#E5DFF0')"
187 ></a> 187 ></a>
188 </li> 188 </li>
189 <li> 189 <li>
190 <a 190 <a
191 href="javascript:void(0);" 191 href="javascript:void(0);"
192 id="#DFE7EF" 192 id="#DFE7EF"
193 class="catskillWhite" 193 class="catskillWhite"
194 @click="changeColor('#DFE7EF')" 194 @click="changeColor('#DFE7EF')"
195 ></a> 195 ></a>
196 </li> 196 </li>
197 <li> 197 <li>
198 <a 198 <a
199 href="javascript:void(0);" 199 href="javascript:void(0);"
200 id="#FFF" 200 id="#FFF"
201 class="white" 201 class="white"
202 @click="changeColor('#FFF')" 202 @click="changeColor('#FFF')"
203 ></a> 203 ></a>
204 </li> 204 </li>
205 </ul> 205 </ul>
206 </div> 206 </div>
207 <div class="col-lg-12 mt-50"> 207 <div class="col-lg-12 mt-50">
208 <p class="notifications"> 208 <p class="notifications">
209 Recieve notifications when you recieve a comment/ Upvote 209 Recieve notifications when you recieve a comment/ Upvote
210 </p> 210 </p>
211 <div class="switch-bt-wrp"> 211 <div class="switch-bt-wrp">
212 <label class="switch-btn"> 212 <label class="switch-btn">
213 <input type="checkbox" class="toggle-btn" /> 213 <input type="checkbox" class="toggle-btn" />
214 <span class="rounded-toggle"></span> 214 <span class="rounded-toggle"></span>
215 </label> 215 </label>
216 <span class="onoff">on/off</span> 216 <span class="onoff">on/off</span>
217 </div> 217 </div>
218 </div> 218 </div>
219 <div class="col-lg-12"> 219 <div class="col-lg-12">
220 <p class="add-socail-ch"> 220 <p class="add-socail-ch">
221 Add your social Channels <span></span> 221 Add your social Channels <span></span>
222 </p> 222 </p>
223 </div> 223 </div>
224 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4"> 224 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
225 <div class="form-group floating-label"> 225 <div class="form-group floating-label">
226 <select class="form-group"> 226 <select class="form-group">
227 <option value="Facebook">Facebook</option> 227 <option value="Facebook">Facebook</option>
228 </select> 228 </select>
229 <span class="select-arrow" 229 <span class="select-arrow"
230 ><img src="../assets/images/chevron-down.svg" 230 ><img src="../assets/images/chevron-down.svg"
231 /></span> 231 /></span>
232 </div> 232 </div>
233 </div> 233 </div>
234 <!-- input --> 234 <!-- input -->
235 <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8"> 235 <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
236 <div class="form-group floating-label"> 236 <div class="form-group floating-label">
237 <input 237 <input
238 type="text" 238 type="text"
239 class="form-control" 239 class="form-control"
240 value="" 240 value=""
241 placeholder="Paste your profile URL here" 241 placeholder="Paste your profile URL here"
242 id="" 242 id=""
243 v-model="userData.socialMediaProfiles.facebook" 243 v-model="userData.socialMediaProfiles.facebook"
244 /> 244 />
245 </div> 245 </div>
246 </div> 246 </div>
247 <!-- input --> 247 <!-- input -->
248 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4"> 248 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
249 <div class="form-group floating-label"> 249 <div class="form-group floating-label">
250 <select class="form-group"> 250 <select class="form-group">
251 <option value="Linkedin">Linkedin</option> 251 <option value="Linkedin">Linkedin</option>
252 </select> 252 </select>
253 <span class="select-arrow" 253 <span class="select-arrow"
254 ><img src="../assets/images/chevron-down.svg" 254 ><img src="../assets/images/chevron-down.svg"
255 /></span> 255 /></span>
256 </div> 256 </div>
257 </div> 257 </div>
258 <!-- input --> 258 <!-- input -->
259 <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8"> 259 <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
260 <div class="form-group floating-label"> 260 <div class="form-group floating-label">
261 <input 261 <input
262 type="text" 262 type="text"
263 class="form-control" 263 class="form-control"
264 value="" 264 value=""
265 placeholder="Paste your profile URL here" 265 placeholder="Paste your profile URL here"
266 id="" 266 id=""
267 v-model="userData.socialMediaProfiles.linkedin" 267 v-model="userData.socialMediaProfiles.linkedin"
268 /> 268 />
269 </div> 269 </div>
270 </div> 270 </div>
271 <!-- input --> 271 <!-- input -->
272 272
273 <!-- input --> 273 <!-- input -->
274 <!-- <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4"> 274 <!-- <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
275 <div class="form-group floating-label"> 275 <div class="form-group floating-label">
276 <select class="form-group"> 276 <select class="form-group">
277 <option @click="addSocialLink">Add another</option> 277 <option @click="addSocialLink">Add another</option>
278 </select> 278 </select>
279 <span class="select-arrow" 279 <span class="select-arrow"
280 ><img src="../assets/images/chevron-down.svg" 280 ><img src="../assets/images/chevron-down.svg"
281 /></span> 281 /></span>
282 </div> 282 </div>
283 </div> --> 283 </div> -->
284 <!-- input --> 284 <!-- input -->
285 </div> 285 </div>
286 <a href="javascript:void(0);" @click="closeDialog" class="next-bt" 286 <a href="javascript:void(0);" @click="closeDialog" class="next-bt"
287 >Save</a 287 >Save</a
288 > 288 >
289 </form> 289 </form>
290 </div> 290 </div>
291 <div class="clearfix"></div> 291 <div class="clearfix"></div>
292 </div> 292 </div>
293 <!-- add profile --> 293 <!-- add profile -->
294 </div> 294 </div>
295 <!-- profile --> 295 <!-- profile -->
296 <div class="container-fluid inner-wrp"> 296 <div class="container-fluid inner-wrp">
297 <nav class="navbar navbar-expand-sm spotLight-nav"> 297 <nav class="navbar navbar-expand-sm spotLight-nav">
298 <a class="navbar-brand" href="javasript:void(0);" 298 <a class="navbar-brand" href="javasript:void(0);"
299 ><img src="../assets/images/logo.png" 299 ><img src="../assets/images/logo.png"
300 /></a> 300 /></a>
301 <button 301 <button
302 class="navbar-toggler" 302 class="navbar-toggler"
303 type="button" 303 type="button"
304 data-toggle="collapse" 304 data-toggle="collapse"
305 data-target="#navbarsExample03" 305 data-target="#navbarsExample03"
306 aria-controls="navbarsExample03" 306 aria-controls="navbarsExample03"
307 aria-expanded="false" 307 aria-expanded="false"
308 aria-label="Toggle navigation" 308 aria-label="Toggle navigation"
309 > 309 >
310 <span class="navbar-toggler-icon"></span> 310 <span class="navbar-toggler-icon"></span>
311 <span class="navbar-toggler-icon"></span> 311 <span class="navbar-toggler-icon"></span>
312 <span class="navbar-toggler-icon"></span> 312 <span class="navbar-toggler-icon"></span>
313 </button> 313 </button>
314 314
315 <div class="collapse navbar-collapse" id="navbarsExample03"> 315 <div class="collapse navbar-collapse" id="navbarsExample03">
316 <ul class="navbar-nav mr-auto"> 316 <ul class="navbar-nav mr-auto">
317 <li class="nav-item active"> 317 <li class="nav-item active">
318 <a class="nav-link" href="javasript:void(0);">About</a> 318 <a class="nav-link" href="javasript:void(0);">About</a>
319 </li> 319 </li>
320 <li class="nav-item"> 320 <li class="nav-item">
321 <a class="nav-link" href="javasript:void(0);">Masterclass</a> 321 <a class="nav-link" href="javasript:void(0);">Masterclass</a>
322 </li> 322 </li>
323 <li class="nav-item"> 323 <li class="nav-item">
324 <a class="nav-link" href="javasript:void(0);">Stories</a> 324 <a class="nav-link" href="javasript:void(0);">Stories</a>
325 </li> 325 </li>
326 <li class="nav-item"> 326 <li class="nav-item">
327 <a class="nav-link" href="javasript:void(0);">Library</a> 327 <a class="nav-link" href="javasript:void(0);">Library</a>
328 </li> 328 </li>
329 </ul> 329 </ul>
330 </div> 330 </div>
331 <a href="javasript:void(0);" class="update_profile"><span></span> Update Profile</a> 331 <a href="javasript:void(0);" class="update_profile"><span></span> Update Profile</a>
332 <div class=""> 332 <div class="">
333 333
334 <a href="javascript:void(0);" class="user-profile-photo common_color" @click="userprofileshowDialog"><img src="../assets/images/m-user.svg" /></a> 334 <a href="javascript:void(0);" class="user-profile-photo common_color" @click="userprofileshowDialog"><img :src="userData.profilePic" /></a>
335 <div class="sub-menu-user" id="userprofileshow" style="display: none"> 335 <div class="sub-menu-user" id="userprofileshow" style="display: none">
336 <ul> 336 <ul>
337 <li> 337 <li>
338 <a href="javascript:void(0);" @click="addProfileDialog" 338 <a href="javascript:void(0);" @click="addProfileDialog"
339 >Edit Profile</a 339 >Edit Profile</a
340 > 340 >
341 </li> 341 </li>
342 <li><a href="javascript:void(0);" @click="logout">Log Out</a></li> 342 <li><a href="javascript:void(0);" @click="logout">Log Out</a></li>
343 </ul> 343 </ul>
344 </div> 344 </div>
345 </div> 345 </div>
346 </nav> 346 </nav>
347 <!-- menu wrapper --> 347 <!-- menu wrapper -->
348 <div class="row profile-tab-spc-top"> 348 <div class="row profile-tab-spc-top">
349 <div class="col-sm-8 col-md-12 col-lg-8 col-xl-8"> 349 <div class="col-sm-8 col-md-12 col-lg-8 col-xl-8">
350 <div class="inner-profile-ps common_color"> 350 <div class="inner-profile-ps common_color">
351 <img src="../assets/images/m-user.svg" class="" /> 351 <img :src="userData.profilePic" class="" />
352 </div> 352 </div>
353 <!-- user profile --> 353 <!-- user profile -->
354 354
355 <div class="user-profile"> 355 <div class="user-profile">
356 <h1> 356 <h1>
357 {{ userData.firstName }} {{ userData.lastName }} 357 {{ userData.firstName }} {{ userData.lastName }}
358 <a href="javasript:void(0);" class="tags">{{ userData.role }}</a> 358 <a href="javasript:void(0);" class="tags">{{ userData.role }}</a>
359 </h1> 359 </h1>
360 <ul class="joined-info"> 360 <ul class="joined-info">
361 <li> 361 <li>
362 <a href="javascript:void(0);" @click="addProfileDialog" 362 <a href="javascript:void(0);" @click="addProfileDialog"
363 >Add your work</a 363 >Add your work</a
364 > 364 >
365 <img src="../assets/images/u-info-icon.png" /> <span></span> 365 <img src="../assets/images/u-info-icon.png" /> <span></span>
366 </li> 366 </li>
367 <li> 367 <li>
368 <a href="javasript:void(0);">{{ userData.karmaPoints }} Karma</a> <span></span> 368 <a href="javasript:void(0);">{{ userData.karmaPoints }} Karma</a> <span></span>
369 </li> 369 </li>
370 <li> 370 <li>
371 <a href="javasript:void(0);" 371 <a href="javasript:void(0);"
372 >Joined on 372 >Joined on
373 {{ moment(userData.createdAt).format("MMM YYYY") }}</a 373 {{ moment(userData.createdAt).format("MMM YYYY") }}</a
374 > 374 >
375 </li> 375 </li>
376 </ul> 376 </ul>
377 <p>{{ userData.bio }}</p> 377 <p>{{ userData.bio }}</p>
378 </div> 378 </div>
379 </div> 379 </div>
380 <!-- user profile --> 380 <!-- user profile -->
381 <div class="col-sm-4 col-md-12 col-lg-4 col-xl-4"> 381 <div class="col-sm-4 col-md-12 col-lg-4 col-xl-4">
382 <div class="list-style-group" v-if="userData.awards"> 382 <div class="list-style-group" v-if="userData.awards">
383 <p>Awards</p> 383 <p>Awards</p>
384 <ul class="list-style"> 384 <ul class="list-style">
385 <li> 385 <li>
386 <a href="javascript:void(0);" 386 <a href="javascript:void(0);"
387 ><img src="../assets/images/icon-1.png" 387 ><img src="../assets/images/icon-1.png"
388 /></a> 388 /></a>
389 </li> 389 </li>
390 </ul> 390 </ul>
391 </div> 391 </div>
392 <!-- list style --> 392 <!-- list style -->
393 </div> 393 </div>
394 </div> 394 </div>
395 <div class="clearfix"></div> 395 <div class="clearfix"></div>
396 <div class="row top-brd profile-tab-spc-top"> 396 <div class="row top-brd profile-tab-spc-top">
397 <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8"> 397 <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
398 <ul class="profile-tab"> 398 <ul class="profile-tab">
399 <li class="active c-0"> 399 <li class="active c-0">
400 <a href="javascript:void(0);" @click="caseDialog" 400 <a href="javascript:void(0);" @click="caseDialog"
401 >Case-studies({{ caseStudies.length }})</a 401 >Case-studies({{ caseStudies.length }})</a
402 > 402 >
403 </li> 403 </li>
404 <li class="rp-all"> 404 <li class="rp-all">
405 <a href="javascript:void(0);" @click="repliesDialog" 405 <a href="javascript:void(0);" @click="repliesDialog"
406 >Comments/Replies(0)</a 406 >Comments/Replies(0)</a
407 > 407 >
408 </li> 408 </li>
409 </ul> 409 </ul>
410 </div> 410 </div>
411 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4"> 411 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
412 <ul class="social-connects"> 412 <ul class="social-connects">
413 <li><span>Follow</span></li> 413 <li><span>Follow</span></li>
414 <li> 414 <li>
415 <a 415 <a
416 href="javascript:void(0);" 416 href="javascript:void(0);"
417 @click="addProfileDialog" 417 @click="addProfileDialog"
418 class="active" 418 class="active"
419 ><img src="../assets/images/plus.png" 419 ><img src="../assets/images/plus.png"
420 /></a> 420 /></a>
421 <span class="connect-social-channel" 421 <span class="connect-social-channel"
422 >Connect your social channels</span 422 >Connect your social channels</span
423 > 423 >
424 </li> 424 </li>
425 </ul> 425 </ul>
426 </div> 426 </div>
427 </div> 427 </div>
428 <!-- tab style --> 428 <!-- tab style -->
429 <div class="profile-data-wrp"> 429 <div class="profile-data-wrp">
430 <div class="container-fluid data-wrp" id="case-study-0"> 430 <div class="container-fluid data-wrp" id="case-study-0">
431 <div class="row" v-if="caseStudies.length == 0"> 431 <div class="row" v-if="caseStudies.length == 0">
432 <div class="col-6 col-lg-6"> 432 <div class="col-6 col-lg-6">
433 <div class="full-w-height-profile ex-light seats_bg"> 433 <div class="full-w-height-profile ex-light seats_bg" >
434 <a href="javasript:void(0);" class="profile-md-bt center-and-spc bt-spc-top">Explore Spotlights</a> 434 <a href="javasript:void(0);" class="profile-md-bt center-and-spc bt-spc-top" @click="openUrl('https://www.productgrowth.org/spotlight')">Explore Spotlights</a>
435 <p>Explore the spotlights others has put together</p> 435 <p>Explore the spotlights others has put together</p>
436 </div><!-- full width --> 436 </div><!-- full width -->
437 </div><!-- col 6 --> 437 </div><!-- col 6 -->
438 <div class="col-6 col-lg-6"> 438 <div class="col-6 col-lg-6">
439 <div class="full-w-height-profile ex-light spotlight_bg"> 439 <div class="full-w-height-profile ex-light spotlight_bg">
440 <img src="../assets/images/add-role.svg" class="add-role" /> 440 <img src="../assets/images/add-role.svg" class="add-role" />
441 <div class="clearfix"></div><!-- clearfix --> 441 <div class="clearfix"></div><!-- clearfix -->
442 <a href="javasript:void(0);" class="profile-md-bt center-and-spc">Publish Spotlight</a> 442 <a href="javasript:void(0);" class="profile-md-bt center-and-spc" @click="openUrl('https://www.productgrowth.org/spotlight#typeform-spotlight')">Publish Spotlight</a>
443 <p>Share your own insights through Spotlight</p> 443 <p>Share your own insights through Spotlight</p>
444 </div><!-- full width --> 444 </div><!-- full width -->
445 </div><!-- col 6 --> 445 </div><!-- col 6 -->
446 446
447 </div> 447 </div>
448 448
449 <div class="profile-data-wrp" v-if="caseStudies.length != 0"> 449 <div class="profile-data-wrp" v-if="caseStudies.length != 0">
450 <div class="container-fluid data-wrp"> 450 <div class="container-fluid data-wrp">
451 <div class="row"> 451 <div class="row">
452 <div class="" v-for="(study, i) in caseStudies" :key="i"> 452 <div class="" v-for="(study, i) in caseStudies" :key="i">
453 <div class="card-warpper" @click="openStudy(study)"> 453 <div class="card-warpper" @click="openStudy(study)">
454 <div class="company-detail"> 454 <div class="company-detail">
455 <div class="c-logo"> 455 <div class="c-logo">
456 <!-- <img src="../assets/images/image 46.png" /> --> 456 <!-- <img src="../assets/images/image 46.png" /> -->
457 <img :src="study.intro.logoURL" /> 457 <img :src="study.intro.logoURL" />
458 </div> 458 </div>
459 <div class="c-tag"> 459 <div class="c-tag">
460 <img src="../assets/images/retake-blue.svg" v-if="study.intro.type == 'Retake'"/> 460 <img src="../assets/images/retake-blue.svg" v-if="study.intro.type == 'Retake'"/>
461 <img src="../assets/images/behind-blue.svg" v-if="study.intro.type == 'Behind-the-scenes'"/> 461 <img src="../assets/images/behind-blue.svg" v-if="study.intro.type == 'Behind-the-scenes'"/>
462 <img src="../assets/images/critique-blue.svg" v-if="study.intro.type == 'Critique'"/> 462 <img src="../assets/images/critique-blue.svg" v-if="study.intro.type == 'Critique'"/>
463 <img src="../assets/images/juxtapose-blue.svg" v-if="study.intro.type == 'Juxtapose'"/> 463 <img src="../assets/images/juxtapose-blue.svg" v-if="study.intro.type == 'Juxtapose'"/>
464 </div> 464 </div>
465 </div> 465 </div>
466 <!-- company detail--> 466 <!-- company detail-->
467 <h1>{{ study.intro.name }}</h1> 467 <h1>{{ study.intro.name }}</h1>
468 <div class="u-detail"> 468 <div class="u-detail">
469 <img src="../assets/images/user-2.png" /> 469 <img src="../assets/images/user-2.png" />
470 <h2 v-for="(name, j) in study.intro.authors" :key="j"> 470 <h2 v-for="(name, j) in study.intro.authors" :key="j">
471 {{ name }} 471 {{ name }}
472 </h2> 472 </h2>
473 </div> 473 </div>
474 <!-- user detail --> 474 <!-- user detail -->
475 <p> 475 <p>
476 <span v-for="(area, j) in study.focusAreas" :key="j"> 476 <span v-for="(area, j) in study.focusAreas" :key="j">
477 {{ area }} 477 {{ area }}
478 </span> 478 </span>
479 </p> 479 </p>
480 <ul class="tags-list" > 480 <ul class="tags-list" >
481 <li v-for="(tags, j) in study.insightTags" :key="j"> 481 <li v-for="(tags, j) in study.insightTags" :key="j">
482 <a href="javasript:void(0);" class="insight-design" v-if="tags == 'Design'" >Design</a> 482 <a href="javasript:void(0);" class="insight-design" v-if="tags == 'Design'" >Design</a>
483 <a href="javasript:void(0);" class="insight-product" v-if="tags == 'Product'">Product</a> 483 <a href="javasript:void(0);" class="insight-product" v-if="tags == 'Product'">Product</a>
484 <a href="javasript:void(0);" class="insight-marketing" v-if="tags == 'Marketing'">Marketing</a> 484 <a href="javasript:void(0);" class="insight-marketing" v-if="tags == 'Marketing'">Marketing</a>
485 <a href="javasript:void(0);" class="insight-pricing" v-if="tags == 'Pricing'">Pricing</a> 485 <a href="javasript:void(0);" class="insight-pricing" v-if="tags == 'Pricing'">Pricing</a>
486 <a href="javasript:void(0);" class="insight-psychology" v-if="tags == 'Psychology'">Psychology</a> 486 <a href="javasript:void(0);" class="insight-psychology" v-if="tags == 'Psychology'">Psychology</a>
487 </li> 487 </li>
488 <!-- <li><a href="javasript:void(0);" class="rose-bud">Marketing</a></li> 488 <!-- <li><a href="javasript:void(0);" class="rose-bud">Marketing</a></li>
489 <li><a href="javasript:void(0);" class="pattens-blue">Product</a></li> --> 489 <li><a href="javasript:void(0);" class="pattens-blue">Product</a></li> -->
490 </ul> 490 </ul>
491 <div class="clearfix"></div> 491 <div class="clearfix"></div>
492 </div> 492 </div>
493 <!-- card wrpper --> 493 <!-- card wrpper -->
494 <!-- card wrpper --> 494 <!-- card wrpper -->
495 </div> 495 </div>
496 <!-- all card wrpper --> 496 <!-- all card wrpper -->
497 </div> 497 </div>
498 </div> 498 </div>
499 </div> 499 </div>
500 <!-- data wrp --> 500 <!-- data wrp -->
501 </div> 501 </div>
502 <!-- case study 0 --> 502 <!-- case study 0 -->
503 <div 503 <div
504 class="container-fluid data-wrp" 504 class="container-fluid data-wrp"
505 id="all-replies" 505 id="all-replies"
506 style="display: none" 506 style="display: none"
507 > 507 >
508 <div class="row"> 508 <div class="row">
509 <div class="replies col-md-12"> 509 <div class="replies col-md-12">
510 <div class="replies-wrp"> 510 <div class="replies-wrp">
511 <!-- <h1>PhonePe vs GooglePay <span>Critique</span></h1> 511 <!-- <h1>PhonePe vs GooglePay <span>Critique</span></h1>
512 <ul class="joined-info"> 512 <ul class="joined-info">
513 <li><a href="javasript:void(0);">37D</a> <span></span></li> 513 <li><a href="javasript:void(0);">37D</a> <span></span></li>
514 <li><img src="../assets/images/heart.png" /></li> 514 <li><img src="../assets/images/heart.png" /></li>
515 <li><a href="javasript:void(0);"> 4</a></li> 515 <li><a href="javasript:void(0);"> 4</a></li>
516 <li class="comment-spc"> 516 <li class="comment-spc">
517 <img src="../assets/images/comment.svg" /> 517 <img src="../assets/images/comment.svg" />
518 </li> 518 </li>
519 <li><a href="javasript:void(0);"> 6</a></li> 519 <li><a href="javasript:void(0);"> 6</a></li>
520 </ul> 520 </ul>
521 <p> 521 <p>
522 I wonder what the difference between “<strong> 522 I wonder what the difference between “<strong>
523 Assistant</strong 523 Assistant</strong
524 >” and “<strong>Pickup and Drop</strong>” are. If they are the 524 >” and “<strong>Pickup and Drop</strong>” are. If they are the
525 same, there are two “call to actions” for the same workflow 525 same, there are two “call to actions” for the same workflow
526 </p> --> 526 </p> -->
527 </div> 527 </div>
528 <!-- replies wrapper --> 528 <!-- replies wrapper -->
529 </div> 529 </div>
530 <!-- all card wrpper --> 530 <!-- all card wrpper -->
531 </div> 531 </div>
532 </div> 532 </div>
533 <!-- all Relpies --> 533 <!-- all Relpies -->
534 </div> 534 </div>
535 <!-- data wrp --> 535 <!-- data wrp -->
536 <!-- body wrapper --> 536 <!-- body wrapper -->
537 </div> 537 </div>
538 </main> 538 </main>
539 </template> 539 </template>
540 540
541 <script> 541 <script>
542 import Vue from "vue"; 542 import Vue from "vue";
543 import router from "../router"; 543 import router from "../router";
544 import $ from "jquery"; 544 import $ from "jquery";
545 import axios from "axios"; 545 import axios from "axios";
546 546
547 export default { 547 export default {
548 name: "Profile", 548 name: "Profile",
549 549
550 data() { 550 data() {
551 return { 551 return {
552 loggedinFlag: false, 552 loggedinFlag: false,
553 usertoken: null, 553 usertoken: null,
554 userData: {}, 554 userData: {},
555 caseStudies: [], 555 caseStudies: [],
556 interestName: null, 556 interestName: null,
557 oldId: null, 557 oldId: null,
558 socialLink: null, 558 socialLink: null,
559 currentSocialLinkName: null, 559 currentSocialLinkName: null,
560 }; 560 };
561 }, 561 },
562 mounted() { 562 mounted() {
563 this.userData = {}; 563 this.userData = {};
564 this.socialLink = []; 564 this.socialLink = [];
565 this.userData.interests = []; 565 this.userData.interests = [];
566 this.userData.socialMediaProfiles = {}; 566 this.userData.socialMediaProfiles = {};
567 this.userData.socialMediaProfiles.facebook = null; 567 this.userData.socialMediaProfiles.facebook = null;
568 this.userData.socialMediaProfiles.linkedin = null; 568 this.userData.socialMediaProfiles.linkedin = null;
569 var userdata = localStorage.getItem("spotlight_usertoken"); 569 var userdata = localStorage.getItem("spotlight_usertoken");
570 if (userdata) { 570 if (userdata) {
571 userdata = JSON.parse(userdata); 571 userdata = JSON.parse(userdata);
572 this.usertoken = userdata.token; 572 this.usertoken = userdata.token;
573 this.getProfile(); 573 this.getProfile();
574 this.getCaseStudies(); 574 this.getCaseStudies();
575 } 575 }
576 }, 576 },
577 methods: { 577 methods: {
578 goToSignUp() { 578 goToSignUp() {
579 this.$router.push("/signup"); 579 this.$router.push("/signup");
580 }, 580 },
581 goToReset() { 581 goToReset() {
582 this.$router.push("/reset"); 582 this.$router.push("/reset");
583 }, 583 },
584 logout() { 584 logout() {
585 this.$router.push("/"); 585 this.$router.push("/");
586 }, 586 },
587 addSocialLink(obj) { 587 addSocialLink(obj) {
588 this.socialLink.push(); 588 this.socialLink.push();
589 }, 589 },
590 addInterest() { 590 addInterest() {
591 console.log(this.userData.interests.length, "called", this.interestName); 591 console.log(this.userData.interests.length, "called", this.interestName);
592 if (this.userData.interests.length <= 2) { 592 if (this.userData.interests.length <= 2) {
593 this.userData.interests.push(this.interestName); 593 this.userData.interests.push(this.interestName);
594 this.interestName = null; 594 this.interestName = null;
595 } else { 595 } else {
596 this.$toaster.info("Only 3 interest are allowed"); 596 this.$toaster.info("Only 3 interest are allowed");
597 } 597 }
598 }, 598 },
599 removeInterest(i) { 599 removeInterest(i) {
600 this.userData.interests.splice(i, 1); 600 this.userData.interests.splice(i, 1);
601 }, 601 },
602 assignClass() { 602 assignClass() {
603 var element = document.getElementById(this.userData.bgColor); 603 var element = document.getElementById(this.userData.bgColor);
604 element.classList.add("active"); 604 element.classList.add("active");
605 var cols = document.getElementsByClassName("common_color"); 605 var cols = document.getElementsByClassName("common_color");
606 for (var i = 0; i < cols.length; i++) { 606 for (var i = 0; i < cols.length; i++) {
607 cols[i].style.backgroundColor = this.userData.bgColor; 607 cols[i].style.backgroundColor = this.userData.bgColor;
608 } 608 }
609 }, 609 },
610 changeColor(clr) { 610 changeColor(clr) {
611 console.log(this.oldId, "clr", clr); 611 console.log(this.oldId, "clr", clr);
612 var element = document.getElementById(clr); 612 var element = document.getElementById(clr);
613 element.classList.add("active"); 613 element.classList.add("active");
614 var removeelement = document.getElementById(this.oldId); 614 var removeelement = document.getElementById(this.oldId);
615 removeelement.classList.remove("active"); 615 removeelement.classList.remove("active");
616 this.oldId = clr; 616 this.oldId = clr;
617 var cols = document.getElementsByClassName("common_color"); 617 var cols = document.getElementsByClassName("common_color");
618 for (var i = 0; i < cols.length; i++) { 618 for (var i = 0; i < cols.length; i++) {
619 cols[i].style.backgroundColor = clr; 619 cols[i].style.backgroundColor = clr;
620 } 620 }
621 this.userData.bgColor = clr; 621 this.userData.bgColor = clr;
622 }, 622 },
623 getProfile() { 623 getProfile() {
624 axios 624 axios
625 .get("/profile", { 625 .get("/profile", {
626 headers: { 626 headers: {
627 Authorization: "Bearer " + this.usertoken, 627 Authorization: "Bearer " + this.usertoken,
628 }, 628 },
629 }) 629 })
630 .then((response) => { 630 .then((response) => {
631 this.userData = response.data.data; 631 this.userData = response.data.data;
632 if (!this.userData.socialMediaProfiles) { 632 if (!this.userData.socialMediaProfiles) {
633 this.userData.socialMediaProfiles = {}; 633 this.userData.socialMediaProfiles = {};
634 } 634 }
635 this.oldId = this.userData.bgColor; 635 this.oldId = this.userData.bgColor;
636 console.log(this.oldId, "this.userData.", this.userData.bgColor); 636 console.log(this.oldId, "this.userData.", this.userData.bgColor);
637 637
638 this.assignClass(); 638 this.assignClass();
639 console.log(response.data.data); 639 console.log(response.data.data);
640 }) 640 })
641 .catch((error) => console.log(error)); 641 .catch((error) => console.log(error));
642 }, 642 },
643 getRandomAvatar() {
644 axios
645 .get("/randomAvatar", {
646 headers: {
647 Authorization: "Bearer " + this.usertoken,
648 },
649 })
650 .then((response) => {
651 this.userData.profilePic = response.data.imageURL;
652 console.log(response.data.imageURL);
653 })
654 .catch((error) => console.log(error));
655 },
643 getCaseStudies() { 656 getCaseStudies() {
644 axios 657 axios
645 .get("/caseStudy/all", { 658 .get("/caseStudy/all", {
646 headers: { 659 headers: {
647 Authorization: "Bearer " + this.usertoken, 660 Authorization: "Bearer " + this.usertoken,
648 }, 661 },
649 }) 662 })
650 .then((response) => { 663 .then((response) => {
651 console.log(response.data.data.caseStudies); 664 console.log(response.data.data.caseStudies);
652 this.caseStudies = response.data.data.caseStudies; 665 this.caseStudies = response.data.data.caseStudies;
653 }) 666 })
654 .catch((error) => console.log(error)); 667 .catch((error) => console.log(error));
655 }, 668 },
656 openStudy(payload) { 669 openStudy(payload) {
657 console.log("payload-", payload); 670 console.log("payload-", payload);
658 payload.intro.date = payload.createdAt; 671 payload.intro.date = payload.createdAt;
659 axios 672 axios
660 .get("/caseStudy/slides?caseStudyId=" + payload._id, { 673 .get("/caseStudy/slides?caseStudyId=" + payload._id, {
661 headers: { 674 headers: {
662 Authorization: "Bearer " + this.usertoken, 675 Authorization: "Bearer " + this.usertoken,
663 }, 676 },
664 }) 677 })
665 .then((response) => { 678 .then((response) => {
666 this.createSlide(payload, response.data.data); 679 this.createSlide(payload, response.data.data);
667 }) 680 })
668 .catch((error) => console.log(error)); 681 .catch((error) => console.log(error));
669 }, 682 },
670 683
671 createSlide(payload, slides) { 684 createSlide(payload, slides) {
672 var finalSlides = []; 685 var finalSlides = [];
673 slides.forEach((slides_) => { 686 slides.forEach((slides_) => {
674 var url = this.assignRoutes(slides_.templateId); 687 var url = this.assignRoutes(slides_.templateId);
675 var obj = { 688 var obj = {
676 forward: true, 689 forward: true,
677 backward: true, 690 backward: true,
678 ur: url, 691 ur: url,
679 slideId: slides_._id, 692 slideId: slides_._id,
680 caseStudyId: slides_.caseStudyId, 693 caseStudyId: slides_.caseStudyId,
681 payload: { 694 payload: {
682 metaData: slides_.metaData, 695 metaData: slides_.metaData,
683 comments: slides_.comments, 696 comments: slides_.comments,
684 insight: slides_.insight?slides_.insight:null, 697 insight: slides_.insight?slides_.insight:null,
685 }, 698 },
686 }; 699 };
687 // slides_ 700 // slides_
688 finalSlides.push(obj); 701 finalSlides.push(obj);
689 }); 702 });
690 console.log("payload", payload); 703 console.log("payload", payload);
691 // add first slide at begining 704 // add first slide at begining
692 finalSlides.unshift({ 705 finalSlides.unshift({
693 forward: true, 706 forward: true,
694 backward: false, 707 backward: false,
695 ur: "EpisodeIntro", 708 ur: "EpisodeIntro",
696 slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye", 709 slideId: "INTRO_oqkdMOVDrwRptsdWJ6Ye",
697 caseStudyId: payload._id, 710 caseStudyId: payload._id,
698 payload: { 711 payload: {
699 metaData: payload.intro, 712 metaData: payload.intro,
700 comments: [], 713 comments: [],
701 }, 714 },
702 }); 715 });
703 finalSlides.push({ 716 finalSlides.push({
704 forward: true, 717 forward: true,
705 backward: false, 718 backward: false,
706 ur: "Outro", 719 ur: "Outro",
707 slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye", 720 slideId: "OUTRO_oqkdMOVDrwRptsdWJ6Ye",
708 caseStudyId: payload._id, 721 caseStudyId: payload._id,
709 payload: { 722 payload: {
710 metaData: payload.outro, 723 metaData: payload.outro,
711 comments: [], 724 comments: [],
712 }, 725 },
713 }); 726 });
714 727
715 console.log(finalSlides); 728 console.log(finalSlides);
716 localStorage.setItem('spotlight_slide'+payload._id, JSON.stringify(finalSlides)) 729 localStorage.setItem('spotlight_slide'+payload._id, JSON.stringify(finalSlides))
717 this.$router.push({ 730 this.$router.push({
718 name: "EpisodeIntro", 731 name: "EpisodeIntro",
719 params: { 732 params: {
720 caseStudyId: finalSlides[0].caseStudyId, 733 caseStudyId: finalSlides[0].caseStudyId,
721 slideId: finalSlides[0].slideId, 734 slideId: finalSlides[0].slideId,
722 }, 735 },
723 }); 736 });
724 }, 737 },
725 assignRoutes(tempId) { 738 assignRoutes(tempId) {
726 // /episode-intro 739 // /episode-intro
727 // /outro 740 // /outro
728 var routes = [ 741 var routes = [
729 { 742 {
730 url: "AuthorIntro", 743 url: "AuthorIntro",
731 tempId: "T1_RoeMG8130Xko1DvhC3Ou", 744 tempId: "T1_RoeMG8130Xko1DvhC3Ou",
732 }, 745 },
733 { 746 {
734 url: "NoScreenshotSingleAuthor", 747 url: "NoScreenshotSingleAuthor",
735 tempId: "T2_ROsUOEy3vxsRAiQ72XdI", 748 tempId: "T2_ROsUOEy3vxsRAiQ72XdI",
736 }, 749 },
737 { 750 {
738 url: "SingleMobileScreenInsightTwo", 751 url: "SingleMobileScreenInsightTwo",
739 tempId: "T3_cqNIf7tuqL4jyON63dA7", 752 tempId: "T3_cqNIf7tuqL4jyON63dA7",
740 }, 753 },
741 { 754 {
742 url: "TwoScreenWithoutInsight", 755 url: "TwoScreenWithoutInsight",
743 tempId: "T4_4QC8W7kIYnJtZ26Jt0Go", 756 tempId: "T4_4QC8W7kIYnJtZ26Jt0Go",
744 }, 757 },
745 { 758 {
746 url: "noscreenshotSingleautho", 759 url: "noscreenshotSingleautho",
747 tempId: "T5_za3c3sYgx7bVvtKz5r0e", 760 tempId: "T5_za3c3sYgx7bVvtKz5r0e",
748 }, 761 },
749 { 762 {
750 url: "SingleMobileScreenInsightOne", 763 url: "SingleMobileScreenInsightOne",
751 tempId: "T6_za3c3sYgx7bVvtKz5sgf", 764 tempId: "T6_za3c3sYgx7bVvtKz5sgf",
752 }, 765 },
753 { 766 {
754 url: "TwoScreenWithInsight", 767 url: "TwoScreenWithInsight",
755 tempId: "T7_za3c3sYgx7bVvtKzasdf", 768 tempId: "T7_za3c3sYgx7bVvtKzasdf",
756 }, 769 },
757 ]; 770 ];
758 var i = routes.findIndex((routes_) => routes_.tempId == tempId); 771 var i = routes.findIndex((routes_) => routes_.tempId == tempId);
759 return routes[i].url; 772 return routes[i].url;
760 }, 773 },
761 saveProfile() { 774 saveProfile() {
762 var obj = {}; 775 var obj = {};
763 this.userData.name = 776 this.userData.name =
764 this.userData.firstName + " " + this.userData.lastName; 777 this.userData.firstName + " " + this.userData.lastName;
765 obj = Object.assign(obj, this.userData); 778 obj = Object.assign(obj, this.userData);
766 // if(!obj.socialMediaProfiles){ 779 // if(!obj.socialMediaProfiles){
767 // obj.socialMediaProfiles = {}; 780 // obj.socialMediaProfiles = {};
768 // } 781 // }
769 delete obj.createdAt; 782 delete obj.createdAt;
770 delete obj.email; 783 delete obj.email;
771 delete obj.role; 784 delete obj.role;
772 delete obj.verified; 785 delete obj.verified;
773 delete obj.updatedAt; 786 delete obj.updatedAt;
774 delete obj.__v; 787 delete obj.__v;
775 delete obj._id; 788 delete obj._id;
776 delete obj.karmaPoints; 789 delete obj.karmaPoints;
777 delete obj.awards; 790 delete obj.awards;
778 delete obj.socialLogin; 791 delete obj.socialLogin;
779 axios 792 axios
780 .put("/profile", obj, { 793 .put("/profile", obj, {
781 headers: { 794 headers: {
782 Authorization: "Bearer " + this.usertoken, 795 Authorization: "Bearer " + this.usertoken,
783 }, 796 },
784 }) 797 })
785 .then((response) => { 798 .then((response) => {
786 // this.userData = response.data.data; 799 // this.userData = response.data.data;
787 this.$toaster.success("Profile Updated"); 800 this.$toaster.success("Profile Updated");
788 801
789 console.log(response.data.data); 802 console.log(response.data.data);
790 }) 803 })
791 .catch((error) => { 804 .catch((error) => {
792 if (error.response) { 805 if (error.response) {
793 this.$toaster.error(error.response.data.message); 806 this.$toaster.error(error.response.data.message);
794 } 807 }
795 }); 808 });
796 }, 809 },
797 addProfileDialog() { 810 addProfileDialog() {
798 $(".inner-wrp").addClass("body-blur"); 811 $(".inner-wrp").addClass("body-blur");
799 $("#add-social-links").hide(); 812 $("#add-social-links").hide();
800 $(".popup-wrp, #add-profile").show(); 813 $(".popup-wrp, #add-profile").show();
801 }, 814 },
802 nextProfileDialog() { 815 nextProfileDialog() {
803 $("#add-profile").hide(); 816 $("#add-profile").hide();
804 $("#add-social-links").show(); 817 $("#add-social-links").show();
805 this.saveProfile(); 818 this.saveProfile();
806 }, 819 },
807 closeDialog() { 820 closeDialog() {
808 $(".popup-wrp").hide(); 821 $(".popup-wrp").hide();
809 $(".inner-wrp").removeClass("body-blur"); 822 $(".inner-wrp").removeClass("body-blur");
810 this.saveProfile(); 823 this.saveProfile();
811 }, 824 },
812 hideDialog() { 825 hideDialog() {
813 $(".popup-wrp").hide(); 826 $(".popup-wrp").hide();
814 $(".inner-wrp").removeClass("body-blur"); 827 $(".inner-wrp").removeClass("body-blur");
815 }, 828 },
816 /// 829 ///
817 caseDialog() { 830 caseDialog() {
818 $(".rp-all").removeClass("active"); 831 $(".rp-all").removeClass("active");
819 $(".c-0").addClass("active"); 832 $(".c-0").addClass("active");
820 $("#all-replies").hide(); 833 $("#all-replies").hide();
821 $("#case-study-0").show(); 834 $("#case-study-0").show();
822 }, 835 },
823 repliesDialog() { 836 repliesDialog() {
824 $(".c-0").removeClass("active"); 837 $(".c-0").removeClass("active");
825 $(".rp-all").addClass("active"); 838 $(".rp-all").addClass("active");
826 $("#case-study-0").hide(); 839 $("#case-study-0").hide();
827 $("#all-replies").show(); 840 $("#all-replies").show();
828 }, 841 },
829 842
830 userprofileshowDialog() { 843 userprofileshowDialog() {
831 $("#userprofileshow").toggle(); 844 $("#userprofileshow").toggle();
832 }, 845 },
846 openUrl(url){
847 window.open(url);
848 },
833 }, 849 },
834 }; 850 };
835 </script> 851 </script>
836 852