Skip to content

Instantly share code, notes, and snippets.

View Vallabharayudu's full-sized avatar

Vallabha Rayudu Vallabharayudu

View GitHub Profile
@Vallabharayudu
Vallabharayudu / Bindable.html
Created August 8, 2016 10:08
Sample Aurelia App routing
<template>
<require from="name-tag.html"></require>
<form class="form-inline">
<div class="form-group">
<label>First name</label>
<input type="text" class="form-control" value.bind="firstName"/>
</div>
<div class="form-group">
<label>Color</label>
@Vallabharayudu
Vallabharayudu / Bindable.html
Created August 8, 2016 10:09
Sample Aurelia App routing
<template>
<require from="name-tag.html"></require>
<form class="form-inline">
<div class="form-group">
<label>First name</label>
<input type="text" class="form-control" value.bind="firstName"/>
</div>
<div class="form-group">
<label>Color</label>
@Vallabharayudu
Vallabharayudu / index.html
Last active October 14, 2016 10:09
Aurelia TypeScript - Popover
<!DOCTYPE html>
<html>
<head>
<title>Aurelia</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>
</head>
<body aurelia-app="src/main">
<template>
<require from="styles.css"></require>
<h1>${message}</h1>
<div class="container">
<table style="width:80%;margin:0 auto;table-layout:fixed;">
<tr repeat.for="box of boxes">
<td>
${box.LabelName}
</td>
@Vallabharayudu
Vallabharayudu / app.html
Last active November 14, 2016 07:03
Radio button Sample
<template>
<require from="styles.css"></require>
<div class="radioBtnSection" repeat.for = "option of options">
<input type = "radio" name = "myOptions"
model.bind = "option" class="css-radio" id="radio${$index}" checked.bind = "$parent.selectedOption"/>
<label for="radio${$index}" class="css-label-Radio">${option.text}</label>
</div>
@Vallabharayudu
Vallabharayudu / app.html
Last active August 7, 2017 10:56
Aurelia validation With publish event
<template>
<require from="./registration-form"></require>
<require from="./data-form"></require>
<registration-form></registration-form>
<data-form></data-form>
</template>
<template>
<require from="./registration-form"></require>
<require from="./data-form"></require>
<registration-form></registration-form>
<data-form></data-form>
</template>
@Vallabharayudu
Vallabharayudu / app.html
Created December 10, 2016 12:22
Tree Structure With Aurelia
<template>
<require from="tree-view"></require>
<tree-view></tree-view>
</template>
@Vallabharayudu
Vallabharayudu / app.html
Created December 10, 2016 12:24
Tree Structure With Aurelia
<template>
<require from="tree-view"></require>
<tree-view></tree-view>
</template>
<template>
<require from="styles.css"></require>
<require from="tree-view"></require>
<tree-view></tree-view>
</template>