Rooba
/
perkeep
mirror of https://github.com/perkeep/perkeep.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

pics.js: fix element index bug and indent 

Change-Id: Id1aee8f1725ccb2ef1e7fbc85f1293b89a9ec28e
This commit is contained in:
mpl 2013-07-04 16:08:58 +02:00
parent d065aac5b7
commit e95ddeb36a
2 changed files with 53 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
server/camlistored/ui/pics.css
View File

@ -63,8 +63,8 @@ li input {
text-align: right;
}
a.pics-edit,
a.pics-edit:hover {
a.title-edit,
a.title-edit:hover {
font-size: 70%;
color: #f00;
margin-right: .5em;

102
server/camlistored/ui/pics.js
View File

@ -90,61 +90,61 @@ camlistore.GalleryPage.prototype.enterDocument = function() {
goog.dom.classes.add(el, 'camliadmin');
goog.array.forEach(children, function(li) {
var lichild = goog.dom.getFirstElementChild(li);
var titleSpan = goog.dom.getNextElementSibling(goog.dom.getFirstElementChild(lichild));
var editLink = goog.dom.createElement('a', {'href': '#'});
goog.dom.classes.add(editLink, 'hidden');
goog.dom.setTextContent(editLink, 'edit title');
var lichild = goog.dom.getFirstElementChild(li);
var titleSpan = goog.dom.getLastElementChild(lichild);
var editLink = goog.dom.createElement('a', {'href': '#'});
goog.dom.classes.add(editLink, 'hidden');
goog.dom.setTextContent(editLink, 'edit title');
var titleInput = goog.dom.createElement('input');
goog.dom.classes.add(titleInput, 'hidden');
var titleInput = goog.dom.createElement('input');
goog.dom.classes.add(titleInput, 'hidden');
goog.events.listen(editLink,
goog.events.EventType.CLICK,
function(e) {
goog.dom.classes.remove(titleSpan, 'visible');
goog.dom.classes.add(titleSpan, 'hidden');
goog.dom.classes.remove(titleInput, 'hidden');
goog.dom.classes.add(titleInput, 'visible');
titleInput.focus();
titleInput.select();
e.stopPropagation();
e.preventDefault();
},
false, this
);
goog.events.listen(li,
goog.events.EventType.MOUSEOVER,
goog.events.listen(editLink,
goog.events.EventType.CLICK,
function(e) {
goog.dom.classes.remove(editLink, 'hidden');
goog.dom.classes.add(editLink, 'pics-edit');
goog.dom.classes.remove(titleSpan, 'visible');
goog.dom.classes.add(titleSpan, 'hidden');
goog.dom.classes.remove(titleInput, 'hidden');
goog.dom.classes.add(titleInput, 'visible');
titleInput.focus();
titleInput.select();
e.stopPropagation();
e.preventDefault();
},
false, editLink
);
goog.events.listen(li,
goog.events.EventType.MOUSEOUT,
function(e) {
goog.dom.classes.remove(editLink, 'pics-edit');
goog.dom.classes.add(editLink, 'hidden');
goog.dom.classes.remove(titleInput, 'visible');
goog.dom.classes.add(titleInput, 'hidden');
goog.dom.classes.remove(titleSpan, 'hidden');
goog.dom.classes.add(titleSpan, 'visible');
},
false, editLink
);
goog.events.listen(titleInput,
goog.events.EventType.KEYPRESS,
goog.bind(function(e) {
if (e.keyCode == 13) {
this.saveImgTitle_(titleInput, titleSpan);
}
}, this),
false, this
);
goog.dom.insertChildAt(lichild, editLink, 1);
goog.dom.insertChildAt(li, titleInput, 1);
}, this
false, this
);
goog.events.listen(li,
goog.events.EventType.MOUSEOVER,
function(e) {
goog.dom.classes.remove(editLink, 'hidden');
goog.dom.classes.add(editLink, 'title-edit');
},
false, this
);
goog.events.listen(li,
goog.events.EventType.MOUSEOUT,
function(e) {
goog.dom.classes.remove(editLink, 'title-edit');
goog.dom.classes.add(editLink, 'hidden');
goog.dom.classes.remove(titleInput, 'visible');
goog.dom.classes.add(titleInput, 'hidden');
goog.dom.classes.remove(titleSpan, 'hidden');
goog.dom.classes.add(titleSpan, 'visible');
},
false, this
);
goog.events.listen(titleInput,
goog.events.EventType.KEYPRESS,
goog.bind(function(e) {
if (e.keyCode == 13) {
this.saveImgTitle_(titleInput, titleSpan);
}
}, this),
false, this
);
goog.dom.insertSiblingBefore(editLink, titleSpan);
goog.dom.insertChildAt(li, titleInput, 1);
}, this
)
}
}