Improve file list

[sharkykh]

This is very, very simple, based on the table that currently exists.
Ideally, it should be done using <li> & <ul>, and allow for collapsing every directory tree (separately).
But I don't think I'm capable of doing that.

This configuration should be good in the meantime.

Preview:

[ReimuHakurei]

That looks awesome!

One tiny thing: It'd be nice, based on your screenshots, for there to be a space in between the folder icons and the filenames.

[sharkykh]

@ReimuHakurei Well, there is a space character after the icon. I'll try something else.

Thanks!

[TheAMM]

👍
I haven't fiddled with Bootstrap much, but does collapse and relevant classes work? If you want to test that I'll wait a bit until I merge, but I can prod it later as well.

[sharkykh]

@TheAMM
I did try with collapse before opening the PR. It's a bit more complicated since it's a table and the items are not nested like you can do with HTML lists.

[TheAMM]

Ah, right. Well, that can be iterated upon later, for now this looks a whole lot better than a flat list.

[sharkykh]

@TheAMM
Just a small fix you can push yourself (fixes the spacing between the icon and the folder name)

nyaa/templates/view.html

@@ -89,11 +89,11 @@
        <tr> 
          {%- if value is iterable %} 
          <td colspan="2" {% if loop.depth0 is greaterthan 0 %}style="padding-left: {{ loop.depth0 * 20 }}px"{% endif %}> 
-            <i class="glyphicon glyphicon-folder-open"></i> <b>{{ key }}</b></td> 
+            <i class="glyphicon glyphicon-folder-open"></i>&nbsp;&nbsp;<b>{{ key }}</b></td> 
          {{ loop(value.items()) }} 
          {%- else %} 
          <td style="padding-left: {{ loop.depth0 * 20 }}px"> 
-            <i class="glyphicon glyphicon-file"></i> {{ key }}</td> 
+            <i class="glyphicon glyphicon-file"></i>&nbsp;{{ key }}</td> 
          <td class="col-md-2">{{ value | filesizeformat(True) }}</td> 
          {%- endif %} 
        </tr>