jcamilom

abstract class MultiCheckOption { }                        // (1)

@Component({
  selector: 'simple-check-option',
  providers: [
    {                                                      // (2)
      provide: MultiCheckOption,
      useExisting: SimpleCheckOptionComponent,
    }
  ]

jcamilom

@ContentChildren(SimpleCheckOptionComponent)
options!: QueryList<SimpleCheckOptionComponent>;

jcamilom

@Component({
  selector: 'user-check-option',
  template: `
    <label>
      <input type="checkbox" [formControl]="control">
      <div class="card">
        <div class="avatar">
          <img src="assets/images/{{ value.avatar }}">
          <div class="span"></div>
        </div>

jcamilom

private subscriptions = new Subscription();
private selectedValues: any[] = [];

ngAfterContentInit(): void {
  this.options.forEach(option => {
    this.subscriptions.add(
      option.valueChanges$.subscribe(
        (optionChecked) => {
          if (optionChecked) {
            this.add(option.value);

jcamilom

@Component({
  selector: 'multi-check-field',
  template: `<ng-content></ng-content>`
})
export class MultiCheckFieldComponent implements AfterContentInit {

  @ContentChildren(SimpleCheckOptionComponent)
  options!: QueryList<SimpleCheckOptionComponent>;

  ngAfterContentInit(): void {

jcamilom

@Component({
  selector: 'simple-check-option',
  template: `
    <label>
      <input type="checkbox" [formControl]="control">
      {{ label }}
    </label>
  `
})
export class SimpleCheckOptionComponent {

jcamilom

<multi-check-field>
  <simple-check-option *ngFor="let option of options" [value]="option"
    [label]="option.label">
  </single-check-option>
</multi-check-field>

jcamilom

/* #F16257 is p0 */
/* #ef493e is p0 -5% luminosity */
/* #ed3326 is p0 -10% luminosity */
/* #F1A157 is s0 */

:host {
  display: flex;
  flex-direction: column;
}

jcamilom

#!/bin/bash

# This will create icons in their respective
# folders in "$HOME"/.local/share/icons/...

# Usage: icongen iconfile

# Check usage
if [[ $# -ne 2 ]]; then
    echo "Usage: $0 icon_file new_icon_name"

jcamilom

#!/bin/sh
# Remove folder that contains other files or directories
rm -r mydir
# Avoid getting the delete confirmation for each file
rm -rf mydir