akira
/
pdfjs-dist
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Move code to the right place and give it a better style. 

Highlight the background on hover.
gigaherz 13 years ago
parent
6bb14af71c
commit
14eae7cb9f
3 changed files with 29 additions and 44 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      web/viewer.css
  2. 41
      web/viewer.html
  3. 19
      web/viewer.js

13
web/viewer.css
Unescape View File

@ -82,6 +82,7 @@ span#info {
width: 350px; width: 350px;
top: 62px; top: 62px;
bottom: 18px; bottom: 18px;
z-index: 1;
} }
#sidebar.released { #sidebar.released {
@ -90,7 +91,6 @@ span#info {
-o-transition: left 0.25s ease-in-out 1s; -o-transition: left 0.25s ease-in-out 1s;
-moz-transition: left 0.25s ease-in-out 1s; -moz-transition: left 0.25s ease-in-out 1s;
-webkit-transition: left 0.25s ease-in-out 1s; -webkit-transition: left 0.25s ease-in-out 1s;
z-index: 1;
} }
#sidebar.pinned, #sidebar.pinned,
@ -105,9 +105,14 @@ span#info {
#pinIcon { #pinIcon {
position: absolute; position: absolute;
top: 4px; top: 4px;
right: 56px; right: 55px;
width: 11px; width: 15px;
height: 12px; height: 15px;
background: center no-repeat;
}
#pinIcon:hover {
background-color: rgba(255,255,255,0.35);
} }
#pinIcon.released { #pinIcon.released {

41
web/viewer.html
Unescape View File

@ -34,45 +34,6 @@
</head> </head>
<script type="text/javascript">
function pinCleanup(sidebar, pinIcon) {
sidebar.className = sidebar.className.replace( /(?:^|\s)released(?!\S)/ , '' );
sidebar.className = sidebar.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)released(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
}
function pinActivate(sidebar, pinIcon) {
sidebar.className += " pinned";
pinIcon.className += " pinned";
}
function pinDeactivate(sidebar, pinIcon) {
sidebar.className += " released";
pinIcon.className += " released";
}
function pinToggle() {
var sidebar = document.getElementById("sidebar");
var pinIcon = document.getElementById("pinIcon");
var pinState = pinIcon.className;
pinCleanup(sidebar, pinIcon);
if (pinState == "pinned")
pinDeactivate(sidebar, pinIcon);
else
pinActivate(sidebar, pinIcon);
sidebar.className = sidebar.className.trim();
pinIcon.className = pinIcon.className.trim();
}
</script>
<body> <body>
<div id="controls"> <div id="controls">
<button id="previous" onclick="PDFView.page--;" oncontextmenu="return false;"> <button id="previous" onclick="PDFView.page--;" oncontextmenu="return false;">
@ -161,7 +122,7 @@
<div id="sidebar" class="released"> <div id="sidebar" class="released">
<div id="sidebarBox"> <div id="sidebarBox">
<div id="pinIcon" class="released" onClick="javascript:pinToggle()"></div> <div id="pinIcon" class="released" onClick="PDFView.pinSidebar()"></div>
<div id="sidebarScrollView"> <div id="sidebarScrollView">
<div id="sidebarView"></div> <div id="sidebarView"></div>
</div> </div>

19
web/viewer.js
Unescape View File

@ -170,6 +170,7 @@ var PDFView = {
currentScale: kUnknownScale, currentScale: kUnknownScale,
currentScaleValue: null, currentScaleValue: null,
initialBookmark: document.location.hash.substring(1), initialBookmark: document.location.hash.substring(1),
pinState: false,
setScale: function pdfViewSetScale(val, resetAutoSettings) { setScale: function pdfViewSetScale(val, resetAutoSettings) {
if (val == this.currentScale) if (val == this.currentScale)
@ -573,6 +574,24 @@ var PDFView = {
} }
}, },
pinSidebar: function pdfViewPinSidebar() {
var sidebar = document.getElementById("sidebar");
var pinIcon = document.getElementById("pinIcon");
sidebar.className = sidebar.className.replace( /(?:^|\s)released(?!\S)/ , '' );
sidebar.className = sidebar.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)released(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
var newClass = this.pinState ? " pinned" : " released";
sidebar.className += newClass;
pinIcon.className += newClass;
this.pinState = !this.pinState;
},
getVisiblePages: function pdfViewGetVisiblePages() { getVisiblePages: function pdfViewGetVisiblePages() {
var pages = this.pages; var pages = this.pages;
var kBottomMargin = 10; var kBottomMargin = 10;

Write Preview
Loading…
Cancel
Save