viithiisys / spotlight-frontend

Download as
Browse Code »

Commit f2328546d05e320b78ec949252fdaf1427ccb6a6

Authored by Digvijay Singh
1 parent 1f12ffc558
Exists in master

new changes

Showing 10 changed files with 146 additions and 80 deletions   Show diff stats
src/assets/css/custom.css
Diff comments   View file @f232854
... ... @@ -22,7 +22,7 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font
22 22  
23 23  
24 24 .h-100{height: 100%;}
25   -.main-wrp{ height: 100%;padding-left: 56px; padding-right: 233px; background-image:url('../images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom -10px left -130px;
  25 +.main-wrp{ height: 100%;padding-left: 56px; /*padding-right: 233px;*/ background-image:url('../images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom -10px left -130px;
26 26 background-size: 45%;}
27 27 /* navbar */
28 28 .spotLight-nav{ padding-top: 20px; z-index: 5;}
... ... @@ -40,7 +40,7 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font
40 40 .navbar-brand{ margin-right: 57px;}
41 41  
42 42 /* ul list style */
43   - .sign-in-up-list{ width: 325px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif;
  43 + .sign-in-up-list{ width:450px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif;
44 44 font-size: 20px;
45 45 font-style: normal;
46 46 font-weight: 500;
... ... @@ -133,7 +133,7 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font
133 133 /* profile */
134 134 .inner-wrp {
135 135 height: 100%;
136   - padding-left: 88px;
  136 + padding-left: 37px;
137 137 padding-right: 37px;
138 138 background:#fff;;
139 139 font-family: 'Montserrat', sans-serif;
... ... @@ -686,7 +686,7 @@ color: #514DA7;opacity:1;
686 686 .onoff{ margin-top: -3px; float: right;}
687 687  
688 688 /* intro Episode */
689   -.episode-intro{ padding: 0 50px 0 30px; height: 100%;}
  689 +.episode-intro{ padding: 0 30px 0 30px; height: 100%;}
690 690 .bottom-startup{width: 1293px; display: block; float: left; margin:0 auto; height: 144px; border: 0.8px solid #514DA7; position: absolute;
691 691 bottom: 50px; z-index: 2;
692 692 right: 0;
... ... @@ -769,13 +769,13 @@ color: #514DA7;opacity:1;
769 769 width: 49%;
770 770 background: #fff;}
771 771 .intro-startup .footer-top{ position: relative; width: 100%; display: block; float: left; padding: 0 50px; height: 75px;}
772   -.intro-startup .footer-top .top-intro-bt{display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; }
  772 +.intro-startup .footer-top .top-intro-bt{ width: 215px; display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; }
773 773 .intro-startup .footer-top .top-intro-bt li{display: block; float: left;}
774 774 .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 15px;}
775 775 .intro-startup .footer-top .top-intro-bt li a{ height: 39px; border: 1px solid #514DA7;box-sizing: border-box; border-radius: 5px; color: #514DA7; font-weight: 400; font-size: 13px; font-style: normal; line-height: 26px; padding: 6px 10px; display: block; float: left;}
776   -.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 8px; margin-right: 4px;}
  776 +.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 8px; margin-right: 6px;}
777 777 .intro-startup .footer-top .top-intro-bt li a:hover{ background-color: #fff; text-decoration: none; border: 1px solid #fff;}
778   -.smasung-g-10wrp{ width: 404px; display: block; height: 695px; position: absolute; border: 1px solid #000000; border-radius: 45px 45px 0 0; left: 0;
  778 +.smasung-g-10wrp{ width: 404px; display: block; height: 721px; position: absolute; border: 1px solid #000000; border-radius: 45px 45px 0 0; left: 0;
779 779 right: 0;
780 780 margin: 0 auto;
781 781 bottom: 0;
... ... @@ -785,11 +785,10 @@ color: #514DA7;opacity:1;
785 785 display: block;
786 786 margin: 0 auto;
787 787 position: absolute;
788   - top: 21px;
  788 + top: 13px;
789 789 left: 0;
790   - right: 0;
791   - height: 671px;
792   - overflow: hidden;}
  790 + right: 0; overflow: hidden;
  791 + height: 702px;}
793 792 .samsung-compare-c img{ width: 100%;}
794 793 .samsung-compare-c .vs{ width: 100%; display: block; float: left; text-align:center; color: #EF484F; font-size: 12px; line-height: 15px; font-weight: 700; margin: 27px 0 14px 0;}
795 794  
... ... @@ -798,7 +797,7 @@ color: #514DA7;opacity:1;
798 797 display: block;
799 798 float: left; right: -394px;
800 799 position: absolute;
801   - bottom: 50px;}
  800 + bottom: 100px;}
802 801 .comment-box-s-1{ width: 100%; display: block; background: #FFFFFF; float: left;
803 802 border: 1px solid #201E6A;
804 803 box-sizing: border-box;
... ... @@ -999,7 +998,7 @@ color: #514DA7;opacity:1;
999 998 .p-users span{ font-size: 14px; line-height: 22px; font-weight: 500; color:#fff; float: left; margin-top: 15px; }
1000 999 .p-users h1{ font-size: 39px; line-height: 43px; font-weight: 400; color:#fff;float: left;padding:0 10px; margin-bottom: -6px;}
1001 1000 /* single mobile */
1002   - .single-mobileInsight{ width: 441px; display: block; height: 730px;position: absolute;border: 1px solid #000000;border-radius: 45px 45px 0 0; left: 0;
  1001 + .single-mobileInsight{ width: 404px; display: block; height: 721px;position: absolute;border: 1px solid #000000;border-radius: 45px 45px 0 0; left: 0;
1003 1002 right: 0;
1004 1003 margin: 0 auto;
1005 1004 bottom: 0;
... ... @@ -1022,7 +1021,7 @@ color: #514DA7;opacity:1;
1022 1021 .author-thoughts{ width: 236px; display: block; float: left; margin-left: 70px;
1023 1022 margin-bottom: -20px;}
1024 1023 .custom-c-style{border-radius:0px 25px 25px 25px;}
1025   - .mobile-screen-one{ width: 379px; display: block;height:726px;position: absolute; border: 1px solid #000000;
  1024 + .mobile-screen-one{ width: 404px; display: block;height:721px;position: absolute; border: 1px solid #000000;
1026 1025 border-radius: 45px 45px 0 0;
1027 1026 bottom: 0;
1028 1027 top: unset;
... ... @@ -1038,7 +1037,7 @@ color: #514DA7;opacity:1;
1038 1037 .user-photo-bottom{ width: 127px;display: block; position: absolute; bottom: 76px; left: -110px;}
1039 1038 .p-left{ left: 0;}
1040 1039 .p-right{ right: 0;}
1041   - .allMWrp{ position: absolute; right: 0px; left: 0px; position: absolute; margin: 0 auto; width: 792px; height: 100%; bottom: 2px;}
  1040 + .allMWrp{ position: absolute; right: 0px; left: 0px; position: absolute; margin: 0 auto; width: 840px; height: 100%; bottom: 2px;}
1042 1041 .m-screen-right {
1043 1042 width: 370px;
1044 1043 display: block;
... ... @@ -1068,7 +1067,7 @@ color: #514DA7;opacity:1;
1068 1067 float: right;
1069 1068 position: absolute;
1070 1069 top: unset;
1071   - bottom: 74px;
  1070 + bottom: 122px;
1072 1071 right: -310px;}
1073 1072 .custom-selected-style{ border-radius:0px 25px 25px 25px;border: 1.09903px solid #EF484F;}
1074 1073 .custom-selected-style .top-wrp{ width: 100%; display: block; float: left; color: #EF484F; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;}
... ... @@ -1378,7 +1377,7 @@ input:focus{ outline: none;}
1378 1377 border-radius: 10px;
1379 1378 margin: 12px 0 0 0;}
1380 1379 .update_profile:hover{ color: #fff; text-decoration: none;}
1381   -.top-area-blank{ width: 195px; height: 30px; display: block; margin: 0 auto; background: #DFE7EF; border-radius: 0px 0px 23.4986px 23.4986px; position: absolute; z-index: 1; left: 0; right: 0; top: 15px;}
  1380 +.top-area-blank{ width: 195px; height: 30px; display: block; margin: 0 auto; background: #DFE7EF; border-radius: 0px 0px 23.4986px 23.4986px; position: absolute; z-index: 1; left: 0; right: 0; top: 13px;}
1382 1381 .custom-selected-style-2{ border-radius:25px 25px 25px 0px;border: 1.09903px solid #EF484F;}
1383 1382 .talk-to-me-about{ width: 100%; display: block; float: left;}
1384 1383 .talk-to-me-about span{ font-weight: 600; font-size: 14px; color: #000000;opacity: 0.3; letter-spacing: 2px; text-transform: uppercase;}
... ... @@ -1396,5 +1395,9 @@ input:focus{ outline: none;}
1396 1395 background-position: left bottom; }
1397 1396 .read-time a{ font-weight: 500; color: #000; opacity: 0.5; font-size: 10px;display: block; float: left;margin: 10px 0px 0 18px;}
1398 1397 .read-time a img{ width: 13px; display: block; float: left; margin-right: 7px; margin-top: 1px;}
1399   -.insight-two-img{width: 403px; position: relative;}
1400   -.m-screen-hidden{width: 403px;overflow: hidden; height:722px;margin: 0 auto;}
1401 1398 \ No newline at end of file
  1399 +.insight-two-img{width: 100%; position: relative;}
  1400 +.m-screen-hidden{width: 382px;overflow: hidden; height:702px;margin: 0 auto;}
  1401 +.s-l-left-section{ width: 600px; display: block; float: left; margin-top: 57px;}
  1402 +.s-l-right-section{ width: 300px; display: block; float: left;}
  1403 +.sign-login-wrp{ display: block;width: 900px; margin: 0 auto; margin-top: 10%;}
  1404 +.reset-pass{margin-top: 118px;}
1402 1405 \ No newline at end of file
... ...
src/assets/css/media.css
Diff comments   View file @f232854
... ... @@ -24,6 +24,17 @@ and (max-device-width: 1280px)
24 24 and (min-device-width: 768px)
25 25 and (max-device-width: 1366px)
26 26 and (-webkit-min-device-pixel-ratio: 1) {
  27 + .intro-startup .footer-top .top-intro-bt{width: 212px; margin-left: -21px;}
  28 + .bottom-startup{-ms-transform: scale(0.9); /* IE 9 */
  29 + transform: scale(0.9); /* Standard syntax */ left: -10px;}
  30 + .epi-bg{bottom: -159px; left: 8.5% !important;}
  31 + .compare-c{-ms-transform: scale(0.8); /* IE 9 */
  32 + transform: scale(0.8); /* Standard syntax */}
  33 + .popup-wrp{-ms-transform: scale(0.8); /* IE 9 */
  34 + transform: scale(0.8); /* Standard syntax */}
  35 + .popup-set{ margin-top: 0px;}
  36 + .sign-login-wrp{ -ms-transform: scale(0.8); /* IE 9 */
  37 + transform: scale(0.8); /* Standard syntax */ margin-top: 5%; }
27 38 .wc-spc-lf-tp{ padding-top: 90px; padding-left: 0px; }
28 39 .form-layout.signup-frm-spc { margin-top: 41px;}
29 40 .user-profile{padding-right: 90px;width: 570px;}
... ... @@ -48,11 +59,11 @@ and (-webkit-min-device-pixel-ratio: 1) {
48 59 .two-webscreen-insight{ -ms-transform: scale(0.8); /* IE 9 */
49 60 transform: scale(0.8); /* Standard syntax */ bottom: -57px !important; top: unset; }
50 61 .smasung-g-10wrp{ -ms-transform: scale(0.8); /* IE 9 */
51   - transform: scale(0.8); /* Standard syntax */ bottom: -79px !important; top: unset; }
  62 + transform: scale(0.8); /* Standard syntax */ bottom: -66px !important; top: unset; }
52 63 .two-author-desktop{ -ms-transform: scale(0.8); /* IE 9 */
53 64 transform: scale(0.8); /* Standard syntax */ bottom: -48px !important; top: unset; }
54 65 /* no comments */
55   - .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 3px;}
  66 + .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 12px;}
56 67 .wc-spc-lf-tp { padding-top: 112px !important; }
57 68 .form-layout.signup-frm-spc {
58 69 margin-top: 54px !important;
... ... @@ -62,7 +73,13 @@ and (-webkit-min-device-pixel-ratio: 1) {
62 73  
63 74 /* no comments */
64 75 }
65   -
  76 +@media screen
  77 +and (min-device-width: 768px)
  78 +and (max-device-width: 1280px)
  79 +and (-webkit-min-device-pixel-ratio: 1) {
  80 + .epi-bg{bottom: -159px; left: 6% !important;}
  81 +
  82 +}
66 83 /* Desktops and laptops ----------- */
67 84 @media only screen and (min-width : 1050px)
68 85 and (max-device-width: 1680px)
... ... @@ -146,7 +163,7 @@ and (-webkit-min-device-pixel-ratio: 1) {
146 163 .insights-details{ width: 620px;}
147 164 .episode-intro{ background-position: 101px -266px !important;}
148 165 .epi-bg {
149   - left: 6%;
  166 + left: 7%;
150 167 }
151 168 .ft-comments-group{ margin-left:0px; width: 100%;}
152 169 .intro-startup .footer-top .top-intro-bt li a{ padding: 6px 6px;}
... ... @@ -250,7 +267,7 @@ and (-webkit-min-device-pixel-ratio: 1) {
250 267 and (min-device-width: 1024px)
251 268 and (max-device-width: 1366px)
252 269 and (-webkit-min-device-pixel-ratio: 2) {
253   - .main-wrp{background-position: bottom 100px left -100px;}
  270 + .main-wrp{background-position: bottom 100px left -100px !important;}
254 271 .replies-wrp{ width: 760px;}
255 272 .insights-spc {
256 273 padding: 0 30px;
... ...
src/assets/images/facebook.png
Diff comments   View file @f232854

533 Bytes | W: | H:

955 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
src/components/LandingPage.vue
Diff comments   View file @f232854
... ... @@ -42,19 +42,17 @@
42 42 </div>
43 43 </nav>
44 44 <!-- menu wrapper -->
45   - <div class="sign-wrp">
46   - <div class="row col-reverse">
47   - <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
  45 + <div class="sign-login-wrp">
48 46 <!-- users land image -->
49   - <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
  47 + <div class="s-l-left-section">
50 48 <h1 class="welcome-hd-back">
51 49 we’re stoked
52 50 you’re back!
53 51 </h1>
54 52 </div>
55 53 <!-- users land image -->
56   - <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
57   - <div class="form-layout signup-frm-spc">
  54 + <div class="s-l-right-section">
  55 + <div class="form-layout">
58 56 <form v-on:keyup.enter="loginWIthEmail">
59 57 <h5>Log In using</h5>
60 58 <div class="social-login">
... ... @@ -102,7 +100,7 @@ you’re back!
102 100 </div>
103 101 </div>
104 102 <!-- sign up -->
105   - </div> </div>
  103 + </div>
106 104 <!-- body wrapper -->
107 105 </div>
108 106 </main>
... ... @@ -126,8 +124,12 @@ export default {
126 124 },
127 125 mounted() {
128 126 // this.$auth.logout();
129   - localStorage.removeItem("spotlight_usertoken");
130   - localStorage.removeItem("spotlight_email");
  127 + // localStorage.removeItem("spotlight_usertoken");
  128 + // localStorage.removeItem("spotlight_email");
  129 + var userdata = localStorage.getItem("spotlight_usertoken");
  130 + if (userdata) {
  131 + this.$router.push("/profile");
  132 + }
131 133 },
132 134 methods: {
133 135 login() {
... ...
src/components/Profile.vue
Diff comments   View file @f232854
... ... @@ -455,7 +455,7 @@
455 455 </li>
456 456 <li class="rp-all">
457 457 <a href="javascript:void(0);" @click="repliesDialog"
458   - >Comments/Replies(0)</a
  458 + >Comments/Replies({{this.userComments.length}})</a
459 459 >
460 460 </li>
461 461 </ul>
... ... @@ -639,24 +639,25 @@
639 639 style="display: none"
640 640 >
641 641 <div class="row">
642   - <div class="replies col-md-12">
643   - <div class="replies-wrp">
644   - <!-- <h1>PhonePe vs GooglePay <span>Critique</span></h1>
  642 + <div class="replies col-md-12" >
  643 + <div class="replies-wrp" v-for="(comments, j) in userComments" :key="j" >
  644 + <h1>{{comments.casestudy.intro.name}} <span>{{comments.casestudy.intro.type}} </span></h1>
645 645 <ul class="joined-info">
646   - <li><a href="javasript:void(0);">37D</a> <span></span></li>
  646 + <li><a href="javasript:void(0);">{{dateGenerator(comments.createdAt)}} D</a> <span></span></li>
647 647 <li><img src="../assets/images/heart.png" /></li>
648   - <li><a href="javasript:void(0);"> 4</a></li>
  648 + <li><a href="javasript:void(0);"> {{comments.likes}}</a></li>
649 649 <li class="comment-spc">
650 650 <img src="../assets/images/comment.svg" />
651 651 </li>
652   - <li><a href="javasript:void(0);"> 6</a></li>
  652 + <li><a href="javasript:void(0);"> {{comments.replies}}</a></li>
653 653 </ul>
654 654 <p>
655   - I wonder what the difference between “<strong>
  655 + {{comments.comment}}
  656 + <!-- I wonder what the difference between “<strong>
656 657 Assistant</strong
657 658 >” and “<strong>Pickup and Drop</strong>” are. If they are the
658   - same, there are two “call to actions” for the same workflow
659   - </p> -->
  659 + same, there are two “call to actions” for the same workflow -->
  660 + </p>
660 661 </div>
661 662 <!-- replies wrapper -->
662 663 </div>
... ... @@ -677,6 +678,8 @@ import router from &quot;../router&quot;;
677 678 import $ from "jquery";
678 679 import axios from "axios";
679 680 import Header from "./Header";
  681 +import moment from 'moment';
  682 +
680 683 export default {
681 684 name: "Profile",
682 685 components: {
... ... @@ -784,6 +787,7 @@ export default {
784 787 },
785 788 ],
786 789 selectedSocialLink: [],
  790 + userComments:[],
787 791 }),
788 792  
789 793 mounted() {
... ... @@ -796,6 +800,9 @@ export default {
796 800 this.usertoken = userdata.token;
797 801 this.getProfile();
798 802 this.getCaseStudies();
  803 + this.getUserComments();
  804 + }else{
  805 + this.logout();
799 806 }
800 807 },
801 808 methods: {
... ... @@ -806,8 +813,16 @@ export default {
806 813 this.$router.push("/reset");
807 814 },
808 815 logout() {
  816 + localStorage.removeItem("spotlight_usertoken");
  817 + localStorage.removeItem("spotlight_email");
809 818 this.$router.push("/login");
810 819 },
  820 + dateGenerator(curreDate){
  821 + var todayDate = moment(new Date(), "DD.MM.YYYY");
  822 + var endDate = moment(new Date(curreDate), "DD.MM.YYYY");
  823 + var result = todayDate.diff(endDate, 'days');
  824 + return result;
  825 + },
811 826 prefillSocialLink(links) {
812 827 var keys = [];
813 828 keys = Object.keys(links);
... ... @@ -935,6 +950,19 @@ export default {
935 950 })
936 951 .catch((error) => console.log(error));
937 952 },
  953 + getUserComments() {
  954 + axios
  955 + .get("/profile/comments", {
  956 + headers: {
  957 + Authorization: "Bearer " + this.usertoken,
  958 + },
  959 + })
  960 + .then((response) => {
  961 + this.userComments = response.data.data;
  962 + console.log(response.data);
  963 + })
  964 + .catch((error) => console.log(error));
  965 + },
938 966 getCaseStudies() {
939 967 axios
940 968 .get("/caseStudy/all", {
... ...
src/components/Reset.vue
Diff comments   View file @f232854
... ... @@ -42,10 +42,10 @@
42 42 </div>
43 43 </nav>
44 44 <!-- menu wrapper -->
45   - <div class="row col-reverse">
46   - <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
  45 + <div class="sign-login-wrp">
  46 +
47 47 <!-- users land image -->
48   - <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
  48 + <div class="s-l-left-section">
49 49 <h1>
50 50 <!-- Welcome to <br />
51 51 Productgrowth -->
... ... @@ -73,8 +73,8 @@ Bounce Board - we’re all ears!
73 73 </ul>
74 74 </div>
75 75 <!-- users land image -->
76   - <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
77   - <div class="form-layout signup-frm-spc">
  76 + <div class="s-l-right-section">
  77 + <div class="form-layout reset-pass">
78 78 <form >
79 79 <h5>
80 80 Forgot password? Enter your Email <br /> ID to retrieve it
... ...
src/components/SignUp.vue
Diff comments   View file @f232854
... ... @@ -42,11 +42,9 @@
42 42 </div>
43 43 </nav>
44 44 <!-- menu wrapper -->
45   - <div class="sign-wrp">
46   - <div class="row col-reverse">
47   - <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
  45 + <div class="sign-login-wrp">
48 46 <!-- users land image -->
49   - <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
  47 + <div class="s-l-left-section">
50 48 <h1>
51 49 Hello, there!<br />
52 50 welcome to spotlight
... ... @@ -74,8 +72,8 @@ Bounce Board - we’re all ears!
74 72 </ul>
75 73 </div>
76 74 <!-- users land image -->
77   - <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
78   - <div class="form-layout signup-frm-spc">
  75 + <div class="s-l-right-section">
  76 + <div class="form-layout">
79 77 <form v-on:keyup.enter="signup">
80 78 <h5>Sign Up using</h5>
81 79 <div class="social-login">
... ... @@ -124,7 +122,7 @@ Bounce Board - we’re all ears!
124 122 </div>
125 123 </div>
126 124 <!-- sign up -->
127   - </div>
  125 +
128 126 </div>
129 127 <!-- body wrapper -->
130 128 </div>
... ... @@ -146,8 +144,12 @@ export default {
146 144 },
147 145 mounted() {
148 146 // this.$auth.logout();
149   - localStorage.removeItem("spotlight_usertoken");
150   - localStorage.removeItem("spotlight_email");
  147 + // localStorage.removeItem("spotlight_usertoken");
  148 + var userdata = localStorage.getItem("spotlight_usertoken");
  149 + if (userdata) {
  150 + this.$router.push("/profile");
  151 + }
  152 + // localStorage.removeItem("spotlight_email");
151 153 },
152 154 methods: {
153 155 login() {
... ...
src/components/TwoScreenWithInsight.vue
Diff comments   View file @f232854
... ... @@ -213,7 +213,7 @@
213 213  
214 214 <div class="allMWrp">
215 215 <div class="mobile-screen-one p-left">
216   - <div class="top-area-blank"></div>
  216 +
217 217 <div class="m-screen-comments">
218 218 <div class="single-author-li-comments" v-if="commentExistCheck(0)">
219 219 <div class="a-intro-comments">
... ... @@ -289,10 +289,13 @@
289 289 <!-- single author comments -->
290 290 </div>
291 291 <!-- comments -->
  292 + <div class="m-screen-hidden">
  293 + <div class="top-area-blank"></div>
292 294 <img
293 295 :src="currentSlideData.payload.metaData.mobileImage1"
294   - class="m-screen"
  296 + class="m-screen insight-two-img"
295 297 />
  298 + </div>
296 299 <!-- <img src="../assets/images/top-user-demo.svg" class="user-photo-bottom" /> -->
297 300 <img
298 301 :src="currentSlideData.payload.metaData.authorImage"
... ... @@ -301,7 +304,6 @@
301 304 </div>
302 305 <!-- mobile screen one -->
303 306 <div class="mobile-screen-one p-right">
304   - <div class="top-area-blank"></div>
305 307 <div class="view-ticket-wrp-ps">
306 308 <div class="single-author-li-comments">
307 309 <div class="a-intro-comments custom-selected-style">
... ... @@ -335,11 +337,14 @@
335 337 </div>
336 338 <!-- comments -->
337 339 <!-- <img src="../assets/images/slide2.png" class="m-screen" /> -->
  340 + <div class="m-screen-hidden">
  341 + <div class="top-area-blank"></div>
338 342 <img
339 343 :src="currentSlideData.payload.metaData.mobileImage2"
340   - class="m-screen"
  344 + class="m-screen insight-two-img"
341 345 />
342 346 </div>
  347 + </div>
343 348 <!-- mobile screen Two -->
344 349 </div>
345 350 <div class="footer-nav">
... ...
src/components/TwoScreenWithoutInsight.vue
Diff comments   View file @f232854
... ... @@ -213,7 +213,7 @@
213 213  
214 214 <div class="allMWrp">
215 215 <div class="mobile-screen-one p-left">
216   - <div class="top-area-blank"></div>
  216 +
217 217 <!-- fixed area -->
218 218 <div class="m-screen-comments">
219 219 <div class="single-author-li-comments" v-if="commentExistCheck(0)">
... ... @@ -290,10 +290,13 @@
290 290 <!-- single author comments -->
291 291 </div>
292 292 <!-- comments -->
  293 + <div class="m-screen-hidden">
  294 + <div class="top-area-blank"></div>
293 295 <img
294 296 :src="currentSlideData.payload.metaData.mobileImage1"
295   - class="m-screen"
  297 + class="m-screen insight-two-img"
296 298 />
  299 + </div>
297 300 <img
298 301 :src="currentSlideData.payload.metaData.authorImage"
299 302 class="user-photo-bottom"
... ... @@ -301,7 +304,7 @@
301 304 </div>
302 305 <!-- mobile screen one -->
303 306 <div class="mobile-screen-one p-right">
304   - <div class="top-area-blank"></div>
  307 +
305 308 <!-- fixed area -->
306 309 <div class="m-screen-right">
307 310 <div class="single-author-li-comments" v-if="commentExistCheck(2)">
... ... @@ -378,10 +381,13 @@
378 381 <!-- single author comments -->
379 382 </div>
380 383 <!-- comments -->
  384 + <div class="m-screen-hidden">
  385 + <div class="top-area-blank"></div>
381 386 <img
382 387 :src="currentSlideData.payload.metaData.mobileImage2"
383   - class="m-screen"
  388 + class="m-screen insight-two-img"
384 389 />
  390 + </div>
385 391 <img
386 392 :src="currentSlideData.payload.metaData.authorImage"
387 393 class="user-photo-bottom-r"
... ...
src/components/outro.vue
Diff comments   View file @f232854
... ... @@ -19,7 +19,7 @@
19 19 </div>
20 20 <ul class="">
21 21 <li v-for="(study, i) in caseStudies" :key="i">
22   - <a href="javascript:void(0);">
  22 + <a href="">
23 23 <img :src="study.intro.logoURL" />
24 24 <span
25 25 ><img src="../assets/images/p-eye.svg" /> 0 Views</span
... ... @@ -28,7 +28,7 @@
28 28 </li>
29 29  
30 30 <!-- <li class="payments-spc-57">
31   - <a href="javascript:void(0);">
  31 + <a href="">
32 32 <img src="../assets/images/g-pay.svg" />
33 33 <span
34 34 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -37,7 +37,7 @@
37 37 </a>
38 38 </li>
39 39 <li>
40   - <a href="javascript:void(0);">
  40 + <a href="">
41 41 <img src="../assets/images/bb.svg" />
42 42 <span
43 43 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -49,7 +49,7 @@
49 49 <!-- payments options -->
50 50 <!-- <ul class="">
51 51 <li>
52   - <a href="javascript:void(0);">
  52 + <a href="">
53 53 <img src="../assets/images/payment.svg" />
54 54 <span
55 55 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -58,7 +58,7 @@
58 58 </a>
59 59 </li>
60 60 <li class="payments-spc-57">
61   - <a href="javascript:void(0);">
  61 + <a href="">
62 62 <img src="../assets/images/uc.svg" />
63 63 <span
64 64 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -78,7 +78,7 @@
78 78 <!-- thanks left wrp -->
79 79 <div class="thanks-r-section">
80 80 <div class="logo-common-wrp">
81   - <a href="javascript:void(0);"
  81 + <a href=""
82 82 ><img src="../assets/images/ps-growth.svg" />
83 83 <span>Product Growth</span>
84 84 </a>
... ... @@ -90,7 +90,7 @@
90 90 scrolling back and adding your comments!
91 91 </p>
92 92 <div class="clearfix"></div>
93   - <a href="javascript:void(0);" class="back-bt" @click="goHome">
  93 + <a href="" class="back-bt" @click="goHome">
94 94 <span class="s1"></span>
95 95 <span class="s2"></span>
96 96 <span class="s3"></span>
... ... @@ -103,20 +103,20 @@
103 103 Excited to <strong> create case studies</strong> or help build
104 104 Product Growth?
105 105 </p>
106   - <a href="javascript:void(0);" class="publish">Publish</a>
  106 + <a href="" class="publish" @click="open()">Publish</a>
107 107 </li>
108 108 <li>
109 109 <p class="wdth">How would you rate this case study?</p>
110 110 <span class="rating-list">
111 111 <star-rating @rating-selected ="updateRating" v-bind:star-size="30" v-model="rating" active-color="#514da6">
112 112 </star-rating>
113   - <!-- <a href="javascript:void(0);"
  113 + <!-- <a href=""
114 114 ><img src="../assets/images/f-review.svg"
115 115 /></a>
116   - <a href="javascript:void(0);"
  116 + <a href=""
117 117 ><img src="../assets/images/f-review.svg"
118 118 /></a>
119   - <a href="javascript:void(0);"
  119 + <a href=""
120 120 ><img src="../assets/images/e-review.svg"
121 121 /></a> -->
122 122 </span>
... ... @@ -126,17 +126,17 @@
126 126 <span>Follow us at</span>
127 127 <ul class="p-follows">
128 128 <li>
129   - <a href="javascript:void(0);">
  129 + <a href="">
130 130 <img src="../assets/images/p-rss.svg" />
131 131 </a>
132 132 </li>
133 133 <li>
134   - <a href="javascript:void(0);">
  134 + <a href="">
135 135 <img src="../assets/images/p-linkedin.svg" />
136 136 </a>
137 137 </li>
138 138 <li>
139   - <a href="javascript:void(0);">
  139 + <a href="">
140 140 <img src="../assets/images/p-twitter.svg" />
141 141 </a>
142 142 </li>
... ... @@ -170,7 +170,7 @@
170 170 <div class="footer-top">
171 171 <ul class="top-intro-bt ps_right">
172 172 <li>
173   - <a href="javascript:void(0);" @click="goBack"
  173 + <a href="" @click="goBack"
174 174 ><img src="../assets/images/skip-prev.svg" /> Prev</a
175 175 >
176 176 </li>
... ... @@ -299,6 +299,9 @@ export default {
299 299 .catch((error) => console.log(error));
300 300 }
301 301 },
  302 + open(){
  303 + window.open('https://www.productgrowth.org/spotlight#typeform-spotlight');
  304 + },
302 305 updateRating() {
303 306 var userdata = localStorage.getItem("spotlight_usertoken");
304 307 if (userdata) {
... ...