Improve actor appearance. Initial work on row highlighting.
[armadillo.git] / web_frontend / file.js
1 //
2 // Armadillo File Manager
3 // Copyright (c) 2010, Robert Sesek <http://www.bluestatic.org>
4 //
5 // This program is free software: you can redistribute it and/or modify it under
6 // the terms of the GNU General Public License as published by the Free Software
7 // Foundation, either version 3 of the License, or any later version.
8 //
9
10 goog.provide('armadillo.File');
11
12 goog.require('armadillo.Actor');
13 goog.require('goog.Disposable');
14 goog.require('goog.dom');
15
16 /**
17 * A file in a directory listing.
18 * @param {string} File name.
19 * @param {string} The path the file resides at.
20 * @constructor
21 */
22 armadillo.File = function(name, path) {
23 goog.Disposable.call(this);
24 this.name_ = name;
25 this.path_ = path;
26 this.highlight_ = '';
27 this.isDirectory_ = app.isDirectory(name);
28 };
29 goog.inherits(armadillo.File, goog.Disposable);
30
31 armadillo.File.Highlight = {
32 NONE : '',
33 SELECTED : 'file-selected',
34 ACTIVE : 'file-active'
35 };
36
37 /**
38 * Disposer
39 * @protected
40 */
41 armadillo.File.prototype.disposeInternal = function() {
42 armadillo.File.superClass_.disposeInternal.call(this);
43 this.element_ = null;
44 this.link_ = null;
45 goog.events.unlistenByKey(this.linkListener_);
46 goog.events.unlistenByKey(this.actorListener_);
47 };
48
49 /**
50 * Returns the name of the file.
51 * @returns string
52 */
53 armadillo.File.prototype.getName = function() {
54 return this.name_;
55 };
56
57 /**
58 * Returns the path the file without the name. This is equivalent to calling
59 * dirname on the absolute path.
60 * @returns string
61 */
62 armadillo.File.prototype.getParentPath = function() {
63 return this.path_;
64 };
65
66 /**
67 * Gets the fully qualified path of the file, from the root of the jail to the
68 * name of the file.
69 * @returns string
70 */
71 armadillo.File.prototype.getFullPath = function() {
72 return this.path_ + this.name_;
73 };
74
75 /**
76 * Returns whether or not this is a directory.
77 * @returns boolean
78 */
79 armadillo.File.prototype.isDirectory = function() {
80 return this.isDirectory_;
81 };
82
83 /**
84 * Sets the highlight state.
85 */
86 armadillo.File.prototype.setHighlight = function(h) {
87 goog.dom.classes.addRemove(this.element_, this.highlight_, h);
88 };
89
90 /**
91 * Constructs the Elements that make up the UI.
92 * @returns {Element} An element ready for insertion into DOM.
93 */
94 armadillo.File.prototype.draw = function() {
95 // Create the element if it does not exist. If it does, remove all children.
96 if (!this.element_) {
97 this.element_ = goog.dom.createElement('li');
98 this.element_.representedObject = this;
99 var handler = (this.isSpecial_() ? this.clickHandler_ : this.actorHandler_);
100 this.actorListener_ = goog.events.listen(this.element_,
101 goog.events.EventType.CLICK, handler, false, this);
102 }
103 goog.dom.removeChildren(this.element_);
104
105 // Set the name of the entry.
106 if (this.isDirectory()) {
107 this.link_ = goog.dom.createDom('a', null, this.name_);
108 this.linkListener_ = goog.events.listen(this.link_,
109 goog.events.EventType.CLICK, this.clickHandler_, false, this);
110 goog.dom.appendChild(this.element_, this.link_);
111 } else {
112 goog.dom.setTextContent(this.element_, this.name_);
113 }
114
115 return this.element_;
116 };
117
118 /**
119 * Deletes the given file in the backend by sending a request. On return, it
120 * will re-query the directory.
121 */
122 armadillo.File.prototype.remove = function() {
123 var file = this;
124 var callback = function(data) {
125 if (data['error']) {
126 app.showError(data['message']);
127 return;
128 } else {
129 app.clearError();
130 }
131 app.list(file.path_);
132 };
133 app.sendRequest('remove', {'path':this.path_ + this.name_}, callback);
134 };
135
136 /**
137 * Moves a file from one absolute path to another. On success, it will navigate
138 * to the new path.
139 * @param {string} dest The destination path.
140 */
141 armadillo.File.prototype.move = function(dest) {
142 var file = this;
143 var callback = function(data) {
144 if (data['error']) {
145 app.showError(data['message']);
146 } else {
147 app.clearError();
148 app.list(app.stripLastPathComponent(dest));
149 }
150 };
151 app.sendRequest('move', {'source':this.getFullPath(), 'target':dest}, callback);
152 };
153
154 /**
155 * Click handler for the link element; only for directories.
156 * @param {Event} e
157 */
158 armadillo.File.prototype.clickHandler_ = function(e) {
159 if (armadillo.Actor.isModal()) {
160 return;
161 }
162 if (this.isDirectory_) {
163 app.navigate(this.name_);
164 }
165 e.stopPropagation();
166 };
167
168 /**
169 * Click handler for the row, which brings up the Actor interface.
170 * @param {Event} e
171 */
172 armadillo.File.prototype.actorHandler_ = function(e) {
173 if (armadillo.Actor.isModal())
174 return;
175 e.stopPropagation();
176 var actor = new armadillo.Actor(this);
177 // Adjust the mouse position so that if "Open" is the first tile, it is easy
178 // to navigate.
179 var x = e.clientX;
180 var y = e.clientY;
181 if (this.isDirectory()) {
182 x -= 20;
183 y -= 20;
184 }
185 actor.show(x, y);
186 };
187
188 /**
189 * Returns TRUE if this File is not a real file, but a special kind.
190 * @returns boolean
191 */
192 armadillo.File.prototype.isSpecial_ = function() {
193 return this.name_ == '../';
194 };