diff options
author | Valerio Virgillito | 2012-02-23 13:42:03 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-02-23 13:42:03 -0800 |
commit | 1144007ba899e87de73a372b45262f41f8e3e450 (patch) | |
tree | db1e0789c5918076ebae180f48c06d33f2562d98 /js/panels/Timeline/PropertyTrack.reel | |
parent | cc295dd0fb873505eed01c232bd987cf6e2dcdd9 (diff) | |
parent | a8c153cc4f6a4f4f3367b0b2a763fa86b442c201 (diff) | |
download | ninja-1144007ba899e87de73a372b45262f41f8e3e450.tar.gz |
Merge pull request #64 from imix23ways/Timeline
Timeline
Diffstat (limited to 'js/panels/Timeline/PropertyTrack.reel')
5 files changed, 82 insertions, 0 deletions
diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html new file mode 100644 index 00000000..7781af11 --- /dev/null +++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html | |||
@@ -0,0 +1,24 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
5 | <link rel="stylesheet" type="text/css" href="css/PropertyTrack.css"> | ||
6 | <script type="text/montage-serialization"> | ||
7 | { | ||
8 | "owner": { | ||
9 | "module": "js/panels/Timeline/PropertyTrack.reel", | ||
10 | "name": "PropertyTrack", | ||
11 | "properties": { | ||
12 | "element": {"#": "property-track"} | ||
13 | } | ||
14 | } | ||
15 | |||
16 | } | ||
17 | </script> | ||
18 | </head> | ||
19 | <body> | ||
20 | |||
21 | <div id="property-track" class="timeline-track"></div> | ||
22 | |||
23 | </body> | ||
24 | </html> \ No newline at end of file | ||
diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js new file mode 100644 index 00000000..1b0035cd --- /dev/null +++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js | |||
@@ -0,0 +1,15 @@ | |||
1 | var Montage = require("montage/core/core").Montage; | ||
2 | var Component = require("montage/ui/component").Component; | ||
3 | |||
4 | var PropertyTrack = exports.PropertyTrack = Montage.create(Component, { | ||
5 | |||
6 | hasTemplate:{ | ||
7 | value: true | ||
8 | }, | ||
9 | |||
10 | prepareForDraw:{ | ||
11 | value:function(){ | ||
12 | |||
13 | } | ||
14 | } | ||
15 | }); | ||
diff --git a/js/panels/Timeline/PropertyTrack.reel/css/PropertyTrack.css b/js/panels/Timeline/PropertyTrack.reel/css/PropertyTrack.css new file mode 100644 index 00000000..9c27e705 --- /dev/null +++ b/js/panels/Timeline/PropertyTrack.reel/css/PropertyTrack.css | |||
@@ -0,0 +1,13 @@ | |||
1 | /* PropertyTrack.scss | ||
2 | * Main SCSS file for PropertyTrack component, compiled by SASS into the file css/PropertyTrack.css. | ||
3 | */ | ||
4 | /* line 13, ../scss/PropertyTrack.scss */ | ||
5 | .content-main .collapsible-content .timeline-track { | ||
6 | height: 20px; | ||
7 | border-bottom: 1px solid #505050; | ||
8 | } | ||
9 | |||
10 | /* line 19, ../scss/PropertyTrack.scss */ | ||
11 | .timeline-track .content-main { | ||
12 | background-color: #474747; | ||
13 | } | ||
diff --git a/js/panels/Timeline/PropertyTrack.reel/scss/PropertyTrack.scss b/js/panels/Timeline/PropertyTrack.reel/scss/PropertyTrack.scss new file mode 100644 index 00000000..ef8e1ec2 --- /dev/null +++ b/js/panels/Timeline/PropertyTrack.reel/scss/PropertyTrack.scss | |||
@@ -0,0 +1,21 @@ | |||
1 | /* PropertyTrack.scss | ||
2 | * Main SCSS file for PropertyTrack component, compiled by SASS into the file css/PropertyTrack.css. | ||
3 | */ | ||
4 | |||
5 | // Import theme settings | ||
6 | @import "../../../../../scss/imports/themes/default/colors"; | ||
7 | @import "../../../../../scss/imports/themes/default/mixins"; | ||
8 | |||
9 | // Import generic mixins and styles | ||
10 | @import "../../../../../scss/imports/scss/mixins"; | ||
11 | |||
12 | |||
13 | .content-main .collapsible-content .timeline-track { | ||
14 | height: 20px; | ||
15 | border-bottom: 1px solid $color-menu-divider; | ||
16 | } | ||
17 | |||
18 | |||
19 | .timeline-track .content-main { | ||
20 | background-color: $color-menu-bg; | ||
21 | } | ||
diff --git a/js/panels/Timeline/PropertyTrack.reel/scss/config.rb b/js/panels/Timeline/PropertyTrack.reel/scss/config.rb new file mode 100644 index 00000000..e5a99b70 --- /dev/null +++ b/js/panels/Timeline/PropertyTrack.reel/scss/config.rb | |||
@@ -0,0 +1,9 @@ | |||
1 | # Require any additional compass plugins here. | ||
2 | # Set this to the root of your project when deployed: | ||
3 | http_path = "/" | ||
4 | css_dir = "../css" | ||
5 | sass_dir = "" | ||
6 | images_dir = "../images/" | ||
7 | javascripts_dir = "../js" | ||
8 | # To enable relative paths to assets via compass helper functions. Uncomment: | ||
9 | # relative_assets = true | ||