remove jquery usage from bar
This commit is contained in:
parent
0f7a7c56dc
commit
133e3d5b55
|
@ -1,41 +1,46 @@
|
||||||
require('./bar.less');
|
require('./bar.less');
|
||||||
|
|
||||||
$(function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
// delay 50ms so that we get proper body dimensions
|
||||||
|
setTimeout(load, 50);
|
||||||
|
|
||||||
|
function load() {
|
||||||
var content = document.getElementById('content'),
|
var content = document.getElementById('content'),
|
||||||
closeButton = $('#close-button');
|
closeButton = document.getElementById('close-button'),
|
||||||
|
body = document.querySelector('body'),
|
||||||
|
bodyRect = body.getBoundingClientRect();
|
||||||
|
|
||||||
// i18n
|
// i18n
|
||||||
$('body').addClass('lang-' + chrome.i18n.getUILanguage());
|
body.classList.add('lang-' + chrome.i18n.getUILanguage());
|
||||||
|
|
||||||
$('#logo-link').attr('title', chrome.i18n.getMessage('appName'));
|
document.getElementById('logo-link').title = chrome.i18n.getMessage('appName');
|
||||||
closeButton.attr('title', chrome.i18n.getMessage('close'));
|
closeButton.title = chrome.i18n.getMessage('close');
|
||||||
|
|
||||||
if (window.innerWidth < 768) {
|
if (bodyRect.width < 768) {
|
||||||
$('#template-add .add-save').text(chrome.i18n.getMessage('yes'));
|
document.querySelector('#template-add .add-save').textContent = chrome.i18n.getMessage('yes');
|
||||||
$('#template-add .never-save').text(chrome.i18n.getMessage('never'));
|
document.querySelector('#template-add .never-save').textContent = chrome.i18n.getMessage('never');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$('#template-add .add-save').text(chrome.i18n.getMessage('notificationAddSave'));
|
document.querySelector('#template-add .add-save').textContent = chrome.i18n.getMessage('notificationAddSave');
|
||||||
$('#template-add .never-save').text(chrome.i18n.getMessage('notificationNeverSave'));
|
document.querySelector('#template-add .never-save').textContent = chrome.i18n.getMessage('notificationNeverSave');
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#template-add .add-text').text(chrome.i18n.getMessage('notificationAddDesc'));
|
document.querySelector('#template-add .add-text').textContent = chrome.i18n.getMessage('notificationAddDesc');
|
||||||
|
|
||||||
if (getQueryVariable('add')) {
|
if (getQueryVariable('add')) {
|
||||||
setContent(document.getElementById('template-add'));
|
setContent(document.getElementById('template-add'));
|
||||||
|
|
||||||
var add = $('#template-add-clone'),
|
var addButton = document.querySelector('#template-add-clone .add-save'),
|
||||||
addButton = $('#template-add-clone .add-save'),
|
neverButton = document.querySelector('#template-add-clone .never-save');
|
||||||
neverButton = $('#template-add-clone .never-save');
|
|
||||||
|
|
||||||
$(addButton).click(function (e) {
|
addButton.addEventListener('click', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
chrome.runtime.sendMessage({
|
chrome.runtime.sendMessage({
|
||||||
command: 'bgAddSave'
|
command: 'bgAddSave'
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
$(neverButton).click(function (e) {
|
neverButton.addEventListener('click', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
chrome.runtime.sendMessage({
|
chrome.runtime.sendMessage({
|
||||||
command: 'bgNeverSave'
|
command: 'bgNeverSave'
|
||||||
|
@ -44,10 +49,10 @@ $(function () {
|
||||||
}
|
}
|
||||||
else if (getQueryVariable('info')) {
|
else if (getQueryVariable('info')) {
|
||||||
setContent(document.getElementById('template-alert'));
|
setContent(document.getElementById('template-alert'));
|
||||||
$('#template-alert-clone').text(getQueryVariable('info'));
|
document.getElementById('template-alert-clone').textContent = getQueryVariable('info');
|
||||||
}
|
}
|
||||||
|
|
||||||
closeButton.click(function (e) {
|
closeButton.addEventListener('click', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
chrome.runtime.sendMessage({
|
chrome.runtime.sendMessage({
|
||||||
command: 'bgCloseNotificationBar'
|
command: 'bgCloseNotificationBar'
|
||||||
|
@ -57,9 +62,10 @@ $(function () {
|
||||||
chrome.runtime.sendMessage({
|
chrome.runtime.sendMessage({
|
||||||
command: 'bgAdjustNotificationBar',
|
command: 'bgAdjustNotificationBar',
|
||||||
data: {
|
data: {
|
||||||
height: document.body.scrollHeight
|
height: body.scrollHeight
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function getQueryVariable(variable) {
|
function getQueryVariable(variable) {
|
||||||
var query = window.location.search.substring(1);
|
var query = window.location.search.substring(1);
|
||||||
|
|
Loading…
Reference in New Issue