mirror of
https://github.com/pdf2htmlEX/pdf2htmlEX.git
synced 2024-07-05 01:28:39 +00:00
removing jquery
This commit is contained in:
parent
3e5eaecf14
commit
65d58e6bcb
|
@ -44,6 +44,9 @@
|
|||
margin-top:-32px;
|
||||
margin-left:-32px;
|
||||
}
|
||||
.loading_indicator.active {
|
||||
display:block;
|
||||
}
|
||||
.loading-indicator img {
|
||||
position:absolute;
|
||||
top:0;
|
||||
|
|
|
@ -72,7 +72,7 @@
|
|||
-webkit-animation: fadein 100ms;
|
||||
animation: fadein 100ms;
|
||||
}
|
||||
.loading-indicator {
|
||||
.loading-indicator.active {
|
||||
-webkit-animation: swing 1.5s ease-in-out 0s infinite alternate none;
|
||||
animation: swing 1.5s ease-in-out 0s infinite alternate none;
|
||||
}
|
||||
|
|
|
@ -91,6 +91,12 @@
|
|||
,ctm[1] * pos[0] + ctm[3] * pos[1] + ctm[5]];
|
||||
};
|
||||
|
||||
/**
|
||||
* @param{Element} ele
|
||||
*/
|
||||
function get_page_number(ele) {
|
||||
return parseInt(ele.getAttribute('data-page-no'), 16);
|
||||
};
|
||||
|
||||
/**
|
||||
* @constructor
|
||||
|
@ -104,11 +110,12 @@
|
|||
this.shown = false;
|
||||
this.p = page; // page frame element
|
||||
|
||||
this.n = parseInt(page.getAttribute('data-page-no'), 16);
|
||||
this.n = get_page_number(page);
|
||||
|
||||
// page size
|
||||
// Need to make rescale work when page_content_box is not loaded, yet
|
||||
this.original_height = this.p.clientHeight;
|
||||
this.original_width = this.p.clientWidth;
|
||||
this.original_height = page.clientHeight;
|
||||
this.original_width = page.clientWidth;
|
||||
|
||||
// content box
|
||||
var content_box = page.querySelector('.'+CSS_CLASS_NAMES.page_content_box);
|
||||
|
@ -226,14 +233,14 @@
|
|||
},
|
||||
|
||||
init_after_loading_content : function() {
|
||||
this.$sidebar = $(document.getElementById(this.config['sidebar_id']));
|
||||
this.$outline = $(document.getElementById(this.config['outline_id']));
|
||||
this.sidebar = document.getElementById(this.config['sidebar_id']);
|
||||
this.outline = document.getElementById(this.config['outline_id']);
|
||||
this.container = document.getElementById(this.config['container_id']);
|
||||
this.$loading_indicator = $('.'+this.config['loading_indicator_cls']);
|
||||
this.loading_indicator = document.getElementsByClassName(this.config['loading_indicator_cls'])[0];
|
||||
|
||||
// Open the outline if nonempty
|
||||
if(this.$outline.children().length > 0) {
|
||||
this.$sidebar[0].classList.add('opened');
|
||||
if(this.outline && this.outline.childNodes.length > 0) {
|
||||
this.sidebar.classList.add('opened');
|
||||
}
|
||||
|
||||
this.find_pages();
|
||||
|
@ -247,8 +254,7 @@
|
|||
this.register_key_handler();
|
||||
|
||||
// handle links
|
||||
$(this.container).add(this.$outline)
|
||||
.on('click', '.'+CSS_CLASS_NAMES.link, this, this.link_handler);
|
||||
$([this.container, this.outline]).on('click', '.'+CSS_CLASS_NAMES.link, this, this.link_handler);
|
||||
|
||||
this.render();
|
||||
},
|
||||
|
@ -287,8 +293,12 @@
|
|||
if (this.pages_loading[idx])
|
||||
return; // Page is already loading
|
||||
|
||||
var new_loading_indicator = this.loading_indicator.cloneNode();
|
||||
new_loading_indicator.classList.add('active');
|
||||
|
||||
var cur_page_ele = cur_page.p;
|
||||
this.$loading_indicator.clone().show().appendTo(cur_page_ele);
|
||||
cur_page_ele.appendChild(new_loading_indicator);
|
||||
|
||||
var url = cur_page_ele.getAttribute('data-page-url');
|
||||
if (url) {
|
||||
this.pages_loading[idx] = true; // Set semaphore
|
||||
|
@ -327,9 +337,7 @@
|
|||
p.rescale(_.scale);
|
||||
|
||||
// disable background image dragging
|
||||
/* TODO
|
||||
$new_pf.find('.'+CSS_CLASS_NAMES.background_image).on('dragstart', function(e){return false;});
|
||||
*/
|
||||
$(new_page).find('.'+CSS_CLASS_NAMES.background_image).on('dragstart', function(e){return false;});
|
||||
|
||||
_.schedule_render(false);
|
||||
|
||||
|
@ -563,18 +571,25 @@
|
|||
}
|
||||
return;
|
||||
},
|
||||
|
||||
get_containing_page : function(obj) {
|
||||
/**
|
||||
* @param{Element} ele
|
||||
*/
|
||||
get_containing_page : function(ele) {
|
||||
/* get the page obj containing obj */
|
||||
var $p = obj.closest('.'+CSS_CLASS_NAMES.page_frame);
|
||||
if($p.length == 0) return;
|
||||
while(ele) {
|
||||
if((ele.nodeType == Node.ELEMENT_NODE)
|
||||
&& ele.classList.contains(CSS_CLASS_NAMES.page_frame)) {
|
||||
/*
|
||||
* Get original page number and map it to index of pages
|
||||
* TODO: store the index on the dom element
|
||||
*/
|
||||
var pn = (new Page($p[0])).n;
|
||||
var pn = get_page_number(ele);
|
||||
var pm = this.page_map;
|
||||
return (pn in pm) && this.pages[pm[pn]];
|
||||
return (pn in pm) ? this.pages[pm[pn]] : null;
|
||||
}
|
||||
ele = ele.parentNode;
|
||||
}
|
||||
return null;
|
||||
},
|
||||
|
||||
link_handler : function (e) {
|
||||
|
|
Loading…
Reference in New Issue
Block a user