mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-08-18 19:51:24 +02:00
Added selection and zipped download.
This commit is contained in:
Lars Jung
@@ -10,6 +10,12 @@ It uses the [Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-1733
|
||||
## Changelog
|
||||
|
||||
|
||||
### v0.15 · *2011-09-04*
|
||||
|
||||
* added zipped download for selected files
|
||||
* cleaned and refactored
|
||||
|
||||
|
||||
### v0.14.1 · *2011-09-01*
|
||||
|
||||
* display meta information in bottom bar (icon view)
|
||||
|
||||
@@ -3,7 +3,7 @@ custom = true
|
||||
|
||||
# project
|
||||
project.name = h5ai
|
||||
project.version = 0.14.1
|
||||
project.version = 0.15
|
||||
|
||||
|
||||
# src
|
||||
|
||||
Binary file not shown.
BIN
release/h5ai-0.15.tar.gz
Normal file
BIN
release/h5ai-0.15.tar.gz
Normal file
Binary file not shown.
Binary file not shown.
@@ -33,18 +33,22 @@
|
||||
}
|
||||
}
|
||||
&.entry {
|
||||
border-bottom: 1px solid #ddd;
|
||||
|
||||
a, a:active, a:visited {
|
||||
display: block;
|
||||
color: #555;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #ddd;
|
||||
|
||||
&:hover, &.hover {
|
||||
background-color: #f6f6f6;
|
||||
color: #e80;
|
||||
}
|
||||
&.selected {
|
||||
border-color: rgba(240,100,0,0.2);
|
||||
background-color: rgba(240,100,0,0.2);
|
||||
}
|
||||
}
|
||||
&.error {
|
||||
a, a:active, a:visited {
|
||||
@@ -140,6 +144,17 @@
|
||||
}
|
||||
|
||||
|
||||
#selection-rect {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
border: 1px dashed rgba(240,100,0,0.5);
|
||||
background-color: rgba(240,100,0,0.2);
|
||||
}
|
||||
|
||||
|
||||
#extended.icons-view {
|
||||
display: none;
|
||||
padding: 3px;
|
||||
@@ -178,6 +193,10 @@
|
||||
border-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
&.selected {
|
||||
border-color: rgba(240,100,0,0.2);
|
||||
background-color: rgba(240,100,0,0.2);
|
||||
}
|
||||
.icon {
|
||||
display: block;
|
||||
|
||||
|
||||
@@ -87,6 +87,11 @@ body > nav {
|
||||
float: right;
|
||||
border-left: 1px solid rgb(231,231,231);
|
||||
}
|
||||
#download {
|
||||
display: none;
|
||||
float: right;
|
||||
border-left: 1px solid rgb(231,231,231);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -154,14 +159,14 @@ body > footer {
|
||||
float: right
|
||||
}
|
||||
.status {
|
||||
.sep {
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
}
|
||||
&.default {
|
||||
}
|
||||
&.dynamic {
|
||||
display: none;
|
||||
span {
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#langSelector {
|
||||
|
||||
@@ -5,9 +5,11 @@
|
||||
#table {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#tree, #content > header, #content > footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html.no-js {
|
||||
#extended.details-view, #extended.icons-view {
|
||||
display: block;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<!-- generated code ends here -->
|
||||
</section>
|
||||
<section id="extended"></section>
|
||||
<section id="extended" class="clearfix"></section>
|
||||
<footer></footer>
|
||||
</section>
|
||||
<section id="tree"></section>
|
||||
@@ -19,7 +19,7 @@
|
||||
<span class="hideOnNoJs">
|
||||
<span class="status default">
|
||||
<span class="folderCount"></span> <span class="l10n-folders">folders</span>
|
||||
·
|
||||
<span class='sep'>·</span>
|
||||
<span class="fileCount"></span> <span class="l10n-files">files</span>
|
||||
</span>
|
||||
<span class="status dynamic">
|
||||
|
||||
@@ -13,6 +13,7 @@
|
||||
<script src="/h5ai/js/lib/modernizr.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="selection-rect"></div>
|
||||
<nav class="clearfix">
|
||||
<ul>
|
||||
<li id="viewicons" class="view hideOnNoJs">
|
||||
@@ -21,6 +22,9 @@
|
||||
<li id="viewdetails" class="view hideOnNoJs" >
|
||||
<a href="#"><img src="/h5ai/images/view-details.png" alt="view-details" /><span class="l10n-details">details</span></a>
|
||||
</li>
|
||||
<li id="download" class="hideOnNoJs">
|
||||
<a href="#"><img src="/h5ai/images/download.png" alt="download" /><span class="l10n-download">download</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section id="content">
|
||||
|
||||
@@ -14,6 +14,7 @@
|
||||
<script src="/h5ai/js/lib/modernizr.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="selection-rect"></div>
|
||||
<nav class="clearfix">
|
||||
<ul>
|
||||
<?php echo $crumb->toHtml(); ?>
|
||||
@@ -23,6 +24,9 @@
|
||||
<li id="viewdetails" class="view hideOnNoJs" >
|
||||
<a href="#"><img src="/h5ai/images/view-details.png" alt="view-details" /><span class="l10n-details">details</span></a>
|
||||
</li>
|
||||
<li id="download" class="hideOnNoJs">
|
||||
<a href="#"><img src="/h5ai/images/download.png" alt="download" /><span class="l10n-download">download</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<?php echo $tree->toHtml(); ?>
|
||||
@@ -45,7 +49,7 @@
|
||||
<span class="center">
|
||||
<span class="status default">
|
||||
<?php echo $extended->getFolderCount(); ?> <span class="l10n-folders">folders</span>
|
||||
·
|
||||
<span class='sep'>·</span>
|
||||
<?php echo $extended->getFileCount(); ?> <span class="l10n-files">files</span>
|
||||
</span>
|
||||
<span class="status dynamic">
|
||||
|
||||
BIN
src/h5ai/images/download.png
Normal file
BIN
src/h5ai/images/download.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 528 B |
@@ -1,129 +1,89 @@
|
||||
|
||||
var Extended = function (pathCache, h5ai) {
|
||||
"use strict";
|
||||
/*global $*/
|
||||
|
||||
|
||||
/*******************************
|
||||
* config
|
||||
*******************************/
|
||||
|
||||
this.config = {
|
||||
var settings = {
|
||||
customHeader: "h5ai.header.html",
|
||||
customFooter: "h5ai.footer.html"
|
||||
};
|
||||
},
|
||||
initTitle = function () {
|
||||
|
||||
|
||||
/*******************************
|
||||
* init
|
||||
*******************************/
|
||||
|
||||
this.init = function () {
|
||||
|
||||
try {
|
||||
document.title = decodeURI( document.domain + document.location.pathname );
|
||||
} catch ( err ) {
|
||||
document.title = document.domain + document.location.pathname;
|
||||
};
|
||||
try {
|
||||
document.title = decodeURI(document.title);
|
||||
} catch (err) {}
|
||||
},
|
||||
initBreadcrumb = function () {
|
||||
|
||||
this.initBreadcrumb();
|
||||
this.initExtendedView();
|
||||
this.customize();
|
||||
this.initCounts();
|
||||
};
|
||||
var idx, part,
|
||||
$ul = $("body > nav ul"),
|
||||
pathname = "/",
|
||||
path = pathCache.getPath(pathname),
|
||||
pathnameParts = document.location.pathname.split("/");
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* breadcrumb
|
||||
*******************************/
|
||||
|
||||
this.initBreadcrumb = function () {
|
||||
|
||||
var $ul = $( "body > nav ul" );
|
||||
|
||||
var pathname = "/";
|
||||
var path = pathCache.getPathForFolder( pathname );
|
||||
$ul.append(path.updateCrumbHtml());
|
||||
|
||||
var pathnameParts = document.location.pathname.split( "/" );
|
||||
for (idx in pathnameParts) {
|
||||
var part = pathnameParts[idx];
|
||||
part = pathnameParts[idx];
|
||||
if (part !== "") {
|
||||
pathname += part + "/";
|
||||
var path = pathCache.getPathForFolder( pathname );
|
||||
$ul.append( path.updateCrumbHtml() );
|
||||
};
|
||||
};
|
||||
};
|
||||
$ul.append(pathCache.getPath(pathname).updateCrumbHtml());
|
||||
}
|
||||
}
|
||||
},
|
||||
initExtendedView = function () {
|
||||
|
||||
var $ths = $("#table th"),
|
||||
$label = $ths.eq(1).find("a"),
|
||||
$date = $ths.eq(2).find("a"),
|
||||
$size = $ths.eq(3).find("a"),
|
||||
sortquery = document.location.search,
|
||||
order = {
|
||||
column: (sortquery.indexOf("C=N") >= 0) ? "name" : (sortquery.indexOf("C=M") >= 0) ? "date" : (sortquery.indexOf("C=S") >= 0) ? "size" : h5ai.settings.sortorder.column,
|
||||
ascending: (sortquery.indexOf("O=A") >= 0) ? true : (sortquery.indexOf("O=D") >= 0) ? false : h5ai.settings.sortorder.ascending
|
||||
},
|
||||
$icon, $ul, $li;
|
||||
|
||||
|
||||
/*******************************
|
||||
* extended view
|
||||
*******************************/
|
||||
|
||||
this.initExtendedView = function () {
|
||||
|
||||
var $ul = $( "<ul/>" );
|
||||
|
||||
// headers
|
||||
var $ths = $( "#table th" );
|
||||
var $label = $ths.eq( 1 ).find( "a" );
|
||||
var $date = $ths.eq( 2 ).find( "a" );
|
||||
var $size = $ths.eq( 3 ).find( "a" );
|
||||
var $li = $( "<li class='header' />" ).appendTo( $ul );
|
||||
$( "<a class='icon'></a>" ).appendTo( $li );
|
||||
$( "<a class='label' href='" + $label.attr( "href" ) + "'><span class='l10n-name'>" + $label.text() + "</span></a>" ).appendTo( $li );
|
||||
$( "<a class='date' href='" + $date.attr( "href" ) + "'><span class='l10n-lastModified'>" + $date.text() + "</span></a>" ).appendTo( $li );
|
||||
$( "<a class='size' href='" + $size.attr( "href" ) + "'><span class='l10n-size'>" + $size.text() + "</span></a>" ).appendTo( $li );
|
||||
$ul = $("<ul/>");
|
||||
$li = $("<li class='header' />")
|
||||
.appendTo($ul)
|
||||
.append($("<a class='icon'></a>"))
|
||||
.append($("<a class='label' href='" + $label.attr("href") + "'><span class='l10n-name'>" + $label.text() + "</span></a>"))
|
||||
.append($("<a class='date' href='" + $date.attr("href") + "'><span class='l10n-lastModified'>" + $date.text() + "</span></a>"))
|
||||
.append($("<a class='size' href='" + $size.attr("href") + "'><span class='l10n-size'>" + $size.text() + "</span></a>"));
|
||||
|
||||
// header sort icons
|
||||
var sortquery = document.location.search;
|
||||
var order = {
|
||||
column: ( sortquery.indexOf( "C=N" ) >= 0 ) ? "name" : ( sortquery.indexOf( "C=M" ) >= 0 ) ? "date" : ( sortquery.indexOf( "C=S" ) >= 0 ) ? "size" : h5ai.config.sortorder.column,
|
||||
ascending: ( sortquery.indexOf( "O=A" ) >= 0 ) ? true : ( sortquery.indexOf( "O=D" ) >= 0 ) ? false : h5ai.config.sortorder.ascending
|
||||
};
|
||||
var $icon;
|
||||
if (order.ascending) {
|
||||
$icon = $("<img src='/h5ai/images/ascending.png' class='sort' alt='ascending' />");
|
||||
} else {
|
||||
$icon = $("<img src='/h5ai/images/descending.png' class='sort' alt='descending' />");
|
||||
};
|
||||
}
|
||||
if (order.column === "date") {
|
||||
$li.find("a.date").prepend($icon);
|
||||
} else if (order.column === "size") {
|
||||
$li.find("a.size").prepend($icon);
|
||||
} else {
|
||||
$li.find("a.label").append($icon);
|
||||
};
|
||||
}
|
||||
|
||||
// entries
|
||||
$("#table td").closest("tr").each(function () {
|
||||
var path = pathCache.getPathForTableRow( document.location.pathname, this );
|
||||
var path = pathCache.getPath(document.location.pathname, this);
|
||||
$ul.append(path.updateExtendedHtml());
|
||||
});
|
||||
|
||||
$("#extended").append($ul);
|
||||
$.log( document.location.pathname, "folders:", $( "#extended .folder" ).size() , "files:", $( "#extended .file" ).size() );
|
||||
|
||||
// empty
|
||||
if ($ul.children(".entry:not(.parentfolder)").size() === 0) {
|
||||
$("#extended").append($("<div class='empty l10n-empty'>empty</div>"));
|
||||
};
|
||||
|
||||
// in case of floats
|
||||
$( "#extended" ).addClass( "clearfix" );
|
||||
};
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* customize
|
||||
*******************************/
|
||||
|
||||
this.customize = function () {
|
||||
}
|
||||
},
|
||||
customize = function () {
|
||||
|
||||
$.ajax({
|
||||
url: this.config.customHeader,
|
||||
url: settings.customHeader,
|
||||
dataType: "html",
|
||||
success: function (data) {
|
||||
$("#content > header").append($(data)).show();
|
||||
@@ -131,23 +91,29 @@ var Extended = function ( pathCache, h5ai ) {
|
||||
});
|
||||
|
||||
$.ajax({
|
||||
url: this.config.customFooter,
|
||||
url: settings.customFooter,
|
||||
dataType: "html",
|
||||
success: function (data) {
|
||||
$("#content > footer").prepend($(data)).show();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* init counts
|
||||
*******************************/
|
||||
|
||||
this.initCounts = function () {
|
||||
},
|
||||
initCounts = function () {
|
||||
|
||||
$(".folderCount").text($("#extended .entry.folder:not(.parentfolder)").size());
|
||||
$(".fileCount").text($("#extended .entry.file").size());
|
||||
},
|
||||
init = function () {
|
||||
|
||||
initTitle();
|
||||
initBreadcrumb();
|
||||
initExtendedView();
|
||||
customize();
|
||||
initCounts();
|
||||
},
|
||||
extended = {
|
||||
init: init
|
||||
};
|
||||
|
||||
return extended;
|
||||
};
|
||||
|
||||
@@ -1,10 +1,7 @@
|
||||
|
||||
var H5ai = function (options, langs) {
|
||||
|
||||
|
||||
/*******************************
|
||||
* config
|
||||
*******************************/
|
||||
"use strict";
|
||||
/*global $, window, localStorage*/
|
||||
|
||||
var defaults = {
|
||||
store: {
|
||||
@@ -22,90 +19,55 @@ var H5ai = function ( options, langs ) {
|
||||
},
|
||||
showTree: true,
|
||||
slideTree: true,
|
||||
folderStatus: {
|
||||
},
|
||||
folderStatus: {},
|
||||
lang: null,
|
||||
useBrowserLang: true,
|
||||
setParentFolderLabels: true,
|
||||
linkHoverStates: true
|
||||
};
|
||||
this.config = $.extend( {}, defaults, options );
|
||||
linkHoverStates: true,
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* public api
|
||||
*******************************/
|
||||
|
||||
this.pathClick = function ( fn ) {
|
||||
dateFormat: "Y-m-d H:i",
|
||||
ignore: ["h5ai", "h5ai.header.html", "h5ai.footer.html"],
|
||||
ignoreRE: ["/^\\./"],
|
||||
showThumbs: true
|
||||
},
|
||||
settings = $.extend({}, defaults, options),
|
||||
pathClick = function (fn) {
|
||||
|
||||
if ($.isFunction(fn)) {
|
||||
this.config.callbacks.pathClick.push( fn );
|
||||
};
|
||||
return this;
|
||||
};
|
||||
settings.callbacks.pathClick.push(fn);
|
||||
}
|
||||
},
|
||||
triggerPathClick = function (path, context) {
|
||||
|
||||
var i, l, a = settings.callbacks.pathClick;
|
||||
|
||||
for (i = 0, l = a.length; i < l; i++) {
|
||||
a[i].call(window, path, context);
|
||||
}
|
||||
},
|
||||
getViewmode = function () {
|
||||
|
||||
/*******************************
|
||||
* init
|
||||
*******************************/
|
||||
var viewmode = localStorage.getItem(settings.store.viewmode);
|
||||
|
||||
this.init = function () {
|
||||
return $.inArray(viewmode, settings.viewmodes) >= 0 ? viewmode : settings.viewmodes[0];
|
||||
},
|
||||
applyViewmode = function (viewmode) {
|
||||
|
||||
this.applyViewmode();
|
||||
this.initTopSpace();
|
||||
this.initViews();
|
||||
this.initTree();
|
||||
this.linkHoverStates();
|
||||
this.initLangSelector( langs );
|
||||
this.localize( langs, this.config.lang, this.config.useBrowserLang );
|
||||
this.initIndicators();
|
||||
};
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* callback triggers
|
||||
*******************************/
|
||||
|
||||
this.triggerPathClick = function ( path, context ) {
|
||||
|
||||
for ( idx in this.config.callbacks.pathClick ) {
|
||||
this.config.callbacks.pathClick[idx].call( window, path, context );
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* local stored viewmode
|
||||
*******************************/
|
||||
|
||||
this.getViewmode = function () {
|
||||
|
||||
var viewmode = localStorage.getItem( this.config.store.viewmode );
|
||||
return $.inArray( viewmode, this.config.viewmodes ) >= 0 ? viewmode : this.config.viewmodes[0];
|
||||
};
|
||||
|
||||
|
||||
this.applyViewmode = function ( viewmode ) {
|
||||
|
||||
if ( viewmode !== undefined ) {
|
||||
localStorage.setItem( this.config.store.viewmode, viewmode );
|
||||
};
|
||||
viewmode = this.getViewmode();
|
||||
if (viewmode) {
|
||||
localStorage.setItem(settings.store.viewmode, viewmode);
|
||||
}
|
||||
viewmode = getViewmode();
|
||||
|
||||
$("#viewdetails,#viewicons").hide().removeClass("current");
|
||||
|
||||
if ( this.config.viewmodes.length > 1 ) {
|
||||
if ( $.inArray( "details", this.config.viewmodes ) >= 0 ) {
|
||||
if (settings.viewmodes.length > 1) {
|
||||
if ($.inArray("details", settings.viewmodes) >= 0) {
|
||||
$("#viewdetails").show();
|
||||
};
|
||||
if ( $.inArray( "icons", this.config.viewmodes ) >= 0 ) {
|
||||
}
|
||||
if ($.inArray("icons", settings.viewmodes) >= 0) {
|
||||
$("#viewicons").show();
|
||||
};
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
if (viewmode === "details") {
|
||||
$("#viewdetails").closest("li").addClass("current");
|
||||
@@ -115,184 +77,171 @@ var H5ai = function ( options, langs ) {
|
||||
$("#extended").removeClass("details-view").addClass("icons-view").show();
|
||||
} else {
|
||||
$("#extended").hide();
|
||||
};
|
||||
};
|
||||
}
|
||||
},
|
||||
initTopSpace = function () {
|
||||
|
||||
var adjustTopSpace = function () {
|
||||
|
||||
var winHeight = $(window).height(),
|
||||
navHeight = $("body > nav").outerHeight(),
|
||||
footerHeight = $("body > footer").outerHeight(),
|
||||
contentSpacing = 50,
|
||||
treeSpacing = 50;
|
||||
|
||||
/*******************************
|
||||
* top space, depending on nav height
|
||||
*******************************/
|
||||
$("body").css({
|
||||
"margin-top": navHeight + contentSpacing,
|
||||
"margin-bottom": footerHeight + contentSpacing
|
||||
});
|
||||
|
||||
this.initTopSpace = function () {
|
||||
$("#tree").css({
|
||||
top: navHeight + treeSpacing,
|
||||
height: winHeight - navHeight - footerHeight - 36 - 2 * treeSpacing
|
||||
});
|
||||
|
||||
function adjustTopSpace() {
|
||||
|
||||
var winHeight = $( window ).height();
|
||||
var navHeight = $( "body > nav" ).outerHeight();
|
||||
var footerHeight = $( "body > footer" ).outerHeight();
|
||||
var contentSpacing = 50;
|
||||
var treeSpacing = 50;
|
||||
|
||||
$( "body" )
|
||||
.css( "margin-top", "" + ( navHeight + contentSpacing ) + "px" )
|
||||
.css( "margin-bottom", "" + ( footerHeight + contentSpacing ) + "px" );
|
||||
|
||||
$( "#tree" )
|
||||
.css( "top", "" + ( navHeight + treeSpacing ) + "px" )
|
||||
.css( "height", "" + ( winHeight - navHeight - footerHeight - 36 - 2 * treeSpacing ) + "px" );
|
||||
try {
|
||||
$("#tree").get(0).updateScrollbar();
|
||||
} catch ( err ) {};
|
||||
} catch (err) {}
|
||||
};
|
||||
|
||||
$(window).resize(function () {
|
||||
adjustTopSpace();
|
||||
});
|
||||
adjustTopSpace();
|
||||
};
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* init views
|
||||
*******************************/
|
||||
|
||||
this.initViews = function () {
|
||||
},
|
||||
initViews = function () {
|
||||
|
||||
$("#table").remove();
|
||||
|
||||
$("#viewdetails").closest("li")
|
||||
.click( $.proxy( function () {
|
||||
this.applyViewmode( "details" );
|
||||
}, this ) );
|
||||
.click(function () { applyViewmode("details"); });
|
||||
$("#viewicons").closest("li")
|
||||
.click( $.proxy( function () {
|
||||
this.applyViewmode( "icons" );
|
||||
}, this ) );
|
||||
.click(function () { applyViewmode("icons"); });
|
||||
|
||||
$( "#extended .entry" ).hover(
|
||||
// status update
|
||||
$("#extended .entry a").hover(
|
||||
function () {
|
||||
if ($("#extended").hasClass("icons-view")) {
|
||||
$this = $( this );
|
||||
var $this = $(this);
|
||||
$(".status.default").hide();
|
||||
$(".status.dynamic")
|
||||
.empty()
|
||||
.append($this.find(".label").clone())
|
||||
.append( " · " )
|
||||
.append($("<span class='sep'>·</span>"))
|
||||
.append($this.find(".date").clone())
|
||||
.show();
|
||||
|
||||
if ( ! $this.hasClass( "folder" ) ) {
|
||||
if (!$this.closest(".entry").hasClass("folder")) {
|
||||
$(".status.dynamic")
|
||||
.append( " · " )
|
||||
.append($("<span class='sep'>·</span>"))
|
||||
.append($this.find(".size").clone());
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
function () {
|
||||
$(".status.default").show();
|
||||
$( ".status.dynamic" )
|
||||
.empty()
|
||||
.hide();
|
||||
$(".status.dynamic").empty().hide();
|
||||
}
|
||||
);
|
||||
};
|
||||
},
|
||||
shiftTree = function (forceVisible, dontAnimate) {
|
||||
|
||||
var $tree = $("#tree"),
|
||||
$extended = $("#extended");
|
||||
|
||||
|
||||
/*******************************
|
||||
* init tree
|
||||
*******************************/
|
||||
|
||||
this.shiftTree = function ( forceVisible, dontAnimate ) {
|
||||
|
||||
var $tree = $( "#tree" );
|
||||
var $extended = $( "#extended" );
|
||||
|
||||
if ( this.config.slideTree && $tree.outerWidth() < $extended.offset().left || forceVisible === true ) {
|
||||
if ( dontAnimate === true ) {
|
||||
if (settings.slideTree && $tree.outerWidth() < $extended.offset().left || forceVisible) {
|
||||
if (dontAnimate) {
|
||||
$tree.stop().css({ left: 0 });
|
||||
} else {
|
||||
$tree.stop().animate({ left: 0 });
|
||||
};
|
||||
}
|
||||
} else {
|
||||
if ( dontAnimate === true ) {
|
||||
if (dontAnimate) {
|
||||
$tree.stop().css({ left: 18 - $tree.outerWidth() });
|
||||
} else {
|
||||
$tree.stop().animate({ left: 18 - $tree.outerWidth() });
|
||||
};
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
this.initTree = function () {
|
||||
}
|
||||
}
|
||||
},
|
||||
initTree = function () {
|
||||
|
||||
$("#tree").hover(
|
||||
$.proxy( function () { this.shiftTree( true ); }, this ),
|
||||
$.proxy( function () { this.shiftTree(); }, this )
|
||||
function () { shiftTree(true); },
|
||||
function () { shiftTree(); }
|
||||
);
|
||||
$( window ).resize( $.proxy( function () { this.shiftTree(); }, this ) );
|
||||
this.shiftTree( false, true );
|
||||
};
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* link hover states
|
||||
*******************************/
|
||||
|
||||
this.linkHoverStates = function () {
|
||||
|
||||
if ( !this.config.linkHoverStates ) {
|
||||
return;
|
||||
};
|
||||
$(window).resize(function () { shiftTree(); });
|
||||
shiftTree(false, true);
|
||||
},
|
||||
linkHoverStates = function () {
|
||||
|
||||
if (settings.linkHoverStates) {
|
||||
$("a[href^='/']:not(.linkedHoverStates)").each(function () {
|
||||
|
||||
var $a = $( this ).addClass( "linkedHoverStates" );
|
||||
var href = $a.attr( "href" );
|
||||
var $a = $(this).addClass("linkedHoverStates"),
|
||||
href = $a.attr("href");
|
||||
|
||||
$a.hover(
|
||||
function () {
|
||||
$( "a[href='" + href + "']" ).addClass( "hover" );
|
||||
},
|
||||
function () {
|
||||
$( "a[href='" + href + "']" ).removeClass( "hover" );
|
||||
}
|
||||
function () { $("a[href='" + href + "']").addClass("hover"); },
|
||||
function () { $("a[href='" + href + "']").removeClass("hover"); }
|
||||
);
|
||||
});
|
||||
};
|
||||
}
|
||||
},
|
||||
localize = function (langs, lang, useBrowserLang) {
|
||||
|
||||
var storedLang = localStorage.getItem(settings.store.lang),
|
||||
browserLang, selected, key;
|
||||
|
||||
if (langs[storedLang]) {
|
||||
lang = storedLang;
|
||||
} else if (useBrowserLang) {
|
||||
browserLang = navigator.language;
|
||||
if (langs[browserLang]) {
|
||||
lang = browserLang;
|
||||
} else if (browserLang.length > 2 && langs[browserLang.substr(0, 2)]) {
|
||||
lang = browserLang.substr(0, 2);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************
|
||||
* localization
|
||||
*******************************/
|
||||
if (!langs[lang]) {
|
||||
lang = "en";
|
||||
}
|
||||
|
||||
this.initLangSelector = function ( langs ) {
|
||||
selected = langs[lang];
|
||||
if (selected) {
|
||||
for (key in selected) {
|
||||
$(".l10n-" + key).text(selected[key]);
|
||||
}
|
||||
$(".lang").text(lang);
|
||||
$(".langOption").removeClass("current");
|
||||
$(".langOption." + lang).addClass("current");
|
||||
}
|
||||
},
|
||||
initLangSelector = function (langs) {
|
||||
|
||||
var idx, lang,
|
||||
sortedLangsKeys = [],
|
||||
$ul;
|
||||
|
||||
var sortedLangsKeys = [];
|
||||
for (lang in langs) {
|
||||
sortedLangsKeys.push(lang);
|
||||
};
|
||||
}
|
||||
sortedLangsKeys.sort();
|
||||
|
||||
var THIS = this;
|
||||
var $ul = $( "<ul />" );
|
||||
$ul = $("<ul />");
|
||||
for (idx in sortedLangsKeys) {
|
||||
(function (lang) {
|
||||
$("<li class='langOption' />")
|
||||
.addClass(lang)
|
||||
.text( lang + " - " + langs[lang]["lang"] )
|
||||
.text(lang + " - " + langs[lang].lang)
|
||||
.appendTo($ul)
|
||||
.click(function () {
|
||||
localStorage.setItem( THIS.config.store.lang, lang );
|
||||
THIS.localize( langs, lang, false );
|
||||
localStorage.setItem(settings.store.lang, lang);
|
||||
localize(langs, lang, false);
|
||||
});
|
||||
})(sortedLangsKeys[idx]);
|
||||
};
|
||||
$( "#langSelector .langOptions" )
|
||||
.append( $ul );
|
||||
}
|
||||
$("#langSelector .langOptions").append($ul);
|
||||
$("#langSelector").hover(
|
||||
function () {
|
||||
var $ele = $(".langOptions");
|
||||
@@ -302,51 +251,18 @@ var H5ai = function ( options, langs ) {
|
||||
$(".langOptions").stop(true, true).fadeOut();
|
||||
}
|
||||
);
|
||||
};
|
||||
},
|
||||
initIndicators = function () {
|
||||
|
||||
this.localize = function ( langs, lang, useBrowserLang ) {
|
||||
|
||||
if ( useBrowserLang === true ) {
|
||||
var browserLang = navigator.language;
|
||||
if ( langs[ browserLang ] !== undefined ) {
|
||||
lang = browserLang;
|
||||
} else if ( browserLang.length > 2 && langs[ browserLang.substr( 0, 2 ) ] !== undefined ) {
|
||||
lang = browserLang.substr( 0, 2 );
|
||||
};
|
||||
};
|
||||
|
||||
if ( langs[ lang ] === undefined ) {
|
||||
lang = "en";
|
||||
};
|
||||
|
||||
var storedLang = localStorage.getItem( this.config.store.lang );
|
||||
if ( langs[ storedLang ] !== undefined ) {
|
||||
lang = storedLang;
|
||||
};
|
||||
|
||||
var selected = langs[ lang ];
|
||||
for ( key in selected ) {
|
||||
$( ".l10n-" + key ).text( selected[key] );
|
||||
};
|
||||
$( ".lang" ).text( lang );
|
||||
$( ".langOption" ).removeClass( "current" );
|
||||
$( ".langOption." + lang ).addClass( "current" );
|
||||
};
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
* initiate tree indicators
|
||||
*******************************/
|
||||
|
||||
this.initIndicators = function () {
|
||||
|
||||
var THIS = this;
|
||||
$("#tree .entry.folder:not(.initiatedIndicator)").each(function () {
|
||||
|
||||
var $entry = $( this ).addClass( "initiatedIndicator" );
|
||||
var $indicator = $entry.find( "> .indicator" );
|
||||
var $entry = $(this).addClass("initiatedIndicator"),
|
||||
$indicator = $entry.find("> .indicator");
|
||||
|
||||
$indicator.click(function (event) {
|
||||
|
||||
var $content;
|
||||
|
||||
if ($indicator.hasClass("unknown")) {
|
||||
$.get("/h5ai/php/treecontent.php", { "href": $entry.find("> a").attr("href") }, function (html) {
|
||||
$content = $(html);
|
||||
@@ -357,8 +273,8 @@ var H5ai = function ( options, langs ) {
|
||||
$indicator.addClass("open");
|
||||
$entry.find("> .content").replaceWith($content);
|
||||
$("#tree").get(0).updateScrollbar();
|
||||
THIS.initIndicators();
|
||||
};
|
||||
initIndicators();
|
||||
}
|
||||
});
|
||||
} else if ($indicator.hasClass("open")) {
|
||||
$indicator.removeClass("open");
|
||||
@@ -372,8 +288,104 @@ var H5ai = function ( options, langs ) {
|
||||
$entry.find("> .content").slideDown(function () {
|
||||
$("#tree").get(0).updateScrollbar();
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
initSelect = function () {
|
||||
|
||||
var x = 0,
|
||||
y = 0,
|
||||
$window = $(window),
|
||||
selected = function (hrefs) {
|
||||
|
||||
var query, idx;
|
||||
for (idx in hrefs) {
|
||||
query = query ? query + ":" + hrefs[idx] : hrefs[idx];
|
||||
}
|
||||
query = "/h5ai/php/zipcontent.php?hrefs=" + query;
|
||||
$("#download").show().find("a").attr("href", query);
|
||||
},
|
||||
selectionUpdate = function (event) {
|
||||
|
||||
var l = Math.min(x, event.pageX),
|
||||
t = Math.min(y, event.pageY),
|
||||
w = Math.abs(x - event.pageX),
|
||||
h = Math.abs(y - event.pageY),
|
||||
sel;
|
||||
|
||||
event.preventDefault();
|
||||
$("#selection-rect").css({left: l, top: t, width: w, height: h});
|
||||
|
||||
sel = $("#selection-rect").fracs("rect");
|
||||
$("#extended a").removeClass("selected").each(function () {
|
||||
|
||||
var $a = $(this),
|
||||
rect = $a.fracs("rect"),
|
||||
inter = sel.intersection(rect);
|
||||
if (inter && !$a.closest(".entry").hasClass("folder-parent")) {
|
||||
$a.addClass("selected");
|
||||
}
|
||||
});
|
||||
},
|
||||
selectionEnd = function (event) {
|
||||
|
||||
event.preventDefault();
|
||||
$("#selection-rect").hide().css({left: 0, top: 0, width: 0, height: 0});
|
||||
|
||||
$window.unbind("mousemove", selectionUpdate);
|
||||
|
||||
var hrefs = [];
|
||||
$("#extended a.selected").each(function () {
|
||||
hrefs.push($(this).attr("href"));
|
||||
});
|
||||
if (hrefs.length > 0) {
|
||||
selected(hrefs);
|
||||
}
|
||||
},
|
||||
selectionStart = function (event) {
|
||||
|
||||
event.preventDefault();
|
||||
x = event.pageX;
|
||||
y = event.pageY;
|
||||
$("#download").hide().find("a").attr("href", "#");
|
||||
$("#extended a").removeClass("selected");
|
||||
$("#selection-rect").show().css({left: x, top: y, width: 0, height: 0});
|
||||
|
||||
$window
|
||||
.bind("mousemove", selectionUpdate)
|
||||
.one("mouseup", selectionEnd);
|
||||
},
|
||||
noSelection = function (event) {
|
||||
|
||||
event.stopPropagation();
|
||||
return false;
|
||||
};
|
||||
|
||||
$("body>nav,body>footer,#tree,#extended a").bind("mousedown", noSelection);
|
||||
$("#extended a").live("mousedown", noSelection);
|
||||
$window.bind("mousedown", selectionStart);
|
||||
},
|
||||
init = function () {
|
||||
|
||||
applyViewmode();
|
||||
initTopSpace();
|
||||
initViews();
|
||||
initTree();
|
||||
linkHoverStates();
|
||||
initLangSelector(langs);
|
||||
localize(langs, settings.lang, settings.useBrowserLang);
|
||||
initIndicators();
|
||||
initSelect();
|
||||
},
|
||||
h5ai = {
|
||||
settings: settings,
|
||||
shiftTree: shiftTree,
|
||||
linkHoverStates: linkHoverStates,
|
||||
pathClick: pathClick,
|
||||
triggerPathClick: triggerPathClick,
|
||||
init: init
|
||||
};
|
||||
|
||||
return h5ai;
|
||||
};
|
||||
|
||||
871
src/h5ai/js/inc/jquery.fracs.js
Normal file
871
src/h5ai/js/inc/jquery.fracs.js
Normal file
@@ -0,0 +1,871 @@
|
||||
/*
|
||||
* jQuery.fracs 0.10
|
||||
* http://larsjung.de/fracs
|
||||
*
|
||||
* provided under the terms of the MIT License
|
||||
*/
|
||||
|
||||
/*
|
||||
* ModPlug 0.4
|
||||
* http://larsjung.de/modplug
|
||||
*
|
||||
* provided under the terms of the MIT License
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
"use strict";
|
||||
/*globals jQuery */
|
||||
/*jslint confusion: true */
|
||||
|
||||
var reference = "_mp_api";
|
||||
|
||||
$.ModPlug = $.ModPlug || {
|
||||
plugin: function (namespace, options) {
|
||||
|
||||
if (!namespace || $[namespace] || $.fn[namespace]) {
|
||||
// $.error("No namespace specified, or a plugin already exists on 'jQuery." + namespace + "'");
|
||||
return !namespace ? 1 : ($[namespace] ? 2 : 3);
|
||||
}
|
||||
|
||||
var defaults = {
|
||||
statics: {},
|
||||
methods: {},
|
||||
defaultStatic: undefined,
|
||||
defaultMethod: undefined
|
||||
},
|
||||
settings = $.extend({}, defaults, options),
|
||||
staticPlug = function () {
|
||||
|
||||
var args, defaultMethod;
|
||||
|
||||
args = Array.prototype.slice.call(arguments);
|
||||
defaultMethod = settings.defaultStatic instanceof Function ? settings.defaultStatic.apply(this, args) : settings.defaultStatic;
|
||||
if (staticPlug[defaultMethod] instanceof Function) {
|
||||
return staticPlug[defaultMethod].apply(this, args);
|
||||
}
|
||||
$.error("Static method defaulted to '" + defaultMethod + "' does not exist on 'jQuery." + namespace + "'");
|
||||
},
|
||||
methods = {},
|
||||
methodPlug = function (method) {
|
||||
|
||||
var args, defaultMethod;
|
||||
|
||||
if (methods[method] instanceof Function) {
|
||||
args = Array.prototype.slice.call(arguments, 1);
|
||||
return methods[method].apply(this, args);
|
||||
}
|
||||
|
||||
args = Array.prototype.slice.call(arguments);
|
||||
defaultMethod = settings.defaultMethod instanceof Function ? settings.defaultMethod.apply(this, args) : settings.defaultMethod;
|
||||
if (methods[defaultMethod] instanceof Function) {
|
||||
return methods[defaultMethod].apply(this, args);
|
||||
}
|
||||
$.error("Method '" + method + "' defaulted to '" + defaultMethod + "' does not exist on 'jQuery." + namespace + "'");
|
||||
},
|
||||
api = {
|
||||
addStatics: function (newStatics) {
|
||||
|
||||
$.extend(staticPlug, newStatics);
|
||||
staticPlug[reference] = api;
|
||||
return this;
|
||||
},
|
||||
addMethods: function (newMethods) {
|
||||
|
||||
$.extend(methods, newMethods);
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
api.addStatics(settings.statics).addMethods(settings.methods);
|
||||
$[namespace] = staticPlug;
|
||||
$.fn[namespace] = methodPlug;
|
||||
return 0;
|
||||
},
|
||||
module: function (namespace, options) {
|
||||
|
||||
if (!$[namespace] || !$[namespace][reference]) {
|
||||
// $.error("No ModPlug plugin exists on 'jQuery." + namespace + "'");
|
||||
return !$[namespace] ? 1 : 2;
|
||||
}
|
||||
|
||||
var defaults = {
|
||||
statics: {},
|
||||
methods: {}
|
||||
},
|
||||
settings = $.extend({}, defaults, options);
|
||||
|
||||
$[namespace][reference].addStatics(settings.statics).addMethods(settings.methods);
|
||||
return 0;
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
||||
/*
|
||||
* jQuery.fracs - Core API
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
"use strict";
|
||||
/*globals jQuery, HTMLElement */
|
||||
/*jslint browser: true, vars: true */
|
||||
|
||||
|
||||
var FracsData = function (htmlElementOrRect) {
|
||||
|
||||
var target = htmlElementOrRect,
|
||||
callbacks = [],
|
||||
prevFracs;
|
||||
|
||||
this.size = function () {
|
||||
|
||||
return callbacks.length;
|
||||
};
|
||||
|
||||
this.bind = function (callback) {
|
||||
|
||||
if (callback instanceof Function && $.inArray(callback, callbacks) === -1) {
|
||||
callbacks.push(callback);
|
||||
}
|
||||
};
|
||||
|
||||
this.unbind = function (callback) {
|
||||
|
||||
if (callback instanceof Function) {
|
||||
var idx = $.inArray(callback, callbacks);
|
||||
if (idx >= 0) {
|
||||
callbacks.splice(idx, 1);
|
||||
}
|
||||
} else {
|
||||
callbacks = [];
|
||||
}
|
||||
};
|
||||
|
||||
this.check = function () {
|
||||
|
||||
var rect = target instanceof HTMLElement ? $.fracs.rect(target) : target,
|
||||
fracs = $.fracs.fracs(rect, $.fracs.viewport());
|
||||
|
||||
if (!prevFracs || !prevFracs.equals(fracs)) {
|
||||
$.each(callbacks, function (idx, callback) {
|
||||
callback.call(target, fracs, prevFracs);
|
||||
});
|
||||
prevFracs = fracs;
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
var Rect = function (left, top, width, height) {
|
||||
|
||||
var fracsData;
|
||||
|
||||
this.left = Math.round(left);
|
||||
this.top = Math.round(top);
|
||||
this.width = Math.round(width);
|
||||
this.height = Math.round(height);
|
||||
this.right = this.left + this.width;
|
||||
this.bottom = this.top + this.height;
|
||||
|
||||
this.equals = function (that) {
|
||||
|
||||
return this.left === that.left && this.top === that.top && this.width === that.width && this.height === that.height;
|
||||
};
|
||||
|
||||
this.area = function () {
|
||||
|
||||
return this.width * this.height;
|
||||
};
|
||||
|
||||
this.intersection = function (rect) {
|
||||
|
||||
var left = Math.max(this.left, rect.left),
|
||||
right = Math.min(this.right, rect.right),
|
||||
top = Math.max(this.top, rect.top),
|
||||
bottom = Math.min(this.bottom, rect.bottom),
|
||||
width = right - left,
|
||||
height = bottom - top;
|
||||
|
||||
return (width >= 0 && height >= 0) ? new Rect(left, top, width, height) : undefined;
|
||||
};
|
||||
|
||||
this.envelope = function (rect) {
|
||||
|
||||
var left = Math.min(this.left, rect.left),
|
||||
right = Math.max(this.right, rect.right),
|
||||
top = Math.min(this.top, rect.top),
|
||||
bottom = Math.max(this.bottom, rect.bottom),
|
||||
width = right - left,
|
||||
height = bottom - top;
|
||||
|
||||
return new Rect(left, top, width, height);
|
||||
};
|
||||
|
||||
this.bind = function (callback) {
|
||||
|
||||
if (!fracsData) {
|
||||
fracsData = new FracsData(this);
|
||||
$(window).bind("scroll resize", fracsData.check);
|
||||
}
|
||||
fracsData.bind(callback);
|
||||
};
|
||||
|
||||
this.unbind = function (callback) {
|
||||
|
||||
if (fracsData) {
|
||||
fracsData.unbind(callback);
|
||||
if (fracsData.size() === 0) {
|
||||
$(window).unbind("scroll resize", fracsData.check);
|
||||
fracsData = undefined;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
this.check = function () {
|
||||
|
||||
if (fracsData) {
|
||||
fracsData.check();
|
||||
}
|
||||
};
|
||||
|
||||
this.fracs = function () {
|
||||
|
||||
$.fracs.fracs(this);
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
var FracsResult = function (rectDocument, rectElement, rectViewport, visible, viewport, possible) {
|
||||
|
||||
/*jslint confusion: true */
|
||||
|
||||
if (!rectDocument || !rectElement || !rectViewport || !visible || !viewport || !possible) {
|
||||
this.rects = undefined;
|
||||
this.visible = 0;
|
||||
this.viewport = 0;
|
||||
this.possible = 0;
|
||||
} else {
|
||||
this.rects = {
|
||||
document: rectDocument,
|
||||
element: rectElement,
|
||||
viewport: rectViewport
|
||||
};
|
||||
this.visible = visible;
|
||||
this.viewport = viewport;
|
||||
this.possible = possible;
|
||||
}
|
||||
|
||||
this.equals = function (that) {
|
||||
|
||||
return this.fracsEqual(that) && this.rectsEqual(that);
|
||||
};
|
||||
|
||||
this.fracsEqual = function (that) {
|
||||
|
||||
return this.visible === that.visible && this.viewport === that.viewport && this.possible === that.possible;
|
||||
};
|
||||
|
||||
this.rectsEqual = function (that) {
|
||||
|
||||
if (!this.rects || !that.rects) {
|
||||
return this.rects === that.rects;
|
||||
}
|
||||
return this.rects.document.equals(that.rects.document)
|
||||
&& this.rects.element.equals(that.rects.element)
|
||||
&& this.rects.viewport.equals(that.rects.viewport);
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
var ScrollState = function () {
|
||||
|
||||
var document = $.fracs.document(),
|
||||
viewport = $.fracs.viewport(),
|
||||
width = document.width - viewport.width,
|
||||
height = document.height - viewport.height;
|
||||
|
||||
this.width = width <= 0 ? undefined : viewport.left / width;
|
||||
this.height = height <= 0 ? undefined : viewport.top / height;
|
||||
this.left = viewport.left;
|
||||
this.top = viewport.top;
|
||||
this.right = document.right - viewport.right;
|
||||
this.bottom = document.bottom - viewport.bottom;
|
||||
|
||||
this.equals = function (that) {
|
||||
|
||||
return this.width === that.width && this.height === that.height
|
||||
&& this.left === that.left && this.top === that.top
|
||||
&& this.right === that.right && this.bottom === that.bottom;
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
var ScrollStateTracker = function () {
|
||||
|
||||
var prevState,
|
||||
callbacks = [],
|
||||
check = function () {
|
||||
|
||||
var state = new ScrollState();
|
||||
if (!prevState || !prevState.equals(state)) {
|
||||
$.each(callbacks, function (idx, callback) {
|
||||
callback.call(window, state, prevState);
|
||||
});
|
||||
prevState = state;
|
||||
}
|
||||
};
|
||||
|
||||
$(window).bind("resize scroll load", check);
|
||||
|
||||
this.bind = function (callback) {
|
||||
|
||||
callbacks.push(callback);
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
// @beta
|
||||
var FracsElement = function (htmlElement, fracs) {
|
||||
|
||||
this.element = htmlElement;
|
||||
this.fracs = fracs;
|
||||
|
||||
this.update = function () {
|
||||
|
||||
var fracs = $.fracs.fracs(this.element),
|
||||
changed = !this.fracs || !this.fracs.equals(fracs);
|
||||
this.fracs = fracs;
|
||||
return changed;
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
// @beta
|
||||
var FracsGroup = function (htmlElements, property, callback) {
|
||||
|
||||
var THIS = this,
|
||||
targets = [],
|
||||
prevBest = null;
|
||||
|
||||
$.each(htmlElements, function (idx, element) {
|
||||
if (element instanceof HTMLElement) {
|
||||
targets.push(new FracsElement(element));
|
||||
}
|
||||
});
|
||||
|
||||
this.check = function () {
|
||||
|
||||
var best,
|
||||
viewport = $.fracs.viewport();
|
||||
|
||||
$.each(targets, function (idx, target) {
|
||||
target.update();
|
||||
if (!best || target.fracs[property] > best.fracs[property]) {
|
||||
best = target;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
if (best && best.fracs[property] === 0) {
|
||||
best = null;
|
||||
}
|
||||
|
||||
if (prevBest !== best) {
|
||||
callback.call(THIS, best, prevBest);
|
||||
prevBest = best;
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
var $document = $(document),
|
||||
$window = $(window),
|
||||
$htmlBody = $("html,body"),
|
||||
scrollStateTracker,
|
||||
dataNs = "fracs",
|
||||
statics = {
|
||||
document: function () {
|
||||
|
||||
/*jslint confusion: true */
|
||||
return new Rect(0, 0, $document.width(), $document.height());
|
||||
},
|
||||
viewport: function () {
|
||||
|
||||
/*jslint confusion: true */
|
||||
return new Rect($window.scrollLeft(), $window.scrollTop(), $window.width(), $window.height());
|
||||
},
|
||||
rect: function (htmlElement) {
|
||||
|
||||
var $target = $(htmlElement),
|
||||
offset = $target.offset();
|
||||
|
||||
if (!$target.is(":visible")) {
|
||||
return new Rect(0, 0, 0, 0);
|
||||
}
|
||||
return new Rect(offset.left, offset.top, $target.outerWidth(), $target.outerHeight());
|
||||
},
|
||||
fracs: function (rect, viewport) {
|
||||
|
||||
var intersection, intersectionElementSpace, intersectionViewportSpace, intersectionArea, possibleArea;
|
||||
|
||||
rect = rect instanceof HTMLElement ? statics.rect(rect) : rect;
|
||||
viewport = viewport || statics.viewport();
|
||||
intersection = rect.intersection(viewport);
|
||||
|
||||
if (!intersection) {
|
||||
return new FracsResult();
|
||||
}
|
||||
|
||||
intersectionElementSpace = new Rect(intersection.left - rect.left, intersection.top - rect.top, intersection.width, intersection.height);
|
||||
intersectionViewportSpace = new Rect(intersection.left - viewport.left, intersection.top - viewport.top, intersection.width, intersection.height);
|
||||
intersectionArea = intersection.area();
|
||||
possibleArea = Math.min(rect.width, viewport.width) * Math.min(rect.height, viewport.height);
|
||||
|
||||
return new FracsResult(
|
||||
intersection,
|
||||
intersectionElementSpace,
|
||||
intersectionViewportSpace,
|
||||
intersectionArea / rect.area(),
|
||||
intersectionArea / viewport.area(),
|
||||
intersectionArea / possibleArea
|
||||
);
|
||||
},
|
||||
round: function (value, decs) {
|
||||
|
||||
if (isNaN(decs) || decs <= 0) {
|
||||
return Math.round(value);
|
||||
}
|
||||
return Math.round(value * Math.pow(10, decs)) / Math.pow(10, decs);
|
||||
},
|
||||
scrollTo: function (left, top, duration) {
|
||||
|
||||
duration = isNaN(duration) ? 1000 : duration;
|
||||
$htmlBody.stop(true).animate({ scrollLeft: left, scrollTop: top }, duration);
|
||||
},
|
||||
scroll: function (left, top, duration) {
|
||||
|
||||
duration = isNaN(duration) ? 1000 : duration;
|
||||
$htmlBody.stop(true).animate({ scrollLeft: $window.scrollLeft() + left, scrollTop: $window.scrollTop() + top }, duration);
|
||||
},
|
||||
scrollState: function (callback) {
|
||||
|
||||
if (callback instanceof Function) {
|
||||
scrollStateTracker = scrollStateTracker || new ScrollStateTracker();
|
||||
scrollStateTracker.bind(callback);
|
||||
} else {
|
||||
return new ScrollState();
|
||||
}
|
||||
}
|
||||
},
|
||||
methods = {
|
||||
bind: function (callback) {
|
||||
|
||||
return this.each(function () {
|
||||
|
||||
var $this = $(this),
|
||||
data = $this.data(dataNs);
|
||||
|
||||
if (!data) {
|
||||
data = new FracsData(this);
|
||||
$this.data(dataNs, data);
|
||||
$window.bind("scroll resize", data.check);
|
||||
}
|
||||
data.bind(callback);
|
||||
});
|
||||
},
|
||||
unbind: function (callback) {
|
||||
|
||||
return this.each(function () {
|
||||
|
||||
var $this = $(this),
|
||||
data = $this.data(dataNs);
|
||||
|
||||
if (data) {
|
||||
data.unbind(callback);
|
||||
if (data.size() === 0) {
|
||||
$this.removeData(dataNs);
|
||||
$window.unbind("scroll resize", data.check);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
check: function () {
|
||||
|
||||
return this.each(function () {
|
||||
|
||||
var data = $(this).data(dataNs);
|
||||
|
||||
if (data) {
|
||||
data.check();
|
||||
}
|
||||
});
|
||||
},
|
||||
fracs: function () {
|
||||
|
||||
return statics.fracs(statics.rect(this.get(0)), statics.viewport());
|
||||
},
|
||||
rect: function () {
|
||||
|
||||
return statics.rect(this.get(0));
|
||||
},
|
||||
max: function (property, callback) {
|
||||
|
||||
if (callback instanceof Function) {
|
||||
|
||||
var data = new FracsGroup(this, property, callback);
|
||||
|
||||
$window.bind("scroll resize", data.check);
|
||||
data.check();
|
||||
return this;
|
||||
} else {
|
||||
var obj, elements, maxValue;
|
||||
|
||||
if ($.inArray(property, [ "possible", "visible", "viewport" ]) >= 0) {
|
||||
obj = "fracs";
|
||||
} else if ($.inArray(property, [ "width", "height", "left", "right", "top", "bottom" ]) >= 0) {
|
||||
obj = "rect";
|
||||
} else {
|
||||
return this;
|
||||
}
|
||||
|
||||
this.each(function () {
|
||||
|
||||
var fracs = statics[obj](this);
|
||||
|
||||
if (!maxValue || fracs[property] > maxValue) {
|
||||
elements = [ this ];
|
||||
maxValue = fracs[property];
|
||||
} else if (fracs[property] === maxValue) {
|
||||
elements.push(this);
|
||||
}
|
||||
});
|
||||
return $(elements);
|
||||
}
|
||||
},
|
||||
min: function (property) {
|
||||
|
||||
var obj, elements, minValue;
|
||||
|
||||
if ($.inArray(property, [ "possible", "visible", "viewport" ]) >= 0) {
|
||||
obj = "fracs";
|
||||
} else if ($.inArray(property, [ "width", "height", "left", "right", "top", "bottom" ]) >= 0) {
|
||||
obj = "rect";
|
||||
} else {
|
||||
return this;
|
||||
}
|
||||
|
||||
this.each(function () {
|
||||
|
||||
var fracs = statics[obj](this);
|
||||
|
||||
if (!minValue || fracs[property] < minValue) {
|
||||
elements = [ this ];
|
||||
minValue = fracs[property];
|
||||
} else if (fracs[property] === minValue) {
|
||||
elements.push(this);
|
||||
}
|
||||
});
|
||||
return $(elements);
|
||||
},
|
||||
envelope: function () {
|
||||
|
||||
var envelope, rect;
|
||||
|
||||
this.each(function () {
|
||||
rect = statics.rect(this);
|
||||
envelope = !envelope ? rect : envelope.envelope(rect);
|
||||
});
|
||||
return envelope;
|
||||
},
|
||||
scrollTo: function (paddingLeft, paddingTop, duration) {
|
||||
|
||||
var rect;
|
||||
|
||||
paddingLeft = paddingLeft || 0;
|
||||
paddingTop = paddingTop || 0;
|
||||
rect = statics.rect(this.get(0));
|
||||
|
||||
statics.scrollTo(rect.left - paddingLeft, rect.top - paddingTop, duration);
|
||||
return this;
|
||||
},
|
||||
softLink: function (paddingLeft, paddingTop, duration) {
|
||||
|
||||
return this.filter("a[href^=#]").each(function () {
|
||||
var $a = $(this),
|
||||
href = $a.attr("href");
|
||||
$a.click(function () {
|
||||
$(href).fracs("scrollTo", paddingLeft, paddingTop, duration);
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
defaultStatic = function () {
|
||||
|
||||
return "fracs";
|
||||
},
|
||||
defaultMethod = function () {
|
||||
|
||||
if (arguments.length === 0) {
|
||||
return "fracs";
|
||||
} else if (arguments[0] instanceof Function) {
|
||||
return "bind";
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
$.ModPlug.plugin("fracs", {
|
||||
statics: statics,
|
||||
methods: methods,
|
||||
defaultStatic: defaultStatic,
|
||||
defaultMethod: defaultMethod
|
||||
});
|
||||
|
||||
}(jQuery));
|
||||
|
||||
/*
|
||||
* jQuery.fracs - Outline API
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
/*globals jQuery */
|
||||
/*jslint browser: true, vars: true */
|
||||
|
||||
|
||||
var Outline = function (canvas, options) {
|
||||
|
||||
if (!(canvas instanceof HTMLElement && canvas.nodeName.toLowerCase() === "canvas")) {
|
||||
return undefined;
|
||||
}
|
||||
|
||||
|
||||
var defaults = {
|
||||
crop: false,
|
||||
duration: 0,
|
||||
focusWidth: 0.5,
|
||||
focusHeight: 0.5,
|
||||
autoFocus: true,
|
||||
styles: [ {
|
||||
selector: "header,footer,section,article",
|
||||
fillStyle: "rgb(230,230,230)"
|
||||
}, {
|
||||
selector: "h1",
|
||||
fillStyle: "rgb(240,140,060)"
|
||||
}, {
|
||||
selector: "h2",
|
||||
fillStyle: "rgb(200,100,100)"
|
||||
}, {
|
||||
selector: "h3",
|
||||
fillStyle: "rgb(100,200,100)"
|
||||
}, {
|
||||
selector: "h4",
|
||||
fillStyle: "rgb(100,100,200)"
|
||||
} ],
|
||||
viewportStyle: {
|
||||
fillStyle: "rgba(228,77,38,0.3)"
|
||||
},
|
||||
viewportDragStyle: {
|
||||
fillStyle: "rgba(228,77,38,0.6)"
|
||||
},
|
||||
invertViewport: false
|
||||
},
|
||||
settings = $.extend({}, defaults, options),
|
||||
$window = $(window),
|
||||
$htmlBody = $("html,body"),
|
||||
$canvas = $(canvas),
|
||||
width = $canvas.attr("width"),
|
||||
height = $canvas.attr("height"),
|
||||
context = canvas.getContext("2d"),
|
||||
docRect,
|
||||
vpRect,
|
||||
scale,
|
||||
drag = false,
|
||||
focusWidth,
|
||||
focusHeight,
|
||||
scroll = function (event) {
|
||||
|
||||
var r, x, y;
|
||||
|
||||
r = $canvas.fracs("rect");
|
||||
x = event.pageX - r.left;
|
||||
y = event.pageY - r.top;
|
||||
$.fracs.scrollTo(x / scale - vpRect.width * focusWidth, y / scale - vpRect.height * focusHeight, settings.duration);
|
||||
},
|
||||
drawRect = function (context, rect, strokeWidth, strokeStyle, fillStyle, invert) {
|
||||
|
||||
if (strokeWidth !== undefined && scale) {
|
||||
strokeWidth = strokeWidth > 0.2 / scale ? strokeWidth : 0.2 / scale;
|
||||
}
|
||||
|
||||
if (strokeStyle || fillStyle) {
|
||||
if (invert !== true) {
|
||||
context.beginPath();
|
||||
context.rect(rect.left, rect.top, rect.width, rect.height);
|
||||
if (fillStyle) {
|
||||
context.fillStyle = fillStyle;
|
||||
context.fill();
|
||||
}
|
||||
if (strokeStyle) {
|
||||
context.lineWidth = strokeWidth;
|
||||
context.strokeStyle = strokeStyle;
|
||||
context.stroke();
|
||||
}
|
||||
} else {
|
||||
if (fillStyle) {
|
||||
context.beginPath();
|
||||
context.rect(0, 0, docRect.width, rect.top);
|
||||
context.rect(0, rect.top, rect.left, rect.height);
|
||||
context.rect(rect.right, rect.top, docRect.right - rect.right, rect.height);
|
||||
context.rect(0, rect.bottom, docRect.width, docRect.bottom - rect.bottom);
|
||||
context.fillStyle = fillStyle;
|
||||
context.fill();
|
||||
}
|
||||
if (strokeStyle) {
|
||||
context.beginPath();
|
||||
context.rect(rect.left, rect.top, rect.width, rect.height);
|
||||
context.lineWidth = strokeWidth;
|
||||
context.strokeStyle = strokeStyle;
|
||||
context.stroke();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
drawElement = function (context, htmlElement, strokeWidth, strokeStyle, fillStyle) {
|
||||
|
||||
var $element = $(htmlElement),
|
||||
rect = $element.fracs("rect");
|
||||
|
||||
if ($element.css("visibility") === "hidden") {
|
||||
return;
|
||||
}
|
||||
|
||||
strokeWidth = strokeWidth === "auto" ? $element.css("border-top-width") : strokeWidth;
|
||||
strokeStyle = strokeStyle === "auto" ? $element.css("border-top-color") : strokeStyle;
|
||||
fillStyle = fillStyle === "auto" ? $element.css("background-color") : fillStyle;
|
||||
drawRect(context, rect, strokeWidth, strokeStyle, fillStyle);
|
||||
},
|
||||
drawViewport = function () {
|
||||
|
||||
var strokeWidth, strokeStyle, fillStyle;
|
||||
|
||||
if (drag && settings.viewportDragStyle) {
|
||||
strokeWidth = settings.viewportDragStyle.storkeWidth;
|
||||
strokeStyle = settings.viewportDragStyle.strokeStyle;
|
||||
fillStyle = settings.viewportDragStyle.fillStyle;
|
||||
} else {
|
||||
strokeWidth = settings.viewportStyle.storkeWidth;
|
||||
strokeStyle = settings.viewportStyle.strokeStyle;
|
||||
fillStyle = settings.viewportStyle.fillStyle;
|
||||
}
|
||||
drawRect(context, vpRect, strokeWidth, strokeStyle, fillStyle, settings.invertViewport);
|
||||
},
|
||||
applyStyles = function (context) {
|
||||
|
||||
$.each(settings.styles, function (idx, style) {
|
||||
$(style.selector).each(function () {
|
||||
drawElement(context, this, style.strokeWidth, style.strokeStyle, style.fillStyle);
|
||||
});
|
||||
});
|
||||
},
|
||||
draw = function () {
|
||||
|
||||
/*jslint confusion: true */
|
||||
|
||||
var scaleX, scaleY;
|
||||
|
||||
docRect = $.fracs.document();
|
||||
vpRect = $.fracs.viewport();
|
||||
scaleX = width / docRect.width;
|
||||
scaleY = height / docRect.height;
|
||||
scale = scaleX < scaleY ? scaleX : scaleY;
|
||||
|
||||
if (settings.crop) {
|
||||
$canvas.attr("width", docRect.width * scale).attr("height", docRect.height * scale);
|
||||
}
|
||||
|
||||
context.clearRect(0, 0, $canvas.width(), $canvas.height());
|
||||
|
||||
context.scale(scale, scale);
|
||||
applyStyles(context);
|
||||
drawViewport();
|
||||
context.scale(1 / scale, 1 / scale);
|
||||
},
|
||||
init = function () {
|
||||
|
||||
$canvas
|
||||
.css("cursor", "pointer")
|
||||
.mousedown(function (event) {
|
||||
|
||||
var r;
|
||||
|
||||
event.preventDefault();
|
||||
drag = true;
|
||||
if (settings.autoFocus) {
|
||||
r = $canvas.fracs("rect");
|
||||
focusWidth = (((event.pageX - r.left) / scale) - vpRect.left) / vpRect.width;
|
||||
focusHeight = (((event.pageY - r.top) / scale) - vpRect.top) / vpRect.height;
|
||||
}
|
||||
if (!settings.autoFocus || focusWidth < 0 || focusWidth > 1 || focusHeight < 0 || focusHeight > 1) {
|
||||
focusWidth = settings.focusWidth;
|
||||
focusHeight = settings.focusHeight;
|
||||
}
|
||||
scroll(event);
|
||||
$canvas.css("cursor", "crosshair").addClass("dragOn");
|
||||
$htmlBody.css("cursor", "crosshair");
|
||||
$window
|
||||
.bind("mousemove", scroll)
|
||||
.one("mouseup", function (event) {
|
||||
event.preventDefault();
|
||||
$canvas.css("cursor", "pointer").removeClass("dragOn");
|
||||
$htmlBody.css("cursor", "auto");
|
||||
$window.unbind("mousemove", scroll);
|
||||
drag = false;
|
||||
draw();
|
||||
});
|
||||
});
|
||||
canvas.onselectstart = function () {
|
||||
return false;
|
||||
};
|
||||
$window.bind("load resize scroll", draw);
|
||||
draw();
|
||||
};
|
||||
|
||||
|
||||
init();
|
||||
|
||||
|
||||
this.draw = draw;
|
||||
};
|
||||
|
||||
|
||||
var dataNs = "outline",
|
||||
methods = {
|
||||
outline: function (options) {
|
||||
|
||||
return this.each(function () {
|
||||
|
||||
var outline;
|
||||
|
||||
if (options === "redraw") {
|
||||
outline = $(this).data(dataNs);
|
||||
if (outline) {
|
||||
outline.draw();
|
||||
}
|
||||
} else {
|
||||
outline = new Outline(this, options);
|
||||
if (outline) {
|
||||
$(this).data(dataNs, outline);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
$.ModPlug.module("fracs", {
|
||||
methods: methods
|
||||
});
|
||||
|
||||
}(jQuery));
|
||||
|
||||
31
src/h5ai/js/inc/jquery.json.min.js
vendored
31
src/h5ai/js/inc/jquery.json.min.js
vendored
@@ -1,31 +0,0 @@
|
||||
// v2.2
|
||||
(function($){$.toJSON=function(o)
|
||||
{if(typeof(JSON)=='object'&&JSON.stringify)
|
||||
return JSON.stringify(o);var type=typeof(o);if(o===null)
|
||||
return"null";if(type=="undefined")
|
||||
return undefined;if(type=="number"||type=="boolean")
|
||||
return o+"";if(type=="string")
|
||||
return $.quoteString(o);if(type=='object')
|
||||
{if(typeof o.toJSON=="function")
|
||||
return $.toJSON(o.toJSON());if(o.constructor===Date)
|
||||
{var month=o.getUTCMonth()+1;if(month<10)month='0'+month;var day=o.getUTCDate();if(day<10)day='0'+day;var year=o.getUTCFullYear();var hours=o.getUTCHours();if(hours<10)hours='0'+hours;var minutes=o.getUTCMinutes();if(minutes<10)minutes='0'+minutes;var seconds=o.getUTCSeconds();if(seconds<10)seconds='0'+seconds;var milli=o.getUTCMilliseconds();if(milli<100)milli='0'+milli;if(milli<10)milli='0'+milli;return'"'+year+'-'+month+'-'+day+'T'+
|
||||
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}
|
||||
if(o.constructor===Array)
|
||||
{var ret=[];for(var i=0;i<o.length;i++)
|
||||
ret.push($.toJSON(o[i])||"null");return"["+ret.join(",")+"]";}
|
||||
var pairs=[];for(var k in o){var name;var type=typeof k;if(type=="number")
|
||||
name='"'+k+'"';else if(type=="string")
|
||||
name=$.quoteString(k);else
|
||||
continue;if(typeof o[k]=="function")
|
||||
continue;var val=$.toJSON(o[k]);pairs.push(name+":"+val);}
|
||||
return"{"+pairs.join(", ")+"}";}};$.evalJSON=function(src)
|
||||
{if(typeof(JSON)=='object'&&JSON.parse)
|
||||
return JSON.parse(src);return eval("("+src+")");};$.secureEvalJSON=function(src)
|
||||
{if(typeof(JSON)=='object'&&JSON.parse)
|
||||
return JSON.parse(src);var filtered=src;filtered=filtered.replace(/\\["\\\/bfnrtu]/g,'@');filtered=filtered.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']');filtered=filtered.replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered))
|
||||
return eval("("+src+")");else
|
||||
throw new SyntaxError("Error parsing JSON, source is not valid.");};$.quoteString=function(string)
|
||||
{if(string.match(_escapeable))
|
||||
{return'"'+string.replace(_escapeable,function(a)
|
||||
{var c=_meta[a];if(typeof c==='string')return c;c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}
|
||||
return'"'+string+'"';};var _escapeable=/["\\\x00-\x1f\x7f-\x9f]/g;var _meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};})(jQuery);
|
||||
@@ -2,36 +2,40 @@
|
||||
|
||||
var init = function (htmlElement) {
|
||||
|
||||
var $element = $( htmlElement );
|
||||
var $element = $(htmlElement),
|
||||
$scrollbar, $drag, $wrapper, $content, mouseOffsetY, updateId,
|
||||
update, scroll;
|
||||
|
||||
if ( $element.css( "position" ) === undefined || $element.css( "position" ) === "static" ) {
|
||||
if (!$element.css("position") || $element.css("position") === "static") {
|
||||
$element.css("position", "relative");
|
||||
};
|
||||
}
|
||||
|
||||
var $scrollbar = $( "<div class='scrollbar' />" );
|
||||
var $drag = $( "<div class='drag' />" ).appendTo( $scrollbar );
|
||||
$scrollbar = $("<div class='scrollbar' />");
|
||||
$drag = $("<div class='drag' />").appendTo($scrollbar);
|
||||
$element
|
||||
.wrapInner("<div class='wrapper'><div class='content' /></div>")
|
||||
.append($scrollbar);
|
||||
var $wrapper = $element.find( "> .wrapper" );
|
||||
var $content = $wrapper.find( "> .content" );
|
||||
var mouseOffsetY = 0;
|
||||
var updateId = undefined;
|
||||
$wrapper = $element.find("> .wrapper");
|
||||
$content = $wrapper.find("> .content");
|
||||
mouseOffsetY = 0;
|
||||
|
||||
var update = function ( repeat ) {
|
||||
if ( updateId !== undefined && !repeat ) {
|
||||
update = function (repeat) {
|
||||
|
||||
var visibleHeight, contentHeight, scrollTop, scrollTopFrac, visVertFrac;
|
||||
|
||||
if (updateId && !repeat) {
|
||||
clearInterval(updateId);
|
||||
updateId = undefined;
|
||||
} else if ( updateId === undefined && repeat ) {
|
||||
} else if (!updateId && repeat) {
|
||||
updateId = setInterval(function() { update(true); }, 50);
|
||||
};
|
||||
}
|
||||
|
||||
$wrapper.css("height", $element.height());
|
||||
var visibleHeight = $element.height();
|
||||
var contentHeight = $content.outerHeight();
|
||||
var scrollTop = $wrapper.scrollTop();
|
||||
var scrollTopFrac = scrollTop / contentHeight;
|
||||
var visVertFrac = Math.min( visibleHeight / contentHeight, 1 );
|
||||
visibleHeight = $element.height();
|
||||
contentHeight = $content.outerHeight();
|
||||
scrollTop = $wrapper.scrollTop();
|
||||
scrollTopFrac = scrollTop / contentHeight;
|
||||
visVertFrac = Math.min(visibleHeight / contentHeight, 1);
|
||||
|
||||
if (visVertFrac < 1) {
|
||||
$scrollbar
|
||||
@@ -46,17 +50,21 @@
|
||||
});
|
||||
} else {
|
||||
$scrollbar.fadeOut(50);
|
||||
}
|
||||
};
|
||||
};
|
||||
var scroll = function ( event ) {
|
||||
event.preventDefault();
|
||||
|
||||
scroll = function (event) {
|
||||
|
||||
var clickFrac = (event.pageY - $scrollbar.offset().top - mouseOffsetY) / $scrollbar.height();
|
||||
|
||||
$wrapper.scrollTop($content.outerHeight() * clickFrac);
|
||||
update();
|
||||
event.preventDefault();
|
||||
};
|
||||
|
||||
$element
|
||||
.mousewheel(function (event, delta) {
|
||||
|
||||
$wrapper.scrollTop($wrapper.scrollTop() - 50 * delta);
|
||||
update();
|
||||
event.stopPropagation();
|
||||
@@ -79,12 +87,14 @@
|
||||
cursor: "pointer"
|
||||
})
|
||||
.mousedown(function (event) {
|
||||
|
||||
mouseOffsetY = $drag.outerHeight() / 2;
|
||||
scroll(event);
|
||||
$scrollbar.addClass("dragOn");
|
||||
$(window)
|
||||
.bind("mousemove", scroll)
|
||||
.one("mouseup", function (event) {
|
||||
|
||||
$scrollbar.removeClass("dragOn");
|
||||
$(window).unbind("mousemove", scroll);
|
||||
scroll(event);
|
||||
@@ -93,7 +103,9 @@
|
||||
event.preventDefault();
|
||||
})
|
||||
.each(function () {
|
||||
|
||||
this.onselectstart = function () {
|
||||
|
||||
return false;
|
||||
};
|
||||
});
|
||||
@@ -104,12 +116,14 @@
|
||||
width: "100%"
|
||||
})
|
||||
.mousedown(function (event) {
|
||||
|
||||
mouseOffsetY = event.pageY - $drag.offset().top;
|
||||
scroll(event);
|
||||
$scrollbar.addClass("dragOn");
|
||||
$(window)
|
||||
.bind("mousemove", scroll)
|
||||
.one("mouseup", function (event) {
|
||||
|
||||
$scrollbar.removeClass("dragOn");
|
||||
$(window).unbind("mousemove", scroll);
|
||||
scroll(event);
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
(function ($) {
|
||||
"use strict";
|
||||
/*global jQuery, window*/
|
||||
|
||||
// http://paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
|
||||
// modified
|
||||
@@ -7,18 +9,21 @@
|
||||
$.log.history.push(arguments);
|
||||
if (window.console) {
|
||||
window.console.log(Array.prototype.slice.call(arguments));
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
var Timer = function () {
|
||||
this.start = new Date().getTime();;
|
||||
this.last = this.start;
|
||||
this.log = function ( label ) {
|
||||
var now = new Date().getTime();
|
||||
$.log( "timer", label, "+" + (now - this.last), "=" + (now - this.start) );
|
||||
this.last = now;
|
||||
$.timer = (function () {
|
||||
var start = $.now(),
|
||||
last = start,
|
||||
timer = {
|
||||
log: function (label) {
|
||||
var now = $.now();
|
||||
$.log("timer", label, "+" + (now - last), "=" + (now - start));
|
||||
last = now;
|
||||
}
|
||||
};
|
||||
};
|
||||
$.timer = new Timer();
|
||||
|
||||
return timer;
|
||||
}());
|
||||
|
||||
})(jQuery);
|
||||
@@ -1,465 +1,404 @@
|
||||
|
||||
var pathnameSplitRegEx = /^(\/(.*\/)*)([^\/]+\/?)$/;
|
||||
var pathEndsWithSlashRegEx = /\/$/;
|
||||
|
||||
var PathCache = function () {
|
||||
|
||||
|
||||
this.cache = {};
|
||||
this.objectCache = {};
|
||||
|
||||
|
||||
this.splitPathname = function ( pathname ) {
|
||||
|
||||
if ( pathname === "/" ) {
|
||||
return [ "", "/" ];
|
||||
};
|
||||
var match = pathnameSplitRegEx.exec( pathname );
|
||||
return [ match[1], match[3] ];
|
||||
};
|
||||
|
||||
|
||||
this.loadCache = function () {
|
||||
|
||||
var json = localStorage.getItem( "h5ai.cache" );
|
||||
var objs = $.evalJSON( json );
|
||||
var objectCache = {};
|
||||
for ( idx in objs ) {
|
||||
var obj = objs[idx];
|
||||
objectCache[obj.r] = obj;
|
||||
};
|
||||
return objectCache;
|
||||
};
|
||||
|
||||
|
||||
this.storeCache = function () {
|
||||
|
||||
var objs = [];
|
||||
for ( ref in this.objectCache ) {
|
||||
objs.push( this.objectCache[ref] );
|
||||
};
|
||||
var json = $.toJSON( objs );
|
||||
localStorage.setItem( "h5ai.cache", json );
|
||||
};
|
||||
|
||||
|
||||
this.pathToObject = function ( path ) {
|
||||
|
||||
var object = {
|
||||
r: path.absHref,
|
||||
s: path.status,
|
||||
c: [],
|
||||
o: path.treeOpen
|
||||
};
|
||||
|
||||
if ( path.content !== undefined ) {
|
||||
for ( ref in path.content ) {
|
||||
object.c.push( ref );
|
||||
};
|
||||
};
|
||||
|
||||
return object;
|
||||
};
|
||||
|
||||
|
||||
this.objectToPath = function ( obj ) {
|
||||
|
||||
var path = this.getPathForFolder( obj.r );
|
||||
path.status = obj.s;
|
||||
path.content = {};
|
||||
path.treeOpen = obj.o;
|
||||
for ( idx in obj.c ) {
|
||||
var href = obj.c[idx];
|
||||
path.content[href] = this.getPathForFolder( href );
|
||||
};
|
||||
return path;
|
||||
};
|
||||
|
||||
|
||||
this.getAbsHref = function ( folder, tableRow ) {
|
||||
|
||||
if ( ! pathEndsWithSlashRegEx.test( folder ) ) {
|
||||
folder += "/";
|
||||
};
|
||||
|
||||
if ( tableRow === undefined ) {
|
||||
return folder;
|
||||
};
|
||||
|
||||
var $a = $( tableRow ).find( "td" ).eq( 1 ).find( "a" );
|
||||
var isParentFolder = ( $a.text() === "Parent Directory" );
|
||||
var href = $a.attr( "href" );
|
||||
return isParentFolder ? undefined : folder + href;
|
||||
};
|
||||
|
||||
|
||||
this.getPathForFolder = function ( folder ) {
|
||||
|
||||
var absHref = this.getAbsHref( folder );
|
||||
|
||||
var cachedPath = this.cache[absHref];
|
||||
if ( cachedPath !== undefined ) {
|
||||
return cachedPath;
|
||||
};
|
||||
|
||||
var path = new Path( this, folder );
|
||||
this.cache[path.absHref] = path;
|
||||
|
||||
var obj = this.objectCache[absHref];
|
||||
if ( obj !== undefined ) {
|
||||
path.status = obj.s;
|
||||
path.content = {};
|
||||
path.treeOpen = obj.o;
|
||||
for ( idx in obj.c ) {
|
||||
var href = obj.c[idx];
|
||||
path.content[href] = this.getPathForFolder( href );
|
||||
};
|
||||
} else {
|
||||
var obj = this.pathToObject( path );
|
||||
this.objectCache[obj.r] = obj;
|
||||
this.storeCache();
|
||||
};
|
||||
|
||||
return path;
|
||||
};
|
||||
|
||||
|
||||
this.getPathForTableRow = function ( parentFolder, tableRow ) {
|
||||
|
||||
var absHref = this.getAbsHref( parentFolder, tableRow );
|
||||
|
||||
var cachedPath = this.cache[absHref];
|
||||
if ( cachedPath !== undefined ) {
|
||||
return cachedPath;
|
||||
};
|
||||
|
||||
var path = new Path( this, parentFolder, tableRow );
|
||||
if ( ! path.isParentFolder ) {
|
||||
this.cache[path.absHref] = path;
|
||||
|
||||
var obj = this.objectCache[absHref];
|
||||
if ( obj !== undefined ) {
|
||||
path.status = obj.s;
|
||||
path.content = {};
|
||||
path.treeOpen = obj.o;
|
||||
for ( idx in obj.c ) {
|
||||
var href = obj.c[idx];
|
||||
path.content[href] = this.getPathForFolder( href );
|
||||
};
|
||||
} else {
|
||||
if ( path.isFolder && path.status !== undefined ) {
|
||||
var obj = this.pathToObject( path );
|
||||
this.objectCache[obj.r] = obj;
|
||||
this.storeCache();
|
||||
};
|
||||
};
|
||||
};
|
||||
|
||||
return path;
|
||||
};
|
||||
|
||||
|
||||
this.objectCache = this.loadCache();
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var Path = function (pathCache, folder, tableRow) {
|
||||
"use strict";
|
||||
/*global $, h5ai, tree*/
|
||||
|
||||
this.checkedDecodeUri = function ( uri ) {
|
||||
try {
|
||||
return decodeURI( uri );
|
||||
} catch ( err ) {
|
||||
};
|
||||
var path,
|
||||
checkedDecodeUri = function (uri) {
|
||||
|
||||
try { return decodeURI(uri); } catch (err) {}
|
||||
return uri;
|
||||
},
|
||||
isEmpty = function () {
|
||||
|
||||
return path.content === undefined || $.isEmptyObject(path.content);
|
||||
},
|
||||
onClick = function (context) {
|
||||
|
||||
h5ai.triggerPathClick(path, context);
|
||||
},
|
||||
updateHtml = function () {
|
||||
|
||||
path.updateCrumbHtml();
|
||||
path.updateExtendedHtml();
|
||||
path.updateTreeHtml();
|
||||
},
|
||||
updateCrumbHtml = function () {
|
||||
|
||||
var $html, $a;
|
||||
|
||||
if (path.html.$crumb && path.html.$crumb.data("status") === path.status) {
|
||||
return path.html.$crumb;
|
||||
}
|
||||
|
||||
if ( ! pathEndsWithSlashRegEx.test( folder ) ) {
|
||||
folder += "/";
|
||||
};
|
||||
$html = $("<li class='crumb' />")
|
||||
.data("path", path)
|
||||
.addClass(path.isFolder ? "folder" : "file");
|
||||
|
||||
if ( tableRow !== undefined ) {
|
||||
var $tds = $( tableRow ).find( "td" );
|
||||
var $img = $tds.eq( 0 ).find( "img" );
|
||||
var $a= $tds.eq( 1 ).find( "a" );
|
||||
if (path.status) {
|
||||
$html.data("status", path.status);
|
||||
}
|
||||
|
||||
this.parentFolder = folder;
|
||||
this.icon16 = $img.attr( "src" );
|
||||
this.alt = $img.attr( "alt" );
|
||||
this.label = $a.text();
|
||||
this.href = $a.attr("href");
|
||||
this.date = $tds.eq( 2 ).text();
|
||||
this.size = $tds.eq( 3 ).text();
|
||||
} else {
|
||||
var splits = pathCache.splitPathname( folder );
|
||||
$a = $("<a><img src='/h5ai/images/crumb.png' alt='>' />" + path.label + "</a>")
|
||||
.appendTo($html)
|
||||
.attr("href", path.absHref)
|
||||
.click(function() { onClick("crumb"); });
|
||||
|
||||
this.parentFolder = splits[0];
|
||||
this.href = splits[1];
|
||||
this.label = this.checkedDecodeUri( splits[1] );
|
||||
this.icon16 = "/h5ai/icons/16x16/folder.png";
|
||||
this.alt = "[DIR]";
|
||||
this.date = "";
|
||||
this.size = "";
|
||||
if ( this.label === "/" ) {
|
||||
this.label = this.checkedDecodeUri( document.domain ) + "/";
|
||||
};
|
||||
};
|
||||
|
||||
if ( pathEndsWithSlashRegEx.test( this.label ) ) {
|
||||
this.label = this.label.slice( 0, -1 );
|
||||
};
|
||||
|
||||
this.icon48 = this.icon16.replace( "16x16", "48x48" );
|
||||
this.isFolder = ( this.alt === "[DIR]" );
|
||||
this.isParentFolder = ( this.isFolder && this.label === "Parent Directory" );
|
||||
this.absHref = this.isParentFolder ? this.href : this.parentFolder + this.href;
|
||||
this.isCurrentFolder = ( this.absHref === document.location.pathname );
|
||||
this.isDomain = ( this.absHref === "/" );
|
||||
|
||||
if ( this.isParentFolder && h5ai.config.setParentFolderLabels ) {
|
||||
if ( this.isDomain ) {
|
||||
this.label = this.checkedDecodeUri( document.domain );
|
||||
} else {
|
||||
this.label = this.checkedDecodeUri( pathCache.splitPathname( pathCache.splitPathname( this.parentFolder )[0] )[1].slice( 0, -1 ) );
|
||||
};
|
||||
};
|
||||
|
||||
this.status = undefined; // undefined, "h5ai" or HTTP response code
|
||||
this.content = undefined; // associative array path.absHref -> path
|
||||
this.html = {
|
||||
$crumb: undefined,
|
||||
$extended: undefined,
|
||||
$tree: undefined
|
||||
};
|
||||
this.treeOpen = false;
|
||||
|
||||
this.isEmpty = function() {
|
||||
|
||||
return this.content === undefined || $.isEmptyObject( this.content );
|
||||
};
|
||||
|
||||
|
||||
this.onClick = function ( context ) {
|
||||
|
||||
h5ai.triggerPathClick( this, context );
|
||||
};
|
||||
|
||||
|
||||
this.updateHtml = function () {
|
||||
|
||||
this.updateCrumbHtml();
|
||||
this.updateExtendedHtml();
|
||||
this.updateTreeHtml();
|
||||
};
|
||||
|
||||
|
||||
this.updateCrumbHtml = function () {
|
||||
|
||||
if ( this.html.$crumb !== undefined && this.html.$crumb.data( "status" ) === this.status ) {
|
||||
return this.html.$crumb;
|
||||
};
|
||||
|
||||
var $html = $( "<li class='crumb' />" ).data( "path", this );
|
||||
if ( this.status !== undefined ) {
|
||||
$html.data( "status", this.status );
|
||||
};
|
||||
|
||||
try {
|
||||
$html.addClass( this.isFolder ? "folder" : "file" );
|
||||
var $a = $( "<a><img src='/h5ai/images/crumb.png' alt='>' />" + this.label + "</a>" );
|
||||
$a.attr( "href", this.absHref );
|
||||
$a.click( $.proxy( function() { this.onClick( "crumb" ); }, this ) );
|
||||
$html.append( $a );
|
||||
|
||||
if ( this.isDomain ) {
|
||||
if (path.isDomain) {
|
||||
$html.addClass("domain");
|
||||
$a.find("img").attr("src", "/h5ai/images/home.png");
|
||||
};
|
||||
}
|
||||
|
||||
if ( this.isCurrentFolder ) {
|
||||
if (path.isCurrentFolder) {
|
||||
$html.addClass("current");
|
||||
};
|
||||
}
|
||||
|
||||
if ( !isNaN( this.status ) ) {
|
||||
if ( this.status === 200 ) {
|
||||
if (!isNaN(path.status)) {
|
||||
if (path.status === 200) {
|
||||
$("<img class='hint' src='/h5ai/images/page.png' alt='not listable' />").appendTo($a);
|
||||
} else {
|
||||
$( "<span class='hint'>(" + this.status + ")</span>" ).appendTo( $a );
|
||||
};
|
||||
};
|
||||
} catch( err ) {
|
||||
$( "<span class='fail'>failed</span>" ).appendTo( $html );
|
||||
};
|
||||
$("<span class='hint'>(" + path.status + ")</span>").appendTo($a);
|
||||
}
|
||||
}
|
||||
|
||||
if ( this.html.$crumb !== undefined ) {
|
||||
this.html.$crumb.replaceWith( $html );
|
||||
};
|
||||
this.html.$crumb = $html;
|
||||
if (path.html.$crumb) {
|
||||
path.html.$cpathreplaceWith($html);
|
||||
}
|
||||
path.html.$crumb = $html;
|
||||
|
||||
return $html;
|
||||
};
|
||||
},
|
||||
updateExtendedHtml = function () {
|
||||
|
||||
var $html, $a, $label;
|
||||
|
||||
this.updateExtendedHtml = function () {
|
||||
if (path.html.$extended && path.html.$extended.data("status") === path.status) {
|
||||
return path.html.$extended;
|
||||
}
|
||||
|
||||
if ( this.html.$extended !== undefined && this.html.$extended.data( "status" ) === this.status ) {
|
||||
return this.html.$extended;
|
||||
};
|
||||
$html = $("<li class='entry' />")
|
||||
.data("path", path)
|
||||
.addClass(path.isFolder ? "folder" : "file");
|
||||
|
||||
var $html = $( "<li class='entry' />" ).data( "path", this );
|
||||
if ( this.status !== undefined ) {
|
||||
$html.data( "status", this.status );
|
||||
};
|
||||
if (path.status) {
|
||||
$html.data("status", path.status);
|
||||
}
|
||||
|
||||
try {
|
||||
$html.addClass( this.isFolder ? "folder" : "file" );
|
||||
var $a = $( "<a />" ).appendTo( $html );
|
||||
$a.attr( "href", this.absHref );
|
||||
$a.click( $.proxy( function() { this.onClick( "extended" ); }, this ) );
|
||||
$label = $("<span class='label'>" + path.label + "</span>");
|
||||
$a = $("<a />")
|
||||
.attr("href", path.absHref)
|
||||
.click(function() { onClick("extended"); })
|
||||
.appendTo($html)
|
||||
.append($("<span class='icon small'><img src='" + path.icon16 + "' alt='" + path.alt + "' /></span>"))
|
||||
.append($("<span class='icon big'><img src='" + path.icon48 + "' alt='" + path.alt + "' /></span>"))
|
||||
.append($label)
|
||||
.append($("<span class='date'>" + path.date + "</span>"))
|
||||
.append($("<span class='size'>" + path.size + "</span>"));
|
||||
|
||||
$( "<span class='icon small'><img src='" + this.icon16 + "' alt='" + this.alt + "' /></span>" ).appendTo( $a );
|
||||
$( "<span class='icon big'><img src='" + this.icon48 + "' alt='" + this.alt + "' /></span>" ).appendTo( $a );
|
||||
var $label = $( "<span class='label'>" + this.label + "</span>" ).appendTo( $a );
|
||||
$( "<span class='date'>" + this.date + "</span>" ).appendTo( $a );
|
||||
$( "<span class='size'>" + this.size + "</span>" ).appendTo( $a );
|
||||
$a.hover(
|
||||
function () {
|
||||
if ($("#extended").hasClass("icons-view")) {
|
||||
var $this = $(this);
|
||||
$(".status.default").hide();
|
||||
$(".status.dynamic")
|
||||
.empty()
|
||||
.append($this.find(".label").clone())
|
||||
.append($("<span class='sep'>·</span>"))
|
||||
.append($this.find(".date").clone())
|
||||
.show();
|
||||
|
||||
if ( this.isParentFolder ) {
|
||||
if ( !h5ai.config.setParentFolderLabels ) {
|
||||
if (!$this.closest(".entry").hasClass("folder")) {
|
||||
$(".status.dynamic")
|
||||
.append($("<span class='sep'>·</span>"))
|
||||
.append($this.find(".size").clone());
|
||||
}
|
||||
}
|
||||
},
|
||||
function () {
|
||||
$(".status.default").show();
|
||||
$(".status.dynamic").empty().hide();
|
||||
}
|
||||
);
|
||||
|
||||
if (path.isParentFolder) {
|
||||
if (!h5ai.settings.setParentFolderLabels) {
|
||||
$label.addClass("l10n-parentDirectory");
|
||||
};
|
||||
}
|
||||
$html.addClass("parentfolder");
|
||||
};
|
||||
}
|
||||
|
||||
if ( !isNaN( this.status ) ) {
|
||||
if ( this.status === 200 ) {
|
||||
if (!isNaN(path.status)) {
|
||||
if (path.status === 200) {
|
||||
$html.addClass("page");
|
||||
$a.find(".icon.small img").attr("src", "/h5ai/icons/16x16/folder-page.png");
|
||||
$a.find(".icon.big img").attr("src", "/h5ai/icons/48x48/folder-page.png");
|
||||
} else {
|
||||
$html.addClass("error");
|
||||
$label.append( $( "<span class='hint'> " + this.status + " </span>" ) );
|
||||
};
|
||||
};
|
||||
} catch( err ) {
|
||||
$( "<span class='fail'>failed</span>" ).appendTo( $html );
|
||||
};
|
||||
$label.append($("<span class='hint'> " + path.status + " </span>"));
|
||||
}
|
||||
}
|
||||
|
||||
if ( this.html.$extended !== undefined ) {
|
||||
this.html.$extended.replaceWith( $html );
|
||||
};
|
||||
this.html.$extended = $html;
|
||||
if (path.html.$extended) {
|
||||
path.html.$extended.replaceWith($html);
|
||||
}
|
||||
path.html.$extended = $html;
|
||||
|
||||
return $html;
|
||||
};
|
||||
},
|
||||
updateTreeHtml = function () {
|
||||
|
||||
var $html, $blank, $a, $indicator, $ul, idx;
|
||||
|
||||
this.updateTreeHtml = function () {
|
||||
$html = $("<div class='entry' />")
|
||||
.data("path", path)
|
||||
.addClass(path.isFolder ? "folder" : "file");
|
||||
|
||||
var $html = $( "<div class='entry' />" ).data( "path", this );
|
||||
var $blank = $( "<span class='blank' />" ).appendTo( $html );
|
||||
$blank = $("<span class='blank' />").appendTo($html);
|
||||
|
||||
try {
|
||||
$html.addClass( this.isFolder ? "folder" : "file" );
|
||||
var $a = $( "<a />" )
|
||||
$a = $("<a />")
|
||||
.attr("href", path.absHref)
|
||||
.click(function() { path.onClick("tree"); })
|
||||
.appendTo($html)
|
||||
.append( $( "<span class='icon'><img src='" + this.icon16 + "' /></span>" ) )
|
||||
.append( $( "<span class='label'>" + this.label + "</span>" ) );
|
||||
$a.attr( "href", this.absHref );
|
||||
$a.click( $.proxy( function() { this.onClick( "tree" ); }, this ) );
|
||||
.append($("<span class='icon'><img src='" + path.icon16 + "' /></span>"))
|
||||
.append($("<span class='label'>" + path.label + "</span>"));
|
||||
|
||||
if ( this.isFolder ) {
|
||||
if (path.isFolder) {
|
||||
// indicator
|
||||
if ( this.status === undefined || !this.isEmpty() ) {
|
||||
var $indicator = $( "<span class='indicator'><img src='/h5ai/images/tree.png' /></span>" );
|
||||
if ( this.status === undefined ) {
|
||||
if (path.status === undefined || !path.isEmpty()) {
|
||||
$indicator = $("<span class='indicator'><img src='/h5ai/images/tree.png' /></span>");
|
||||
if (path.status === undefined) {
|
||||
$indicator.addClass("unknown");
|
||||
} else if ( this.treeOpen ) {
|
||||
} else if (path.treeOpen) {
|
||||
$indicator.addClass("open");
|
||||
};
|
||||
$indicator.click( $.proxy( function( event ) {
|
||||
}
|
||||
$indicator.click(function(event) {
|
||||
|
||||
if ($indicator.hasClass("unknown")) {
|
||||
tree.fetchStatusAndContent( this.absHref, false, $.proxy( function ( status, content ) {
|
||||
this.status = status;
|
||||
this.content = content;
|
||||
this.treeOpen = true;
|
||||
pathCache.objectCache[this.absHref] = pathCache.pathToObject( this );
|
||||
pathCache.storeCache();
|
||||
tree.fetchStatusAndContent(path.absHref, false, function (status, content) {
|
||||
|
||||
path.status = status;
|
||||
path.content = content;
|
||||
path.treeOpen = true;
|
||||
$("#tree").get(0).updateScrollbar(true);
|
||||
this.updateTreeHtml( function() {
|
||||
path.updateTreeHtml(function() {
|
||||
|
||||
$("#tree").get(0).updateScrollbar();
|
||||
});
|
||||
}, this ) );
|
||||
});
|
||||
} else if ($indicator.hasClass("open")) {
|
||||
this.treeOpen = false;
|
||||
pathCache.objectCache[this.absHref] = pathCache.pathToObject( this );
|
||||
pathCache.storeCache();
|
||||
path.treeOpen = false;
|
||||
$indicator.removeClass("open");
|
||||
$("#tree").get(0).updateScrollbar(true);
|
||||
$html.find("> ul.content").slideUp(function() {
|
||||
|
||||
$("#tree").get(0).updateScrollbar();
|
||||
});
|
||||
} else {
|
||||
this.treeOpen = true;
|
||||
pathCache.objectCache[this.absHref] = pathCache.pathToObject( this );
|
||||
pathCache.storeCache();
|
||||
path.treeOpen = true;
|
||||
$indicator.addClass("open");
|
||||
$("#tree").get(0).updateScrollbar(true);
|
||||
$html.find("> ul.content").slideDown(function() {
|
||||
|
||||
$("#tree").get(0).updateScrollbar();
|
||||
});
|
||||
};
|
||||
}, this ) );
|
||||
}
|
||||
});
|
||||
$html.addClass("initiatedIndicator");
|
||||
$blank.replaceWith($indicator);
|
||||
};
|
||||
}
|
||||
|
||||
// is this the domain?
|
||||
if ( this.isDomain ) {
|
||||
// is path the domain?
|
||||
if (path.isDomain) {
|
||||
$html.addClass("domain");
|
||||
$a.find(".icon img").attr("src", "/h5ai/icons/16x16/folder-home.png");
|
||||
};
|
||||
}
|
||||
|
||||
// is this the current folder?
|
||||
if ( this.isCurrentFolder ) {
|
||||
// is path the current folder?
|
||||
if (path.isCurrentFolder) {
|
||||
$html.addClass("current");
|
||||
$a.find(".icon img").attr("src", "/h5ai/icons/16x16/folder-open.png");
|
||||
};
|
||||
}
|
||||
|
||||
// does it have subfolders?
|
||||
if ( !this.isEmpty() ) {
|
||||
var $ul = $( "<ul class='content' />" ).appendTo( $html );
|
||||
for ( idx in this.content ) {
|
||||
$( "<li />" ).append( this.content[idx].updateTreeHtml() ).appendTo( $ul );
|
||||
};
|
||||
if ( this.status === undefined || !this.treeOpen ) {
|
||||
if (!path.isEmpty()) {
|
||||
$ul = $("<ul class='content' />").appendTo($html);
|
||||
for (idx in path.content) {
|
||||
$("<li />").append(path.content[idx].updateTreeHtml()).appendTo($ul);
|
||||
}
|
||||
if (path.status === undefined || !path.treeOpen) {
|
||||
$ul.hide();
|
||||
};
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// reflect folder status
|
||||
if ( !isNaN( this.status ) ) {
|
||||
if ( this.status === 200 ) {
|
||||
if (!isNaN(path.status)) {
|
||||
if (path.status === 200) {
|
||||
$a.find(".icon img").attr("src", "/h5ai/icons/16x16/folder-page.png");
|
||||
$a.append($("<span class='hint'><img src='/h5ai/images/page.png' /></span>"));
|
||||
} else {
|
||||
$html.addClass("error");
|
||||
$a.append( $( "<span class='hint'>" + this.status + "</span>" ) );
|
||||
};
|
||||
};
|
||||
};
|
||||
} catch( err ) {
|
||||
$( "<span class='fail'>failed</span>" ).appendTo( $html );
|
||||
};
|
||||
$a.append($("<span class='hint'>" + path.status + "</span>"));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( this.html.$tree !== undefined ) {
|
||||
this.html.$tree.replaceWith( $html );
|
||||
};
|
||||
this.html.$tree = $html;
|
||||
if (path.html.$tree) {
|
||||
path.html.$tree.replaceWith($html);
|
||||
}
|
||||
path.html.$tree = $html;
|
||||
|
||||
return $html;
|
||||
},
|
||||
init = function () {
|
||||
|
||||
var $tds, $img, $a, splits;
|
||||
|
||||
path = {
|
||||
// parentFolder: undefined,
|
||||
// label: undefined,
|
||||
// date: undefined,
|
||||
// size: undefined,
|
||||
// href: undefined,
|
||||
// absHref: undefined,
|
||||
// alt: undefined,
|
||||
// icon16: undefined,
|
||||
// icon48: undefined,
|
||||
// isFolder: undefined,
|
||||
// isParentFolder: undefined,
|
||||
// isCurrentFolder: undefined,
|
||||
// isDomain: undefined,
|
||||
|
||||
status: undefined, // undefined, "h5ai" or HTTP response code
|
||||
content: undefined, // associative array path.absHref -> path
|
||||
html: {
|
||||
$crumb: undefined,
|
||||
$extended: undefined,
|
||||
$tree: undefined
|
||||
},
|
||||
treeOpen: false,
|
||||
|
||||
isEmpty: isEmpty,
|
||||
onClick: onClick,
|
||||
updateHtml: updateHtml,
|
||||
updateCrumbHtml: updateCrumbHtml,
|
||||
updateExtendedHtml: updateExtendedHtml,
|
||||
updateTreeHtml: updateTreeHtml
|
||||
};
|
||||
|
||||
if (!pathCache.pathEndsWithSlash(folder)) {
|
||||
folder += "/";
|
||||
}
|
||||
|
||||
if (tableRow) {
|
||||
$tds = $(tableRow).find("td");
|
||||
$img = $tds.eq(0).find("img");
|
||||
$a = $tds.eq(1).find("a");
|
||||
|
||||
path.parentFolder = folder;
|
||||
path.label = $a.text();
|
||||
path.date = $tds.eq(2).text();
|
||||
path.size = $tds.eq(3).text();
|
||||
path.href = $a.attr("href");
|
||||
path.alt = $img.attr("alt");
|
||||
path.icon16 = $img.attr("src");
|
||||
} else {
|
||||
splits = pathCache.splitPathname(folder);
|
||||
|
||||
path.parentFolder = splits[0];
|
||||
path.label = checkedDecodeUri(splits[1]);
|
||||
if (path.label === "/") {
|
||||
path.label = checkedDecodeUri(document.domain) + "/";
|
||||
}
|
||||
path.date = "";
|
||||
path.size = "";
|
||||
path.href = splits[1];
|
||||
path.alt = "[DIR]";
|
||||
path.icon16 = "/h5ai/icons/16x16/folder.png";
|
||||
}
|
||||
|
||||
if (pathCache.pathEndsWithSlash(path.label)) {
|
||||
path.label = path.label.slice(0, -1);
|
||||
}
|
||||
|
||||
path.icon48 = path.icon16.replace("16x16", "48x48");
|
||||
path.isFolder = (path.alt === "[DIR]");
|
||||
path.isParentFolder = (path.isFolder && path.label === "Parent Directory");
|
||||
path.absHref = path.isParentFolder ? path.href : path.parentFolder + path.href;
|
||||
path.isCurrentFolder = (path.absHref === document.location.pathname);
|
||||
path.isDomain = (path.absHref === "/");
|
||||
|
||||
if (path.isParentFolder && h5ai.settings.setParentFolderLabels) {
|
||||
if (path.isDomain) {
|
||||
path.label = checkedDecodeUri(document.domain);
|
||||
} else {
|
||||
path.label = checkedDecodeUri(pathCache.splitPathname(pathCache.splitPathname(path.parentFolder)[0])[1].slice(0, -1));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
init();
|
||||
|
||||
return path;
|
||||
};
|
||||
|
||||
|
||||
var PathCache = function () {
|
||||
"use strict";
|
||||
/*global $*/
|
||||
|
||||
var pathCache,
|
||||
cache = {},
|
||||
rePathnameSplit = /^(\/(.*\/)*)([^\/]+\/?)$/,
|
||||
rePathEndsWithSlash = /\/$/,
|
||||
splitPathname = function (pathname) {
|
||||
|
||||
var match;
|
||||
|
||||
if (pathname === "/") {
|
||||
return ["", "/"];
|
||||
}
|
||||
match = rePathnameSplit.exec(pathname);
|
||||
return [match[1], match[3]];
|
||||
},
|
||||
pathEndsWithSlash = function (pathname) {
|
||||
|
||||
return rePathEndsWithSlash.test(pathname);
|
||||
},
|
||||
getAbsHref = function (folder, tableRow) {
|
||||
|
||||
var $a, isParentFolder, href;
|
||||
|
||||
if (!pathEndsWithSlash(folder)) {
|
||||
folder += "/";
|
||||
}
|
||||
if (!tableRow) {
|
||||
return folder;
|
||||
}
|
||||
$a = $(tableRow).find("td").eq(1).find("a");
|
||||
isParentFolder = ($a.text() === "Parent Directory");
|
||||
href = $a.attr("href");
|
||||
return isParentFolder ? undefined : folder + href;
|
||||
},
|
||||
getPath = function (folder, tableRow) {
|
||||
|
||||
var absHref = getAbsHref(folder, tableRow),
|
||||
path = cache[absHref];
|
||||
|
||||
if (!path) {
|
||||
path = new Path(pathCache, folder, tableRow);
|
||||
if (!path.isParentFolder) {
|
||||
cache[path.absHref] = path;
|
||||
}
|
||||
}
|
||||
|
||||
return path;
|
||||
};
|
||||
|
||||
pathCache = {
|
||||
splitPathname: splitPathname,
|
||||
pathEndsWithSlash: pathEndsWithSlash,
|
||||
getPath: getPath
|
||||
};
|
||||
|
||||
return pathCache;
|
||||
};
|
||||
|
||||
@@ -1,149 +1,147 @@
|
||||
|
||||
var Tree = function (pathCache, h5ai) {
|
||||
"use strict";
|
||||
/*global $*/
|
||||
|
||||
var contentTypeRegEx = /^text\/html;h5ai=/,
|
||||
pathnameStatusCache = {},
|
||||
fetchStatus = function (pathname, callback) {
|
||||
|
||||
this.init = function () {
|
||||
if (h5ai.settings.folderStatus[pathname]) {
|
||||
callback(h5ai.settings.folderStatus[pathname]);
|
||||
return;
|
||||
} else if (pathnameStatusCache[pathname]) {
|
||||
callback(pathnameStatusCache[pathname]);
|
||||
return;
|
||||
}
|
||||
|
||||
if ( h5ai.config.showTree ) {
|
||||
this.updatePaths();
|
||||
this.populateTree();
|
||||
};
|
||||
};
|
||||
$.ajax({
|
||||
url: pathname,
|
||||
type: "HEAD",
|
||||
complete: function (xhr) {
|
||||
|
||||
var status = xhr.status;
|
||||
|
||||
this.updatePath = function ( path ) {
|
||||
if (status === 200 && contentTypeRegEx.test(xhr.getResponseHeader("Content-Type"))) {
|
||||
status = "h5ai";
|
||||
}
|
||||
pathnameStatusCache[pathname] = status;
|
||||
callback(status);
|
||||
}
|
||||
});
|
||||
},
|
||||
updatePath = function (path) {
|
||||
|
||||
if (path.isFolder && !path.isParentFolder && path.status === undefined) {
|
||||
this.fetchStatus( path.absHref, function ( status ) {
|
||||
fetchStatus(path.absHref, function (status) {
|
||||
|
||||
if (status !== "h5ai") {
|
||||
path.status = status;
|
||||
};
|
||||
}
|
||||
path.updateHtml();
|
||||
h5ai.linkHoverStates();
|
||||
});
|
||||
};
|
||||
};
|
||||
}
|
||||
},
|
||||
updatePaths = function () {
|
||||
|
||||
var ref;
|
||||
|
||||
this.updatePaths = function () {
|
||||
for (ref in pathCache.cache) {
|
||||
updatePath(pathCache.cache[ref]);
|
||||
}
|
||||
},
|
||||
fetchStatusAndContent = function (pathname, includeParent, callback) {
|
||||
|
||||
for ( var ref in pathCache.cache ) {
|
||||
this.updatePath( pathCache.cache[ref] );
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
this.populateTree = function () {
|
||||
|
||||
this.fetchTree( document.location.pathname, function( path ) {
|
||||
$( "#tree" )
|
||||
.append( path.updateTreeHtml() )
|
||||
.scrollpanel()
|
||||
.show();
|
||||
h5ai.shiftTree( false, true );
|
||||
h5ai.linkHoverStates();
|
||||
pathCache.storeCache();
|
||||
setTimeout( function () {
|
||||
$( "#tree" ).get( 0 ).updateScrollbar();
|
||||
}, 1 );
|
||||
} );
|
||||
};
|
||||
|
||||
|
||||
this.fetchTree = function ( pathname, callback, childPath ) {
|
||||
|
||||
this.fetchPath( pathname, $.proxy( function ( path ) {
|
||||
|
||||
path.treeOpen = true;
|
||||
|
||||
if ( childPath !== undefined ) {
|
||||
path.content[ childPath.absHref ] = childPath;
|
||||
};
|
||||
|
||||
var parent = pathCache.splitPathname( pathname )[0];
|
||||
if ( parent === "" ) {
|
||||
callback( path );
|
||||
} else {
|
||||
this.fetchTree( parent, callback, path );
|
||||
};
|
||||
}, this ) );
|
||||
};
|
||||
|
||||
|
||||
this.fetchPath = function ( pathname, callback ) {
|
||||
|
||||
this.fetchStatusAndContent( pathname, false, function ( status, content ) {
|
||||
var path = pathCache.getPathForFolder( pathname );
|
||||
path.status = status;
|
||||
path.content = content;
|
||||
callback( path );
|
||||
} );
|
||||
};
|
||||
|
||||
|
||||
|
||||
var THIS = this;
|
||||
var contentTypeRegEx = /^text\/html;h5ai=/;
|
||||
var pathnameStatusCache = {};
|
||||
|
||||
this.fetchStatusAndContent = function ( pathname, includeParent, callback ) {
|
||||
|
||||
this.fetchStatus( pathname, function ( status ) {
|
||||
fetchStatus(pathname, function (status) {
|
||||
|
||||
if (status !== "h5ai") {
|
||||
callback(status, {});
|
||||
return;
|
||||
};
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: pathname,
|
||||
type: "GET",
|
||||
dataType: "html",
|
||||
error: function (xhr) {
|
||||
|
||||
callback(xhr.status, {}); // since it was checked before this should never happen
|
||||
},
|
||||
success: function (html, status, xhr) {
|
||||
|
||||
var content = {};
|
||||
|
||||
if (!contentTypeRegEx.test(xhr.getResponseHeader("Content-Type"))) {
|
||||
callback(xhr.status, {}); // since it was checked before this should never happen
|
||||
return;
|
||||
};
|
||||
}
|
||||
|
||||
var content = {};
|
||||
$(html).find("#table td").closest("tr").each(function () {
|
||||
var path = pathCache.getPathForTableRow( pathname, this );
|
||||
|
||||
var path = pathCache.getPath(pathname, this);
|
||||
|
||||
if (path.isFolder && (!path.isParentFolder || includeParent)) {
|
||||
content[path.absHref] = path;
|
||||
THIS.updatePath( path );
|
||||
};
|
||||
updatePath(path);
|
||||
}
|
||||
});
|
||||
callback("h5ai", content);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
},
|
||||
fetchPath = function (pathname, callback) {
|
||||
|
||||
fetchStatusAndContent(pathname, false, function (status, content) {
|
||||
|
||||
this.fetchStatus = function ( pathname, callback ) {
|
||||
var path = pathCache.getPath(pathname);
|
||||
|
||||
if ( h5ai.config.folderStatus[ pathname ] !== undefined ) {
|
||||
callback( h5ai.config.folderStatus[ pathname ] );
|
||||
return;
|
||||
} else if ( pathnameStatusCache[ pathname ] !== undefined ) {
|
||||
callback( pathnameStatusCache[ pathname ] );
|
||||
return;
|
||||
};
|
||||
path.status = status;
|
||||
path.content = content;
|
||||
callback(path);
|
||||
});
|
||||
},
|
||||
fetchTree = function (pathname, callback, childPath) {
|
||||
|
||||
$.ajax( {
|
||||
url: pathname,
|
||||
type: "HEAD",
|
||||
complete: function ( xhr ) {
|
||||
var status = xhr.status;
|
||||
if ( status === 200 && contentTypeRegEx.test( xhr.getResponseHeader( "Content-Type" ) ) ) {
|
||||
status = "h5ai";
|
||||
};
|
||||
pathnameStatusCache[ pathname ] = status;
|
||||
callback( status );
|
||||
fetchPath(pathname, function (path) {
|
||||
|
||||
var parent = pathCache.splitPathname(pathname)[0];
|
||||
|
||||
path.treeOpen = true;
|
||||
if (childPath) {
|
||||
path.content[childPath.absHref] = childPath;
|
||||
}
|
||||
if (parent === "") {
|
||||
callback(path);
|
||||
} else {
|
||||
fetchTree(parent, callback, path);
|
||||
}
|
||||
});
|
||||
},
|
||||
populateTree = function () {
|
||||
|
||||
fetchTree(document.location.pathname, function (path) {
|
||||
$("#tree")
|
||||
.append(path.updateTreeHtml())
|
||||
.scrollpanel()
|
||||
.show();
|
||||
h5ai.shiftTree(false, true);
|
||||
h5ai.linkHoverStates();
|
||||
setTimeout(function () { $("#tree").get(0).updateScrollbar(); }, 1);
|
||||
});
|
||||
},
|
||||
init = function () {
|
||||
|
||||
if (h5ai.settings.showTree) {
|
||||
updatePaths();
|
||||
populateTree();
|
||||
}
|
||||
},
|
||||
tree = {
|
||||
fetchStatusAndContent: fetchStatusAndContent,
|
||||
init: init
|
||||
};
|
||||
|
||||
return tree;
|
||||
};
|
||||
|
||||
@@ -1,37 +1,25 @@
|
||||
(function($) {
|
||||
"use strict";
|
||||
/*global jQuery, h5aiOptions, h5aiLangs*/
|
||||
|
||||
// @include "inc/jquery.json.min.js"
|
||||
// @include "inc/jquery.mousewheel.min.js"
|
||||
// @include "inc/jquery.scrollpanel.js"
|
||||
// @include "inc/jquery.utils.js"
|
||||
// @include "inc/jquery.fracs.js"
|
||||
// @include "inc/path.js"
|
||||
// @include "inc/extended.js"
|
||||
// @include "inc/h5ai.js"
|
||||
// @include "inc/extended.js"
|
||||
// @include "inc/tree.js"
|
||||
|
||||
|
||||
/*******************************
|
||||
* create
|
||||
*******************************/
|
||||
|
||||
var pathCache = new PathCache();
|
||||
var h5ai = new H5ai( h5aiOptions, h5aiLangs );
|
||||
var extended = new Extended( pathCache, h5ai );
|
||||
var tree = new Tree( pathCache, h5ai );
|
||||
|
||||
|
||||
/*******************************
|
||||
* register public api
|
||||
*******************************/
|
||||
var pathCache = new PathCache(),
|
||||
h5ai = new H5ai(h5aiOptions, h5aiLangs),
|
||||
extended = new Extended(pathCache, h5ai),
|
||||
tree = new Tree(pathCache, h5ai);
|
||||
|
||||
$.h5ai = {
|
||||
click: $.proxy(h5ai.pathClick, h5ai)
|
||||
};
|
||||
|
||||
/*******************************
|
||||
* init after dom load
|
||||
*******************************/
|
||||
|
||||
$(function () {
|
||||
|
||||
extended.init();
|
||||
|
||||
@@ -1,32 +1,19 @@
|
||||
(function($) {
|
||||
"use strict";
|
||||
/*global jQuery, h5aiOptions, h5aiLangs*/
|
||||
|
||||
// @include "inc/jquery.json.min.js"
|
||||
// @include "inc/jquery.mousewheel.min.js"
|
||||
// @include "inc/jquery.scrollpanel.js"
|
||||
// @include "inc/jquery.utils.js"
|
||||
// @include "inc/jquery.fracs.js"
|
||||
// @include "inc/h5ai.js"
|
||||
|
||||
|
||||
/*******************************
|
||||
* create
|
||||
*******************************/
|
||||
|
||||
var h5ai = new H5ai(h5aiOptions, h5aiLangs);
|
||||
|
||||
|
||||
/*******************************
|
||||
* register public api
|
||||
*******************************/
|
||||
|
||||
$.h5ai = {
|
||||
click: $.proxy(h5ai.pathClick, h5ai)
|
||||
};
|
||||
|
||||
|
||||
/*******************************
|
||||
* init after dom load
|
||||
*******************************/
|
||||
|
||||
$(function () {
|
||||
|
||||
h5ai.init();
|
||||
|
||||
@@ -50,12 +50,7 @@ h5aiOptions = {
|
||||
* as a non auto indexed folder, that means a folder containing an
|
||||
* appropriate default index file.
|
||||
*/
|
||||
"folderStatus": {
|
||||
/*
|
||||
* for example:
|
||||
* "/some/folder/": 200
|
||||
*/
|
||||
},
|
||||
"folderStatus": {},
|
||||
|
||||
/*
|
||||
* Localization, for example "en", "de" etc. - see h5aiLangs below for
|
||||
|
||||
24
src/h5ai/php/zipcontent.php
Normal file
24
src/h5ai/php/zipcontent.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
|
||||
if (!array_key_exists("hrefs", $_REQUEST)) {
|
||||
echo "failed";
|
||||
exit;
|
||||
}
|
||||
|
||||
require_once "h5ai.php";
|
||||
require_once "zipit.php";
|
||||
|
||||
$h5ai = new H5ai();
|
||||
$zipit = new ZipIt($h5ai);
|
||||
|
||||
$files = explode(":", trim($_REQUEST["hrefs"]));
|
||||
|
||||
$zipFile = $zipit->zip($files);
|
||||
|
||||
header("Content-Disposition: attachment; filename=\"h5ai-selection.zip\"");
|
||||
header("Content-Type: application/force-download");
|
||||
header("Content-Length: " . filesize($zipFile));
|
||||
header("Connection: close");
|
||||
readfile($zipFile);
|
||||
|
||||
?>
|
||||
57
src/h5ai/php/zipit.php
Normal file
57
src/h5ai/php/zipit.php
Normal file
@@ -0,0 +1,57 @@
|
||||
<?php
|
||||
|
||||
class ZipIt {
|
||||
private $h5ai;
|
||||
|
||||
public function __construct($h5ai) {
|
||||
|
||||
$this->h5ai = $h5ai;
|
||||
}
|
||||
|
||||
public function zip($hrefs) {
|
||||
|
||||
$zipFile = tempnam("/tmp", "h5ai-download");
|
||||
$zip = new ZipArchive();
|
||||
|
||||
if (!$zip->open($zipFile, ZIPARCHIVE::CREATE)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
foreach ($hrefs as $href) {
|
||||
$localFile = $this->h5ai->getAbsPath($href);
|
||||
$file = preg_replace("!^" . $this->h5ai->getDocRoot() . "!", "", $localFile);
|
||||
if (is_dir($localFile)) {
|
||||
$this->zipDir($zip, $localFile, $file);
|
||||
} else {
|
||||
$this->zipFile($zip, $localFile, $file);
|
||||
}
|
||||
}
|
||||
|
||||
$zip->close();
|
||||
return $zipFile;
|
||||
}
|
||||
|
||||
private function zipFile($zip, $localFile, $file) {
|
||||
|
||||
if (is_readable($localFile)) {
|
||||
$zip->addFile($localFile, $file);
|
||||
}
|
||||
}
|
||||
|
||||
private function zipDir($zip, $localDir, $dir) {
|
||||
|
||||
$zip->addEmptyDir($dir);
|
||||
$files = $this->h5ai->readDir($localDir);
|
||||
foreach ($files as $file) {
|
||||
$localFile = $localDir . "/" . $file;
|
||||
$file = $dir . "/" . $file;
|
||||
if (is_dir($localFile)) {
|
||||
$this->zipDir($zip, $localFile, $file);
|
||||
} else {
|
||||
$this->zipFile($zip, $localFile, $file);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
Reference in New Issue
Block a user