Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
OverSu
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
175
gaia/apps/bookmark/js/bookmark_editor.js
Executable file
175
gaia/apps/bookmark/js/bookmark_editor.js
Executable file
|
|
@ -0,0 +1,175 @@
|
|||
'use strict';
|
||||
|
||||
/* global UrlHelper, BookmarksDatabase, Icon */
|
||||
/* exported BookmarkEditor */
|
||||
|
||||
var BookmarkEditor = {
|
||||
BOOKMARK_ICON_SIZE: 60,
|
||||
APP_ICON_SIZE: 60,
|
||||
|
||||
init: function bookmarkEditor_show(options) {
|
||||
this.data = options.data;
|
||||
this.onsaved = options.onsaved;
|
||||
this.oncancelled = options.oncancelled;
|
||||
var mode = 'add';
|
||||
BookmarksDatabase.get(this.data.url).then((function got(bookmark) {
|
||||
if (bookmark) {
|
||||
this.data = bookmark;
|
||||
mode = 'put';
|
||||
}
|
||||
this._init(mode);
|
||||
}).bind(this), this._init.bind(this, mode));
|
||||
},
|
||||
|
||||
_init: function bookmarkEditor_init(mode) {
|
||||
this.mode = document.body.dataset.mode = mode;
|
||||
this.bookmarkTitle = document.getElementById('bookmark-title');
|
||||
this.bookmarkURL = document.getElementById('bookmark-url');
|
||||
this.bookmarkIcon = document.getElementById('bookmark-icon');
|
||||
this.header = document.getElementById('header');
|
||||
this.saveButton = document.getElementById('done-button');
|
||||
this.appInstallationSection = document.getElementById('app-installation');
|
||||
this.appIcon = document.getElementById('app-icon');
|
||||
this.appIconPlaceholder = document.getElementById('app-icon-placeholder');
|
||||
this.appNameText = document.getElementById('app-name');
|
||||
this.installAppButton = document.getElementById('install-app-button');
|
||||
|
||||
this.header.addEventListener('action', this.close.bind(this));
|
||||
this.saveListener = this.save.bind(this);
|
||||
this.saveButton.addEventListener('click', this.saveListener);
|
||||
|
||||
this.bookmarkTitle.value = this.data.name || '';
|
||||
|
||||
this.bookmarkURL.textContent = this.data.url;
|
||||
|
||||
this._renderIcon();
|
||||
|
||||
if (this.data.manifestURL) {
|
||||
this.manifestURL = this.data.manifestURL;
|
||||
this._fetchManifest(this.manifestURL);
|
||||
}
|
||||
|
||||
this._checkDoneButton();
|
||||
this.form = document.getElementById('bookmark-form');
|
||||
this.form.addEventListener('input', this._checkDoneButton.bind(this));
|
||||
this.form.addEventListener('submit', this._submit.bind(this));
|
||||
var touchstart = 'ontouchstart' in window ? 'touchstart' : 'mousedown';
|
||||
this.clearButton = document.getElementById('bookmark-title-clear');
|
||||
this.clearButton.addEventListener(touchstart, this._clearTitle.bind(this));
|
||||
if (mode === 'put') {
|
||||
this._onEditMode();
|
||||
this.saveButton.setAttribute('data-l10n-id', 'done-action');
|
||||
} else {
|
||||
this.saveButton.setAttribute('data-l10n-id', 'add-action');
|
||||
}
|
||||
|
||||
// We're appending new elements to DOM so to make sure headers are
|
||||
// properly resized and centered, we emmit a lazyload event.
|
||||
// This will be removed when the gaia-header web component lands.
|
||||
window.dispatchEvent(new CustomEvent('lazyload', {
|
||||
detail: document.body
|
||||
}));
|
||||
},
|
||||
|
||||
_renderIcon: function renderIcon() {
|
||||
var icon = new Icon(this.bookmarkIcon, this.data.icon);
|
||||
icon.render({'size': this.BOOKMARK_ICON_SIZE});
|
||||
},
|
||||
|
||||
_renderAppIcon: function renderAppIcon(manifest, size) {
|
||||
// Parse icon URL from app manifest
|
||||
var iconURL = window.IconsHelper.getBestIconFromWebManifest(manifest, size);
|
||||
if (!iconURL) {
|
||||
return;
|
||||
}
|
||||
// Switch out placeholder for real icon when it loads
|
||||
this.appIconListener = this._handleAppIconLoad.bind(this);
|
||||
this.appIcon.addEventListener('load', this.appIconListener);
|
||||
this.appIcon.setAttribute('src', iconURL);
|
||||
},
|
||||
|
||||
_handleAppIconLoad: function _handleAppIconLoad() {
|
||||
this.appIconPlaceholder.classList.add('hidden');
|
||||
this.appIcon.classList.remove('hidden');
|
||||
this.appIcon.removeEventListener('load', this.appIconListener);
|
||||
},
|
||||
|
||||
_fetchManifest: function bookmarkEditor_fetchManifest(manifestURL) {
|
||||
var manifestPromise = window.WebManifestHelper.getManifest(manifestURL);
|
||||
|
||||
manifestPromise.then((function(manifestData) {
|
||||
if (manifestData) {
|
||||
this.installAppButtonListener = this._installApp.bind(this);
|
||||
this.installAppButton.addEventListener('click',
|
||||
this.installAppButtonListener);
|
||||
this.appNameText.textContent = manifestData.short_name ||
|
||||
manifestData.name;
|
||||
this.appInstallationSection.classList.remove('hidden');
|
||||
this._renderAppIcon(manifestData, manifestURL, this.APP_ICON_SIZE);
|
||||
}
|
||||
}).bind(this)).catch(function(error) {
|
||||
console.error('Unable to get web manifest: ' + error);
|
||||
});
|
||||
|
||||
return manifestPromise;
|
||||
},
|
||||
|
||||
_onEditMode: function bookmarkEditor_onEditMode() {
|
||||
// Done button will be disabled on edit mode once it is displayed
|
||||
this.saveButton.disabled = true;
|
||||
},
|
||||
|
||||
close: function bookmarkEditor_close() {
|
||||
this.oncancelled();
|
||||
},
|
||||
|
||||
/**
|
||||
* Handles the submit case for the form when the user presses the enter key.
|
||||
* @param {Event} event The form submit event.
|
||||
*/
|
||||
_submit: function(event) {
|
||||
event.preventDefault();
|
||||
if (!this.saveButton.disabled) {
|
||||
this.save();
|
||||
}
|
||||
},
|
||||
|
||||
_clearTitle: function bookmarkEditor_clearTitle(event) {
|
||||
event.preventDefault();
|
||||
this.bookmarkTitle.value = '';
|
||||
this._checkDoneButton();
|
||||
},
|
||||
|
||||
_checkDoneButton: function bookmarkEditor_checkDoneButton() {
|
||||
// If one of the fields is blank, the “Done” button should be dimmed and
|
||||
// inactive
|
||||
var title = this.bookmarkTitle.value.trim();
|
||||
this.saveButton.disabled = title === '';
|
||||
},
|
||||
|
||||
_installApp: function bookmarkEditor_installApp() {
|
||||
window.navigator.mozApps.install(this.manifestURL);
|
||||
},
|
||||
|
||||
save: function bookmarkEditor_save(evt) {
|
||||
this.saveButton.removeEventListener('click', this.saveListener);
|
||||
if (this.installAppButtonListener) {
|
||||
this.installAppButton.removeEventListener('click',
|
||||
this.installAppButtonListener);
|
||||
}
|
||||
|
||||
// Only allow urls to be bookmarked.
|
||||
// This is defensive check - callers should filter out non-URLs.
|
||||
var url = this.data.url.trim();
|
||||
if (UrlHelper.isNotURL(url)) {
|
||||
this.oncancelled();
|
||||
return;
|
||||
}
|
||||
|
||||
this.data.name = this.bookmarkTitle.value;
|
||||
this.data.url = url;
|
||||
|
||||
BookmarksDatabase[this.mode](this.data).then(this.onsaved.bind(this),
|
||||
this.close.bind(this));
|
||||
}
|
||||
};
|
||||
Loading…
Reference in a new issue