nclarx

<section>
  <ul *ngIf="orders$ | async"> <!-- The *ngIf will hide the whole list until the data has arrived-->
    <li *ngFor="let order of orders$ | async"> <!-- The *ngFor will loop over and create list items for the orders once the data has arrived-->
      {{order.packageName}}: {{order.packageDescription}}
    </li>
  </ul>
</section>

nclarx

Config Details for i3 Manjaro

Persisting Nvidia Graphic Card Settings

My excellent GeForce GTX 980, still going strong after a number of years, uses the non-free drivers on Manjaro.

The issue with Manjaro out of the box seems to be that the nvidia-settings app doesn't save the monitor config you set, and when you reboot you end up with the default settings.

To solve this issue:

nclarx

'use strict'

function getWithPromises() {
    return new Promise((resolve, reject) => {
        fetch('https://')
            .then((data) => { // do something async
                resolve(data.json()) // once data is returned, resolve
            })
            .catch((err) => {
                reject(err) // or reject if there's an error

nclarx

# 1. First of all of course get Manjaro:
https://manjaro.org/get-manjaro/

# I recommend using Etcher to copy the image to your USB:
https://etcher.io/

# 2. Before installing make sure:
# - Secure boot is disabled in BIOS
# - Your SSD, HDD or NVME drive is set to AHCI instead of RAID
# - Fastboot should be on Auto or minimal, but this shouldn't matter to much

nclarx

<section>
  <p class="test-class">This is a test of HTML</p>
</section>

nclarx

import {IWorkflowConfig} from "./iWorkflowConfig";
import {IMarkdown} from "./iMarkdown";
import {Browser} from "puppeteer";
import {Command} from "commander";

export interface IAppState {
    workflowConfig?: IWorkflowConfig;
    template?: string;
    styles?: string;
    markdownFiles?: IMarkdown[];

nclarx

public class ParentComponent {
  
  handleEventFromChild($event: Event): never {
    // Do something with event...
  }
  
}

// HTML TEMPLATE IN PARENT

nclarx

import {Component, OnDestroy, OnInit} from '@angular/core';
import {User} from './user'; // Assuming you have a class for user =====
import {Subscription} from 'rxjs/Subscription'; 
import {AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable} from 'angularfire2/database';

@Component({
  selector: 'your-component',
  template: `
    <h1>{{ (user | async)?.name }}</h1>
    <h1>{{ (user | async)?.price }}</h1>

nclarx

import {Pipe, PipeTransform} from '@angular/core';
import {IEvent} from './event';
import * as moment from 'moment/moment';

export const EventFilter: (value: IEvent[], region: string, dayOfWeek: string, showFeaturedEvents: boolean) => IEvent[] = function (value: IEvent[], region: string, dayOfWeek: string, showFeaturedEvents: boolean) {
  return value.filter(event => {
    let today = moment();
    let eventDate = moment(event.date, 'YYYY-MM-DD');
    if (eventDate.isAfter(today)) {
      if (region !== null) {