From 4900f2e6e346df18b1b5a2ac89da5019644ac98a Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Mon, 9 Apr 2012 16:47:35 -0700
Subject: adding a history panel

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 js/data/panels-data.js                             |  12 +++
 js/panels/Panel.reel/Panel.js                      |   5 +-
 js/panels/PanelContainer.reel/PanelContainer.html  |  11 ++-
 .../history-item.reel/history-item.css             |   0
 .../history-item.reel/history-item.html            |  29 ++++++
 .../history-item.reel/history-item.js              |  32 +++++++
 js/panels/history-panel/history.reel/history.css   |  34 +++++++
 js/panels/history-panel/history.reel/history.html  | 106 +++++++++++++++++++++
 js/panels/history-panel/history.reel/history.js    |  26 +++++
 9 files changed, 253 insertions(+), 2 deletions(-)
 create mode 100644 js/panels/history-panel/history-item.reel/history-item.css
 create mode 100644 js/panels/history-panel/history-item.reel/history-item.html
 create mode 100644 js/panels/history-panel/history-item.reel/history-item.js
 create mode 100644 js/panels/history-panel/history.reel/history.css
 create mode 100644 js/panels/history-panel/history.reel/history.html
 create mode 100644 js/panels/history-panel/history.reel/history.js

diff --git a/js/data/panels-data.js b/js/data/panels-data.js
index 7a2d817a..f613a3be 100644
--- a/js/data/panels-data.js
+++ b/js/data/panels-data.js
@@ -93,6 +93,18 @@ exports.PanelsData = Montage.create(Montage, {
             open: true,
             modulePath: "js/panels/presets/content.reel",
             moduleName: "content"
+        },
+        {
+            name: "History",
+            minHeight: 100,
+            height: 100,
+            maxHeight: null,
+            flexible: true,
+            collapsed: true,
+            scrollable: true,
+            open: true,
+            modulePath: "js/panels/history-panel/history.reel",
+            moduleName: "History"
         }
     ]
     }
diff --git a/js/panels/Panel.reel/Panel.js b/js/panels/Panel.reel/Panel.js
index 33f9b3a7..613bef4b 100755
--- a/js/panels/Panel.reel/Panel.js
+++ b/js/panels/Panel.reel/Panel.js
@@ -125,7 +125,10 @@ exports.Panel = Montage.create(Component, {
                 require.async(this.modulePath)
                     .then(function(panelContent) {
                         var componentRequire = panelContent[that.moduleName];
-                        that.panelContent.content = componentRequire.create();
+                        var componentInstance = componentRequire.create();
+
+                        componentInstance.ownerComponent = that.ownerComponent;
+                        that.panelContent.content = componentInstance;
                     })
                     .end();
             }
diff --git a/js/panels/PanelContainer.reel/PanelContainer.html b/js/panels/PanelContainer.reel/PanelContainer.html
index 251e86e4..d3673105 100755
--- a/js/panels/PanelContainer.reel/PanelContainer.html
+++ b/js/panels/PanelContainer.reel/PanelContainer.html
@@ -62,6 +62,13 @@
                 }
             },
 
