Skip to content

Instantly share code, notes, and snippets.

@fabioluz

fabioluz/app.html

Last active August 30, 2018 02:17
Show Gist options
  • Save fabioluz/33db6b8f919eb95d63b8bfbc2e912fe5 to your computer and use it in GitHub Desktop.
Save fabioluz/33db6b8f919eb95d63b8bfbc2e912fe5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
app.html
<template>
<div class="container content-alignment">
<h3>Add New User</h3>
<hr>
<div class="col-md-5 col-xs-12">
<form role="form" submit.delegate="signup()">
<div class="form-group">
<label for="con_pwd">User Type:</label>
<select class="form-control" value.bind="user_type">
<option value="">Select Type</option>
<option value="producer">Producer</option>
<option value="writer">Writer</option>
</select>
</div>
<div class="form-group" if.bind="user_type === 'writer'">
<label for="userame">Username:</label>
<input type="text" class="form-control" id="userame" value.bind="userame" placeholder="Userame">
</div>
<div class="form-group">
<label for="email">Email address:</label>
<input type="email" class="form-control" id="email" value.bind="email" placeholder="Email">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" value.bind="password" placeholder="Password">
</div>
<div class="form-group">
<label for="con_pwd">Confirm Password:</label>
<input type="password" class="form-control" id="con_pwd" value.bind="confirm_password"
placeholder="Confirm Password">
</div>
<button type="submit" class="btn btn-default">Add User</button>
</form>
</div>
</div>
</template>
Raw
app.js
export class App {
message = 'Hello World!';
}
Raw
index.html
<!doctype html>
<html>
<head>
<title>Aurelia</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body aurelia-app>
<h1>Loading...</h1>
<script src="https://jdanyow.github.io/rjs-bundle/node_modules/requirejs/require.js"></script>
<script src="https://jdanyow.github.io/rjs-bundle/config.js"></script>
<script src="https://jdanyow.github.io/rjs-bundle/bundles/aurelia.js"></script>
<script src="https://jdanyow.github.io/rjs-bundle/bundles/babel.js"></script>
<script>
require(['aurelia-bootstrapper']);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment