jackz/storage
1
0
Fork 0
mirror of https://github.com/Jackzmc/storage.git synced 2025-05-09 17:03:21 +00:00
Code Issues Projects 1 Releases Packages Wiki Activity Actions

Get icons working

Browse source
This commit is contained in:
Jackzie 2025-04-15 00:08:07 -05:00
parent fdebc535a0
commit c6006dd592
9 changed files with 170 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

4
server/templates/layouts/main.html.hbs
View file

@ -10,12 +10,12 @@
<link href="/static/css/main.css" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/bulma.min.css">
<link href="/static/icons/css/fontawesome.css" rel="stylesheet" />
<link href="/static/icons/css/regular.css" rel="stylesheet" />
<link href="/static/icons/css/solid.css" rel="stylesheet" />
<link href="/static/icons/css/brands.css" rel="stylesheet" />
</head>
<body>
{{> partials/nav }}
<div class="mx-5 columns">
<div class="mx-5 columns" style="height: 100%">
<div class="column pl-0 sidebar-column">
{{> partials/sidebar }}
</div>

50
server/templates/libraries.html.hbs
View file

@ -1,6 +1,14 @@
{{#> layouts/main }}
<div class="">
<h4 class="title is-4 is-inline">{{ library.name }} > Files</h4>
<div class="">
<nav class="breadcrumb is-inline-block is-size-5 mb-0" aria-label="breadcrumbs">
<ul>
<li><a class="has-text-black" href="#">{{ library.name }}</a></li>
<li class="is-active"><a class="has-text-black" href="#" aria-current="page">test</a></li>
<div class="button is-small">
+
</div>
</ul>
</nav>
<div class="is-pulled-right is-inline-block">
<div class="buttons">
<div class="button is-small">
@ -9,12 +17,21 @@
<div class="button is-small">
Sort
</div>
<div class="button is-small">
Info
</div>
<div class="button is-small">
...
</div>
</div>
</div>
<hr class="my-2">
<table class="table is-fullwidth">
<thead>
<tr>
<tr class="file-list">
<td style="width:0"><input type="checkbox" /></td>
<td style="width:0"></td>
<td style="width:0"></td>
<td>Name </td>
<td>Size </td>
<td>Last Updated </td>
@ -23,9 +40,30 @@
</thead>
<tbody>
{{#each files }}
<tr>
<td class="px-4 py-4">
<a href="{{ file_name }}">{{ file_name }}</a>
<tr class="file-list">
<td><input type="checkbox" /></td>
<td>
<a class="has-text-black">
<span class="icon is-large">
<i class="fas fa-star fa-xl"></i>
</span>
</a>
</td>
<td class="">
<span class="icon is-large">
{{#if (eq type "folder") }}
<i class="fas fa-folder fa-xl"></i>
{{/if}}
{{#if (eq type "file") }}
<i class="fas fa-file fa-xl"></i>
{{/if}}
</span>
</td>
<td class="pl-4">
<a href="{{ path }}">{{ path }}</a>
{{#if (eq type "folder") }}
/
{{/if}}
</td>
<td></td>
<td></td>

8
server/templates/partials/breadcrumb.html.hbs Normal file
View file

@ -0,0 +1,8 @@
<nav class="breadcrumb" aria-label="breadcrumbs">
<ul>
<li><a href="#">Bulma</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Components</a></li>
<li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
</ul>
</nav>

10
server/templates/partials/nav.html.hbs
View file

@ -14,6 +14,16 @@
</div>
<div class="navbar-end">
<div class="navbar-item" style="width:300px">
<div class="field" style="width:100%" >
<p class="control has-icons-left">
<input class="input is-small" type="search" placeholder="Search files (CTRL + K)"></input>
<span class="icon is-small is-left">
<i class="fa-solid fa-magnifying-glass"></i>
</span>
</p>
</div>
</div>
<div class="navbar-item">
Bell
</div>