viithiisys / spotlight-frontend

Download as
Browse Code ยป

Commit 13fc2e78df8d592a2a0a6953c3106cc7392b12d3

Authored by Digvijay Singh
1 parent a57bb0addc
Exists in master

change in layout

Showing 8 changed files with 69 additions and 47 deletions   Show diff stats
src/assets/css/custom.css
Diff comments   View file @13fc2e7
... ... @@ -899,6 +899,7 @@ color: #514DA7;opacity:1;
899 899 }
900 900 .single-author-comments{ width: 1000px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 100%;}
901 901 .s-user-comments { display: block; position: absolute; bottom: 37px; width: 400px;}
  902 + .s-user-comment { display: block; position: absolute; bottom: 37px; width: 300px;padding:50px}
902 903 .single-author-li-comments{ width: 100%; display: block; float: left; position: relative; z-index: 1;}
903 904 .a-intro-comments{background: #FFFFFF; width: 100%; padding: 15px; float: left; margin-bottom: 15px; position: relative;
904 905 border: 1px solid #201E6A;
... ... @@ -1400,7 +1401,7 @@ input:focus{ outline: none;}
1400 1401 background-position: left bottom; }
1401 1402 .read-time a{ font-weight: 500; color: #000; opacity: 0.5; font-size: 10px;display: block; float: left;margin: 10px 0px 0 18px;}
1402 1403 .read-time a img{ width: 13px; display: block; float: left; margin-right: 7px; margin-top: 1px;}
1403   -.insight-two-img{width: 100%; position: relative;}
  1404 +.insight-two-img{width: 100%; position: relative;border-top-right-radius: 25px;border-top-left-radius: 25px;}
1404 1405 .m-screen-hidden{width: 382px;overflow: hidden; height:702px;margin: 0 auto;}
1405 1406 .s-l-left-section{ width: 600px; display: block; float: left; margin-top: 57px;}
1406 1407 .s-l-right-section{ width: 300px; display: block; float: left;}
... ...
src/components/AuthorReadingBreak.vue
Diff comments   View file @13fc2e7
... ... @@ -21,11 +21,11 @@
21 21 <!-- </div> -->
22 22 </div>
23 23 <img
24   - class="s-user-comments m-0"
  24 + class="s-user-comment m-0"
25 25 :src="currentSlideData.payload.metaData.authorImage"
26 26 />
27 27 <div class="comments-a-wrp ct-width">
28   - <div class="single-author-li-comments" >
  28 + <div class="single-author-li-comments" v-if="currentSlideData.payload.comments[0].comment">
29 29 <div class="a-intro-comments">
30 30 <p>
31 31 {{ currentSlideData.payload.comments[0].comment }}
... ... @@ -37,7 +37,7 @@
37 37 <!-- comments box -->
38 38 </div>
39 39 <!-- single author comments -->
40   - <div class="single-author-li-comments" >
  40 + <div class="single-author-li-comments" v-if="currentSlideData.payload.comments[1].comment">
41 41 <div class="a-intro-comments">
42 42 <p>
43 43 {{ currentSlideData.payload.comments[1].comment }}
... ...
src/components/NoScreenshotSingleAuthor.vue
Diff comments   View file @13fc2e7
... ... @@ -686,8 +686,11 @@ export default {
686 686 },
687 687 });
688 688 },
689   - createComment() {
  689 + createComment() {
690 690 console.log("===", this.comment);
  691 + if(!this.usertoken){
  692 + this.goToLogin();
  693 + }
691 694 var obj = {
692 695 caseStudyId: this.currentSlideData.caseStudyId,
693 696 slideId: this.currentSlideData.slideId,
... ... @@ -711,8 +714,10 @@ export default {
711 714 }
712 715 });
713 716 },
714   - createChildComment(cmnt) {
715   - console.log(cmnt,"===", this.comment);
  717 + createChildComment(cmnt) {
  718 + if(!this.usertoken){
  719 + this.goToLogin();
  720 + } console.log(cmnt,"===", this.comment);
716 721 var obj = {
717 722 caseStudyId: this.currentSlideData.caseStudyId,
718 723 slideId: this.currentSlideData.slideId,
... ... @@ -783,10 +788,8 @@ export default {
783 788 $("#open_ct_box, .c_hide").show();
784 789 $(".footer-top").addClass("white-bg");
785 790 },
786   - open_ct_box() {
787   - if(!this.usertoken){
788   - this.goToLogin();
789   - }
  791 + open_ct_box() {
  792 +
790 793 $("#cht_box_close").addClass("cht_close");
791 794 $("#open_ct_box, .c_hide").hide();
792 795 $(".footer-top").removeClass("white-bg");
... ...
src/components/SingleMobileScreenInsightOne.vue
Diff comments   View file @13fc2e7
... ... @@ -651,8 +651,11 @@ export default {
651 651 },
652 652 });
653 653 },
654   - createComment() {
  654 + createComment() {
655 655 console.log("===", this.comment);
  656 + if(!this.usertoken){
  657 + this.goToLogin();
  658 + }
656 659 var obj = {
657 660 caseStudyId: this.currentSlideData.caseStudyId,
658 661 slideId: this.currentSlideData.slideId,
... ... @@ -676,8 +679,10 @@ export default {
676 679 }
677 680 });
678 681 },
679   - createChildComment(cmnt) {
680   - console.log(cmnt,"===", this.comment);
  682 + createChildComment(cmnt) {
  683 + if(!this.usertoken){
  684 + this.goToLogin();
  685 + } console.log(cmnt,"===", this.comment);
681 686 var obj = {
682 687 caseStudyId: this.currentSlideData.caseStudyId,
683 688 slideId: this.currentSlideData.slideId,
... ... @@ -751,10 +756,8 @@ export default {
751 756 $("#open_ct_box, .c_hide").show();
752 757 $(".footer-top").addClass("white-bg");
753 758 },
754   - open_ct_box() {
755   - if(!this.usertoken){
756   - this.goToLogin();
757   - }
  759 + open_ct_box() {
  760 +
758 761 $("#cht_box_close").addClass("cht_close");
759 762 $("#open_ct_box, .c_hide").hide();
760 763 $(".footer-top").removeClass("white-bg");
... ...
src/components/SingleMobileScreenInsightTwo.vue
Diff comments   View file @13fc2e7
... ... @@ -717,8 +717,11 @@ export default {
717 717 },
718 718 });
719 719 },
720   - createComment() {
  720 + createComment() {
721 721 console.log("===", this.comment);
  722 + if(!this.usertoken){
  723 + this.goToLogin();
  724 + }
722 725 var obj = {
723 726 caseStudyId: this.currentSlideData.caseStudyId,
724 727 slideId: this.currentSlideData.slideId,
... ... @@ -742,8 +745,10 @@ export default {
742 745 });
743 746 },
744 747  
745   - createChildComment(cmnt) {
746   - console.log(cmnt, "===", this.comment);
  748 + createChildComment(cmnt) {
  749 + if(!this.usertoken){
  750 + this.goToLogin();
  751 + } console.log(cmnt, "===", this.comment);
747 752 var obj = {
748 753 caseStudyId: this.currentSlideData.caseStudyId,
749 754 slideId: this.currentSlideData.slideId,
... ... @@ -819,10 +824,8 @@ export default {
819 824 $("#open_ct_box, .c_hide").show();
820 825 $(".footer-top").addClass("white-bg");
821 826 },
822   - open_ct_box() {
823   - if(!this.usertoken){
824   - this.goToLogin();
825   - }
  827 + open_ct_box() {
  828 +
826 829 $("#cht_box_close").addClass("cht_close");
827 830 $("#open_ct_box, .c_hide").hide();
828 831 $(".footer-top").removeClass("white-bg");
... ...
src/components/TwoScreenWithInsight.vue
Diff comments   View file @13fc2e7
... ... @@ -654,8 +654,11 @@ export default {
654 654 },
655 655 });
656 656 },
657   - createComment() {
  657 + createComment() {
658 658 console.log("===", this.comment);
  659 + if(!this.usertoken){
  660 + this.goToLogin();
  661 + }
659 662 var obj = {
660 663 caseStudyId: this.currentSlideData.caseStudyId,
661 664 slideId: this.currentSlideData.slideId,
... ... @@ -678,8 +681,10 @@ export default {
678 681 }
679 682 });
680 683 },
681   - createChildComment(cmnt) {
682   - console.log(cmnt, "===", this.comment);
  684 + createChildComment(cmnt) {
  685 + if(!this.usertoken){
  686 + this.goToLogin();
  687 + } console.log(cmnt, "===", this.comment);
683 688 var obj = {
684 689 caseStudyId: this.currentSlideData.caseStudyId,
685 690 slideId: this.currentSlideData.slideId,
... ... @@ -751,10 +756,8 @@ export default {
751 756 $("#open_ct_box, .c_hide").show();
752 757 $(".footer-top").addClass("white-bg");
753 758 },
754   - open_ct_box() {
755   - if(!this.usertoken){
756   - this.goToLogin();
757   - }
  759 + open_ct_box() {
  760 +
758 761 $("#cht_box_close").addClass("cht_close");
759 762 $("#open_ct_box, .c_hide").hide();
760 763 $(".footer-top").removeClass("white-bg");
... ...
src/components/TwoScreenWithoutInsight.vue
Diff comments   View file @13fc2e7
... ... @@ -388,10 +388,10 @@
388 388 class="m-screen insight-two-img"
389 389 />
390 390 </div>
391   - <img
  391 + <!-- <img
392 392 :src="currentSlideData.payload.metaData.authorImage"
393 393 class="user-photo-bottom-r"
394   - />
  394 + /> -->
395 395 </div>
396 396 <!-- mobile screen Two -->
397 397 </div>
... ... @@ -707,8 +707,11 @@ export default {
707 707 });
708 708 },
709 709  
710   - createComment() {
  710 + createComment() {
711 711 console.log("===", this.comment);
  712 + if(!this.usertoken){
  713 + this.goToLogin();
  714 + }
712 715 var obj = {
713 716 caseStudyId: this.currentSlideData.caseStudyId,
714 717 slideId: this.currentSlideData.slideId,
... ... @@ -732,8 +735,10 @@ export default {
732 735 }
733 736 });
734 737 },
735   - createChildComment(cmnt) {
736   - console.log(cmnt,"===", this.comment);
  738 + createChildComment(cmnt) {
  739 + if(!this.usertoken){
  740 + this.goToLogin();
  741 + } console.log(cmnt,"===", this.comment);
737 742 var obj = {
738 743 caseStudyId: this.currentSlideData.caseStudyId,
739 744 slideId: this.currentSlideData.slideId,
... ... @@ -803,10 +808,8 @@ export default {
803 808 $("#open_ct_box, .c_hide").show();
804 809 $(".footer-top").addClass("white-bg");
805 810 },
806   - open_ct_box() {
807   - if(!this.usertoken){
808   - this.goToLogin();
809   - }
  811 + open_ct_box() {
  812 +
810 813 $("#cht_box_close").addClass("cht_close");
811 814 $("#open_ct_box, .c_hide").hide();
812 815 $(".footer-top").removeClass("white-bg");
... ...
src/components/noscreenshotSingleautho.vue
Diff comments   View file @13fc2e7
... ... @@ -618,8 +618,11 @@ data() {
618 618 },
619 619 });
620 620 },
621   - createComment() {
  621 + createComment() {
622 622 console.log("===", this.comment);
  623 + if(!this.usertoken){
  624 + this.goToLogin();
  625 + }
623 626 var obj = {
624 627 caseStudyId: this.currentSlideData.caseStudyId,
625 628 slideId: this.currentSlideData.slideId,
... ... @@ -643,7 +646,12 @@ data() {
643 646 }
644 647 });
645 648 },
646   - createChildComment(cmnt) {
  649 + createChildComment(cmnt) {
  650 + if(!this.usertoken){
  651 + this.goToLogin();
  652 + } if(!this.usertoken){
  653 + this.goToLogin();
  654 + }
647 655 console.log(cmnt,"===", this.comment);
648 656 var obj = {
649 657 caseStudyId: this.currentSlideData.caseStudyId,
... ... @@ -717,10 +725,8 @@ data() {
717 725 $("#open_ct_box, .c_hide").show();
718 726 $(".footer-top").addClass("white-bg");
719 727 },
720   - open_ct_box() {
721   - if(!this.usertoken){
722   - this.goToLogin();
723   - }
  728 + open_ct_box() {
  729 +
724 730 $("#cht_box_close").addClass("cht_close");
725 731 $("#open_ct_box, .c_hide").hide();
726 732 $(".footer-top").removeClass("white-bg");
... ...