uav
Version:
Simple is good
30 lines (26 loc) • 612 B
HTML
<html>
<head>
</head>
<body>
<div id="app"></div>
<script src="dist/uav.js"></script>
<script>
const projectUser = {
role: 'suspended'
};
const PROJECT_ROLE_OPTIONS = ['suspended', 'guest', 'general', 'admin', 'owner'];
const component = window.uav.component(`
<select u-for="role in options" u-bind="role">
<option u-value={role} u-attr="{isActive(role)}">{role}</option>
</select>
`, {
role: projectUser.role,
isActive: (role) => {
return projectUser.role === role ? 'selected' : '';
},
options: PROJECT_ROLE_OPTIONS
}, '#app');
</script>
</body>
</html>