projects/booket: booket.js comparison

comparison booket.js @ 16:64272f2105da

Show four tag input elements by default

author	Guido Berhoerster <guido+booket@berhoerster.name>
date	Sun, 21 Sep 2014 19:22:09 +0200
parents	948048e40fab
children	3642bb668af1

comparison

equal deleted inserted replaced

-:fb5fb3b38c0d
+:64272f2105da
 var saveFormElement;
 var loadFormElement;
 var importFormElement;
 var exportFormElement;
 var newNode;
+var i;
 ObservableMixin.call(this);
 this.tagInputTemplate = document.querySelector('#tag-input-template');
 saveFormElement = document.querySelector('form#save-form');
 this.missingFaviconUri = this.faviconImageElement.src;
 this.editTagListElement =
 this.editorFormElement.querySelector('ul.tag-input-list');
-this.editTagListElement.appendChild(this.createTagInputElement(''));
+// add four tag input elements for convenience
+for (i = 0; i < 4; i++) {
+this.editTagListElement.appendChild(this.createTagInputElement(''));
+}
 saveFormElement.parentNode.insertBefore(newNode,
 saveFormElement.nextSibling);
 document.querySelector('a#bookmarklet-link').href = BOOKMARKLET_URI;
 ActionsView.prototype.handleEvent = function (e) {
 var bookmarkletData;
 var parsedData;
 var tags = [];
 var i;
+var tagInputElements;
 switch (e.type) {
 case 'error':
 if (e.target.classList.contains('bookmark-favicon')) {
 if (e.target.src !== this.missingFaviconUri) {
 e.target.blur();
 e.target.querySelector('img.bookmark-favicon').src =
 this.missingFaviconUri;
-// remove all but one tag input element
+// remove all but the first four tag input elements
-while (this.editTagListElement.firstChild !== null) {
+tagInputElements =
-this.editTagListElement.removeChild(
+this.editTagListElement.querySelectorAll('li:nth-child(n+5)');
-this.editTagListElement.firstChild);
+for (i = 0; i < tagInputElements.length; i++) {
-}
+this.editTagListElement.removeChild(tagInputElements[i]);
-this.editTagListElement.appendChild(this.createTagInputElement(''));
+}
 }
 break;
 }
 };