Karytonn

Get Full Year with Javascript

---

Using on copyright

<div class="footer">
  <p>
    Copyright &copy;
  | Created by 

Karytonn

@Component({
  selector: 'app-visit-rangle',
  template: `
    <button
      type="button"
      (click)="goTopage()">
      Visit Rangle
    </button>
  `
})

Karytonn

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-header-accessibility',
  templateUrl: './header-accessibility.component.html',
  styleUrls: ['./header-accessibility.component.scss']
})
export class HeaderAccessibilityComponent implements OnInit {

  //Default and reset font size

Karytonn

Find out which element is creating horizontal scroll?

Run the following code in your browser console to find out who is at fault:

let width = document.documentElement.offsetWidth;

[].forEach.call(
  document.querySelectorAll('*'),
 function(el) {

Karytonn

How to get a Google Sheet as JSON

Preparing Your Google Sheet

1. The first row of your spreadsheet should be headers, and the rest is data under those headers (see example).
2. Share the spreadsheet so anyone can see it (“Share” button in top right corner > “Anyone on the internet with this link can view”).

Preparing you url access

Karytonn

{
  "compilerOptions": {
    ....
  },
  "types": [...]
  },
  //   Include the source of fake type declaration         
  "include": ["src", "type.lib-name-here.ts"],
  "exclude": [...]
}

Karytonn

let msn = 'First';

// Without auto invocation
const write = (): string => {
  console.log('Second');
  return '...';
};

// With auto invocation
const message = write();

Karytonn

downloadFile(url: string) {
  fetch(url).then(res => res.blob()).then(file => {
    let tempUrl = URL.createObjectURL(file);
    const triggerToDownload = document.createElement("a");
    triggerToDownload.href = tempUrl;
    triggerToDownload.download = url.replace(/^.*[\\\/]/, '');
    document.body.appendChild(triggerToDownload);
    triggerToDownload.click();
    URL.revokeObjectURL(tempUrl);
    triggerToDownload.remove();

Karytonn

<div class="fixed right-6 bottom-6">
    
      <!-- CARD TO SEND MESSAGE -->
      <div v-if="isOpen">
        <div class="w-96 max-w-[90vw] rounded-3xl overflow-hidden shadow-2xl shadow-[#075E54]/50 bg-[#E7E7E7]">
          
          <!-- Header and close button -->
          <div class="h-20 p-5 flex items-center justify-between gap-4 bg-[#25D366]">
            <div class="flex items-center gap-3">
              <img class="w-7 h-28" src="@/assets/icon/header/whatsapp.svg" alt="WP">

Karytonn

<template>
  <div class="fixed right-6 bottom-6">
    
    <transition 
      enter-active-class="animate__animated animate__fadeInRight"
      mode="out-in"
    >
      <!-- CARD TO SEND MESSAGE -->
      <div v-if="isOpen">
        <div class="w-96 max-w-[90vw] rounded-3xl overflow-hidden shadow-2xl shadow-[#075E54]/50 bg-[#E7E7E7]">