From b89a7ee8b956c96a1dcee995ea840feddc5d4b27 Mon Sep 17 00:00:00 2001 From: Pierre Frisch Date: Thu, 22 Dec 2011 07:25:50 -0800 Subject: First commit of Ninja to ninja-internal Signed-off-by: Valerio Virgillito --- .../layout/document-bar.reel/document-bar.css | 43 +++++++++ .../layout/document-bar.reel/document-bar.html | 58 ++++++++++++ .../layout/document-bar.reel/document-bar.js | 101 +++++++++++++++++++++ 3 files changed, 202 insertions(+) create mode 100644 js/components/layout/document-bar.reel/document-bar.css create mode 100644 js/components/layout/document-bar.reel/document-bar.html create mode 100644 js/components/layout/document-bar.reel/document-bar.js (limited to 'js/components/layout/document-bar.reel') diff --git a/js/components/layout/document-bar.reel/document-bar.css b/js/components/layout/document-bar.reel/document-bar.css new file mode 100644 index 00000000..588b8952 --- /dev/null +++ b/js/components/layout/document-bar.reel/document-bar.css @@ -0,0 +1,43 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ +.documentBar { + height: 25px; + width: 1000px; + position: relative; + overflow: hidden; + color: white; +} + +.documentBar .active { + text-decoration: underline; + cursor: pointer; + color: #666666; +} + +.documentBar .active:hover { + color: #ffffff; +} + +.documentBar .selected { + text-decoration: underline; + cursor: default; + color: #ffffff; +} + +.documentBar .selected { + color: #ffffff; +} + +.documentBar span{ + text-decoration: none; + cursor: default; + color: #3a3a3a; +} + +.documentBar .zoomHotText span { + color: white; +} + diff --git a/js/components/layout/document-bar.reel/document-bar.html b/js/components/layout/document-bar.reel/document-bar.html new file mode 100644 index 00000000..d58f0d14 --- /dev/null +++ b/js/components/layout/document-bar.reel/document-bar.html @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + +

+ + Design View + Code View +

+ + \ No newline at end of file diff --git a/js/components/layout/document-bar.reel/document-bar.js b/js/components/layout/document-bar.reel/document-bar.js new file mode 100644 index 00000000..3eece273 --- /dev/null +++ b/js/components/layout/document-bar.reel/document-bar.js @@ -0,0 +1,101 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ + +var Montage = require("montage/core/core").Montage; +var Component = require("montage/ui/component").Component; + +exports.DocumentBar = Montage.create(Component, { + + designView: { value: null, enumerable: false}, + codeView: { value: null, enumerable: false}, + zoomControl: { value: null, enumerable: false }, + _type: { enumerable: false, value: null }, + + type: { + enumerable: false, + get: function() { return this._type; }, + set: function(value) { + if (this._type === value) { + return; + } + + this._type = value; + this.needsDraw = true; + + } + }, + + _currentView: { value: null, enumerable: false }, + + currentView: { + get: function() { return this._currentView}, + set: function(value) { + if (this._currentView === value) { + return; + } + + this._currentView = value; + this.needsDraw = true; + } + }, + + _zoomFactor: { value: 100, enumerable: false }, + + zoomFactor: { + get: function() { return this._zoomFactor; }, + + set: function(value) + { + if(value !== this._zoomFactor) + { + this._zoomFactor = value; + if (!this._firstDraw) + { + var viewUtils = this.application.ninja.stage.viewUtils; + this.application.ninja.stage.setZoom(value); + } + } + } + }, + + draw: { + value: function() { + if(this.type === "htm" || this.type === "html") { + this.designView.classList.add("active"); + this.codeView.classList.add("active"); + + if(this.currentView === "design") { + this.designView.classList.add("selected"); + if(this.codeView.classList.contains("selected")) this.codeView.classList.toggle("selected"); + } else { + this.codeView.classList.add("selected"); + if(this.designView.classList.contains("selected")) this.designView.classList.toggle("selected"); + } + + } else if(this.type) { + this.designView.classList.remove("active"); + } + + } + }, + + prepareForDraw: { + value: function() { + this.designView.addEventListener("click", this, false); + this.codeView.addEventListener("click", this, false); + + } + }, + + handleClick: { + value: function(event) { + if(event._event.target.id === this.currentView) return; + + this.currentView = event._event.target.id; + documentManagerModule.DocumentManager.switchViews(); + } + } +}); -- cgit v1.2.3