Daniel Bendel Thanood

Thanood / app.html

Last active July 20, 2016 08:43

Aurelia - Materialize Modal Issue

	<template>
	<div>
	<div>
	<p><a md-button md-modal-trigger href="#modal1">show modal</a></p>
	</div>
	<div id="modal1" class="modal" ref="myModal">
	<div class="modal-content">
	<h4>Modal Header</h4>
	<p>A bunch of text</p>
	<div>

Thanood / app.css

Created July 25, 2016 14:56

Aurelia - Materialize Basic card styling

	md-card .card {
	background-color: transparent;
	}

Thanood / app.html

Last active July 27, 2016 13:06

Aurelia Array observation

Thanood / app.html

Last active October 15, 2016 17:09 — forked from jdanyow/app.html

Aurelia Array observation

	<template>
	<require from="./jsonValueConverter"></require>
	<h1>watch the data grow</h1>
	${data.length}
	${data\|json}
	</template>

Thanood / app.html

Last active January 18, 2017 11:26 — forked from JeroenVinke/app.html

Aurelia skeleton

	<template>
	<select value.two-way="selectedMeal">
	<option disabled model.bind="null">Select your meal</option>
	<option repeat.for="meal of food" model.bind="meal">${meal.name}</option>
	</select>
	</template>

Thanood / index.html

Last active August 12, 2016 08:26 — forked from MikaelPorttila/index.html

demo for aurelia/templating#448

	<!DOCTYPE html>
	<html>
	<head>
	<title>Aurelia</title>
	</head>

	<body aurelia-app="main">
	<script src="scripts/vendor-bundle.js" data-main="aurelia-bootstrapper"></script>
	</body>
	</html>

Thanood / app.html

Created September 11, 2016 07:30

Aurelia - Materialize Carousel on repeat

	<template>
	<md-carousel>
	<md-carousel-item repeat.for="img of images" md-image.bind="img.url"></md-carousel-item>
	</md-carousel>
	</template>

Thanood / app.html

Created September 13, 2016 05:34

Aurelia - Materialize Select issue #270

	<template>
	<form role="form">
	<div class="col s12 m6 push-m3 l4 push-l4">
	<div class="row">
	<div class="input-field col s12">
	<select md-select value.two-way="residingAddress.country">
	<option value="" disabled>Select Country of residence..</option>
	<option repeat.for="country of countryList" value.bind="country.code">${country.name}</option>
	</select>
	<label class="active" for="country">Country</label>

Thanood / app.html

Last active September 13, 2016 17:40

Aurelia - Materialize Select auto-width

	<template>
	<require from="./auto-width"></require>
	<div auto-width="calculate-width.bind: inputValue;">
	<select md-select value.two-way="inputValue">
	<option value="" disabled selected>select an item</option>
	<option value="item 1">item 1</option>
	<option value="item longer">item longer</option>
	<option value="item even longer">item even longer</option>
	</select>
	</div>

Thanood / app.html

Last active September 15, 2016 14:08 — forked from Ullfis/app.html

Aurelia - Materialize Select real auto auto-width

	<template>
	<require from="./auto-width"></require>
	<md-input md-label="put some text here" md-value.bind="inputValue2" auto-width></md-input>
	</template>