mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-05-28 22:16:00 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes.

Browse source
This commit is contained in:
Lars Jung 2011-06-16 01:53:16 +02:00
parent eb20529d08
commit 9ca2b61a9c
4 changed files with 29 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

6
h5ai/footer.html
View file

@ -1,5 +1,7 @@
<!-- generated code ends here --> <!-- generated code ends here -->
<div id="empty">empty</div> </section>
<section id="icons">
</section>
<section id="h5ai-bottom"></section> <section id="h5ai-bottom"></section>
</section> </section>
<footer> <footer>

17
h5ai/header.html
View file

@ -12,16 +12,17 @@
<nav> <nav>
<ul> <ul>
<li id="domain" class="crumb"><a href="/"><img src="/h5ai/icons/home.png" alt="domain" /><span>domain</span></a></li> <li id="domain" class="crumb"><a href="/"><img src="/h5ai/icons/home.png" alt="domain" /><span>domain</span></a></li>
<li id="icons" class="view"><a href="#"><img src="/h5ai/icons/view-icons.png" alt="view-icons" />icons</a></li> <li id="viewicons" class="view"><a href="#"><img src="/h5ai/icons/view-icons.png" alt="view-icons" />icons</a></li>
<li id="details" class="view" ><a href="#"><img src="/h5ai/icons/view-details.png" alt="view-details" />details</a></li> <li id="viewdetails" class="view" ><a href="#"><img src="/h5ai/icons/view-details.png" alt="view-details" />details</a></li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</nav> </nav>
<section id="content"> <section id="content">
<section id="h5ai-top"></section> <section id="h5ai-top"></section>
<!-- <section id="details">
The following code was generated by apache's autoindex module. It is not valid HTML 5 for the <!--
reason, that 'align' and 'valign' attributes on the td element are obsolete. Both of them are The following code was generated by apache's autoindex module. It is not valid HTML 5 for the
removed via javascript. The actual page should render as perfect HTML 5, even if the produced reason, that 'align' and 'valign' attributes on the td element are obsolete. Both of them are
source is not valid HTML 5. removed via javascript. The actual page should render as perfect HTML 5, even if the produced
--> source is not valid HTML 5.
-->

9
h5ai/main.css
View file

@ -162,7 +162,6 @@ table .size {
div#empty { div#empty {
display: none;
text-align: center; text-align: center;
margin: 50px 0px; margin: 50px 0px;
color: #ddd; color: #ddd;
@ -171,12 +170,12 @@ div#empty {
} }
#box { #icons {
padding: 10px; padding: 10px;
border: 1px solid #eee; border: 1px solid #eee;
border-radius: 15px; border-radius: 15px;
} }
#box .entry { #icons .entry {
margin: 8px; margin: 8px;
padding: 8px; padding: 8px;
width: 100px; width: 100px;
@ -188,14 +187,14 @@ div#empty {
cursor: pointer; cursor: pointer;
border: 1px solid rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0);
} }
#box .entry:hover { #icons .entry:hover {
color: #e80; color: #e80;
border-color: #eee; border-color: #eee;
-webkit-box-shadow: 0px 0px 20px #555; -webkit-box-shadow: 0px 0px 20px #555;
-moz-box-shadow: 0px 0px 20px #555; -moz-box-shadow: 0px 0px 20px #555;
box-shadow: 0px 0px 20px #999; box-shadow: 0px 0px 20px #999;
} }
#box .entry img { #icons .entry img {
width: 48px; width: 48px;
height: 48px; height: 48px;
margin: 0px 0px 8px 0px; margin: 0px 0px 8px 0px;

26
h5ai/main.js
View file

@ -14,6 +14,7 @@
function init () { function init () {
checkView();
convertToHtml5(); convertToHtml5();
addBreadcrumb(); addBreadcrumb();
addColumnClasses(); addColumnClasses();
@ -21,7 +22,6 @@
addSortOrderIcons(); addSortOrderIcons();
addTopAndBottom(); addTopAndBottom();
initViews(); initViews();
checkView();
}; };
@ -90,7 +90,7 @@
} ); } );
$dataRows = $( "td" ).closest( "tr" ); $dataRows = $( "td" ).closest( "tr" );
if ( $dataRows.size() === 0 || $dataRows.size() === 1 && $dataRows.find( "td.name a" ).text() === "Parent Directory" ) { if ( $dataRows.size() === 0 || $dataRows.size() === 1 && $dataRows.find( "td.name a" ).text() === "Parent Directory" ) {
$( "#empty" ).show(); $( "#details" ).append( $( "<div id=\"empty\">empty</div>" ) );
} }
}; };
@ -135,13 +135,11 @@
function checkView() { function checkView() {
if ( getView() === "icons" ) { if ( getView() === "icons" ) {
$( "#content table" ).hide(); $( "#details" ).hide();
$( "#content #empty" ).hide(); $( "#icons" ).show();
$( "#content #box" ).show();
} else { } else {
$( "#content table" ).show(); $( "#details" ).show();
$( "#content #empty" ).show(); $( "#icons" ).hide();
$( "#content #box" ).hide();
} }
}; };
@ -165,7 +163,7 @@
function initViews() { function initViews() {
var $box = $( "<div id=\"box\"></div>" ); var $div = $( "<div></div>" );
$( "td.name a" ).closest( "tr" ).each( function () { $( "td.name a" ).closest( "tr" ).each( function () {
var $tr = $( this ); var $tr = $( this );
var icon = $tr.find( "td.icon img" ).attr( "src" ).replace( "icon", "image" ); var icon = $tr.find( "td.icon img" ).attr( "src" ).replace( "icon", "image" );
@ -176,17 +174,17 @@
.click( function () { .click( function () {
document.location.href = $tr.find( "td.name a" ).attr( "href" ); document.location.href = $tr.find( "td.name a" ).attr( "href" );
} ). } ).
appendTo( $box ); appendTo( $div );
} ); } );
$box.append( $( "<div class=\"clearfix\"></div>" ) ); $div.append( $( "<div class=\"clearfix\"></div>" ) );
$( "#content table" ).after( $box ); $( "#icons" ).append( $div );
$( "#details" ).closest( "li" ) $( "#viewdetails" ).closest( "li" )
.click( function () { .click( function () {
setView( "details" ); setView( "details" );
} ); } );
$( "#icons" ).closest( "li" ) $( "#viewicons" ).closest( "li" )
.click( function () { .click( function () {
setView( "icons" ); setView( "icons" );
} ); } );