1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 14:30:56 +01:00
phorge-phorge/webroot/rsrc/js/application/diff/DiffPathView.js
epriestley 60de1506fe Make "hidden" changesets sticky, and show hidden state in the filetree
Summary:
Ref T13455. Make "hidden" a changeset property similar to other changeset properties.

We don't need to render this on the server, so we make a request (to update the setting) and just discard the response.

Test Plan: {F7375468}

Maniphest Tasks: T13455

Differential Revision: https://secure.phabricator.com/D21158
2020-04-22 16:12:42 -07:00

265 lines
5.5 KiB
JavaScript

/**
* @provides phabricator-diff-path-view
* @requires javelin-dom
* @javelin
*/
JX.install('DiffPathView', {
construct: function() {
},
members: {
_node: null,
_path: null,
_depth: 0,
_selected: false,
_focused: false,
_icon: null,
_indentNode: null,
_pathNode: null,
_changeset: null,
_inlineNode: null,
_isDirectory: false,
_displayPath: null,
_isLowImportance: false,
_isOwned: false,
_isHidden: false,
_isLoading: false,
getNode: function() {
if (!this._node) {
var attrs = {
className: 'diff-tree-path'
};
this._node = JX.$N('li', attrs, this._getIndentNode());
var onclick = JX.bind(this, this._onclick);
JX.DOM.listen(this._node, 'click', null, onclick);
}
return this._node;
},
getIcon: function() {
if (!this._icon) {
this._icon = new JX.PHUIXIconView();
}
return this._icon;
},
setPath: function(path) {
this._path = path;
this._redrawPath();
return this;
},
setDisplayPath: function(path) {
this._displayPath = path;
this._redrawPath();
return this;
},
setIsDirectory: function(is_directory) {
this._isDirectory = is_directory;
this._redrawPath();
return this;
},
setChangeset: function(changeset) {
this._changeset = changeset;
var node = this.getNode();
JX.DOM.alterClass(node, 'diff-tree-path-changeset', !!changeset);
return this;
},
getChangeset: function() {
return this._changeset;
},
getPath: function() {
return this._path;
},
setHidden: function(hidden) {
this._hidden = hidden;
var node = this.getNode();
if (this._hidden) {
JX.DOM.hide(node);
} else {
JX.DOM.show(node);
}
return this;
},
setDepth: function(depth) {
this._depth = depth;
this._getIndentNode().style.marginLeft = (8 * this._depth) + 'px';
return this;
},
setIsSelected: function(selected) {
this._selected = selected;
var node = this.getNode();
JX.DOM.alterClass(node, 'diff-tree-path-selected', this._selected);
return this;
},
setIsFocused: function(focused) {
this._focused = focused;
var node = this.getNode();
JX.DOM.alterClass(node, 'diff-tree-path-focused', this._focused);
return this;
},
setIsLowImportance: function(low_importance) {
this._isLowImportance = low_importance;
var node = this.getNode();
JX.DOM.alterClass(
node,
'diff-tree-path-low-importance',
this._isLowImportance);
return this;
},
setIsOwned: function(owned) {
this._isOwned = owned;
var node = this.getNode();
JX.DOM.alterClass(node, 'diff-tree-path-owned', this._isOwned);
return this;
},
setIsHidden: function(hidden) {
this._isHidden = hidden;
var node = this.getNode();
JX.DOM.alterClass(node, 'diff-tree-path-hidden', this._isHidden);
return this;
},
setIsLoading: function(loading) {
this._isLoading = loading;
var node = this.getNode();
JX.DOM.alterClass(node, 'diff-tree-path-loading', this._isLoading);
return this;
},
_onclick: function(e) {
if (!e.isNormalClick()) {
return;
}
var changeset = this.getChangeset();
if (changeset) {
changeset.select(true);
}
e.kill();
},
_getIndentNode: function() {
if (!this._indentNode) {
var attrs = {
className: 'diff-tree-path-indent'
};
var content = [
this.getInlineNode(),
this._getHiddenIconNode(),
this._getIconNode(),
this._getPathNode(),
];
this._indentNode = JX.$N('div', attrs, content);
}
return this._indentNode;
},
_getPathNode: function() {
if (!this._pathNode) {
var attrs = {
className: 'diff-tree-path-name'
};
this._pathNode = JX.$N('div', attrs);
}
return this._pathNode;
},
_getIconNode: function() {
if (!this._iconNode) {
var attrs = {
className: 'diff-tree-path-icon diff-tree-path-icon-kind',
};
this._iconNode = JX.$N('div', attrs, this.getIcon().getNode());
}
return this._iconNode;
},
_getHiddenIconNode: function() {
if (!this._hiddenIconNode) {
var attrs = {
className: 'diff-tree-path-icon diff-tree-path-icon-hidden',
};
this._hiddenIconNode =
JX.$N('div', attrs, this._getHiddenIcon().getNode());
}
return this._hiddenIconNode;
},
_getHiddenIcon: function() {
if (!this._hiddenIcon) {
this._hiddenIcon = new JX.PHUIXIconView()
.setIcon('fa-times-circle-o');
}
return this._hiddenIcon;
},
getInlineNode: function() {
if (!this._inlineNode) {
var attrs = {
className: 'diff-tree-path-inlines',
};
this._inlineNode = JX.$N('div', attrs, '-');
}
return this._inlineNode;
},
_redrawPath: function() {
var display;
if (this._displayPath) {
display = this._displayPath;
} else {
display = this._path[this._path.length - 1];
}
var is_directory = this._isDirectory;
if (is_directory) {
display = display + '/';
}
JX.DOM.setContent(this._getPathNode(), display);
}
}
});