fontastic 0.1.3 → 0.2.0

package/src/app/shared/components/pairing/pairing.component.html

@@ -1,20 +0,0 @@
-<div class="component">
-  <div class="component__panel">
-
-    <div class="controls flex justify-between items-center border-top border-bottom">
-      <div class="controls__item flex justify-start items-center">
-        <div>
-          Pairing Component
-        </div>
-      </div>
-      <div class="controls__item flex justify-end items-center">
-        <i class="material-icons" (click)="onComponentSwitch();">more_horiz</i>
-      </div>
-    </div>
-
-    <div class="hover-scrollbox-y h-full min-h-full">
-
-    </div>
-
-  </div>
-</div>

package/src/app/shared/components/pairing/pairing.component.ts

@@ -1,33 +0,0 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
-import { PresentationService } from '@app/core/services';
-
-@Component({
-  selector: 'app-pairing',
-  templateUrl: './pairing.component.html',
-  styleUrls: ['./pairing.component.scss']
-})
-export class PairingComponent implements OnChanges, OnInit, OnDestroy {
-
-  @Input() fontObject: opentype.Font;
-  @Input() fontFamily: string;
-  @Input() latestNews: any[] = [];
-
-  fontColor: string;
-
-  constructor(
-    private presentationService: PresentationService
-  ) { }
-
-  ngOnInit(): void {
-    const root = document.documentElement as HTMLElement;
-    this.fontColor = root.style.getPropertyValue('--fill-color');
-  }
-
-  ngOnDestroy() { }
-
-  ngOnChanges() { }
-
-  onComponentSwitch() {
-    this.presentationService.setInspectComponent('glyph-list');
-  }
-}

package/src/app/shared/components/search/search.component.scss

@@ -1,10 +0,0 @@
-:host {
-    position: relative;
-    display: flex;
-    height: 100%;
-    width: 100%;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-    overflow: hidden;
-}

package/src/app/shared/components/settings/database/database.component.html

