projects/booket: booket.js comparison

comparison booket.js @ 10:20902b548d9f

Add Netscape bookmark file import function

author	Guido Berhoerster <guido+booket@berhoerster.name>
date	Wed, 17 Sep 2014 19:55:26 +0200
parents	a1a934adff8d
children	ef5d75bcac5e

comparison

equal deleted inserted replaced

-:19900803f7d0
+:20902b548d9f
 var BookmarkModel = function () {
 ObservableMixin.call(this);
 this.unsavedChanges = false;
+this.loadFileReader = null;
+this.importFileReader= null;
 this._bookmarks = new StringMap();
 this._tagCount = new StringMap();
 this._filterTags = new StringSet();
 this._searchTerm = '';
 this._filteredBookmarks = new StringSet();
 return bookmark1.ctime - bookmark2.ctime;
 }));
 this.unsavedChanges = false;
 };
+BookmarkModel.prototype.parseImportedBookmarks = function (data) {
+var bookmarkDoc;
+var bookmarkElements;
+var i;
+var url;
+var title;
+var favicon;
+var tags;
+var ctime;
+var mtime;
+var bookmarks = [];
+bookmarkDoc = document.implementation.createHTMLDocument();
+bookmarkDoc.open();
+bookmarkDoc.write(data);
+bookmarkDoc.close();
+// create a temporary list of valid bookmarks
+bookmarkElements = bookmarkDoc.querySelectorAll('dt > a[href]');
+for (i = 0; i < bookmarkElements.length; i++) {
+url = bookmarkElements[i].href;
+if (url !== '') {
+title = bookmarkElements[i].textContent;
+favicon = bookmarkElements[i].getAttribute('icon');
+tags = ((tags = bookmarkElements[i].getAttribute('tags')) !==
+null) ? tags.split(',') : [];
+ctime = !isNaN(ctime =
+parseInt(bookmarkElements[i].getAttribute('add_date'), 10)) ?
+ctime * 1000 : undefined;
+mtime = !isNaN(mtime =
+parseInt(bookmarkElements[i].getAttribute('last_modified'),
+10)) ?  mtime * 1000 : undefined;
+bookmarks.push(new Bookmark(url, title, favicon, tags, ctime, mtime));
+}
+}
+// add each bookmark to the model ordered by the last modification time
+this.add(bookmarks.sort(function (bookmark1, bookmark2) {
+return bookmark1.ctime - bookmark2.ctime;
+}));
+this.unsavedChanges = false;
+};
 BookmarkModel.prototype.loadFile = function (bookmarkFile) {
-var bookmarkFileReader;
 // delete all existing bookmarks first
 this.delete(this._bookmarks.keys());
 this.unsavedChanges = false;
-bookmarkFileReader = new FileReader();
+this.loadFileReader = new FileReader();
-bookmarkFileReader.addEventListener('error', this);
+this.loadFileReader.addEventListener('error', this);
-bookmarkFileReader.addEventListener('load', this);
+this.loadFileReader.addEventListener('load', this);
-bookmarkFileReader.readAsText(bookmarkFile);
+this.loadFileReader.readAsText(bookmarkFile);
+};
+BookmarkModel.prototype.importFile = function (bookmarkFile) {
+// delete all existing bookmarks first
+this.delete(this._bookmarks.keys());
+this.unsavedChanges = false;
+this.importFileReader = new FileReader();
+this.importFileReader.addEventListener('error', this);
+this.importFileReader.addEventListener('load', this);
+this.importFileReader.readAsText(bookmarkFile);
 };
 BookmarkModel.prototype.saveFile = function () {
 var jsonBlob;
 var bookmarkData = {
 this.unsavedChanges = false;
 };
 BookmarkModel.prototype.handleEvent = function (e) {
 if (e.type === 'load') {
-this.parseLoadedBookmarks(e.target.result);
+if (e.target === this.loadFileReader) {
+this.parseLoadedBookmarks(e.target.result);
+this.loadFileReader = null;
+} else if (e.target === this.importFileReader) {
+this.parseImportedBookmarks(e.target.result);
+this.importFileReader = null;
+}
 } else if (e.type === 'error') {
 this.notify('load-file-error', e.target.error.message);
 }
 };
 var ActionsView = function () {
 var saveFormElement;
 var loadFormElement;
+var importFormElement;
 var newNode;
 ObservableMixin.call(this);
 this.tagInputTemplate = document.querySelector('#tag-input-template');
 this.saveLinkElement = saveFormElement.querySelector('a#save-link');
 loadFormElement = document.querySelector('form#load-form');
 loadFormElement.addEventListener('submit', this);
+importFormElement = document.querySelector('form#import-form');
+importFormElement.addEventListener('submit', this);
 // create new editor form from template
 newNode = document.importNode(
 document.querySelector('#bookmark-editor-template').content, true);
 } else if (e.target.id === 'load-form') {
 e.preventDefault();
 e.target.blur();
 this.notify('load-file', e.target.file.files[0]);
+e.target.reset();
+} else if (e.target.id === 'import-form') {
+e.preventDefault();
+e.target.blur();
+this.notify('import-file', e.target.file.files[0]);
 e.target.reset();
 } else if (e.target.classList.contains('bookmark-editor-form')) {
 e.preventDefault();
 e.target.blur();
 window.addEventListener('hashchange', this.onHashChange.bind(this));
 window.addEventListener('beforeunload', this.onBeforeUnload.bind(this));
 this.actionsView.addObserver('save-file',
 this.bookmarkModel.saveFile.bind(this.bookmarkModel));
 this.actionsView.addObserver('load-file', this.onLoadFile.bind(this));
+this.actionsView.addObserver('import-file', this.onImportFile.bind(this));
 this.actionsView.addObserver('save-bookmark',
 this.onSaveBookmark.bind(this));
 this.bookmarkView.addObserver('edit-bookmark',
 this.onEditBookmark.bind(this));
 this.bookmarkView.addObserver('save-bookmark',
 }
 this.bookmarkModel.loadFile(bookmarkFile);
 };
+BooketController.prototype.onImportFile = function (bookmarkFile) {
+if (this.bookmarkModel.unsavedChanges) {
+if (!this.actionsView.confirmLoadFile()) {
+return;
+}
+this.bookmarkModel.unsavedChanges = false;
+}
+this.bookmarkModel.importFile(bookmarkFile);
+};
 BooketController.prototype.onEditBookmark = function (bookmarkUrl) {
 this.bookmarkView.displayBookmarkEditor(
 this.bookmarkModel.get(bookmarkUrl));
 };