Files
filestash/public/assets/pages/filespage/ctrl_frequentlyaccess.js
2024-05-28 00:33:56 +10:00

26 lines
1.6 KiB
JavaScript

import { createElement } from "../../lib/skeleton/index.js";
import { loadCSS } from "../../helpers/loader.js";
import { transition, opacityIn } from "../../lib/animate.js";
import t from "../../locales/index.js";
export default function(render) {
const $page = createElement(`
<div class="component_container">
<div class="nothing_placeholder no-select">
<svg aria-hidden="true" focusable="false" data-icon="layer-group" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor" d="M12.41 148.02l232.94 105.67c6.8 3.09 14.49 3.09 21.29 0l232.94-105.67c16.55-7.51 16.55-32.52 0-40.03L266.65 2.31a25.607 25.607 0 0 0-21.29 0L12.41 107.98c-16.55 7.51-16.55 32.53 0 40.04zm487.18 88.28l-58.09-26.33-161.64 73.27c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.51 209.97l-58.1 26.33c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 276.3c16.55-7.5 16.55-32.5 0-40zm0 127.8l-57.87-26.23-161.86 73.37c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.29 337.87 12.41 364.1c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 404.1c16.55-7.5 16.55-32.5 0-40z"></path>
</svg>
${t("Frequently access folders will be shown here")}
</div>
</div>
`);
if (location.pathname === "/files/") render(transition($page, {
enter: opacityIn(),
timeEnter: 800,
}));
}
export function init() {
return loadCSS(import.meta.url, "./ctrl_frequentlyaccess.css");
}