@@ -1,151 +0,0 @@
-<div class="page">
-
-  <div class="page__header border-bottom">
-    <div class="page__header-title">
-      <h1>Database Management</h1>
-    </div>
-    <div class="flex items-center justify-end p-0 text-right">
-      <div>
-        <app-button [type]="'button'" [title]="'Add New'" [ngClass]="'app-button__md'" (click)="toggleForm()">Add
-          New</app-button>
-      </div>
-    </div>
-  </div>
-
-  <form class="form" (ngSubmit)="onSubmit(databaseForm)" #databaseForm="ngForm" *ngIf="screenToggle">
-
-    <div class="page__body">
-
-      <input type="hidden" name="name" id="name" [(ngModel)]="dbConnection.name" readonly>
-
-      <div class="form-group" *ngIf="drivers.length">
-        <label for="type">Database Type</label>
-        <select class="form-control" name="type" id="type" [(ngModel)]="dbConnection.type" #type="ngModel" required>
-          <option *ngFor="let item of drivers;" [value]="item">{{item}}</option>
-        </select>
-        <span class="form-text text-muted" [hidden]="type.valid || type.pristine">A database type is
-          required.</span>
-      </div>
-
-      <div class="form-group">
-        <label for="title">Title</label>
-        <input type="text" class="form-control" name="title" id="title" [(ngModel)]="dbConnection.title"
-          #title="ngModel" placeholder="My Connection" required>
-        <span class="form-text text-muted">A unique name to identify the connection.</span>
-      </div>
-
-      <div class="form-group">
-        <label for="host">Host</label>
-        <input type="text" class="form-control" name="host" id="host" [(ngModel)]="dbConnection.host" #host="ngModel"
-          placeholder="localhost">
-        <span class="form-text text-muted">The hostname used to make a connection.</span>
-      </div>
-
-      <div class="form-group">
-        <label for="port">Port</label>
-        <input type="text" class="form-control" name="port" id="port" [(ngModel)]="dbConnection.port" #port="ngModel"
-          placeholder="3306">
-        <span class="form-text text-muted">The port used to make a connection.</span>
-      </div>
-
-      <div class="form-group">
-        <label for="username">Username</label>
-        <input type="text" class="form-control" name="username" id="username" [(ngModel)]="dbConnection.username"
-          #username="ngModel">
-        <span class="form-text text-muted">Please enter your database username.</span>
-      </div>
-
-      <div class="form-group">
-        <label for="password">Password</label>
-        <input type="password" class="form-control" name="password" id="password" [(ngModel)]="dbConnection.password"
-          #password="ngModel">
-        <span class="form-text text-muted">Please enter your database password.</span>
-      </div>
-
-      <div class="form-group">
-        <label for="database">Database</label>
-        <input type="text" class="form-control" name="database" id="database" [(ngModel)]="dbConnection.database"
-          #database="ngModel" required>
-        <span class="form-text text-muted">Please enter a database name.</span>
-      </div>
-
-      <div class="form-group">
-        <label for="logging">Logging</label>
-        <select class="form-control" name="logging" id="logging" [(ngModel)]="dbConnection.logging" #logging="ngModel">
-          <option *ngFor="let item of loggingTypes;" [value]="item.value">{{item.key}}</option>
-        </select>
-      </div>
-
-      <div class="form-group">
-        <label for="synchronize">Synchronize</label>
-        <select class="form-control" name="synchronize" id="synchronize" [(ngModel)]="dbConnection.synchronize"
-          #synchronize="ngModel">
-          <option *ngFor="let item of synchronizeTypes;" [value]="item.value">{{item.key}}</option>
-        </select>
-      </div>
-
-      <div class="form-group form-group-last">
-        <label for="description">Description</label>
-        <textarea class="form-control" name="description" id="description" [(ngModel)]="dbConnection.description"
-          #description="ngModel" rows="3" required></textarea>
-      </div>
-
-    </div>
-
-    <div class="page__footer border-top">
-      <div class="flex items-center justify-end w-full">
-        <app-button [type]="'reset'" [title]="'Reset'" [ngClass]="'app-button__md app-button__success'" (click)="handleReset($event); databaseForm.reset()">Reset</app-button>
-        <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'" [attr.disabled]="buttonDisabled(databaseForm.form.valid)">Submit</app-button>
-      </div>
-    </div>
-
-  </form>
-
-  <!-- Body -->
-  <div class="flex flex-col p-5" *ngIf="!screenToggle">
-
-    <table class="table table-auto striped">
-      <thead>
-        <tr>
-          <th class="text-center sort_input">ID</th>
-          <th class="text-left">Title</th>
-          <th class="text-left">Description</th>
-          <th class="text-center">Type</th>
-          <th class="text-center">Enabled</th>
-          <th class="text-center">Synchronize</th>
-          <th class="text-center">Logging</th>
-          <th class="text-right">Actions</th>
-        </tr>
-      </thead>
-      <tbody>
-        <ng-container *ngFor="let item of connections; let i = index;">
-          <tr>
-            <td class="text-center">
-              <span class="material-icons" (click)="updateConnection($event, item)"
-                title="Update Connection">settings</span>
-            </td>
-            <td class="text-left">{{item.title}}</td>
-            <td class="text-left">{{item.description}}</td>
-            <td class="text-center">{{item.type}}</td>
-            <td class="text-center">
-              <span class="material-icons" *ngIf="item.enabled">done</span>
-            </td>
-            <td class="text-center">{{filterBoolean(item.synchronize)}}</td>
-            <td class="text-center">{{filterBoolean(item.logging)}}</td>
-            <td class="text-center">
-              <div class="flex items-center justify-end w-full">
-                <span class="material-icons" (click)="testConnection($event, item)"
-                  title="Test Connection">refresh</span>
-                <span class="material-icons" (click)="enableConnection($event, item)"
-                  title="Set As Default">grade</span>
-                <span class="material-icons" (click)="deleteConnection($event, item)"
-                  title="Delete Connection">delete_outline</span>
-              </div>
-            </td>
-          </tr>
-        </ng-container>
-      </tbody>
-    </table>
-  </div>
-
-</div>

