Skip to content

Instantly share code, notes, and snippets.

View ormasoftchile's full-sized avatar

Cristián Ormazábal ormasoftchile

View GitHub Profile
@ormasoftchile
ormasoftchile / index.html
Created October 27, 2021 02:44
svg-binding
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber Gist uses dumber bundler, the default bundle file
@ormasoftchile
ormasoftchile / index.html
Last active October 26, 2021 20:31 — forked from pswanson124/index.html
svg-binding
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber Gist uses dumber bundler, the default bundle file
@ormasoftchile
ormasoftchile / index.html
Created March 20, 2021 21:30
Simple binding - contact count
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@ormasoftchile
ormasoftchile / index.html
Created March 20, 2021 21:16
Simple component
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { Container, inject } from 'aurelia-dependency-injection';
import { Web } from './hosts/web';
import { DesignProcessor } from './designs/design-processor';
let AureliaUX = class AureliaUX {
@ormasoftchile
ormasoftchile / app.html
Created January 10, 2018 17:24
Aurelia Gist
<template>
<form>
<div class="form-group row">
<label class="col-sm-4 control-label" for="States">State&nbsp;<span class="required">${required}</span></label>
<div class="col-sm-8">
<select id="States" class="form-control">
<option model.bind="null"></option>
<option repeat.for="state of states" model.bind="state.Id">${state.Name}</option>
</select>
</div>
<template>
<ul class="side-navigation z-depth-2" repeat.for="menu of menus">
<template if.bind="menu.hasSubMenuItems" >
<li class="collapsible-accordion">
<ul md-collapsible="accordion: true;">
<li class="list-level-two">
<div class="collapsible-header">${menu.menuItem.title}</div>
<div class="collapsible-body">
<ul>
<li repeat.for="menuItem of menu.subMenuItems" class="list-level-three">
<template>
<require from="./textbox"></require>
<form submit.delegate="submit()">
<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>
<textbox value.bind="model.firstName & validate" label="First Name"></textbox>
<textbox value.bind="model.lastName & validate" label="Last Name"></textbox>
<template>
<require from="./textbox"></require>
<form submit.delegate="submit()">
<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>
<textbox value.bind="model.firstName & validate" label="First Name"></textbox>
<textbox value.bind="model.lastName & validate" label="Last Name"></textbox>