Skip to content

Instantly share code, notes, and snippets.

View fireflysemantics's full-sized avatar

Firefly Semantics Corporation fireflysemantics

8 followers · 2 following
View GitHub Profile
@fireflysemantics
fireflysemantics / app.component.ts
Created September 24, 2022 05:02
<hello
[config]="{
name: 'Firefly Semantics Slice',
language: 'typescript',
responsive: true
}"
></hello>
<hello
[config]="{ name: name, language: 'typescript', responsive: false }"
@fireflysemantics
fireflysemantics / hello.component.ts
Created September 24, 2022 05:01
import { AfterViewInit, Component, Input } from '@angular/core';
export type Language = 'javascript' | 'typescript' | 'elixir';
export class Config {
name: string = 'RxJS';
responsive: boolean = true;
language: Language = 'typescript';
}
@fireflysemantics
fireflysemantics / index.html
Last active September 20, 2022 20:21
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<!--
Need a visual blank slate?
Remove all code in `styles.css`!
-->
@fireflysemantics
fireflysemantics / app-module.ts
Created September 8, 2022 03:54
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';
import { GreetingServiceModule } from './services/greeting-service.module';
import { AppRoutingModule } from './app-routing.module';
@NgModule({
@fireflysemantics
fireflysemantics / greeting-service.module.ts
Last active September 8, 2022 01:38
import { ModuleWithProviders, NgModule } from '@angular/core';
import { GreetingService } from './greeting.service';
import { GreetingServiceConfig } from './greeting-service.config';
import { GREETING_SERVICE_CONFIG_INJECTION_TOKEN } from './greeting-service.token';
@NgModule({
providers: [GreetingService],
})
export class GreetingServiceModule {
@fireflysemantics
fireflysemantics / greeting.service.ts
Created September 7, 2022 20:43
import { Inject, Injectable } from '@angular/core';
import { GreetingServiceConfig } from './greeting-service.config';
import { GREETING_SERVICE_CONFIG_INJECTION_TOKEN } from './greeting-service.token';
@Injectable()
export class GreetingService {
constructor(
@Inject(GREETING_SERVICE_CONFIG_INJECTION_TOKEN)
private config: GreetingServiceConfig
@fireflysemantics
fireflysemantics / spinner.directive.ts
Last active September 2, 2022 20:33
@Directive({ selector: '[isReady]' })
export class ReadyDirective implements OnInit {
@Input('isReady') isReady: boolean;
constructor(
private templateRef: TemplateRef<void>,
private vcr: ViewContainerRef
) {}
ngOnInit() {
@fireflysemantics
fireflysemantics / isready-directive.ts
Created September 2, 2022 17:38
@Directive({ selector: '[isReady]' })
export class ReadyDirective implements OnInit {
@Input('isReady') isReady: boolean;
constructor(
private templateRef: TemplateRef<void>,
private vcr: ViewContainerRef
) {}
ngOnInit() {
@fireflysemantics
fireflysemantics / theme.scss
Last active October 11, 2022 03:28
color: (
primary: (
50: #e8eaf6,
100: #c5cae9,
200: #9fa8da,
300: #7986cb,
400: #5c6bc0,
500: #3f51b5,
600: #3949ab,
700: #303f9f,
@fireflysemantics
fireflysemantics / stateful.css
Created August 18, 2022 21:11
nav {
display: flex;
align-items: center;
justify-content: center;
background-color: aqua;
width: 20rem;
height: 20rem;
}
.container {