package/src/app/shared/components/settings/database/database.component.ts

@@ -1,145 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { NgForm } from '@angular/forms';
-import { ConfigService, MessageService, UtilsService } from '@app/core/services';
-import { DbConnectionModel } from '@app/core/model';
-
-@Component({
-  selector: 'app-settings-database',
-  templateUrl: './database.component.html',
-  styleUrls: ['./database.component.scss']
-})
-export class DatabaseComponent implements OnInit {
-
-  config: any;
-
-  connections = [];
-  drivers = [];
-
-  loggers = [];
-
-  loggingTypes = [{
-    key: 'Yes',
-    value: true
-  }, {
-    key: 'No',
-    value: false
-  }];
-
-  synchronizeTypes = [{
-    key: 'Yes',
-    value: true
-  }, {
-    key: 'No',
-    value: false
-  }];
-
-  screenToggle = false;
-
-  dbConnection: DbConnectionModel = new DbConnectionModel('', '', '', '', '');
-
-  constructor(
-    private configService: ConfigService,
-    private messageService: MessageService,
-    private utils: UtilsService
-  ) {
-    this.config = this.configService.getConfig();
-  }
-
-  ngOnInit(): void {
-    if (this.config?.database) {
-      this.connections = this.config.database.connections;
-      this.drivers = this.config.database.drivers;
-    }
-  }
-
-  toggleForm(): void {
-    this.screenToggle = !this.screenToggle;
-  }
-
-  filterBoolean(value: boolean): string {
-    return value ? 'Yes' : 'No';
-  }
-
-  deleteConnection(_event: Event, item: any): void {
-    if (item.name === 'default') {
-      return;
-    }
-
-    if (item.enabled) {
-      return;
-    }
-
-    const options = {
-      type: 'question',
-      buttons: ['Yes', 'No'],
-      title: 'Confirm',
-      message: 'Are you sure you want to delete this connection?'
-    };
-
-    this.messageService.showMessageBox(options).then((res: any) => {
-      if (res.response === 0) {
-        const result = this.connections.find(x => x.name === item.name);
-        if (result) {
-          this.connections = this.connections.filter((connection) => connection.name !== result.name);
-          this.messageService.deleteDbConnection(result.name).then((connections: any) => this.connections = connections);
-        }
-      }
-    });
-  }
-
-  updateConnection(_event: Event, item: any): void {
-    if (item?.name === 'default') {
-      return;
-    }
-
-    const result = this.connections.find(x => x.name === item.name);
-
-    if (result) {
-      this.toggleForm();
-      this.dbConnection = new DbConnectionModel(result.name, result.title, result.description, result.type, result.database, result.username, result.password, result.host, result.port, result.logging, result.synchronize);
-    }
-  }
-
-  enableConnection(_event: Event, item: any): void {
-    this.messageService.enableDbConnection(item).then(() => this.messageService.reloadWindow());
-  }
-
-  testConnection(_event: Event, item: any): void {
-    this.messageService.testDbConnection(item).then((result: any) => {
-      if (result.type === 'success') {
-        //this.alertService.success(result.message);
-      } else {
-        //this.alertService.error(result.message);
-      }
-    });
-  }
-
-  buttonDisabled(isValid: boolean) {
-    return (isValid) ? null : true;
-  }
-
-  handleReset(_event: Event): void {
-    this.toggleForm();
-  }
-
-  onSubmit(form: NgForm): void {
-    if (!form.valid) {
-      return;
-    }
-
-    const values = form.value;
-    if (values?.name === 'default') {
-      return;
-    }
-
-    const isUpdate = (values?.name !== '') ? true : false;
-    values.name = (isUpdate) ? values.name : this.utils.randomString(5).toUpperCase();
-
-    this.messageService.createDbConnection(values).then((result: any) => {
-      this.connections = result;
-      this.toggleForm();
-    });
-
-    //this.alertService.success((isUpdate) ? 'Successfully updated connection.' : 'Successfully created connection.');
-  }
-}

