Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1482)

Unified Diff: sky/examples/fn/widgets/checkbox.dart

Issue 993033003: Move example fn widgets into sky/framework/components (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « sky/examples/fn/widgets/buttonbase.dart ('k') | sky/examples/fn/widgets/drawer.dart » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: sky/examples/fn/widgets/checkbox.dart
diff --git a/sky/examples/fn/widgets/checkbox.dart b/sky/examples/fn/widgets/checkbox.dart
deleted file mode 100644
index aa76471e014679af2469af1dd373da8cd0438278..0000000000000000000000000000000000000000
--- a/sky/examples/fn/widgets/checkbox.dart
+++ /dev/null
@@ -1,77 +0,0 @@
-part of widgets;
-
-class Checkbox extends ButtonBase {
-
- bool checked;
- ValueChanged onChanged;
-
- static Style _style = new Style('''
- transform: translateX(0);
- display: flex;
- justify-content: center;
- align-items: center;
- -webkit-user-select: none;
- cursor: pointer;
- width: 30px;
- height: 30px;'''
- );
-
- static Style _containerStyle = new Style('''
- border: solid 2px;
- border-color: rgba(90, 90, 90, 0.25);
- width: 10px;
- height: 10px;'''
- );
-
- static Style _containerHighlightStyle = new Style('''
- border: solid 2px;
- border-color: rgba(90, 90, 90, 0.25);
- width: 10px;
- height: 10px;
- border-radius: 10px;
- background-color: orange;
- border-color: orange;'''
- );
-
- static Style _uncheckedStyle = new Style('''
- top: 0px;
- left: 0px;'''
- );
-
- static Style _checkedStyle = new Style('''
- top: 0px;
- left: 0px;
- transform: translate(2px, -15px) rotate(45deg);
- width: 10px;
- height: 20px;
- border-style: solid;
- border-top: none;
- border-left: none;
- border-right-width: 2px;
- border-bottom-width: 2px;
- border-color: #0f9d58;'''
- );
-
- Checkbox({ Object key, this.onChanged, this.checked }) : super(key: key);
-
- Node build() {
- return new Container(
- style: _style,
- children: [
- super.build(),
- new Container(
- style: _highlight ? _containerHighlightStyle : _containerStyle,
- children: [
- new Container(
- style: checked ? _checkedStyle : _uncheckedStyle
- )
- ]
- )
- ]
- )..events.listen('click', _handleClick);
- }
-
- void _handleClick(sky.Event e) {
- onChanged(!checked);
- }
-}
« no previous file with comments | « sky/examples/fn/widgets/buttonbase.dart ('k') | sky/examples/fn/widgets/drawer.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698