aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/PropertyTrack.reel
diff options
context:
space:
mode:
authorValerio Virgillito2012-02-23 13:42:03 -0800
committerValerio Virgillito2012-02-23 13:42:03 -0800
commit1144007ba899e87de73a372b45262f41f8e3e450 (patch)
treedb1e0789c5918076ebae180f48c06d33f2562d98 /js/panels/Timeline/PropertyTrack.reel
parentcc295dd0fb873505eed01c232bd987cf6e2dcdd9 (diff)
parenta8c153cc4f6a4f4f3367b0b2a763fa86b442c201 (diff)
downloadninja-1144007ba899e87de73a372b45262f41f8e3e450.tar.gz
Merge pull request #64 from imix23ways/Timeline
Timeline
Diffstat (limited to 'js/panels/Timeline/PropertyTrack.reel')
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html24
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js15
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/css/PropertyTrack.css13
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/scss/PropertyTrack.scss21
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/scss/config.rb9
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 @@
1var Montage = require("montage/core/core").Montage;
2var Component = require("montage/ui/component").Component;
3
4var 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:
3http_path = "/"
4css_dir = "../css"
5sass_dir = ""
6images_dir = "../images/"
7javascripts_dir = "../js"
8# To enable relative paths to assets via compass helper functions. Uncomment:
9# relative_assets = true