Numbers

const [animateHeader, setAnimateHeader] = useState(false)

useEffect(() => {
  const listener = () =>
  window.scrollY > 140 ? setAnimateHeader(true) : setAnimateHeader(false)
  window.addEventListener('scroll', listener)
  return () => {
    window.removeEventListener('scroll', listener)
  }
}, [])

// Example usage with TailwindCSS:
<div className={`bg-header/75 transition duration-500 ease-in-out ${animateHeader && 'bg-header/[0.95]'}`}>...</div>

.../image.png
.../Mx/image.png
.../Nx/image.png
...etc.

//Dart: can multiply string with number
print('x' * 5) // 'xxxxx';

//JS: cannot multiply string with number
console.log('x' * 5) // NaN;

SA 0790727252...

SA 0790727252...

//* DATE
let currentYear = new Date().getFullYear().toString()
let currentMonth = (new Date().getMonth() +1).toString()
let currentDay = new Date().getDate().toString()
currentMonth.length == 1 ? currentMonth = '0'+currentMonth : currentMonth = currentMonth.toString()
currentDay.length == 1 ? currentDay = '0'+currentDay : currentDay = currentDay.toString()
let yyyymmddToday = [currentYear, currentMonth, currentDay].join("-");
console.log('yyyymmddToday', yyyymmddToday);




// Get date
let date = new Date();

// Format variable named 'date' as MM/DD/YYYY
formatDateMDY() {
  return (
    this.date.slice(0, 10).split("-")[1] +
    "/" +
    this.date.slice(0, 10).split("-")[2] +
    "/" +
    this.date.slice(0, 10).split("-")[0]
    );
   },


// Get today's date in the default format string: '2020-10-11T00:00:00+05:30'
let date = new Date();

// Format as MM/DD/YYYY
let monthDateYear = ((date.getMonth() > 8) ? (date.getMonth() + 1) : ('0' + (date.getMonth() + 1))) + '/' + ((date.getDate() > 9) ? date.getDate() : ('0' + date.getDate())) + '/' + date.getFullYear();
console.log(monthDateYear)

// Pad Numbers (as seen in UnixIsoDate)
let zeroFill = ( number, width ) => {
  width -= number.toString().length;
  if ( width > 0 )
  {
    return new Array( width + (/\./.test( number ) ? 2 : 1) ).join( '0' ) + number;
  }
  return number + ""; // always return a string
}

// Unix date to ISO
let unixToIsoDate = (unixDate) => {
  let month = new Date(unixDate * 1000).getUTCDate()
  let day = new Date(unixDate * 1000).getUTCMonth()
  let year = new Date(unixDate * 1000).getUTCFullYear()
  // YYYY-MM-DD: return [year, zeroFill(month,2), zeroFill(day,2)].join('-')
  // m/d/y: return [month, day, year].join('/')
}

<form [formGroup]="selectInitiativeForm">
                <mat-form-field appearance="fill">
                    <mat-label>Select Initiative</mat-label>
                    <mat-select [formControlName]="'initiative'">
                        <mat-option *ngFor="let initiative of initiatives | async" [value]="initiative._id"
                            (click)="displayInitiativeData(initiative)">
                            {{ initiative.name }}
                        </mat-option>
                    </mat-select>
                </mat-form-field>
            </form>


 selectInitiativeForm = new FormGroup({
    initiative: new FormControl(''),
  });


redirectToHomePage() {
    this.selectInitiativeForm.controls['initiative'].setValue('');
    this.router.navigate(['/']);
 }

<span>
   <a href="" routerLink="create-indicator" routerLinkActive="active"><i class="fas fa-plus-circle ml-3"></i></a>
</span>

function AdditivePersistence(num) { 

    var sum, loop = 0;
    var val1 = num.toString(10).split("").map(function(t){return parseInt(t)});
   
    while (val1.length > 1) {
        sum = 0;
        val1.forEach( function(number) {
            sum = sum + number;
        });
        
        val1 = sum.toString(10).split("").map(function(t){return parseInt(t)});
        loop++;
    } 
    
    return loop;
         
}

result = url.replace(/(^\w+:|^)\/\//, '');

  mounted() {
    const theme = localStorage.getItem('useDarkTheme');
    if (theme) {
      if (theme == 'true') {
        setTimeout(() => {
          this.$vuetify.theme.dark = true;
        }, 0);
      } else {
        setTimeout(() => {
          this.$vuetify.theme.dark = false;
        }, 0);
      }
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
      setTimeout(() => {
        this.$vuetify.theme.dark = true;
      }, 0);
    }
  }

import { createClient } from 'redis';
import { captureException } from '../../utils/sentry';

export const redisConnectionMiddleware = async (request, response, next) => {
  try {
    const redisClient = createClient();
    await redisClient.connect();
    request.redisClient = redisClient;
    next();
  } catch (error) {
    captureException(error);
    next();
  }
};

const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());
console.log(shuffleArray([1, 2, 3, 4]));
// Result: [ 1, 4, 3, 2 ]

const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf());
isDateValid("December 17, 1995 03:24:00");
// Result: true