diff options
author | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-10-30 05:16:35 -0400 |
---|---|---|
committer | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-10-30 05:16:35 -0400 |
commit | a4a4564f760bb1bcd541366186cd46488d5a569b (patch) | |
tree | 3737ae6d233464482482880bd858665866686f10 /templates/project/widgets/iframe | |
parent | 3a77d19282f2055559c63468c574b824138464ac (diff) |
Added new widgets, and made them more flexible. Ready for 0.1.3!
Diffstat (limited to 'templates/project/widgets/iframe')
-rw-r--r-- | templates/project/widgets/iframe/iframe.coffee | 9 | ||||
-rw-r--r-- | templates/project/widgets/iframe/iframe.html | 1 | ||||
-rw-r--r-- | templates/project/widgets/iframe/iframe.scss | 8 |
3 files changed, 18 insertions, 0 deletions
diff --git a/templates/project/widgets/iframe/iframe.coffee b/templates/project/widgets/iframe/iframe.coffee new file mode 100644 index 0000000..4d4ca9a --- /dev/null +++ b/templates/project/widgets/iframe/iframe.coffee @@ -0,0 +1,9 @@ +class Dashing.Iframe extends Dashing.Widget + + ready: -> + # This is fired when the widget is done being rendered + + onData: (data) -> + # Handle incoming data + # You can access the html node of this widget with `@node` + # Example: $(@node).fadeOut().fadeIn() will make the node flash each time data comes in.
\ No newline at end of file diff --git a/templates/project/widgets/iframe/iframe.html b/templates/project/widgets/iframe/iframe.html new file mode 100644 index 0000000..bfccba4 --- /dev/null +++ b/templates/project/widgets/iframe/iframe.html @@ -0,0 +1 @@ +<iframe data-bind-src="url" frameborder=0></iframe>
\ No newline at end of file diff --git a/templates/project/widgets/iframe/iframe.scss b/templates/project/widgets/iframe/iframe.scss new file mode 100644 index 0000000..7c757bf --- /dev/null +++ b/templates/project/widgets/iframe/iframe.scss @@ -0,0 +1,8 @@ +.widget-iframe { + padding: 3px 0px 0px 0px !important; + + iframe { + width: 100%; + height: 100%; + } +}
\ No newline at end of file |