package/src/app/shared/components/settings/general/general.component.html

@@ -1,170 +0,0 @@
-<div class="page">
-
-  <div class="page__header border-bottom">
-    <div class="page__header-title">
-      <h1>General Settings</h1>
-    </div>
-  </div>
-
-  <div class="page__body">
-
-    <fieldset>
-      <legend><span>Personalize</span></legend>
-      <form class="form" #generalForm="ngForm" (ngSubmit)="onSubmit(generalForm)">
-        <div class="form-group">
-          <label form="name">User name</label>
-          <input type="text" class="form-control" name="name" id="name" [(ngModel)]="user.name" #selectedName="ngModel"
-            required />
-          <span class="form-text text-muted">Enter your user name.</span>
-        </div>
-        <div class="form-group">
-          <label for="email">Email address</label>
-          <input type="email" class="form-control" name="email" id="email" [(ngModel)]="user.email"
-            #selectedEmail="ngModel" required />
-          <span class="form-text text-muted">Enter your email address.</span>
-        </div>
-        <div class="form__actions">
-          <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__xl app-button__rounded'"
-            (handleButtonClick)="onSubmitButtonClick($event)" [attr.disabled]="!generalForm.form.valid">Submit
-          </app-button>
-          <app-button [type]="'reset'" [title]="'Reset'"
-            [ngClass]="'app-button__xl app-button__rounded app-button__success'">Reset
-          </app-button>
-        </div>
-      </form>
-    </fieldset>
-
-    <fieldset>
-      <legend><span>Miscellaneous</span></legend>
-
-      <form class="form">
-
-        <div class="form-group">
-          <label for="import">Import options</label>
-          <select class="form-control" name="import" id="import" [(ngModel)]="importType.type" #type="ngModel"
-            (change)="onImportOptionsChange($event)">
-            <option *ngFor="let item of importOptions;" [value]="item.key">{{item.title}}</option>
-          </select>
-          <span class="form-text">Choose whether fonts are added to catalog or in place.</span>
-        </div>
-
-      </form>
-
-    </fieldset>
-
-    <fieldset>
-      <legend><span>Quick actions</span></legend>
-
-      <form>
-        <dl>
-          <dt>
-            <label>Reset favorited fonts</label>
-            <span>Resets fonts that have been favorited.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onResetFavoritedFonts($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-      <form>
-        <dl>
-          <dt>
-            <label>Synchronize system fonts</label>
-            <span>Imports fonts from system fonts folder.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onSystemScan($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-      <form>
-        <dl>
-          <dt>
-            <label>Synchronize activated fonts</label>
-            <span>Marks catalog fonts activated if installed.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onSyncActivated($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-      <form *ngIf="hasNewsApiKey">
-        <dl>
-          <dt>
-            <label>Fetch latest news</label>
-            <span>Updates latest news from selected sources.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onRefreshLatestNews($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-      <form>
-        <dl>
-          <dt>
-            <label>Restart application</label>
-            <span>Restarts the application.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onRestartApplication($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-      <form>
-        <dl>
-          <dt>
-            <label>Exit application</label>
-            <span>Exits the application.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onExitApplication($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-    </fieldset>
-
-    <fieldset>
-      <legend><span>Danger zone</span></legend>
-
-      <form>
-        <dl>
-          <dt>
-            <label>Drop active database</label>
-            <span>Drops the database and all its data.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onDropDatabase($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-      <form>
-        <dl>
-          <dt>
-            <label>Clear system storage</label>
-            <span>Removes all settings from system store.</span>
-          </dt>
-          <dd>
-            <app-button [type]="'submit'" [title]="'Submit'" [ngClass]="'app-button__md'"
-              (handleButtonClick)="onClearStore($event)">Submit</app-button>
-          </dd>
-        </dl>
-      </form>
-
-    </fieldset>
-
-  </div>
-</div>