Skip to content

Instantly share code, notes, and snippets.

View armorpreston's full-sized avatar
🐢
@ armor

Preston Mitcham armorpreston

🐢
@ armor
  • Armor Defense, Inc.
View GitHub Profile
@armorpreston
armorpreston / keybase.md
Created September 11, 2018 19:09
keybase

Keybase proof

I hereby claim:

  • I am armorpreston on github.
  • I am armorpreston (https://keybase.io/armorpreston) on keybase.
  • I have a public key ASD9AVSHJUo-YZfixpslxbEg3agsM-8X6wLAf_ICDEPDBgo

To claim this, I am signing this object:

@armorpreston
armorpreston / list-item.interface.ts
Last active July 25, 2019 18:50
List Interfaces
export interface IListItem {
id: string | number;
label: string;
icon?: string;
[additionalProperties: string]: any;
}
@armorpreston
armorpreston / clipboard.html
Created August 1, 2019 19:31
Clipboard on Input Field
<div class="input-group">
<input type="text" class="form-control" id="textToCopy" value="Copy" />
<div class="input-group-btn">
<clipboard [buttonText]="'Copy'" [target]="'#textToCopy'"></clipboard>
</div>
</div>
@armorpreston
armorpreston / inline-clipboard.html
Last active August 1, 2019 19:48
Inline Clipboard
<clipboard-inline>like this</clipboard-inline>
@armorpreston
armorpreston / attribute.clipboard.html
Last active December 2, 2020 22:13
Brandkit/Components/Clipboard
<clipboard-inline [textToCopy]="'Copy via Attribute'"
[targetClass]="'text-link'"
[showCopyButton]="false">
I can copy without an input target!
</clipboard-inline>
@armorpreston
armorpreston / aside-template.html
Last active January 27, 2020 16:00
Brandkit/Components/aside
<ng-template #asideContent let-c="close" let-d="dismiss">
<modal>
<modal-header title="Simple Aside" [dismiss]="d"></modal-header>
<modal-body>
<h4>This is an example of an aside</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit maecenas leo auctor,
nulla est conubia elementum netus tincidunt.
</p>
</modal-body>
@armorpreston
armorpreston / machine.js
Last active November 1, 2019 19:49
Generated by XState Viz: https://xstate.js.org/viz
const fetchMachine = Machine({
id: 'balance',
initial: 'loading',
states: {
loading: {
on: {
RESOLVE: 'showList',
REJECT: 'dataFailure'
}
},
@armorpreston
armorpreston / nested-badges.html
Last active November 26, 2019 20:45
Nested Badges
<!-- on the left (default) -->
<badge>
<badge type="badge-success">2</badge>
Count
</badge>
<!-- on the right -->
<badge>
Item
@armorpreston
armorpreston / badge-types.html
Created November 26, 2019 20:35
Badges types
<badge>Default</badge>
<badge type="badge-primary">Primary</badge>
<badge type="badge-success">Success</badge>
<badge type="badge-info">Info</badge>
<badge type="badge-warning">Warning</badge>
<badge type="badge-danger">Danger</badge>
@armorpreston
armorpreston / badge-severity.html
Created November 26, 2019 20:40
Badge Severity Types
<badge type="badge-sev-high">High</badge>
<badge type="badge-sev-medium">Medium</badge>
<badge type="badge-sev-low">Low</badge>