Skip to content

Instantly share code, notes, and snippets.

View gitKrystan's full-sized avatar
🤔
thinking face emoji

Krystan HuffMenne gitKrystan

🤔
thinking face emoji
  • Portland, OR
View GitHub Profile
@gitKrystan
gitKrystan / README.md
Last active November 7, 2023 18:43
ember-cli-mirage types

Skylight ember-cli-mirage Types

These types were written by the team at https://www.skylight.io/, specifically @gitKrystan (with lots of help from @chancancode).

Gist filenames don't allow slashes, so I replaced them with :.

Before you start

Add "<app-name>/mirage/*": ["mirage/*"] to your paths config in your tsconfig.json

import Component from '@ember/component';
import { bind } from '@ember/runloop';
export default Component.extend({
classNames: 'click-away',
init() {
this._super(...arguments);
this._handler = bind(this, this.handleClick);
},
@gitKrystan
gitKrystan / controllers.application\.js
Last active March 31, 2020 17:36
splattributes button type
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
@gitKrystan
gitKrystan / index.html
Last active June 5, 2019 22:25
Vanilla Javascript calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Calculator </title>
<script src="scripts.js"></script>
</head>
<body>
import Ember from 'ember';
export default Ember.Component.extend({
classNames: 'inner-component',
// passed in from outer component
oneWayProp: null
});
<html data-ember-extension="1"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Skylight</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Inconsolata:400,700"><link rel="icon" href="//d1xmotl1g5cxcm.cloudfront.net/ember-assets/favicon-227c1c215cc8ddd3ce606622acffb7df.ico">
<meta name="direwolf/config/environment" content="%7B%22modulePrefix%22%3A%22direwolf%22%2C%22environment%22%3A%22production%22%2C%22locationType%22%3A%22history%22%2C%22cloudfrontURL%22%3A%22//d1xmotl1g5cxcm.cloudfront.net%22%2C%22sourcemapURL%22%3A%22//s3.amazonaws.com/direwolf-static-assets/ember-assets/assets%22%2C%22assetPrepend%22%3A%22//d1xmotl1g5cxcm.cloudfront.net/ember-assets/%22%2C%22trialDays%22%3A30%2C%22defaultAppComponentName%22%3A%22web%22%2C%22defaultAppComponentEnv%22%3A%22production%22%2C%22defaultTimeRanges%2
<html data-ember-extension="1"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Skylight</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Inconsolata:400,700"><link rel="icon" href="//d1xmotl1g5cxcm.cloudfront.net/ember-assets/favicon-227c1c215cc8ddd3ce606622acffb7df.ico">
<meta name="direwolf/config/environment" content="%7B%22modulePrefix%22%3A%22direwolf%22%2C%22environment%22%3A%22production%22%2C%22locationType%22%3A%22history%22%2C%22cloudfrontURL%22%3A%22//d1xmotl1g5cxcm.cloudfront.net%22%2C%22sourcemapURL%22%3A%22//s3.amazonaws.com/direwolf-static-assets/ember-assets/assets%22%2C%22assetPrepend%22%3A%22//d1xmotl1g5cxcm.cloudfront.net/ember-assets/%22%2C%22trialDays%22%3A30%2C%22defaultAppComponentName%22%3A%22web%22%2C%22defaultAppComponentEnv%22%3A%22production%22%2C%22defaultTimeRanges%2
@gitKrystan
gitKrystan / billing-app-usage.hbs
Created November 2, 2018 16:29
borked billing table
<div class="settings-subsection total-requests-subsection">
<div id="ember203" class="billing-app-usage ember-view"> <table class="settings-table">
<thead>
<tr>
<th class="name-column">Application</th>
<th class="requests-column">Requests</th>
<th class="percentage-column">Percentage</th>
</tr>
</thead>
<tbody>
<div class="settings-subsection total-requests-subsection">
<div id="ember203" class="billing-app-usage ember-view"> <table class="settings-table">
<thead>
<tr>
<th class="name-column">Application</th>
<th class="requests-column">Requests</th>
<th class="percentage-column">Percentage</th>
</tr>
</thead>
<tbody>
@gitKrystan
gitKrystan / controllers.application.js
Created August 8, 2018 21:00 — forked from samselikoff/mirage.config.js
Mirage dev boilerplate
import Ember from 'ember';
export default Ember.Controller.extend({
});