Thanood’s gists

Thanood / app.html

Created August 17, 2017 14:57 — forked from vbornand/app.html

Aurelia-Materialize bridge card actions

	<template>
	<div class="row">
	<md-card class="col s4" md-title="Card title" md-actions="true">
	<div>
	This card has some actions.
	</div>
	<div slot="action">
	<a href="#">This is a link 1</a>
	<a href="#">This is a link 2</a>
	</div>

Thanood / app.html

Created June 22, 2017 08:35 — forked from HIRANO-Satoshi/app.html

Aurelia-Materialize bridge RTL demo edited

	<template>
	<require from="./materialize_rtl.css"></require>
	<div class="row">
	<div class="col m6">
	<p>Hello, world!</p>
	</div>
	<div class="col m6">
	<md-checkbox md-checked.bind="true">check box example</md-checkbox>
	</div>
	<button md-button click.delegate="toggleDirection()">Toggle Direction</button>

Thanood / app.html

Last active June 1, 2017 21:09 — forked from jasoncarreira/app.html

Aurelia-Materialize bridge input fields binding button disabled

	<template>
	<require from="./au-input"></require>
	<md-colors></md-colors>

	<au-input label="A" value.bind="foo.a" percent.bind="foo.percent" salary.bind="foo.salary"></au-input>

	<au-input label="B" value.bind="foo.b" percent.bind="foo.percent" salary.bind="foo.salary"></au-input>

	<md-input md-label="Test" md-value.bind="foo.a & validate" md-validate="true"
	md-validate-success="good">

Thanood / app.html

Last active April 3, 2017 19:02 — forked from mar9000/app.html

aurelia-materialize-bridge: i18n for select label

	<template>
	<!-- The following require is required as a workaround for last version of materializecss. -->
	<require from="materialize/dist/css/materialize.css"></require>
	<require from="./md-select2"></require>

	<!-- i18n support. -->
	<br/>
	<div>
	<h4>i18n support</h4>
	<select md-select2="label.two-way: translateMe;" value.two-way="language" change.trigger="updateLanguage()">

Thanood / app.html

Last active March 27, 2017 18:31 — forked from avrahamcool/app.html

Aurelia-Materialize bridge md-datepicker using icon

	<template>
	<style>
	[md-datepicker] + i.material-icons.std-icon-fixup {
	margin-left: -24px;
	line-height: 1;
	margin-top: 12px;
	cursor: pointer;
	}
	</style>

Thanood / app.html

Created March 17, 2017 16:22 — forked from avrahamcool/app.html

Aurelia-Materialize bridge modal.open() from attached event

	<template>
	<require from="./working"></require>
	<require from="./not-working"></require>
	<p>
	<button md-button click.delegate="showNotWorking = true">Show (Not Working)</button>
	<button md-button click.delegate="showNotWorking = false">Hide</button>
	</p>
	<p>
	<button md-button click.delegate="showWorking = true">Show (Working)</button>
	<button md-button click.delegate="showWorking = false">Hide</button>

Thanood / app.html

Last active February 24, 2017 14:28 — forked from brylie/app.html

Aurelia Gist

	<template>
	<require from="bootstrap/css/bootstrap.css"></require>
	<require from="./open-api-info"></require>
	<nav class="navbar navbar-default" role="navigation">
	<div class="navbar-header">
	<a class="navbar-brand" href="#">
	<i class="fa fa-user"></i>
	<span>
	Open API Designer
	</span>

Thanood / app.html

Last active January 9, 2017 19:46 — forked from eikaramba/app.html

Aurelia-Materialize bridge select filtered repeat

	<template>
	<require from="./filterPizzaValueConverter"></require>
	<div style="margin-bottom: 15px;">
	Thanks to @eikaramba
	</div>
	<div>
	<md-checkbox md-checked.bind="shouldFilter">filter pizza (changes the array for select)</md-checkbox>
	<select md-select multiple md-select.ref="select" value.two-way="selectedMeal">
	<option value="" disabled>Select your meal</option>
	<option repeat.for="meal of food \| filterPizza:shouldFilter" model.bind="meal" value.bind="meal.id">${meal.name}</option>

Thanood / app.html

Created November 26, 2016 17:11 — forked from jdanyow/app.html

Aurelia Accessible Autocomplete with Filtering

	<template>
	<require from="./autocomplete"></require>
	<form>
	<label class="form-component">
	Country:<br/>
	<autocomplete service.bind="suggestionService.country"
	value.bind="model.country"
	placeholder="Enter country..."
	change.delegate="model.city = null">
	</autocomplete>

Thanood / app.html

Created October 24, 2016 16:55 — forked from niedarek/app.html

Aurelia-Materialize carousel -> md-slider="true" error

	<template>
	<require from="materialize/dist/css/materialize.css"></require>
	<h5>when md-slider is set to "true" nothing happen and in console log you can find errors. When md-slider i set to "false" everthing is ok. </h5>
	<md-carousel md-indicators="false" md-slider="true" class="center" style="height: 600px;">

	<md-carousel-item class="red white-text" style="background-color: #f99cb1;width: 80%">



	<h2>SOME BOOKS <br/>

Daniel Bendel Thanood