Merge pull request #30 from evosus/sandbox-rsm

added new ui-radio.tag.html
evosus · Aug 29, 2018 · 0ef64c4 · 0ef64c4
2 parents 014841f + db0058d
commit 0ef64c4
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/client/system/tags/ui-radio.tag.html b/client/system/tags/ui-radio.tag.html
@@ -0,0 +1,37 @@
+<!--
+UI RADIO 
+!-->
+<ui-radio>
+        <!-- onclick="{ setCheck }" class="ui-checkbox { opts.css }" checked="{ isChecked }" -->
+	<!-- <div class="f-row ai-center">
+		<div if="{ !opts.flip }" class="icon f-col ai-center jc-center">
+			<i class="{ mdi:true, mdi-checkbox-marked: isChecked, mdi-checkbox-blank-outline: !isChecked }"></i>
+		</div>
+		<div class="label { flipped:opts.flip }">
+			<span if="{ isChecked }">{ opts.positive }</span>
+			<span if="{ !isChecked }">{ opts.negative }</span>
+		</div>
+		<div if="{ opts.flip }" class="ui-checkbox-icon f-col ai-center jc-center">
+			<i class="{ mdi:true, mdi-checkbox-marked: isChecked, mdi-checkbox-blank-outline: !isChecked }"></i>
+		</div>
+	</div> -->
+	<style>
+		/* .icon { width:2em;height:2em;	}
+		.icon > i { font-size:150%; }
+		.label { padding-left:.5em; }
+		.label.flipped { padding-left:0;padding-right:.5em; } */
+	</style>
+	<script>
+        // this.mixin(IO.default);
+		// var self = this;
+		// self.isChecked = false;
+		// self.setCheck = function(e) {
+		// 	self.isChecked ? self.isChecked = false : self.isChecked = true;
+		// 	self.update();
+		// }
+		// this.on('mount',function() {
+		// 	self.isChecked = opts.checked || false;
+		// 	self.update();
+		// });
+	</script>
+</ui-radio>