{"version":3,"file":"default-src_app_pages_other_blog_blog_component_ts.js","mappings":"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","sources":["./src/app/pages/other/blog/blog-post-one/blog-post-one.component.ts","./src/app/pages/other/blog/blog-post-one/blog-post-one.component.html","./src/app/pages/other/blog/blog-post-two/blog-post-two.component.ts","./src/app/pages/other/blog/blog-post-two/blog-post-two.component.html","./src/app/pages/other/blog/blog.component.ts","./src/app/pages/other/blog/blog.component.html","./src/app/pages/other/blog/data.ts","./src/app/pages/other/blog/hero/hero.component.ts","./src/app/pages/other/blog/hero/hero.component.html"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\n// types\nimport { BlogPost } from '../blog.model';\n\n@Component({\n  selector: 'app-blog-post-1',\n  templateUrl: './blog-post-one.component.html',\n  styleUrls: ['./blog-post-one.component.scss']\n})\nexport class BlogPostOneComponent implements OnInit {\n\n  @Input() blogPost?: BlogPost;\n  @Input() cardClass?: string;\n  @Input() cardBodyClass?: string;\n\n  constructor () { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"card shadow-none\" *ngIf=\"blogPost\">\n    <div class=\"row\" [class]=\"cardClass\">\n        <div class=\"col-md-5\">\n            <img class=\"img-fluid rounded-sm\" [src]=\"blogPost.image\" alt=\"post image\">\n        </div>\n        <div class=\"col-md-7\">\n            <div class=\"card-body d-flex flex-column h-100\" [class]=\"cardBodyClass\">\n                <a [routerLink]=\"['.']\">\n                    <span\n                        class=\"badge badge-soft-{{blogPost.tag.variant}} mb-1 mt-3 mt-md-0\">{{blogPost.tag.value}}</span>\n                </a>\n\n                <h3 class=\"mt-1 fw-semibold text-primary\">\n                    <a class=\"text-primary\" routerLink=\"/pages/guides/post/{{blogPost.slug}}\">\n                        {{blogPost.title}}\n                    </a>\n                </h3>\n\n                <p class=\"text-muted\">\n                    {{blogPost.description}}\n                    <a routerLink=\"/pages/guides/post/{{blogPost.slug}}\" class=\"text-primary\">read more</a>\n                </p>\n\n                <div class=\"mt-auto\">\n                    <div class=\"d-flex\">\n                        <img class=\"me-2 rounded-sm\" [src]=\"blogPost.postedBy?.avatar\" alt=\"\" height=\"36\">\n                        <div class=\"flex-grow-1\">\n                            <h6 class=\"m-0 fs-13\"><a [routerLink]=\"['.']\">{{blogPost.postedBy?.name}}</a></h6>\n                            <p class=\"text-muted mb-0 fs-13\">{{blogPost.postedOn?.date}} ·\n                                {{blogPost.postedOn?.duration}}\n                                min read</p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>","import { Component, Input, OnInit } from '@angular/core';\n\n// types\nimport { BlogPost } from '../blog.model';\n\n@Component({\n  selector: 'app-blog-post-2',\n  templateUrl: './blog-post-two.component.html',\n  styleUrls: ['./blog-post-two.component.scss']\n})\nexport class BlogPostTwoComponent implements OnInit {\n\n  @Input() blogPost?: BlogPost;\n\n  constructor () { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div *ngIf=\"blogPost\">\n    <img [src]=\"blogPost.image\" alt=\"crypto\" class=\"img-fluid shadow rounded\" />\n\n    <div class=\"mt-3\">\n        <a [routerLink]=\"['.']\">\n            <span class=\"badge badge-soft-{{blogPost.tag.variant}} mb-1\">{{blogPost.tag.value}}</span>\n        </a>\n    </div>\n\n    <h4 class=\"fw-semibold mt-1 text-primary\">\n        <a class=\"text-primary\" routerLink=\"/pages/guides/post/{{blogPost.slug}}\">\n            {{blogPost.title}}\n        </a>\n    </h4>\n\n    <p class=\"text-muted\">\n        {{blogPost.description}}\n        <a routerLink=\"/pages/guides/post/{{blogPost.slug}}\" class=\"text-primary\">read more</a>\n    </p>\n</div>","import { Component, OnInit } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport * as feather from 'feather-icons';\n\n// types\nimport { BlogPost } from './blog.model';\n\n// data\nimport { BLOGPOSTS1, BLOGPOSTS2 } from './data';\n\n\ntype AvatarItem = {\n  avatar: string;\n  name: string;\n}\n\n@Component({\n  selector: 'app-page-blog',\n  templateUrl: './blog.component.html',\n  styleUrls: ['./blog.component.scss']\n})\nexport class BlogComponent implements OnInit {\n\n  blogPosts1: BlogPost[] = [];\n  blogPosts2: BlogPost[] = [];\n  tags: string[] = [];\n  avatarGroup: AvatarItem[] = [];\n\n  constructor (private titleService: Title) { }\n\n  ngOnInit(): void {\n    this.titleService.setTitle(\"Instant-Tokens.com | Guides\");\n    this._fetchData();\n  }\n\n  ngAfterViewInit(): void {\n    feather.replace();\n  }\n\n  /**\n   * fetches data\n   */\n  _fetchData(): void {\n    this.tags = ['Business', 'Community', 'Announcement', 'Tutorials', 'Resources', 'Interview'];\n    this.blogPosts1 = BLOGPOSTS1;\n    this.blogPosts2 = BLOGPOSTS2;\n    this.avatarGroup = [\n      {\n        name: 'user-1',\n        avatar: 'assets/images/avatars/img-7.jpg'\n      },\n      {\n        name: 'user-2',\n        avatar: 'assets/images/avatars/img-2.jpg'\n      },\n      {\n        name: 'user-3',\n        avatar: 'assets/images/avatars/img-4.jpg'\n      }\n    ];\n  }\n\n}\n"," <div class=\"header-7 bg-primary\"> <!-- </div> style=\"background: url('assets/images/blog/hero.jpg') no-repeat;\"> -->\n    <div class=\"overlay\">\n    </div>\n    <!-- navbar -->\n    <app-navbar-1 navClass=\"bg-white navbar-light zindex-10\" ctaButtonClass=\"btn-secondary btn-sm\" [fixedWidth]=\"true\">\n    </app-navbar-1>\n    <!-- hero -->\n    <app-blog-hero></app-blog-hero>\n</div>\n\n<!-- listing start -->\n<section class=\"py-6 position-relative\">\n    <div class=\"container\">\n        <div class=\"row justify-content-lg-between\">\n            <!-- <div class=\"col-lg-12\">\n                <div class=\"d-flex align-items-center mb-5\">\n                    <h5 class=\"me-2 fw-medium\">Tags:</h5>\n                    <div>\n                        <a class=\"btn btn-sm btn-white mb-1 me-1\" [routerLink]=\"['.']\"\n                            *ngFor=\"let tag of tags\">{{tag}}</a>\n                    </div>\n                </div>\n            </div> -->\n\n            <div class=\"col-lg-12\">\n                <div class=\"row\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n                    <div class=\"col-lg-12\">\n                        <app-blog-post-1 [blogPost]=\"blogPosts1[0]\" cardBodyClass=\"py-0 ps-2 pe-3\"></app-blog-post-1>\n                    </div>\n                    <!-- <div class=\"col-lg-4\">\n                        <app-blog-subscription-form></app-blog-subscription-form>\n                    </div> -->\n                </div>\n\n                <!-- blog post 2 -->\n                <div class=\"row mt-6\" data-aos=\"fade-up\">\n                    <div class=\"col-lg-4\" *ngFor=\"let post of blogPosts2\">\n                        <app-blog-post-2 [blogPost]=\"post\"></app-blog-post-2>\n                    </div>\n                </div>\n\n                <!-- blog post 3 -->\n                <!-- <div class=\"row mt-6\" data-aos=\"fade-up\">\n                    <div class=\"col-lg-8 h-100\">\n                        <app-blog-post-1 [blogPost]=\"blogPosts1[1]\" cardClass=\"h-100\" cardBodyClass=\"p-0 px-2\">\n                        </app-blog-post-1>\n                    </div>\n                    <div class=\"col-lg-4\">\n                        <app-widget-blog-post-3 badgeText=\"Resource\" badgeVariant=\"danger\"\n                            blogImg=\"assets/images/blog/post3.jpg\"\n                            blogTitle=\"Top 10 ideas to improve the team productivity\" [avatarGroup]=\"avatarGroup\">\n                        </app-widget-blog-post-3>\n                    </div>\n                </div> -->\n\n                <!-- blog post 4 -->\n                <!-- <div class=\"row mt-6\" data-aos=\"fade-up\">\n                    <div class=\"col-lg-4\" *ngFor=\"let post of blogPosts2\">\n                        <app-blog-post-2 [blogPost]=\"post\"></app-blog-post-2>\n                    </div>\n                </div> -->\n                <!-- blog post end -->\n\n\n                <!-- pagination -->\n                <!-- <div class=\"row mt-5\">\n                    <div class=\"col-lg-12\">\n                        <div class=\"d-flex align-items-center justify-content-center\">\n                            <a class=\"btn btn-sm btn-white\" href=\"javascript:void(0)\"><i\n                                    class=\"icon icon-xxs icon-left-arrow me-2\"></i>Previous</a>\n                            <a class=\"btn btn-sm btn-white ms-2\" href=\"javascript:void(0)\">Next<i\n                                    class=\"icon-xxs icon-right-arrow ms-2\"></i></a>\n                        </div>\n                    </div>\n                </div> -->\n\n            </div>\n        </div>\n    </div>\n</section>\n\n<!-- footer -->\n<app-footer-2></app-footer-2>\n\n<!-- back to top -->\n<a class=\"btn btn-soft-primary shadow-none btn-icon btn-back-to-top\" href=\"javascript:void(0)\" appScrollToTop><i\n        class=\"icon-xxs\" data-feather=\"arrow-up\"></i></a>","import { BlogPost } from \"./blog.model\";\n\nconst BLOGPOSTS1: BlogPost[] = [\n    {\n        slug: 'adding-instagram-feed-to-your-website',\n        image: 'assets/images/blog/post1.jpg',\n        tag: { variant: 'success', value: 'How To' },\n        title: 'How to display your Instagram feed on a website using Instant Tokens',\n        description:\n            'Displaying your Instagram feed on your website might appear to be tricky but not with Instant Tokens...',\n        postedBy: {\n            avatar: 'assets/images/logo.svg',\n            name: 'Instant Tokens',\n        },\n        postedOn: {\n            date: '23 Feb, 2023',\n            duration: '3 min read',\n        },\n        previousSlug: 'add-a-client-instagram-account',\n        nextSlug: 'what-to-do-if-your-token-expires'\n    },\n    // {\n    //     image: 'assets/images/blog/post1.jpg',\n    //     tag: { variant: 'info', value: 'Community' },\n    //     title: 'Will Web Design Ever Rule the World?',\n    //     description:\n    //         'The web is changed in the current era a lot. Many new trends are being used in the market at the moment...',\n    //     postedBy: {\n    //         avatar: 'assets/images/avatars/img-2.jpg',\n    //         name: 'Greeva N',\n    //     },\n    //     postedOn: {\n    //         date: '9 Mar, 2020',\n    //         duration: '5 min read',\n    //     },\n    // },\n];\n\nconst BLOGPOSTS2: BlogPost[] = [\n    {\n        slug: 'what-to-do-if-your-token-expires',\n        image: 'assets/images/blog/crypto1.jpg',\n        tag: { variant: 'success', value: 'How To' },\n        title: 'What to do if your token expires?',\n        description:\n            'There will be occassions when your token for the Instagram API expires...',\n        previousSlug: 'adding-instagram-feed-to-your-website',\n        nextSlug: 'add-a-client-instagram-account',\n        postedBy: {\n            avatar: 'assets/images/logo.svg',\n            name: 'Instant Tokens',\n        },\n        postedOn: {\n            date: '23 Feb, 2023',\n            duration: '2 min read',\n        },\n    },\n    {\n        slug: 'add-a-client-instagram-account',\n        image: 'assets/images/blog/post2.jpg',\n        tag: { variant: 'success', value: 'How To' },\n        title: 'How to add an Instagram account that you don\\'t have access to',\n        description:\n            ' Adding an Instagram account that you do not have credentials for...',\n        previousSlug: 'what-to-do-if-your-token-expires',\n        nextSlug: 'adding-instagram-feed-to-your-website',\n        postedBy: {\n            avatar: 'assets/images/logo.svg',\n            name: 'Instant Tokens',\n        },\n        postedOn: {\n            date: '23 Feb, 2023',\n            duration: '2 min read',\n        },\n    },\n    // {\n    //     image: 'assets/images/blog/crypto1.jpg',\n    //     tag: { variant: 'info', value: 'Community' },\n    //     title: 'Your Way to a Successful Sales Campaigns',\n    //     description:\n    //         'Explore a latest guideline for creating a successful online sales campaign using google adwords or facebook ads...',\n    // },\n];\n\nconst BLOGPOSTS: BlogPost[] = [...BLOGPOSTS1, ...BLOGPOSTS2];\n\nexport { BLOGPOSTS1, BLOGPOSTS2, BLOGPOSTS };","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog-hero',\n  templateUrl: './hero.component.html',\n  styleUrls: ['./hero.component.scss']\n})\nexport class HeroComponent implements OnInit {\n\n  constructor () { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"hero-4 pb-5 pt-8 pt-lg-6 pb-lg-8\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-lg-7 text-center position-relative\">\n                <h1 class=\"hero-title text-white\">Guides</h1>\n                <p class=\"mt-4 fs-17 text-white\">Displaying your Instagram feed with Instant Tokens </p>\n            </div>\n        </div>\n    </div>\n</section>"],"names":[],"sourceRoot":"webpack:///","x_google_ignoreList":[]}