-
${omittedRows} total rows excluded.`;
} else {
resultsCaption.innerHTML = `${omittedResults} omitted matches -
${omittedRows} total rows excluded`;
}
resultsCaption.addEventListener('click', () => {
search(searchTerm, Infinity)
});
b2.appendChild(resultsCaption);
tbody.parentNode.insertBefore(b2, tbody.nextSibling);
});
}
function cleanupSearchResults() {
// get the original tbody
const tbody = document.getElementById('b');
// set the original tbody to display block (or '' to revert to default CSS value)
tbody.style.display = '';
// get b2
const oldB2 = document.getElementById('b2');
// if b2 exists, delete it
if (oldB2) {
oldB2.remove();
}
}
function search(query, resultLimit) {
marshall_search(query, GLOBAL_TABLE_DATA)
.then(results => {
displaySearchResults(results, query.toLowerCase(), resultLimit)
});
}
var handleSearchInput = (function() {
var debouncedSearch = debounce(search, 100);
return function(event) {
var val = event.target.value;
if (val === "") {
cleanupSearchResults();
} else {
if (GLOBAL_TABLE_DATA.length > 200) {
debouncedSearch(val, 50);
} else {
search(val, 50);
}
}
};
})();
//onmouseover="preloadNextPage(this)"
/*function preloadNextPage(element) {
const anchorElement = element.querySelector('a');
const linkHref = anchorElement.href;
if (anchorElement && anchorElement.rel !== 'preload') {
if (linkHref.endsWith('/') && !anchorElement.hasAttribute('data-preload')) {
fetch(linkHref, { method: 'GET' }); // Preload the resource
anchorElement.setAttribute('data-preload', 'true');
}
}
}
*/
function navigateToParentDirectory() {
let currentURL = window.location.href;
// Remove trailing slashes
while (currentURL.endsWith('/')) {
currentURL = currentURL.slice(0, -1);
}
const lastSlashIndex = currentURL.lastIndexOf('/');
if (lastSlashIndex <= currentURL.indexOf('://') + 2) {
return;
}
const parentURL = currentURL.substring(0, lastSlashIndex);
window.location.href = parentURL + '/';
}
function extractPaths(url) {
const parsedUrl = new URL(url);
// filter(Boolean) removes any empty strings
return parsedUrl.pathname.split('/').filter(Boolean);
}
function spawnTooltip(source, templateFn) {
// Check if a tooltip already exists
let tooltip = document.querySelector('.tooltip');
// If tooltip doesn't exist, create it
if (!tooltip) {
tooltip = document.createElement('div');
tooltip.classList.add('tooltip');
document.body.appendChild(tooltip);
}
// Update its content
tooltip.innerHTML = templateFn();
source = source.getBoundingClientRect();
tooltip.style.left = source.left -3 + 'px';
tooltip.style.top = source.top -3 + 'px';
document.body.appendChild(tooltip);
}
function path_selector_generator() {
let output = "";
let paths = extractPaths(window.location.href)
let left_padding = 20;
output += ``
paths.forEach(path => {
console.log(path);
output += ``
left_padding += 10;
});
return output
}
//manifests run at pageload
function file_dir_manifest() {
check_if_tbody_is_empty()
GLOBAL_TABLE_DATA = extractTableData();
qs('nav input').addEventListener('input', handleSearchInput);
document.getElementById("fc").innerText = `${GLOBAL_TABLE_DATA.length} files`;
qs('nav > div').addEventListener('click', navigateToParentDirectory);
//tooltip for pathbar
let path_selector = document.querySelector('nav div:nth-child(2)');
path_selector.addEventListener('click', () => spawnTooltip(path_selector, path_selector_generator));
}
document.addEventListener('DOMContentLoaded', file_dir_manifest);
================================================
FILE: assets/styles.css
================================================
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input:focus {
outline: none;
}
a {
color: inherit;
text-decoration: none;
}
html {
background-color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
section {
padding: 20px 40px;
width: calc(100% - 350px);
}
nav {
display: flex;
justify-content: flex-start;
margin: 5px 0 15px 0;
}
nav > * {
border: 1px solid #b8b8b8;
box-shadow: 0 2px 3px rgba(172, 172, 172, 0.17);
border-radius: 10px;
background: linear-gradient(to top, #f4f4f4, #fff);
height: 35px;
user-select: none;
margin-right: 20px;
cursor:pointer;
font-size: 14px;
font-weight: bold;
line-height: 35px;
padding: 0 15px;
position: relative;
overflow: hidden;
}
nav > *:hover {
border: 1px solid #3478F6;
background: linear-gradient(to top, #e7e9ef, #f0f3f8);
}
nav > div:first-child {
border-radius: 10px 0px 0px 10px;
padding-right: 23px;
margin-right: 0;
z-index: 100;
}
nav > div:first-child:before {
content: '';
scale: .3;
opacity: .7;
width: 64px;
height: 64px;
background: url(/v.svg) no-repeat -128px 0px;
transform-origin: top left;
position: absolute;
left: 10px;
top: 8px;
}
nav > div:nth-child(2) {
padding-left: 40px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 0px 10px 10px 0px;
border-left: 1px solid transparent;
position: relative;
left:-1px;
}
nav > div:nth-child(2):hover {
z-index: 1000;
border-left: 1px solid #3478F6;
}
nav > div:nth-child(2):before {
content: '';
scale: .3;
opacity: .7;
width: 64px;
height: 64px;
background: url(/v.svg) no-repeat -64px -64px;
transform-origin: top left;
position: absolute;
left: 11px;
top: 8px;
}
nav > div:nth-child(2) span {
font-weight: 300;
padding: 0 0 0 8px;
color: #6c6c6c;
}
nav > div:nth-child(3) {
flex: 1;
margin-right: 0;
padding: 0;
}
nav > div:nth-child(3):before {
content: '';
scale: .3;
width: 64px;
height: 64px;
background: url(/v.svg) no-repeat 0px 0px;
transform-origin: top left;
position: absolute;
left: 11px;
top: 8px;
}
nav > div:nth-child(3) > div {
height: 17px;
width: 35px;
background-color: #356eff;
position: absolute;
border-radius: 5px;
right: 13px;
top: 9px;
}
nav > div:nth-child(3) > div:nth-child(2):before {
content: 'ADV \xE2\x86\x92';
color: #fff;
position: absolute;
left: 7px;
top: -9px;
font-size: 6px;
}
nav > div:nth-child(3) > div:nth-child(2):after {
content: '';
scale: .1;
filter: invert();
width: 64px;
height: 64px;
background: url(/r.webp) no-repeat -64px -256px;
position: absolute;
left: -5px;
top: -23px;
rotate: 270deg;
}
nav input {
width: 100%;
background: none;
border: none;
font-weight: bold;
height: 34px;
padding-left: 43px;
font-size: 13px;
}
table {
width: 100%;
table-layout: fixed;
}
thead, tbody {
display: contents;
}
tr {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
position: relative;
}
th, td {
text-align: left;
color: #6c6c6c;
}
th {
padding: 15px 0;
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
letter-spacing: 1px;
}
th:last-child {
position: absolute;
right: 0;
}
td {
padding: 22px 0;
}
td:nth-child(3) span {
padding: 2px 4px;
background-color: #f2f1f0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
border-radius: 2px;
position: relative;
top: -1px;
}
td:nth-child(1) {
position: relative;
color: #000;
cursor: pointer;
overflow: hidden;
user-select: none;
}
td:nth-child(1) a {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
margin-left: 50px;
max-width: calc(100% - 60px);
line-height: 1em;
}
td:nth-child(1) a span {
background-color: yellow;
}
td:nth-child(1)::after {
content: '';
position: absolute;
right: 0;
width: 15%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
pointer-events: none;
}
td:nth-child(1):hover a {
text-decoration: underline;
}
td:nth-child(1) div {
display: inline-block;
background: url('/r.webp') -256px 0px;
scale:.25;
width: 128px;
height: 128px;
transform-origin: top left;
position: absolute;
top: 13px;
}
tbody tr::after {
content: '';
background: url('/v.svg') 0px -64px;
scale: .23;
opacity:.4;
width: 64px; /* width of your icon */
height: 64px; /* height of your icon */
position: absolute;
right: -15px; /* Adjust this value to position your icon on the right */
top: -2px;
}
table tr:last-of-type {
border-bottom: 0;
}
caption {
caption-side: bottom;
text-align: center;
margin: 20px;
font-size: 14px;
background: #f2f2f2;
padding: 12px 20px;
border-radius: 5px;
cursor: pointer;
user-select:none;
}
caption b {
font-weight: bold;
}
caption:hover {
background: #e8e8e8;
}
caption:active {
background: #eeeeee;
}
caption div {
padding: 0 10px;
display: inline-block;
}
caption span {
color: #3478F6;
}
.folder-empty {
position: absolute;
top: 200px;
left: calc(50% - 260px);
width: 250px;
display: flex;
flex-direction: column;
align-items: center;
}
.folder-empty div {
background: url('/r.webp') -128px -128px;
scale: .5;
width: 256px;
height: 128px;
transform-origin: center;
}
.folder-empty span {
text-align: center;
opacity: .5;
}
#pane {
position: fixed;
top: 0;
right: 0;
min-height: 100vh;
width: 270px;
}
#pane > div:first-child {
margin: 25px 0;
background-color: #fbfbfb;
width: 90%;
overflow: hidden;
border-radius: 10px;
border: 1px solid #b8b8b8;
}
#pane > div:first-child > div:first-child {
height: 37px;
background: linear-gradient(to top, #f4f4f4, #fff);
border-bottom: 1px solid #c4c4c4;
}
#pane > div:first-child > div:first-child > * {
display: inline-block;
font-weight: 500;
color: #404040;
}
#pane h1 {
padding: 11px;
font-size: 14px;
width: 165px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#pane > div:first-child > div:first-child > *:last-child {
padding: 6px;
background-color: rgba(0, 0, 0, 0.24);
color: #fff;
letter-spacing: 1px;
border-radius: 5px;
margin: 7px 10px;
float: right;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
}
#pane > div:first-child > div:nth-child(2) {
border-bottom: 1px solid #cac7c2;
}
#pane p {
padding: 20px 10px;
font-size: 12px;
color: #777;
line-height: 15px;
}
#pane > div:first-child > div:last-child {
display: flex;
justify-content: space-around;
font-size: 10px;
color: #6a6a6a;
padding: 8px 0;
}
#pane > div:first-child > div:last-child span span {
padding: 2px 4px;
background-color: #ddd;
text-transform: uppercase;
font-weight: bold;
font-size: 8px;
border-radius: 2px;
position: relative;
top: -1px;
color: #626262;
}
#pane > div:first-child > div:last-child > span {
padding: 0 10px;
}
#qr {
position: relative;
width: 36px;
}
#qr:after {
content: '';
scale: .2;
opacity: .7;
width: 64px;
height: 64px;
background: url(/v.svg) no-repeat -64px 0px;
position: absolute;
left: 3px;
top: -26px;
}
footer {
display:none;
padding: 50px 0 10px 0;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
footer a:hover {
text-decoration: underline;
}
#pane .button-menu{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
padding: 0 25px 0 0 ;
}
#pane button {
border: 0;
padding: 45px 0 10px 0;
border-radius: 9px;
background-color: #fff;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
position: relative;
cursor: pointer;
}
#pane button:hover {
background-color: #eeeeee;
}
#pane button::before {
content: '';
scale: .35;
opacity: 1;
width: 64px;
height: 64px;
display: block;
margin: auto;
position: absolute;
top: -9px;
left: 4px;
}
.display-btn::before {
background: url(/v.svg) no-repeat -256px -64px;
}
.upload-btn::before {
background: url(/v.svg) no-repeat -192px 0px;
}
.select-btn::before {
background: url(/v.svg) no-repeat -320px 0px;
}
.tooltip {
min-width:100px;
position: absolute;
z-index:9999;
border-radius: 5px;
border: 1px solid #b8b8b8;
box-shadow: 0 2px 3px rgba(172, 172, 172, 0.17);
background: linear-gradient(to top, #f4f4f4, #fff);
padding:5px;
}
.pathbar_item {
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
}
================================================
FILE: attribution.txt
================================================
Ballon Model: Ekayasa.Design
Open Source Libraries: Check respective repositories
Sea Creature Water Color: rawpixel.com
================================================
FILE: build.rs
================================================
use std::env;
use std::fs;
use std::path::Path;
use rand::Rng;
use rand::distributions::Alphanumeric;
use std::fmt::Write;
use minify_js::{Session, TopLevelMode, minify};
fn main() {
let out_dir = env::var_os("OUT_DIR").unwrap();
let dest_path = Path::new(&out_dir).join("constants.rs");
let build_id = generate_random_string(15);
let raster_sprites_filename = format!("/r{}.webp", build_id);
let vector_sprites_filename = format!("/v{}.svg", build_id);
let mut out = String::new();
let css_file = fs::read_to_string("assets/styles.css").unwrap();
let css_file = css_file.replace("/r.webp", &raster_sprites_filename);
let css_file = css_file.replace("/v.svg", &vector_sprites_filename);
write!(out, "pub const RASTER_SPRITES_FILENAME: &str = \"{raster_sprites_filename}\";").unwrap();
write!(out, "pub const VECTOR_SPRITES_FILENAME: &str = \"{vector_sprites_filename}\";").unwrap();
write!(out, "pub const JS_FILENAME: &str = \"/js{}.js\";", build_id).unwrap();
write!(out, "pub const CSS_FILENAME: &str = \"/css{}.css\";", build_id).unwrap();
//write in the css file with our replaced filenames
write!(out, "pub const STYLES: &[u8] = b\"{css_file}\";").unwrap();
//minify js
let js_file = fs::read_to_string("assets/scripts.js").unwrap();
let session = Session::new();
let mut minified = Vec::new();
minify(&session, TopLevelMode::Global, js_file.as_ref(), &mut minified).unwrap();
let js_file = String::from_utf8(Vec::from(minified.as_slice())).unwrap();
write!(out, "pub const SCRIPTS: &[u8] = b\"{js_file}\";").unwrap();
fs::write(
&dest_path,
out,
)
.unwrap();
}
fn generate_random_string(length: u16) -> String {
let rand_string: String = rand::thread_rng()
.sample_iter(&Alphanumeric)
.take(length.try_into().unwrap())
.map(char::from)
.collect();
rand_string
}
================================================
FILE: src/lib/errors.rs
================================================
#[derive(Debug)]
pub enum AppErrorInternal {
AddrParseError(std::net::AddrParseError),
HyperError(hyper::Error),
//AcmeError(acme_micro::Error),
Custom(String),
}
impl From
| Name | Modified | Size | Action |
|---|---|---|---|
| {{ entry.name }}{% if entry.is_dir %}/{% endif %} | {{ entry.format_time_ago() | safe }} | {{ entry.format_file_size() | safe }} |
{{ current_location_name }}
DirNo description.
|{{ current_location_size|safe }}|QR