+            "panel_6": {
+                "prototype": "js/panels/Panel.reel",
+                "properties": {
+                    "element": {"#": "panel_6"}
+                }
+            },
+
             "owner": {
                 "module": "js/panels/PanelContainer.reel",
                 "name": "PanelContainer",
@@ -74,7 +81,8 @@
                     "panel_2":          {"@": "panel_2"},
                     "panel_3":          {"@": "panel_3"},
                     "panel_4":          {"@": "panel_4"},
-                    "panel_5":          {"@": "panel_5"}
+                    "panel_5":          {"@": "panel_5"},
+                    "panel_6":          {"@": "panel_6"}
                 },
                 "listeners": [
                     {
@@ -104,6 +112,7 @@
             <article data-montage-id="panel_3"></article>
             <article data-montage-id="panel_4"></article>
             <article data-montage-id="panel_5"></article>
+            <article data-montage-id="panel_6"></article>
 		</article>
     </section>
 </body>
diff --git a/js/panels/history-panel/history-item.reel/history-item.css b/js/panels/history-panel/history-item.reel/history-item.css
new file mode 100644
index 00000000..e69de29b
diff --git a/js/panels/history-panel/history-item.reel/history-item.html b/js/panels/history-panel/history-item.reel/history-item.html
new file mode 100644
index 00000000..2db27846
--- /dev/null
+++ b/js/panels/history-panel/history-item.reel/history-item.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> -->
+<html lang="en">
+	<head>
+    	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    	<link rel="stylesheet" type="text/css" href="history-item.css">
+
+        <script type="text/montage-serialization">
+        {
+            "owner": {
+                "prototype": "js/panels/history-panel/history-item.reel",
+                "properties": {
+                    "element": {"#": "history_item"}
+                }
+            }
+        }
+        </script>
+
+	</head>
+	<body>
+
+        <li data-montage-id="history_item"></li>
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/js/panels/history-panel/history-item.reel/history-item.js b/js/panels/history-panel/history-item.reel/history-item.js
new file mode 100644
index 00000000..8a6e7654
--- /dev/null
+++ b/js/panels/history-panel/history-item.reel/history-item.js
@@ -0,0 +1,32 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+var Montage     = require("montage/core/core").Montage,
+    Component   = require("montage/ui/component").Component;
+
+exports.HistoryItem = Montage.create(Component, {
+    _title: {
+        value: null
+    },
+
+    title: {
+        get: function() {
+            return this._title;
+        },
+        set: function(value) {
+            if(value !== this._title) {
+                this._title = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    draw: {
+        value: function() {
+            this.element.innerHTML = this.title;
+        }
+    }
+});
\ No newline at end of file
diff --git a/js/panels/history-panel/history.reel/history.css b/js/panels/history-panel/history.reel/history.css
new file mode 100644
index 00000000..44c4c74b
--- /dev/null
+++ b/js/panels/history-panel/history.reel/history.css
@@ -0,0 +1,34 @@
+.history_panel {
+    height: 100%;
+    overflow: hidden;
+}
+
+.scroller {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.history_panel ul {
+    padding: 0;
+    margin: 0;
+}
+
+.history_panel li {
+    padding: 10px 15px;
+    list-style: none;
+}
+
+.undo_list li {
+    background-color: hsl(0, 0%, 94%);
+    border-top: 1px solid hsl(0, 0%, 100%);
+    border-bottom: 1px solid hsl(0, 0%, 85%);
+}
+
+.redo_list li {
+    background-color: hsl(199, 71%, 79%);
+    border-top: 1px solid hsl(0, 0%, 100%);
+    border-bottom: 1px solid hsl(0, 0%, 85%);
+}
\ No newline at end of file
diff --git a/js/panels/history-panel/history.reel/history.html b/js/panels/history-panel/history.reel/history.html
new file mode 100644
index 00000000..f2e3c6ae
--- /dev/null
+++ b/js/panels/history-panel/history.reel/history.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!-- <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> -->
+<html lang="en">
+	<head>
+    	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    	<link rel="stylesheet" type="text/css" href="history.css">
+
+        <script type="text/montage-serialization">
+        {
+            "owner": {
+                "prototype": "js/panels/history-panel/history.reel",
+                "properties": {
+                    "element": {"#": "history_panel"}
+                }
+            },
+
+            "defaultUndoManager": {
+                "object": "montage/core/undo-manager"
+            },
+
+            "scroller": {
+                "prototype": "montage/ui/scroller.reel",
+                "properties": {
+                    "element": {"#": "scroller"},
+                    "axis": "vertical"
+                 }
+            },
+
+            "undoList": {
+                "prototype": "montage/ui/repetition.reel",
+                "properties": {
+                    "element": {"#": "undo_list"}
+                },
+                "bindings": {
+                    "objects": {
+                        "boundObject": {"@": "defaultUndoManager"},
+                        "boundObjectPropertyPath": "undoStack",
+                        "oneway": true
+                    }
+                }
+            },
+
+            "undoItem": {
+                "prototype": "js/panels/history-panel/history-item.reel",
+                "properties": {
+                    "element": {"#": "undo_item"}
+                },
+                "bindings": {
+                    "title": {
+                        "boundObject": {"@": "undoList"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration.label",
+                        "oneway": true
+                    }
+                }
+            },
+
+            "redoList": {
+                "prototype": "montage/ui/repetition.reel",
+                "properties": {
+                    "element": {"#": "redo_list"}
+                },
+                "bindings": {
+                    "objects": {
+                        "boundObject": {"@": "defaultUndoManager"},
+                        "boundObjectPropertyPath": "redoStack",
+                        "oneway": true
+                    }
+                }
+            },
+
+            "redoItem": {
+                "prototype": "js/panels/history-panel/history-item.reel",
+                "properties": {
+                    "element": {"#": "redo_item"}
+                },
+                "bindings": {
+                    "title": {
+                        "boundObject": {"@": "redoList"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration.label",
+                        "oneway": true
+                    }
+                }
+            }
+        }
+        </script>
+
+	</head>
+	<body>
+
+    	<div data-montage-id="history_panel" class="history_panel">
+            <div data-montage-id="scroller" class="scroller">
+                <ul data-montage-id="undo_list" class="undo_list">
+                    <li data-montage-id="undo_item"></li>
+                </ul>
+                <ul data-montage-id="redo_list" class="redo_list">
+                    <li data-montage-id="redo_item"></li>
+                </ul>
+            </div>
+    	</div>
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/js/panels/history-panel/history.reel/history.js b/js/panels/history-panel/history.reel/history.js
new file mode 100644
index 00000000..241286fb
--- /dev/null
+++ b/js/panels/history-panel/history.reel/history.js
@@ -0,0 +1,26 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+var Montage     = require("montage/core/core").Montage,
+    Component   = require("montage/ui/component").Component;
+
+exports.History = Montage.create(Component, {
+    historyList: {
+        value: null
+    },
+
+    didCreate: {
+        value: function() {
+        }
+    },
+
+    templateDidLoad: {
+        value: function() {
+        }
+    }
+
+
+});
\ No newline at end of file
-- 
cgit v1.2.3