michael.reber/rclone-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove the non-working filebrowser

Browse Source
This commit is contained in:
Michael Reber 2025-05-06 18:44:44 +02:00
parent 7477319a68
commit f49ff032d4
42 changed files with 22 additions and 1392 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/App.js
View File

@ -10,7 +10,7 @@ import bytesToString from './utils/bytestring'
import Settings from './components/settings'
import Job from './components/job'
import Navigation from './components/navigation'
import FileBrowserMenu from './components/fileBrowserMenu'
//import FileBrowserMenu from './components/fileBrowserMenu'
class App extends Component {
constructor() {
@ -239,7 +239,7 @@ class App extends Component {
.catch(() => {})
}
openBrowser = name => {
/* openBrowser = name => {
let browserFs = JSON.parse(sessionStorage.getItem("browserFs")),
currentPath = JSON.parse(sessionStorage.getItem("currentPath"))
@ -263,7 +263,7 @@ class App extends Component {
)
return <Fragment />
}
}*/
/**
* renders the total speed of all transfers
@ -291,7 +291,7 @@ class App extends Component {
key={"mount" + v.name}
data-tip={bytesToString(v.bytes, { fixed: 2 })}
data-for={"size"+v.MountPoint}
onClick={() => this.openBrowser(v.name)}
//onClick={() => this.openBrowser(v.name)}
>
<p>{v.name}</p>
<p>{v.type}</p>
@ -376,7 +376,7 @@ class App extends Component {
return (
<Fragment>
{
this.renderFileBrowser()
// this.renderFileBrowser()
}
<HeaderContainer>
@ -391,7 +391,7 @@ class App extends Component {
</StatusContainer>
</HeaderContainer>
<Navigation info={{ errors, lastError }} openBrowser={this.openBrowser} />
<Navigation info={{ errors, lastError }} />
<Container>
<ItemsContainer>
@ -426,6 +426,18 @@ class App extends Component {
<p> { bytesToString(bytes, {}) } </p>
</InfosWrapper>
<InfosWrapper>
<h2> System Info </h2>
<p> Rclone version </p>
<p> { version.version } </p>
<p> GO version </p>
<p> { version.goVersion } </p>
<p> Architecture </p>
<p> { version.arch } </p>
</InfosWrapper>
<InfosWrapper style={{ minHeight: "6rem" }}>
<h2> Remotes </h2> {/* add NEW button */}
{ this.renderRemotes() }
@ -438,17 +450,6 @@ class App extends Component {
<Settings />
<InfosWrapper>
<h2> System Info </h2>
<p> Rclone version </p>
<p> { version.version } </p>
<p> GO version </p>
<p> { version.goVersion } </p>
<p> Architecture </p>
<p> { version.arch } </p>
</InfosWrapper>
</InfosContainer>
</Container>
</Fragment>

1
src/assets/fileTypes/aac.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#e57e25;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><path style="fill:#c8bdb8" d="M35.67,14.986c-0.567-0.796-1.3-1.543-2.308-2.351c-3.914-3.131-4.757-6.277-4.862-6.738V5 c0-0.553-0.447-1-1-1s-1,0.447-1,1v1v8.359v9.053h-3.706c-3.882,0-6.294,1.961-6.294,5.117c0,3.466,2.24,5.706,5.706,5.706 c3.471,0,6.294-2.823,6.294-6.294V16.468l0.298,0.243c0.34,0.336,0.861,0.72,1.521,1.205c2.318,1.709,6.2,4.567,5.224,7.793 C35.514,25.807,35.5,25.904,35.5,26c0,0.43,0.278,0.826,0.71,0.957C36.307,26.986,36.404,27,36.5,27c0.43,0,0.826-0.278,0.957-0.71 C39.084,20.915,37.035,16.9,35.67,14.986z M26.5,27.941c0,2.368-1.926,4.294-4.294,4.294c-2.355,0-3.706-1.351-3.706-3.706 c0-2.576,2.335-3.117,4.294-3.117H26.5V27.941z M31.505,16.308c-0.571-0.422-1.065-0.785-1.371-1.081l-1.634-1.34v-3.473 c0.827,1.174,1.987,2.483,3.612,3.783c0.858,0.688,1.472,1.308,1.929,1.95c0.716,1.003,1.431,2.339,1.788,3.978 C34.502,18.515,32.745,17.221,31.505,16.308z"/></g><g style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.75px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 14.25,52.495117 3.464355,-9.882812 1.597901,0 3.4375,9.882812 -1.665039,0 -0.71167,-2.054443 -3.719483,0 -0.725097,2.054443 -1.678467,0 z m 2.779541,-3.14209 2.954102,0 -1.463623,-4.270019 -1.490479,4.270019 z" style=""/><path d="m 24.455078,52.495117 3.464356,-9.882812 1.5979,0 3.4375,9.882812 -1.665039,0 -0.71167,-2.054443 -3.719482,0 -0.725098,2.054443 -1.678467,0 z m 2.779541,-3.14209 2.954102,0 -1.463623,-4.270019 -1.490479,4.270019 z" style=""/><path d="m 41.75,51.488037 q -0.550537,0.537109 -1.248779,0.805664 -0.698242,0.268555 -1.503907,0.268555 -0.88623,0 -1.638183,-0.322266 -0.738526,-0.322265 -1.30249,-0.953369 Q 35.506104,50.655518 35.183838,49.702148 34.875,48.748779 34.875,47.5 q 0,-1.248779 0.308838,-2.188721 0.322266,-0.953369 0.872803,-1.584472 0.563964,-0.631104 1.315918,-0.95337 0.751953,-0.335693 1.624755,-0.335693 0.805665,0 1.503907,0.268555 0.698242,0.268555 1.248779,0.805664 l -1.114502,0.993652 q -0.335693,-0.389404 -0.751953,-0.563965 -0.402832,-0.17456 -0.845947,-0.17456 -0.496827,0 -0.953369,0.187988 -0.443116,0.187988 -0.805665,0.644531 -0.349121,0.443116 -0.550537,1.154786 -0.201416,0.711669 -0.214843,1.745605 0.01343,1.00708 0.201416,1.71875 0.201416,0.71167 0.537109,1.168213 0.349121,0.443115 0.778809,0.657959 0.443115,0.201416 0.926513,0.201416 0.483399,0 0.899658,-0.174561 0.429688,-0.17456 0.778809,-0.563965 L 41.75,51.488037 Z" style=""/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

1
src/assets/fileTypes/avi.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#d75e72" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M16.361,53l3.527-10.063h1.627L25.016,53H23.32l-0.725-2.092h-3.787L18.07,53H16.361z M19.191,49.801h3.008l-1.49-4.348L19.191,49.801z"/><path style="fill:#fff" d="M29.828,53.055l-3.131-10.131h1.873l2.338,8.695l2.475-8.695h1.859l-3.281,10.131H29.828z"/><path style="fill:#fff" d="M38.988,53H37.32V42.924h1.668V53z"/></g><polygon style="fill:#c8bdb8" points="23.5,28 23.5,20.954 23.5,14 34.5,21"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

1
src/assets/fileTypes/css.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#0096e6" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M23.58,51.975c-0.374,0.364-0.798,0.638-1.271,0.82s-0.984,0.273-1.531,0.273 c-0.602,0-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971s-0.675-0.966-0.889-1.613c-0.214-0.647-0.321-1.395-0.321-2.242 s0.107-1.593,0.321-2.235c0.214-0.643,0.511-1.178,0.889-1.606s0.822-0.754,1.333-0.978s1.062-0.335,1.654-0.335 c0.547,0,1.058,0.091,1.531,0.273s0.897,0.456,1.271,0.82l-1.135,1.012c-0.228-0.265-0.48-0.456-0.759-0.574 s-0.567-0.178-0.868-0.178c-0.337,0-0.658,0.063-0.964,0.191s-0.579,0.344-0.82,0.649s-0.431,0.699-0.567,1.183 s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.267,0.212,1.75s0.314,0.877,0.547,1.183s0.497,0.528,0.793,0.67 s0.608,0.212,0.937,0.212s0.636-0.06,0.923-0.178s0.549-0.31,0.786-0.574L23.58,51.975z"/><path style="fill:#fff" d="M31.633,50.238c0,0.364-0.075,0.718-0.226,1.06s-0.362,0.643-0.636,0.902s-0.61,0.467-1.012,0.622 s-0.856,0.232-1.367,0.232c-0.219,0-0.444-0.012-0.677-0.034s-0.467-0.062-0.704-0.116s-0.463-0.13-0.677-0.226 s-0.398-0.212-0.554-0.349l0.287-1.176c0.128,0.073,0.289,0.144,0.485,0.212s0.398,0.132,0.608,0.191s0.419,0.107,0.629,0.144 s0.405,0.055,0.588,0.055c0.556,0,0.982-0.13,1.278-0.39s0.444-0.645,0.444-1.155c0-0.31-0.104-0.574-0.314-0.793 s-0.472-0.417-0.786-0.595s-0.654-0.355-1.019-0.533s-0.706-0.388-1.025-0.629s-0.583-0.526-0.793-0.854s-0.314-0.738-0.314-1.23 c0-0.446,0.082-0.843,0.246-1.189s0.385-0.641,0.663-0.882s0.602-0.426,0.971-0.554s0.759-0.191,1.169-0.191 c0.419,0,0.843,0.039,1.271,0.116s0.774,0.203,1.039,0.376c-0.055,0.118-0.118,0.248-0.191,0.39s-0.142,0.273-0.205,0.396 c-0.063,0.123-0.118,0.226-0.164,0.308s-0.073,0.128-0.082,0.137c-0.055-0.027-0.116-0.063-0.185-0.109s-0.166-0.091-0.294-0.137 s-0.296-0.077-0.506-0.096s-0.479-0.014-0.807,0.014c-0.183,0.019-0.355,0.07-0.52,0.157s-0.31,0.193-0.438,0.321 s-0.228,0.271-0.301,0.431s-0.109,0.313-0.109,0.458c0,0.364,0.104,0.658,0.314,0.882s0.47,0.419,0.779,0.588 s0.647,0.333,1.012,0.492s0.704,0.354,1.019,0.581s0.576,0.513,0.786,0.854S31.633,49.7,31.633,50.238z"/><path style="fill:#fff" d="M39.043,50.238c0,0.364-0.075,0.718-0.226,1.06s-0.362,0.643-0.636,0.902s-0.61,0.467-1.012,0.622 s-0.856,0.232-1.367,0.232c-0.219,0-0.444-0.012-0.677-0.034s-0.467-0.062-0.704-0.116s-0.463-0.13-0.677-0.226 s-0.398-0.212-0.554-0.349l0.287-1.176c0.128,0.073,0.289,0.144,0.485,0.212s0.398,0.132,0.608,0.191s0.419,0.107,0.629,0.144 s0.405,0.055,0.588,0.055c0.556,0,0.982-0.13,1.278-0.39s0.444-0.645,0.444-1.155c0-0.31-0.104-0.574-0.314-0.793 s-0.472-0.417-0.786-0.595s-0.654-0.355-1.019-0.533s-0.706-0.388-1.025-0.629s-0.583-0.526-0.793-0.854s-0.314-0.738-0.314-1.23 c0-0.446,0.082-0.843,0.246-1.189s0.385-0.641,0.663-0.882s0.602-0.426,0.971-0.554s0.759-0.191,1.169-0.191 c0.419,0,0.843,0.039,1.271,0.116s0.774,0.203,1.039,0.376c-0.055,0.118-0.118,0.248-0.191,0.39s-0.142,0.273-0.205,0.396 s-0.118,0.226-0.164,0.308s-0.073,0.128-0.082,0.137c-0.055-0.027-0.116-0.063-0.185-0.109s-0.166-0.091-0.294-0.137 s-0.296-0.077-0.506-0.096s-0.479-0.014-0.807,0.014c-0.183,0.019-0.355,0.07-0.52,0.157s-0.31,0.193-0.438,0.321 s-0.228,0.271-0.301,0.431s-0.109,0.313-0.109,0.458c0,0.364,0.104,0.658,0.314,0.882s0.47,0.419,0.779,0.588 s0.647,0.333,1.012,0.492s0.704,0.354,1.019,0.581s0.576,0.513,0.786,0.854S39.043,49.7,39.043,50.238z"/></g><g><path style="fill:#0096e6" d="M19.5,19v-4c0-0.551,0.448-1,1-1c0.553,0,1-0.448,1-1s-0.447-1-1-1c-1.654,0-3,1.346-3,3v4 c0,1.103-0.897,2-2,2c-0.553,0-1,0.448-1,1s0.447,1,1,1c1.103,0,2,0.897,2,2v4c0,1.654,1.346,3,3,3c0.553,0,1-0.448,1-1 s-0.447-1-1-1c-0.552,0-1-0.449-1-1v-4c0-1.2-0.542-2.266-1.382-3C18.958,21.266,19.5,20.2,19.5,19z"/><path style="fill:#0096e6" d="M39.5,21c-1.103,0-2-0.897-2-2v-4c0-1.654-1.346-3-3-3c-0.553,0-1,0.448-1,1s0.447,1,1,1 c0.552,0,1,0.449,1,1v4c0,1.2,0.542,2.266,1.382,3c-0.84,0.734-1.382,1.8-1.382,3v4c0,0.551-0.448,1-1,1c-0.553,0-1,0.448-1,1 s0.447,1,1,1c1.654,0,3-1.346,3-3v-4c0-1.103,0.897-2,2-2c0.553,0,1-0.448,1-1S40.053,21,39.5,21z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

1
src/assets/fileTypes/doc.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#8697cb" d="M18.5,13h-6c-0.552,0-1-0.448-1-1s0.448-1,1-1h6c0.552,0,1,0.448,1,1S19.052,13,18.5,13z"/><path style="fill:#8697cb" d="M21.5,18h-9c-0.552,0-1-0.448-1-1s0.448-1,1-1h9c0.552,0,1,0.448,1,1S22.052,18,21.5,18z"/><path style="fill:#8697cb" d="M25.5,18c-0.26,0-0.52-0.11-0.71-0.29c-0.18-0.19-0.29-0.45-0.29-0.71c0-0.26,0.11-0.52,0.29-0.71 c0.37-0.37,1.05-0.37,1.42,0c0.18,0.19,0.29,0.45,0.29,0.71c0,0.26-0.11,0.52-0.29,0.71C26.02,17.89,25.76,18,25.5,18z"/><path style="fill:#8697cb" d="M37.5,18h-8c-0.552,0-1-0.448-1-1s0.448-1,1-1h8c0.552,0,1,0.448,1,1S38.052,18,37.5,18z"/><path style="fill:#8697cb" d="M12.5,33c-0.26,0-0.52-0.11-0.71-0.29c-0.18-0.19-0.29-0.45-0.29-0.71c0-0.26,0.11-0.52,0.29-0.71 c0.37-0.37,1.05-0.37,1.42,0c0.18,0.19,0.29,0.44,0.29,0.71c0,0.26-0.11,0.52-0.29,0.71C13.02,32.89,12.76,33,12.5,33z"/><path style="fill:#8697cb" d="M24.5,33h-8c-0.552,0-1-0.448-1-1s0.448-1,1-1h8c0.552,0,1,0.448,1,1S25.052,33,24.5,33z"/><path style="fill:#8697cb" d="M43.5,18h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S44.052,18,43.5,18z"/><path style="fill:#8697cb" d="M34.5,23h-22c-0.552,0-1-0.448-1-1s0.448-1,1-1h22c0.552,0,1,0.448,1,1S35.052,23,34.5,23z"/><path style="fill:#8697cb" d="M43.5,23h-6c-0.552,0-1-0.448-1-1s0.448-1,1-1h6c0.552,0,1,0.448,1,1S44.052,23,43.5,23z"/><path style="fill:#8697cb" d="M16.5,28h-4c-0.552,0-1-0.448-1-1s0.448-1,1-1h4c0.552,0,1,0.448,1,1S17.052,28,16.5,28z"/><path style="fill:#8697cb" d="M30.5,28h-10c-0.552,0-1-0.448-1-1s0.448-1,1-1h10c0.552,0,1,0.448,1,1S31.052,28,30.5,28z"/><path style="fill:#8697cb" d="M43.5,28h-9c-0.552,0-1-0.448-1-1s0.448-1,1-1h9c0.552,0,1,0.448,1,1S44.052,28,43.5,28z"/><path style="fill:#0096e6" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M23.5,47.682c0,0.829-0.089,1.538-0.267,2.126s-0.403,1.08-0.677,1.477s-0.581,0.709-0.923,0.937 s-0.672,0.398-0.991,0.513c-0.319,0.114-0.611,0.187-0.875,0.219C19.503,52.984,19.307,53,19.18,53h-3.814V42.924H18.4 c0.848,0,1.593,0.135,2.235,0.403s1.176,0.627,1.6,1.073s0.74,0.955,0.95,1.524C23.395,46.494,23.5,47.08,23.5,47.682z M18.633,51.797c1.112,0,1.914-0.355,2.406-1.066s0.738-1.741,0.738-3.09c0-0.419-0.05-0.834-0.15-1.244 c-0.101-0.41-0.294-0.781-0.581-1.114s-0.677-0.602-1.169-0.807s-1.13-0.308-1.914-0.308h-0.957v7.629H18.633z"/><path style="fill:#fff" d="M33.475,47.914c0,0.848-0.107,1.595-0.321,2.242c-0.214,0.647-0.511,1.185-0.889,1.613 c-0.378,0.429-0.82,0.752-1.326,0.971s-1.06,0.328-1.661,0.328s-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971 c-0.378-0.429-0.675-0.966-0.889-1.613c-0.214-0.647-0.321-1.395-0.321-2.242s0.107-1.593,0.321-2.235 c0.214-0.643,0.51-1.178,0.889-1.606c0.378-0.429,0.82-0.754,1.326-0.978s1.06-0.335,1.661-0.335s1.155,0.111,1.661,0.335 s0.948,0.549,1.326,0.978c0.378,0.429,0.674,0.964,0.889,1.606C33.367,46.321,33.475,47.066,33.475,47.914z M29.236,51.729 c0.337,0,0.658-0.066,0.964-0.198c0.305-0.132,0.579-0.349,0.82-0.649c0.241-0.301,0.431-0.695,0.567-1.183 s0.209-1.082,0.219-1.784c-0.009-0.684-0.08-1.265-0.212-1.743c-0.132-0.479-0.314-0.873-0.547-1.183s-0.497-0.533-0.793-0.67 c-0.296-0.137-0.608-0.205-0.937-0.205c-0.337,0-0.659,0.063-0.964,0.191c-0.306,0.128-0.579,0.344-0.82,0.649 c-0.242,0.306-0.431,0.699-0.567,1.183s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.267,0.212,1.75 c0.132,0.483,0.314,0.877,0.547,1.183s0.497,0.528,0.793,0.67C28.596,51.658,28.908,51.729,29.236,51.729z"/><path style="fill:#fff" d="M42.607,51.975c-0.374,0.364-0.798,0.638-1.271,0.82c-0.474,0.183-0.984,0.273-1.531,0.273 c-0.602,0-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971c-0.378-0.429-0.675-0.966-0.889-1.613 c-0.214-0.647-0.321-1.395-0.321-2.242s0.107-1.593,0.321-2.235c0.214-0.643,0.51-1.178,0.889-1.606 c0.378-0.429,0.822-0.754,1.333-0.978c0.51-0.224,1.062-0.335,1.654-0.335c0.547,0,1.057,0.091,1.531,0.273 c0.474,0.183,0.897,0.456,1.271,0.82l-1.135,1.012c-0.228-0.265-0.481-0.456-0.759-0.574c-0.278-0.118-0.567-0.178-0.868-0.178 c-0.337,0-0.659,0.063-0.964,0.191c-0.306,0.128-0.579,0.344-0.82,0.649c-0.242,0.306-0.431,0.699-0.567,1.183 s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.267,0.212,1.75c0.132,0.483,0.314,0.877,0.547,1.183s0.497,0.528,0.793,0.67 c0.296,0.142,0.608,0.212,0.937,0.212s0.636-0.06,0.923-0.178s0.549-0.31,0.786-0.574L42.607,51.975z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

1
src/assets/fileTypes/exe.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#9777a8" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M17.082,44.168v3.172h4.211v1.121h-4.211v3.295h4.635V53h-6.303V42.924h6.303v1.244H17.082z"/><path style="fill:#fff" d="M28.58,48.105L31.137,53h-1.9l-1.6-3.801H27.5L25.777,53h-1.9l2.557-4.895l-2.721-5.182h1.873 l1.777,4.102H27.5l1.928-4.102h1.873L28.58,48.105z"/><path style="fill:#fff" d="M35.266,44.168v3.172h4.211v1.121h-4.211v3.295H39.9V53h-6.303V42.924H39.9v1.244H35.266z"/></g><path style="fill:#9777a8" d="M33.5,32c-0.099,0-0.2-0.015-0.299-0.046c-0.527-0.165-0.821-0.726-0.656-1.253l5-16 c0.165-0.527,0.726-0.821,1.253-0.656c0.527,0.165,0.821,0.726,0.656,1.253l-5,16C34.321,31.726,33.926,32,33.5,32z"/><circle style="fill:#9777a8" cx="29" cy="19.5" r="1.5"/><circle style="fill:#9777a8" cx="29" cy="26.5" r="1.5"/><path style="fill:#9777a8" d="M23.5,30h-2c-3.86,0-7-3.14-7-7s3.14-7,7-7h2c0.552,0,1,0.448,1,1s-0.448,1-1,1h-2 c-2.757,0-5,2.243-5,5s2.243,5,5,5h2c0.552,0,1,0.448,1,1S24.052,30,23.5,30z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

1
src/assets/fileTypes/flac.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#90bae1;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><path style="fill:#c8bdb8" d="M35.67,14.986c-0.567-0.796-1.3-1.543-2.308-2.351c-3.914-3.131-4.757-6.277-4.862-6.738V5 c0-0.553-0.447-1-1-1s-1,0.447-1,1v1v8.359v9.053h-3.706c-3.882,0-6.294,1.961-6.294,5.117c0,3.466,2.24,5.706,5.706,5.706 c3.471,0,6.294-2.823,6.294-6.294V16.468l0.298,0.243c0.34,0.336,0.861,0.72,1.521,1.205c2.318,1.709,6.2,4.567,5.224,7.793 C35.514,25.807,35.5,25.904,35.5,26c0,0.43,0.278,0.826,0.71,0.957C36.307,26.986,36.404,27,36.5,27c0.43,0,0.826-0.278,0.957-0.71 C39.084,20.915,37.035,16.9,35.67,14.986z M26.5,27.941c0,2.368-1.926,4.294-4.294,4.294c-2.355,0-3.706-1.351-3.706-3.706 c0-2.576,2.335-3.117,4.294-3.117H26.5V27.941z M31.505,16.308c-0.571-0.422-1.065-0.785-1.371-1.081l-1.634-1.34v-3.473 c0.827,1.174,1.987,2.483,3.612,3.783c0.858,0.688,1.472,1.308,1.929,1.95c0.716,1.003,1.431,2.339,1.788,3.978 C34.502,18.515,32.745,17.221,31.505,16.308z"/></g><g style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.75px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 13.310059,43.820801 0,3.115234 4.135742,0 0,1.101074 -4.135742,0 0,4.458008 -1.638184,0 0,-9.89624 6.190186,0 0,1.221924 -4.552002,0 z" style=""/><path d="m 21.232422,42.598877 0,8.674316 4.552002,0 0,1.221924 -6.190186,0 0,-9.89624 1.638184,0 z" style=""/><path d="m 27.033203,52.495117 3.464356,-9.882812 1.5979,0 3.4375,9.882812 -1.665039,0 -0.71167,-2.054443 -3.719482,0 -0.725098,2.054443 -1.678467,0 z m 2.779541,-3.14209 2.954102,0 -1.463623,-4.270019 -1.490479,4.270019 z" style=""/><path d="m 44.328125,51.488037 q -0.550537,0.537109 -1.248779,0.805664 -0.698242,0.268555 -1.503907,0.268555 -0.88623,0 -1.638183,-0.322266 Q 39.19873,51.917725 38.634766,51.286621 38.084229,50.655518 37.761963,49.702148 37.453125,48.748779 37.453125,47.5 q 0,-1.248779 0.308838,-2.188721 0.322266,-0.953369 0.872803,-1.584472 0.563964,-0.631104 1.315918,-0.95337 0.751953,-0.335693 1.624755,-0.335693 0.805665,0 1.503907,0.268555 0.698242,0.268555 1.248779,0.805664 l -1.114502,0.993652 Q 42.87793,44.116211 42.46167,43.94165 q -0.402832,-0.17456 -0.845947,-0.17456 -0.496827,0 -0.953369,0.187988 -0.443116,0.187988 -0.805665,0.644531 -0.349121,0.443116 -0.550537,1.154786 -0.201416,0.711669 -0.214843,1.745605 0.01343,1.00708 0.201416,1.71875 0.201416,0.71167 0.537109,1.168213 0.349121,0.443115 0.778809,0.657959 0.443115,0.201416 0.926513,0.201416 0.483399,0 0.899658,-0.174561 0.429688,-0.17456 0.778809,-0.563965 l 1.114502,0.980225 z" style=""/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

8
src/assets/fileTypes/folder.svg
View File

@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1">
<rect style="opacity:0.2" width="25" height="16" x="3" y="12" rx="1.25" ry="1.25"/>
<path style="fill:#4877b1" d="M 3,21.75 C 3,22.442 3.5575,23 4.25,23 H 26.75 C 27.442,23 28,22.442 28,21.75 V 8.25 C 28,7.5575 27.442,7 26.75,7 H 14 V 6.25 C 14,5.5575 13.443,5 12.75,5 H 4.25 C 3.5575,5 3,5.5575 3,6.25"/>
<rect style="opacity:0.2" width="25" height="16" x="3" y="10" rx="1.25" ry="1.25"/>
<rect style="fill:#e4e4e4" width="21" height="10" x="5" y="9" rx="1.25" ry="1.25"/>
<rect style="fill:#5294e2" width="25" height="16" x="3" y="11" rx="1.25" ry="1.25"/>
<path style="opacity:0.1;fill:#ffffff" d="M 4.25 5 C 3.5575 5 3 5.5575 3 6.25 L 3 7.25 C 3 6.5575 3.5575 6 4.25 6 L 12.75 6 C 13.443 6 14 6.5575 14 7.25 L 14 8 L 26.75 8 C 27.442 8 28 8.5575 28 9.25 L 28 8.25 C 28 7.5575 27.442 7 26.75 7 L 14 7 L 14 6.25 C 14 5.5575 13.443 5 12.75 5 L 4.25 5 z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 946 B

1
src/assets/fileTypes/gif.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><path style="fill:#e57e25;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><circle style="fill:#f3d55b" cx="18.931" cy="14.431" r="4.569"/><polygon style="fill:#f29c1f;fill-opacity:1" points="6.5,39 17.5,39 49.5,39 49.5,28 39.5,18.5 29,30 23.517,24.517"/></g><g transform="scale(0.99024353,1.0098526)" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.88547325px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 25.597767,47.327931 0,3.864609 q -0.311881,0.393241 -0.705122,0.650882 -0.379681,0.24408 -0.813602,0.406801 -0.420361,0.16272 -0.881402,0.23052 -0.447481,0.0678 -0.894962,0.0678 -0.894962,0 -1.654324,-0.325441 -0.745802,-0.325441 -1.315323,-0.962763 -0.555962,-0.637321 -0.881402,-1.600083 -0.311881,-0.962763 -0.311881,-2.223846 0,-1.261083 0.311881,-2.210285 0.32544,-0.962762 0.881402,-1.600084 0.569521,-0.637321 1.328883,-0.962762 0.759362,-0.339001 1.640764,-0.339001 0.813602,0 1.518723,0.271201 0.705122,0.2712 1.261083,0.813602 l -1.125482,1.003442 q -0.325441,-0.393241 -0.745802,-0.569521 -0.420361,-0.176281 -0.867842,-0.176281 -0.501721,0 -0.962762,0.189841 -0.447482,0.18984 -0.813602,0.650881 -0.352561,0.447481 -0.555962,1.166163 -0.2034,0.718682 -0.21696,1.762804 0.01356,1.017003 0.2034,1.762805 0.203401,0.745801 0.542402,1.220402 0.35256,0.474602 0.786481,0.705122 0.447482,0.230521 0.935643,0.230521 0.14916,0 0.393241,-0.01356 0.25764,-0.02712 0.501721,-0.0678 0.25764,-0.05424 0.488161,-0.135601 0.230521,-0.08136 0.339001,-0.23052 l 0,-2.467926 -1.695004,0 0,-1.111923 3.308648,0 z" style="fill:#fff"/><path d="m 29.625096,52.480743 -1.654324,0 0,-9.993744 1.654324,0 0,9.993744 z" style="fill:#fff"/><path d="m 33.815146,43.720962 0,3.145928 4.17649,0 0,1.111923 -4.17649,0 0,4.50193 -1.654324,0 0,-9.993744 6.251175,0 0,1.233963 -4.596851,0 z" style="fill:#fff"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

9
src/assets/fileTypes/home.svg
View File

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1">
<rect style="opacity:0.2" width="25" height="16" x="3" y="12" rx="1.25" ry="1.25"/>
<path style="fill:#4877b1" d="M 3,21.75 C 3,22.442 3.5575,23 4.25,23 H 26.75 C 27.442,23 28,22.442 28,21.75 V 8.25 C 28,7.5575 27.442,7 26.75,7 H 14 V 6.25 C 14,5.5575 13.443,5 12.75,5 H 4.25 C 3.5575,5 3,5.5575 3,6.25"/>
<rect style="opacity:0.2" width="25" height="16" x="3" y="10" rx="1.25" ry="1.25"/>
<rect style="fill:#e4e4e4" width="21" height="10" x="5" y="9" rx="1.25" ry="1.25"/>
<rect style="fill:#5294e2" width="25" height="16" x="3" y="11" rx="1.25" ry="1.25"/>
<path style="opacity:0.1;fill:#ffffff" d="M 4.25 5 C 3.5575 5 3 5.5575 3 6.25 L 3 7.25 C 3 6.5575 3.5575 6 4.25 6 L 12.75 6 C 13.443 6 14 6.5575 14 7.25 L 14 8 L 26.75 8 C 27.442 8 28 8.5575 28 9.25 L 28 8.25 C 28 7.5575 27.442 7 26.75 7 L 14 7 L 14 6.25 C 14 5.5575 13.443 5 12.75 5 L 4.25 5 z"/>
<path style="fill:#1d344f" d="M 11,19 H 12 V 23 H 15 V 20 H 17 V 23 H 20 V 19 H 21 L 16,14 Z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

1
src/assets/fileTypes/html.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#ec6630" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M17.455,42.924V53h-1.641v-4.539h-4.361V53H9.785V42.924h1.668v4.416h4.361v-4.416H17.455z"/><path style="fill:#fff" d="M27.107,42.924v1.121H24.1V53h-1.654v-8.955h-3.008v-1.121H27.107z"/><path style="fill:#fff" d="M36.705,42.924h1.668V53h-1.668v-6.932l-2.256,5.605H33l-2.27-5.605V53h-1.668V42.924h1.668 l2.994,6.891L36.705,42.924z"/><path style="fill:#fff" d="M42.57,42.924v8.832h4.635V53h-6.303V42.924H42.57z"/></g><g><path style="fill:#ec6630" d="M23.207,16.293c-0.391-0.391-1.023-0.391-1.414,0l-6,6c-0.391,0.391-0.391,1.023,0,1.414l6,6 C21.988,29.902,22.244,30,22.5,30s0.512-0.098,0.707-0.293c0.391-0.391,0.391-1.023,0-1.414L17.914,23l5.293-5.293 C23.598,17.316,23.598,16.684,23.207,16.293z"/><path style="fill:#ec6630" d="M41.207,22.293l-6-6c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L39.086,23 l-5.293,5.293c-0.391,0.391-0.391,1.023,0,1.414C33.988,29.902,34.244,30,34.5,30s0.512-0.098,0.707-0.293l6-6 C41.598,23.316,41.598,22.684,41.207,22.293z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

1
src/assets/fileTypes/jpg.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><circle style="fill:#f3d55b" cx="18.931" cy="14.431" r="4.569"/><polygon style="fill:#26b99a" points="6.5,39 17.5,39 49.5,39 49.5,28 39.5,18.5 29,30 23.517,24.517"/><path style="fill:#14a085" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M21.426,42.65v7.848c0,0.474-0.087,0.873-0.26,1.196c-0.173,0.323-0.406,0.583-0.697,0.779 c-0.292,0.196-0.627,0.333-1.005,0.41C19.085,52.961,18.696,53,18.295,53c-0.201,0-0.436-0.021-0.704-0.062 c-0.269-0.041-0.547-0.104-0.834-0.191s-0.563-0.185-0.827-0.294c-0.265-0.109-0.488-0.232-0.67-0.369l0.697-1.107 c0.091,0.063,0.221,0.13,0.39,0.198c0.168,0.068,0.353,0.132,0.554,0.191c0.2,0.06,0.41,0.111,0.629,0.157 s0.424,0.068,0.615,0.068c0.483,0,0.868-0.094,1.155-0.28s0.439-0.504,0.458-0.95V42.65H21.426z"/><path style="fill:#fff" d="M25.514,52.932h-1.641V42.855h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V52.932z M25.514,44.1v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492C27.5,44.166,27.163,44.1,26.744,44.1H25.514z"/><path style="fill:#fff" d="M39.5,47.736v3.896c-0.21,0.265-0.444,0.48-0.704,0.649s-0.533,0.308-0.82,0.417 s-0.583,0.187-0.889,0.232C36.781,52.978,36.479,53,36.178,53c-0.602,0-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971 c-0.378-0.429-0.675-0.966-0.889-1.613c-0.214-0.647-0.321-1.395-0.321-2.242s0.107-1.593,0.321-2.235 c0.214-0.643,0.51-1.178,0.889-1.606c0.378-0.429,0.822-0.754,1.333-0.978c0.51-0.224,1.062-0.335,1.654-0.335 c0.547,0,1.057,0.091,1.531,0.273c0.474,0.183,0.897,0.456,1.271,0.82l-1.135,1.012c-0.219-0.265-0.47-0.456-0.752-0.574 c-0.283-0.118-0.574-0.178-0.875-0.178c-0.337,0-0.659,0.063-0.964,0.191c-0.306,0.128-0.579,0.344-0.82,0.649 c-0.242,0.306-0.431,0.699-0.567,1.183s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.276,0.212,1.777 c0.132,0.501,0.314,0.911,0.547,1.23s0.497,0.556,0.793,0.711c0.296,0.155,0.608,0.232,0.937,0.232c0.1,0,0.234-0.007,0.403-0.021 c0.168-0.014,0.337-0.036,0.506-0.068c0.168-0.032,0.33-0.075,0.485-0.13c0.155-0.055,0.269-0.132,0.342-0.232v-2.488h-1.709 v-1.121H39.5z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

1
src/assets/fileTypes/js.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#eeaf4b" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M26.021,42.719v7.848c0,0.474-0.087,0.873-0.26,1.196c-0.174,0.323-0.406,0.583-0.697,0.779 c-0.292,0.196-0.627,0.333-1.005,0.41s-0.769,0.116-1.169,0.116c-0.201,0-0.436-0.021-0.704-0.062s-0.547-0.104-0.834-0.191 s-0.563-0.185-0.827-0.294c-0.265-0.109-0.488-0.232-0.67-0.369l0.697-1.107c0.091,0.063,0.221,0.13,0.39,0.198 s0.353,0.132,0.554,0.191c0.2,0.06,0.41,0.111,0.629,0.157s0.424,0.068,0.615,0.068c0.482,0,0.868-0.094,1.155-0.28 s0.439-0.504,0.458-0.95v-7.711H26.021z"/><path style="fill:#fff" d="M34.184,50.238c0,0.364-0.075,0.718-0.226,1.06s-0.362,0.643-0.636,0.902s-0.611,0.467-1.012,0.622 c-0.401,0.155-0.857,0.232-1.367,0.232c-0.219,0-0.444-0.012-0.677-0.034s-0.468-0.062-0.704-0.116 c-0.237-0.055-0.463-0.13-0.677-0.226s-0.399-0.212-0.554-0.349l0.287-1.176c0.127,0.073,0.289,0.144,0.485,0.212 s0.398,0.132,0.608,0.191c0.209,0.06,0.419,0.107,0.629,0.144c0.209,0.036,0.405,0.055,0.588,0.055c0.556,0,0.982-0.13,1.278-0.39 s0.444-0.645,0.444-1.155c0-0.31-0.105-0.574-0.314-0.793c-0.21-0.219-0.472-0.417-0.786-0.595s-0.654-0.355-1.019-0.533 c-0.365-0.178-0.707-0.388-1.025-0.629c-0.319-0.241-0.584-0.526-0.793-0.854c-0.21-0.328-0.314-0.738-0.314-1.23 c0-0.446,0.082-0.843,0.246-1.189s0.385-0.641,0.663-0.882s0.602-0.426,0.971-0.554s0.759-0.191,1.169-0.191 c0.419,0,0.843,0.039,1.271,0.116c0.428,0.077,0.774,0.203,1.039,0.376c-0.055,0.118-0.119,0.248-0.191,0.39 c-0.073,0.142-0.142,0.273-0.205,0.396c-0.064,0.123-0.119,0.226-0.164,0.308c-0.046,0.082-0.073,0.128-0.082,0.137 c-0.055-0.027-0.116-0.063-0.185-0.109s-0.167-0.091-0.294-0.137c-0.128-0.046-0.297-0.077-0.506-0.096 c-0.21-0.019-0.479-0.014-0.807,0.014c-0.183,0.019-0.355,0.07-0.52,0.157s-0.311,0.193-0.438,0.321 c-0.128,0.128-0.229,0.271-0.301,0.431c-0.073,0.159-0.109,0.313-0.109,0.458c0,0.364,0.104,0.658,0.314,0.882 c0.209,0.224,0.469,0.419,0.779,0.588c0.31,0.169,0.646,0.333,1.012,0.492c0.364,0.159,0.704,0.354,1.019,0.581 s0.576,0.513,0.786,0.854C34.078,49.261,34.184,49.7,34.184,50.238z"/></g><g><path style="fill:#eeaf4b" d="M19.5,19v-4c0-0.551,0.448-1,1-1c0.553,0,1-0.448,1-1s-0.447-1-1-1c-1.654,0-3,1.346-3,3v4 c0,1.103-0.897,2-2,2c-0.553,0-1,0.448-1,1s0.447,1,1,1c1.103,0,2,0.897,2,2v4c0,1.654,1.346,3,3,3c0.553,0,1-0.448,1-1 s-0.447-1-1-1c-0.552,0-1-0.449-1-1v-4c0-1.2-0.542-2.266-1.382-3C18.958,21.266,19.5,20.2,19.5,19z"/><circle style="fill:#eeaf4b" cx="27.5" cy="18.5" r="1.5"/><path style="fill:#eeaf4b" d="M39.5,21c-1.103,0-2-0.897-2-2v-4c0-1.654-1.346-3-3-3c-0.553,0-1,0.448-1,1s0.447,1,1,1 c0.552,0,1,0.449,1,1v4c0,1.2,0.542,2.266,1.382,3c-0.84,0.734-1.382,1.8-1.382,3v4c0,0.551-0.448,1-1,1c-0.553,0-1,0.448-1,1 s0.447,1,1,1c1.654,0,3-1.346,3-3v-4c0-1.103,0.897-2,2-2c0.553,0,1-0.448,1-1S40.053,21,39.5,21z"/><path style="fill:#eeaf4b" d="M27.5,24c-0.553,0-1,0.448-1,1v3c0,0.552,0.447,1,1,1s1-0.448,1-1v-3 C28.5,24.448,28.053,24,27.5,24z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

1
src/assets/fileTypes/json.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#9777a8" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M17.021,42.719v7.848c0,0.474-0.087,0.873-0.26,1.196s-0.405,0.583-0.697,0.779 s-0.627,0.333-1.005,0.41c-0.378,0.077-0.768,0.116-1.169,0.116c-0.2,0-0.436-0.021-0.704-0.062s-0.547-0.104-0.834-0.191 s-0.563-0.185-0.827-0.294s-0.487-0.232-0.67-0.369l0.697-1.107c0.091,0.063,0.221,0.13,0.39,0.198s0.354,0.132,0.554,0.191 s0.41,0.111,0.629,0.157s0.424,0.068,0.615,0.068c0.483,0,0.868-0.094,1.155-0.28s0.439-0.504,0.458-0.95v-7.711H17.021z"/><path style="fill:#fff" d="M25.184,50.238c0,0.364-0.075,0.718-0.226,1.06s-0.362,0.643-0.636,0.902s-0.61,0.467-1.012,0.622 s-0.856,0.232-1.367,0.232c-0.219,0-0.444-0.012-0.677-0.034s-0.467-0.062-0.704-0.116c-0.237-0.055-0.463-0.13-0.677-0.226 s-0.398-0.212-0.554-0.349l0.287-1.176c0.128,0.073,0.289,0.144,0.485,0.212s0.398,0.132,0.608,0.191s0.419,0.107,0.629,0.144 s0.405,0.055,0.588,0.055c0.556,0,0.982-0.13,1.278-0.39s0.444-0.645,0.444-1.155c0-0.31-0.104-0.574-0.314-0.793 s-0.472-0.417-0.786-0.595s-0.654-0.355-1.019-0.533s-0.706-0.388-1.025-0.629s-0.583-0.526-0.793-0.854s-0.314-0.738-0.314-1.23 c0-0.446,0.082-0.843,0.246-1.189s0.385-0.641,0.663-0.882s0.602-0.426,0.971-0.554s0.759-0.191,1.169-0.191 c0.419,0,0.843,0.039,1.271,0.116s0.774,0.203,1.039,0.376c-0.055,0.118-0.118,0.248-0.191,0.39s-0.142,0.273-0.205,0.396 s-0.118,0.226-0.164,0.308s-0.073,0.128-0.082,0.137c-0.055-0.027-0.116-0.063-0.185-0.109s-0.166-0.091-0.294-0.137 s-0.296-0.077-0.506-0.096s-0.479-0.014-0.807,0.014c-0.183,0.019-0.355,0.07-0.52,0.157s-0.31,0.193-0.438,0.321 s-0.228,0.271-0.301,0.431s-0.109,0.313-0.109,0.458c0,0.364,0.104,0.658,0.314,0.882s0.47,0.419,0.779,0.588 s0.647,0.333,1.012,0.492s0.704,0.354,1.019,0.581s0.576,0.513,0.786,0.854S25.184,49.7,25.184,50.238z"/><path style="fill:#fff" d="M35.082,47.914c0,0.848-0.107,1.595-0.321,2.242s-0.511,1.185-0.889,1.613s-0.82,0.752-1.326,0.971 s-1.06,0.328-1.661,0.328s-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971s-0.675-0.966-0.889-1.613s-0.321-1.395-0.321-2.242 s0.107-1.593,0.321-2.235s0.511-1.178,0.889-1.606s0.82-0.754,1.326-0.978s1.06-0.335,1.661-0.335s1.155,0.111,1.661,0.335 s0.948,0.549,1.326,0.978s0.675,0.964,0.889,1.606S35.082,47.066,35.082,47.914z M30.844,51.729c0.337,0,0.658-0.066,0.964-0.198 s0.579-0.349,0.82-0.649s0.431-0.695,0.567-1.183s0.21-1.082,0.219-1.784c-0.009-0.684-0.08-1.265-0.212-1.743 s-0.314-0.873-0.547-1.183s-0.497-0.533-0.793-0.67s-0.608-0.205-0.937-0.205c-0.337,0-0.658,0.063-0.964,0.191 s-0.579,0.344-0.82,0.649s-0.431,0.699-0.567,1.183c-0.137,0.483-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.267,0.212,1.75 s0.314,0.877,0.547,1.183s0.497,0.528,0.793,0.67S30.516,51.729,30.844,51.729z"/><path style="fill:#fff" d="M44.68,42.924V53h-1.668l-3.951-6.945V53h-1.668V42.924h1.668l3.951,6.945v-6.945H44.68z"/></g><g><path style="fill:#9777a8" d="M19.5,19v-4c0-0.551,0.448-1,1-1c0.553,0,1-0.448,1-1s-0.447-1-1-1c-1.654,0-3,1.346-3,3v4 c0,1.103-0.897,2-2,2c-0.553,0-1,0.448-1,1s0.447,1,1,1c1.103,0,2,0.897,2,2v4c0,1.654,1.346,3,3,3c0.553,0,1-0.448,1-1 s-0.447-1-1-1c-0.552,0-1-0.449-1-1v-4c0-1.2-0.542-2.266-1.382-3C18.958,21.266,19.5,20.2,19.5,19z"/><circle style="fill:#9777a8" cx="27.5" cy="18.5" r="1.5"/><path style="fill:#9777a8" d="M39.5,21c-1.103,0-2-0.897-2-2v-4c0-1.654-1.346-3-3-3c-0.553,0-1,0.448-1,1s0.447,1,1,1 c0.552,0,1,0.449,1,1v4c0,1.2,0.542,2.266,1.382,3c-0.84,0.734-1.382,1.8-1.382,3v4c0,0.551-0.448,1-1,1c-0.553,0-1,0.448-1,1 s0.447,1,1,1c1.654,0,3-1.346,3-3v-4c0-1.103,0.897-2,2-2c0.553,0,1-0.448,1-1S40.053,21,39.5,21z"/><path style="fill:#9777a8" d="M27.5,24c-0.553,0-1,0.448-1,1v3c0,0.552,0.447,1,1,1s1-0.448,1-1v-3 C28.5,24.448,28.053,24,27.5,24z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

1
src/assets/fileTypes/mkv.svg
View File

@ -1 +0,0 @@
<svg version="1.1" id="prefix__Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 56 56" xml:space="preserve"><style>.prefix__st2{fill:#c8bdb8}.prefix__st4{fill:#fff}</style><path d="M36.985 0H7.963C7.155 0 6.5.655 6.5 1.926V55c0 .345.655 1 1.463 1h40.074c.808 0 1.463-.655 1.463-1V12.978c0-.696-.093-.92-.257-1.085L37.607.257A.884.884 0 0036.985 0z" fill="#e9e9e0"/><path d="M48.037 56H7.963A1.463 1.463 0 016.5 54.537V39h43v15.537c0 .808-.655 1.463-1.463 1.463z" fill="#ef4048"/><path class="prefix__st2" d="M24.5 28a1 1 0 01-1-1V13a1.001 1.001 0 011.538-.844l11 7a1.003 1.003 0 01-.001 1.688l-11 7c-.163.103-.35.156-.537.156zm1-13.179v10.357L33.637 20 25.5 14.821z"/><path class="prefix__st2" d="M28.5 35c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15zm0-28c-7.168 0-13 5.832-13 13s5.832 13 13 13 13-5.832 13-13-5.832-13-13-13z"/><path fill="#d9d7ca" d="M37.5.151V12h11.849z"/><g><path class="prefix__st4" d="M21.396 42.818h1.482V53h-1.544v-7.625l.078.447-2.778 5.764h-1.102l-2.778-5.623.078-.588V53h-1.544V42.818h1.482l3.313 6.723 3.313-6.723zM25.672 42.818h1.583V53h-1.583V42.818zm1.242 5.714l4.983-5.714h1.947l-7.163 7.856.233-2.142zm1.877-.966l1.25-1.044L34.316 53h-1.939l-3.586-5.434zM35.016 42.818h1.724l2.708 7.983 2.708-7.983h1.724L40.2 53h-1.506l-3.678-10.182z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

1
src/assets/fileTypes/mp3.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#7d6599" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><path style="fill:#c8bdb8" d="M35.67,14.986c-0.567-0.796-1.3-1.543-2.308-2.351c-3.914-3.131-4.757-6.277-4.862-6.738V5 c0-0.553-0.447-1-1-1s-1,0.447-1,1v1v8.359v9.053h-3.706c-3.882,0-6.294,1.961-6.294,5.117c0,3.466,2.24,5.706,5.706,5.706 c3.471,0,6.294-2.823,6.294-6.294V16.468l0.298,0.243c0.34,0.336,0.861,0.72,1.521,1.205c2.318,1.709,6.2,4.567,5.224,7.793 C35.514,25.807,35.5,25.904,35.5,26c0,0.43,0.278,0.826,0.71,0.957C36.307,26.986,36.404,27,36.5,27c0.43,0,0.826-0.278,0.957-0.71 C39.084,20.915,37.035,16.9,35.67,14.986z M26.5,27.941c0,2.368-1.926,4.294-4.294,4.294c-2.355,0-3.706-1.351-3.706-3.706 c0-2.576,2.335-3.117,4.294-3.117H26.5V27.941z M31.505,16.308c-0.571-0.422-1.065-0.785-1.371-1.081l-1.634-1.34v-3.473 c0.827,1.174,1.987,2.483,3.612,3.783c0.858,0.688,1.472,1.308,1.929,1.95c0.716,1.003,1.431,2.339,1.788,3.978 C34.502,18.515,32.745,17.221,31.505,16.308z"/><g><path style="fill:#fff" d="M22.4,42.924h1.668V53H22.4v-6.932l-2.256,5.605h-1.449l-2.27-5.605V53h-1.668V42.924h1.668 l2.994,6.891L22.4,42.924z"/><path style="fill:#fff" d="M28.211,53H26.57V42.924h2.898c0.429,0,0.853,0.068,1.271,0.205s0.795,0.342,1.128,0.615 s0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306c0,0.511-0.087,0.973-0.26,1.388s-0.415,0.764-0.725,1.046 s-0.684,0.501-1.121,0.656s-0.921,0.232-1.449,0.232h-1.217V53z M28.211,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 s0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649s0.15-0.622,0.15-1.032c0-0.164-0.022-0.354-0.068-0.567s-0.139-0.419-0.28-0.615 s-0.34-0.36-0.595-0.492s-0.593-0.198-1.012-0.198H28.211z"/><path style="fill:#fff" d="M38.615,47.695c0.21,0.027,0.426,0.096,0.649,0.205s0.431,0.265,0.622,0.465 s0.351,0.444,0.479,0.731s0.191,0.617,0.191,0.991c0,0.456-0.066,0.85-0.198,1.183s-0.299,0.608-0.499,0.827 s-0.426,0.395-0.677,0.526s-0.494,0.23-0.731,0.294s-0.453,0.104-0.649,0.123s-0.349,0.027-0.458,0.027 c-0.766,0-1.369-0.053-1.812-0.157s-0.75-0.212-0.923-0.321l0.369-1.176c0.082,0.046,0.159,0.096,0.232,0.15 s0.178,0.107,0.314,0.157s0.328,0.091,0.574,0.123s0.583,0.048,1.012,0.048c0.629,0,1.099-0.171,1.408-0.513 s0.465-0.772,0.465-1.292c0-0.492-0.142-0.907-0.424-1.244s-0.697-0.506-1.244-0.506h-1.395h0.014l-0.014-1.107h0.93 c0.2,0,0.403-0.005,0.608-0.014s0.398-0.06,0.581-0.15s0.333-0.246,0.451-0.465s0.178-0.533,0.178-0.943 c0-0.164-0.014-0.337-0.041-0.52s-0.103-0.351-0.226-0.506s-0.303-0.28-0.54-0.376s-0.565-0.144-0.984-0.144 s-0.754,0.039-1.005,0.116s-0.439,0.139-0.567,0.185l-0.479-1.23c0.219-0.063,0.49-0.132,0.813-0.205s0.791-0.109,1.401-0.109 c0.429,0,0.834,0.053,1.217,0.157s0.718,0.271,1.005,0.499s0.515,0.52,0.684,0.875s0.253,0.774,0.253,1.258 c0,0.282-0.05,0.54-0.15,0.772s-0.228,0.436-0.383,0.608s-0.328,0.316-0.52,0.431S38.779,47.659,38.615,47.695z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.4 KiB

1
src/assets/fileTypes/mp4.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><path style="fill:#ff5364" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M22.4,42.924h1.668V53H22.4v-6.932l-2.256,5.605h-1.449l-2.27-5.605V53h-1.668V42.924h1.668 l2.994,6.891L22.4,42.924z"/><path style="fill:#fff" d="M28.211,53H26.57V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M28.211,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492c-0.255-0.132-0.593-0.198-1.012-0.198H28.211z"/><path style="fill:#fff" d="M38.479,50.648h-4.361V49.35l4.361-6.426h1.668v6.426h1.053v1.299h-1.053V53h-1.668V50.648z M38.479,49.35v-4.512L35.58,49.35H38.479z"/></g><path style="fill:#c8bdb8" d="M24.5,28c-0.166,0-0.331-0.041-0.481-0.123C23.699,27.701,23.5,27.365,23.5,27V13 c0-0.365,0.199-0.701,0.519-0.877c0.321-0.175,0.71-0.162,1.019,0.033l11,7C36.325,19.34,36.5,19.658,36.5,20 s-0.175,0.66-0.463,0.844l-11,7C24.874,27.947,24.687,28,24.5,28z M25.5,14.821v10.357L33.637,20L25.5,14.821z"/><path style="fill:#c8bdb8" d="M28.5,35c-8.271,0-15-6.729-15-15s6.729-15,15-15s15,6.729,15,15S36.771,35,28.5,35z M28.5,7 c-7.168,0-13,5.832-13,13s5.832,13,13,13s13-5.832,13-13S35.668,7,28.5,7z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

1
src/assets/fileTypes/other.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#c8bdb8" d="m 18.5,23 -6,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 6,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="m 21.5,28 -9,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 9,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="M 25.5,28 C 25.24,28 24.979,27.89 24.79,27.71 24.609,27.52 24.5,27.27 24.5,27 c 0,-0.27 0.109,-0.52 0.3,-0.71 0.36,-0.37 1.04,-0.37 1.41,0 0.18,0.19 0.29,0.45 0.29,0.71 0,0.26 -0.11,0.52 -0.29,0.71 C 26.02,27.89 25.76,28 25.5,28 Z"/><path style="fill:#c8bdb8" d="m 37.5,28 -8,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 8,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="M 12.5,43 C 12.24,43 11.979,42.89 11.79,42.71 11.609,42.52 11.5,42.26 11.5,42 c 0,-0.26 0.109,-0.52 0.29,-0.71 0.37,-0.37 1.05,-0.37 1.42,0.01 0.18,0.18 0.29,0.44 0.29,0.7 0,0.26 -0.11,0.52 -0.29,0.71 C 13.02,42.89 12.76,43 12.5,43 Z"/><path style="fill:#c8bdb8" d="m 24.5,43 -8,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 8,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="m 43.5,28 -2,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 2,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="m 34.5,33 -22,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 22,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="m 43.5,33 -6,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 6,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="m 16.5,38 -4,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 4,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="m 30.5,38 -10,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 10,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/><path style="fill:#c8bdb8" d="m 43.5,38 -9,0 c -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1 l 9,0 c 0.553,0 1,0.448 1,1 0,0.552 -0.447,1 -1,1 z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

1
src/assets/fileTypes/pdf.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#cc4b4c" d="M19.514,33.324L19.514,33.324c-0.348,0-0.682-0.113-0.967-0.326 c-1.041-0.781-1.181-1.65-1.115-2.242c0.182-1.628,2.195-3.332,5.985-5.068c1.504-3.296,2.935-7.357,3.788-10.75 c-0.998-2.172-1.968-4.99-1.261-6.643c0.248-0.579,0.557-1.023,1.134-1.215c0.228-0.076,0.804-0.172,1.016-0.172 c0.504,0,0.947,0.649,1.261,1.049c0.295,0.376,0.964,1.173-0.373,6.802c1.348,2.784,3.258,5.62,5.088,7.562 c1.311-0.237,2.439-0.358,3.358-0.358c1.566,0,2.515,0.365,2.902,1.117c0.32,0.622,0.189,1.349-0.39,2.16 c-0.557,0.779-1.325,1.191-2.22,1.191c-1.216,0-2.632-0.768-4.211-2.285c-2.837,0.593-6.15,1.651-8.828,2.822 c-0.836,1.774-1.637,3.203-2.383,4.251C21.273,32.654,20.389,33.324,19.514,33.324z M22.176,28.198 c-2.137,1.201-3.008,2.188-3.071,2.744c-0.01,0.092-0.037,0.334,0.431,0.692C19.685,31.587,20.555,31.19,22.176,28.198z M35.813,23.756c0.815,0.627,1.014,0.944,1.547,0.944c0.234,0,0.901-0.01,1.21-0.441c0.149-0.209,0.207-0.343,0.23-0.415 c-0.123-0.065-0.286-0.197-1.175-0.197C37.12,23.648,36.485,23.67,35.813,23.756z M28.343,17.174 c-0.715,2.474-1.659,5.145-2.674,7.564c2.09-0.811,4.362-1.519,6.496-2.02C30.815,21.15,29.466,19.192,28.343,17.174z M27.736,8.712c-0.098,0.033-1.33,1.757,0.096,3.216C28.781,9.813,27.779,8.698,27.736,8.712z"/><path style="fill:#cc4b4c" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M17.385,53h-1.641V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M17.385,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335c0.164-0.155,0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032 c0-0.164-0.023-0.354-0.068-0.567c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492 c-0.255-0.132-0.593-0.198-1.012-0.198H17.385z"/><path style="fill:#fff" d="M32.219,47.682c0,0.829-0.089,1.538-0.267,2.126s-0.403,1.08-0.677,1.477s-0.581,0.709-0.923,0.937 s-0.672,0.398-0.991,0.513c-0.319,0.114-0.611,0.187-0.875,0.219C28.222,52.984,28.026,53,27.898,53h-3.814V42.924h3.035 c0.848,0,1.593,0.135,2.235,0.403s1.176,0.627,1.6,1.073s0.74,0.955,0.95,1.524C32.114,46.494,32.219,47.08,32.219,47.682z M27.352,51.797c1.112,0,1.914-0.355,2.406-1.066s0.738-1.741,0.738-3.09c0-0.419-0.05-0.834-0.15-1.244 c-0.101-0.41-0.294-0.781-0.581-1.114s-0.677-0.602-1.169-0.807s-1.13-0.308-1.914-0.308h-0.957v7.629H27.352z"/><path style="fill:#fff" d="M36.266,44.168v3.172h4.211v1.121h-4.211V53h-1.668V42.924H40.9v1.244H36.266z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

1
src/assets/fileTypes/png.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><path style="fill:#659c35" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><g><path style="fill:#fff" d="M17.385,53h-1.641V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M17.385,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335c0.164-0.155,0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032 c0-0.164-0.023-0.354-0.068-0.567c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492 c-0.255-0.132-0.593-0.198-1.012-0.198H17.385z"/><path style="fill:#fff" d="M31.316,42.924V53h-1.668l-3.951-6.945V53h-1.668V42.924h1.668l3.951,6.945v-6.945H31.316z"/><path style="fill:#fff" d="M41.16,47.805v3.896c-0.21,0.265-0.444,0.48-0.704,0.649s-0.533,0.308-0.82,0.417 S39.052,52.954,38.747,53c-0.306,0.046-0.608,0.068-0.909,0.068c-0.602,0-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971 c-0.378-0.429-0.675-0.966-0.889-1.613c-0.214-0.647-0.321-1.395-0.321-2.242s0.107-1.593,0.321-2.235 c0.214-0.643,0.51-1.178,0.889-1.606c0.378-0.429,0.822-0.754,1.333-0.978c0.51-0.224,1.062-0.335,1.654-0.335 c0.547,0,1.057,0.091,1.531,0.273c0.474,0.183,0.897,0.456,1.271,0.82l-1.135,1.012c-0.219-0.265-0.47-0.456-0.752-0.574 c-0.283-0.118-0.574-0.178-0.875-0.178c-0.337,0-0.659,0.063-0.964,0.191c-0.306,0.128-0.579,0.344-0.82,0.649 c-0.242,0.306-0.431,0.699-0.567,1.183s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.276,0.212,1.777 c0.132,0.501,0.314,0.911,0.547,1.23s0.497,0.556,0.793,0.711c0.296,0.155,0.608,0.232,0.937,0.232c0.1,0,0.234-0.007,0.403-0.021 c0.168-0.014,0.337-0.036,0.506-0.068c0.168-0.032,0.33-0.075,0.485-0.13c0.155-0.055,0.269-0.132,0.342-0.232v-2.488h-1.709 v-1.121H41.16z"/></g><circle style="fill:#f3d55b" cx="18.931" cy="14.431" r="4.569"/><polygon style="fill:#88c057" points="6.5,39 17.5,39 49.5,39 49.5,28 39.5,18.5 29,30 23.517,24.517"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

1
src/assets/fileTypes/ppt.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#f6712e" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M17.581,53H15.94V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M17.581,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492c-0.255-0.132-0.593-0.198-1.012-0.198H17.581z"/><path style="fill:#fff" d="M25.853,53h-1.641V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M25.853,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492c-0.255-0.132-0.593-0.198-1.012-0.198H25.853z"/><path style="fill:#fff" d="M39.606,42.924v1.121h-3.008V53h-1.654v-8.955h-3.008v-1.121H39.606z"/></g><path style="fill:#c8bdb8" d="M39.5,30h-24V14h24V30z M17.5,28h20V16h-20V28z"/><path style="fill:#c8bdb8" d="M20.499,35c-0.175,0-0.353-0.046-0.514-0.143c-0.474-0.284-0.627-0.898-0.343-1.372l3-5 c0.284-0.474,0.898-0.627,1.372-0.343c0.474,0.284,0.627,0.898,0.343,1.372l-3,5C21.17,34.827,20.839,35,20.499,35z"/><path style="fill:#c8bdb8" d="M34.501,35c-0.34,0-0.671-0.173-0.858-0.485l-3-5c-0.284-0.474-0.131-1.088,0.343-1.372 c0.474-0.283,1.088-0.131,1.372,0.343l3,5c0.284,0.474,0.131,1.088-0.343,1.372C34.854,34.954,34.676,35,34.501,35z"/><path style="fill:#c8bdb8" d="M27.5,16c-0.552,0-1-0.447-1-1v-3c0-0.553,0.448-1,1-1s1,0.447,1,1v3C28.5,15.553,28.052,16,27.5,16 z"/><rect x="17.5" y="16" style="fill:#d3ccc9" width="20" height="12"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

1
src/assets/fileTypes/psd.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><path style="fill:#5889c4" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M17.385,53h-1.641V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M17.385,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335c0.164-0.155,0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032 c0-0.164-0.023-0.354-0.068-0.567c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492 c-0.255-0.132-0.593-0.198-1.012-0.198H17.385z"/><path style="fill:#fff" d="M29.73,50.238c0,0.364-0.075,0.718-0.226,1.06s-0.362,0.643-0.636,0.902s-0.611,0.467-1.012,0.622 c-0.401,0.155-0.857,0.232-1.367,0.232c-0.219,0-0.444-0.012-0.677-0.034s-0.467-0.062-0.704-0.116 c-0.237-0.055-0.463-0.13-0.677-0.226c-0.214-0.096-0.399-0.212-0.554-0.349l0.287-1.176c0.127,0.073,0.289,0.144,0.485,0.212 c0.196,0.068,0.398,0.132,0.608,0.191c0.209,0.06,0.419,0.107,0.629,0.144c0.209,0.036,0.405,0.055,0.588,0.055 c0.556,0,0.982-0.13,1.278-0.39c0.296-0.26,0.444-0.645,0.444-1.155c0-0.31-0.105-0.574-0.314-0.793 c-0.21-0.219-0.472-0.417-0.786-0.595s-0.654-0.355-1.019-0.533c-0.365-0.178-0.707-0.388-1.025-0.629 c-0.319-0.241-0.583-0.526-0.793-0.854c-0.21-0.328-0.314-0.738-0.314-1.23c0-0.446,0.082-0.843,0.246-1.189 s0.385-0.641,0.663-0.882c0.278-0.241,0.602-0.426,0.971-0.554s0.759-0.191,1.169-0.191c0.419,0,0.843,0.039,1.271,0.116 c0.428,0.077,0.774,0.203,1.039,0.376c-0.055,0.118-0.119,0.248-0.191,0.39c-0.073,0.142-0.142,0.273-0.205,0.396 c-0.064,0.123-0.119,0.226-0.164,0.308c-0.046,0.082-0.073,0.128-0.082,0.137c-0.055-0.027-0.116-0.063-0.185-0.109 s-0.167-0.091-0.294-0.137c-0.128-0.046-0.296-0.077-0.506-0.096c-0.21-0.019-0.479-0.014-0.807,0.014 c-0.183,0.019-0.355,0.07-0.52,0.157s-0.31,0.193-0.438,0.321c-0.128,0.128-0.228,0.271-0.301,0.431 c-0.073,0.159-0.109,0.313-0.109,0.458c0,0.364,0.104,0.658,0.314,0.882c0.209,0.224,0.469,0.419,0.779,0.588 c0.31,0.169,0.647,0.333,1.012,0.492c0.364,0.159,0.704,0.354,1.019,0.581s0.576,0.513,0.786,0.854 C29.625,49.261,29.73,49.7,29.73,50.238z"/><path style="fill:#fff" d="M39.629,47.682c0,0.829-0.089,1.538-0.267,2.126s-0.403,1.08-0.677,1.477s-0.581,0.709-0.923,0.937 s-0.672,0.398-0.991,0.513c-0.319,0.114-0.611,0.187-0.875,0.219C35.632,52.984,35.436,53,35.309,53h-3.814V42.924h3.035 c0.848,0,1.593,0.135,2.235,0.403s1.176,0.627,1.6,1.073s0.74,0.955,0.95,1.524C39.524,46.494,39.629,47.08,39.629,47.682z M34.762,51.797c1.112,0,1.914-0.355,2.406-1.066s0.738-1.741,0.738-3.09c0-0.419-0.05-0.834-0.15-1.244 c-0.101-0.41-0.294-0.781-0.581-1.114s-0.677-0.602-1.169-0.807s-1.13-0.308-1.914-0.308h-0.957v7.629H34.762z"/></g><path style="fill:#c8bdb8" d="M38.894,11.163c-0.463-0.301-1.082-0.171-1.384,0.291c-1.433,2.196-3.979,5.164-5.19,6.375 l-2.788,2.788l-2.828-2.828L29.49,15c1.771-1.771,6.271-5.442,8.116-6.102c0.04-0.006,0.091-0.015,0.112-0.02 c0.521-0.117,0.827-0.617,0.735-1.143c-0.093-0.526-0.616-0.885-1.143-0.814l-0.283,0.062c-2.439,0.813-7.457,5.108-8.952,6.604 l-7.185,7.185c-0.095-0.004-0.189-0.014-0.285-0.014c-2.971,0-5.463,2.125-5.983,5.016l-0.108,0.073l-0.02,0.536 c-0.034,0.942-0.302,4.052-2.343,4.546c-0.517,0.129-0.858,0.625-0.793,1.152L11.52,33h6.98l0.02,0v0l2.086-0.03 c3.367,0,6.107-2.74,6.107-6.107c0-0.193-0.011-0.383-0.029-0.572l7.049-7.048c1.305-1.305,3.925-4.358,5.451-6.696 C39.486,12.084,39.356,11.465,38.894,11.163z M20.606,30.97h-3.739L16.882,31h-1.661c0.887-1.341,1.161-3.037,1.244-4.045 l0.082-0.504c0.213-2.106,1.958-3.694,4.06-3.694c0.121,0,0.235,0.025,0.354,0.036l0.167,0.021c1.045,0.134,1.956,0.655,2.6,1.411 c0.058,0.069,0.118,0.135,0.171,0.208c0.082,0.11,0.155,0.227,0.226,0.345c0.05,0.085,0.097,0.172,0.142,0.26 c0.063,0.126,0.124,0.254,0.174,0.387c0.03,0.08,0.052,0.164,0.077,0.247c0.045,0.147,0.091,0.294,0.12,0.449l0.005,0.026 c0.041,0.234,0.072,0.471,0.072,0.716C24.713,29.127,22.871,30.97,20.606,30.97z M25.516,23.247 c-0.007-0.009-0.013-0.017-0.02-0.026c-0.605-0.811-1.405-1.465-2.332-1.895l2.123-2.123l2.828,2.828l-2.071,2.07 C25.893,23.801,25.715,23.516,25.516,23.247z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

1
src/assets/fileTypes/rar.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#ce3c3b;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#c8bdb8" d="M28.5,24v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2 h-4v5c0,2.757,2.243,5,5,5s5-2.243,5-5v-5H28.5z M30.5,29c0,1.654-1.346,3-3,3s-3-1.346-3-3v-3h6V29z"/><path style="fill:#c8bdb8" d="M26.5,30h2c0.552,0,1-0.447,1-1s-0.448-1-1-1h-2c-0.552,0-1,0.447-1,1S25.948,30,26.5,30z"/></g></g><g transform="scale(0.99499753,1.0050276)" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.81912994px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 20.219066,52.709572 -1.875839,-3.60323 q -0.04049,0 -0.107962,0.01349 -0.06748,0 -0.215924,0 -0.134952,0 -0.431848,0 -0.2834,0 -0.782724,0 l 0,3.589735 -1.619429,0 0,-9.945995 2.860992,0 q 0.634276,0 1.255057,0.202429 0.620782,0.202428 1.10661,0.607286 0.499324,0.404857 0.79622,0.985152 0.31039,0.566801 0.31039,1.282049 0,1.079619 -0.499324,1.835353 -0.499324,0.755733 -1.349524,1.120105 l 2.267201,3.913621 -1.713896,0 z m -3.414297,-4.777317 1.470982,0 q 0.296895,0 0.593791,-0.09447 0.296895,-0.107962 0.539809,-0.337381 0.242915,-0.22942 0.391362,-0.634277 0.148448,-0.418352 0.148448,-1.025638 0,-0.242915 -0.06748,-0.553305 -0.06748,-0.323886 -0.2834,-0.607286 -0.202429,-0.296896 -0.580296,-0.485829 -0.377867,-0.202429 -0.998648,-0.202429 l -1.214572,0 0,3.940611 z" style="fill:#fff"/><path d="m 23.72783,52.709572 3.481773,-9.9325 1.605934,0 3.454782,9.9325 -1.67341,0 -0.715248,-2.064773 -3.738183,0 -0.728743,2.064773 -1.686905,0 z m 2.793515,-3.157887 2.968954,0 -1.470982,-4.291488 -1.497972,4.291488 z" style="fill:#fff"/><path d="m 39.382312,52.709572 -1.875839,-3.60323 q -0.04049,0 -0.107962,0.01349 -0.06748,0 -0.215924,0 -0.134952,0 -0.431847,0 -0.283401,0 -0.782725,0 l 0,3.589735 -1.619429,0 0,-9.945995 2.860992,0 q 0.634276,0 1.255058,0.202429 0.620781,0.202428 1.10661,0.607286 0.499324,0.404857 0.796219,0.985152 0.310391,0.566801 0.310391,1.282049 0,1.079619 -0.499324,1.835353 -0.499324,0.755733 -1.349525,1.120105 l 2.267201,3.913621 -1.713896,0 z m -3.414297,-4.777317 1.470982,0 q 0.296895,0 0.593791,-0.09447 0.296895,-0.107962 0.539809,-0.337381 0.242915,-0.22942 0.391363,-0.634277 0.148447,-0.418352 0.148447,-1.025638 0,-0.242915 -0.06748,-0.553305 -0.06748,-0.323886 -0.2834,-0.607286 -0.202429,-0.296896 -0.580296,-0.485829 -0.377866,-0.202429 -0.998648,-0.202429 l -1.214572,0 0,3.940611 z" style="fill:#fff"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

1
src/assets/fileTypes/sevenzip.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#90bae1;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#c8bdb8" d="M28.5,24v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2 h-4v5c0,2.757,2.243,5,5,5s5-2.243,5-5v-5H28.5z M30.5,29c0,1.654-1.346,3-3,3s-3-1.346-3-3v-3h6V29z"/><path style="fill:#c8bdb8" d="M26.5,30h2c0.552,0,1-0.447,1-1s-0.448-1-1-1h-2c-0.552,0-1,0.447-1,1S25.948,30,26.5,30z"/></g></g><g transform="scale(0.99005755,1.0100423)" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.88808155px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 22.232274,52.472202 3.47202,-8.666488 -4.353588,0 0,-1.329133 6.279474,0 -3.878897,9.995621 -1.519009,0 z" style="fill:#fff"/><path d="m 29.393316,44.822907 5.818346,0 0,1.315571 -3.933148,4.801153 -0.271251,0.217001 4.204399,0 0,1.31557 -5.818346,0 0,-1.31557 3.933148,-4.801153 0.271251,-0.217001 -4.204399,0 0,-1.315571 z" style="fill:#fff"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

1
src/assets/fileTypes/svg.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#e57e25" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M21.459,50.238c0,0.364-0.075,0.718-0.226,1.06s-0.362,0.643-0.636,0.902s-0.61,0.467-1.012,0.622 s-0.856,0.232-1.367,0.232c-0.219,0-0.444-0.012-0.677-0.034s-0.467-0.062-0.704-0.116s-0.463-0.13-0.677-0.226 s-0.398-0.212-0.554-0.349l0.287-1.176c0.128,0.073,0.289,0.144,0.485,0.212s0.398,0.132,0.608,0.191s0.419,0.107,0.629,0.144 s0.405,0.055,0.588,0.055c0.556,0,0.982-0.13,1.278-0.39c0.296-0.26,0.444-0.645,0.444-1.155c0-0.31-0.104-0.574-0.314-0.793 s-0.472-0.417-0.786-0.595s-0.654-0.355-1.019-0.533s-0.706-0.388-1.025-0.629s-0.583-0.526-0.793-0.854s-0.314-0.738-0.314-1.23 c0-0.446,0.082-0.843,0.246-1.189s0.385-0.641,0.663-0.882s0.602-0.426,0.971-0.554s0.759-0.191,1.169-0.191 c0.419,0,0.843,0.039,1.271,0.116s0.774,0.203,1.039,0.376c-0.055,0.118-0.118,0.248-0.191,0.39s-0.142,0.273-0.205,0.396 s-0.118,0.226-0.164,0.308s-0.073,0.128-0.082,0.137c-0.055-0.027-0.116-0.063-0.185-0.109s-0.166-0.091-0.294-0.137 s-0.296-0.077-0.506-0.096s-0.479-0.014-0.807,0.014c-0.183,0.019-0.355,0.07-0.52,0.157s-0.31,0.193-0.438,0.321 s-0.228,0.271-0.301,0.431s-0.109,0.313-0.109,0.458c0,0.364,0.104,0.658,0.314,0.882s0.47,0.419,0.779,0.588 s0.647,0.333,1.012,0.492s0.704,0.354,1.019,0.581s0.576,0.513,0.786,0.854S21.459,49.7,21.459,50.238z"/><path style="fill:#fff" d="M25.861,53.055L22.73,42.924h1.873l2.338,8.695l2.475-8.695h1.859l-3.281,10.131H25.861z"/><path style="fill:#fff" d="M40.668,47.805v3.896c-0.21,0.265-0.444,0.48-0.704,0.649s-0.533,0.308-0.82,0.417 S38.561,52.954,38.255,53s-0.608,0.068-0.909,0.068c-0.602,0-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971 s-0.675-0.966-0.889-1.613s-0.321-1.395-0.321-2.242s0.107-1.593,0.321-2.235s0.511-1.178,0.889-1.606s0.822-0.754,1.333-0.978 s1.062-0.335,1.654-0.335c0.547,0,1.058,0.091,1.531,0.273s0.897,0.456,1.271,0.82l-1.135,1.012 c-0.219-0.265-0.47-0.456-0.752-0.574s-0.574-0.178-0.875-0.178c-0.337,0-0.658,0.063-0.964,0.191s-0.579,0.344-0.82,0.649 s-0.431,0.699-0.567,1.183s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.276,0.212,1.777s0.314,0.911,0.547,1.23 s0.497,0.556,0.793,0.711s0.608,0.232,0.937,0.232c0.101,0,0.234-0.007,0.403-0.021s0.337-0.036,0.506-0.068 s0.33-0.075,0.485-0.13s0.269-0.132,0.342-0.232v-2.488h-1.709v-1.121H40.668z"/></g><path style="fill:#c8bdb8" d="M45.5,22v-6h-6v2h-6v-4h-10v4h-6v-2h-6v6h6v-2h3.548c-4.566,2.636-7.548,7.588-7.548,13 c0,0.552,0.447,1,1,1s1-0.448,1-1c0-5.246,3.229-9.999,8-11.995V24h10v-2.995c4.771,1.997,8,6.75,8,11.995c0,0.552,0.447,1,1,1 s1-0.448,1-1c0-5.412-2.982-10.364-7.548-13H39.5v2H45.5z M15.5,20h-2v-2h2V20z M31.5,22h-6v-3.754V16h6v2.246V22z M41.5,18h2v2h-2 V18z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

1
src/assets/fileTypes/tiff.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><path style="fill:#556080;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><circle style="fill:#f3d55b" cx="18.931" cy="14.431" r="4.569"/><polygon style="fill:#8d97b3;fill-opacity:1" points="6.5,39 17.5,39 49.5,39 49.5,28 39.5,18.5 29,30 23.517,24.517"/></g><g transform="scale(0.99005755,1.0100423)" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.88808155px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 21.859303,42.442173 0,1.112131 -2.983768,0 0,8.88349 -1.641072,0 0,-8.88349 -2.983768,0 0,-1.112131 7.608608,0 z" style="fill:#fff"/><path d="m 25.494074,52.437794 -1.654634,0 0,-9.995621 1.654634,0 0,9.995621 z" style="fill:#fff"/><path d="m 29.684912,43.676367 0,3.146519 4.177274,0 0,1.112131 -4.177274,0 0,4.502777 -1.654635,0 0,-9.995621 6.252349,0 0,1.234194 -4.597714,0 z" style="fill:#fff"/><path d="m 37.71396,43.676367 0,3.146519 4.177274,0 0,1.112131 -4.177274,0 0,4.502777 -1.654635,0 0,-9.995621 6.252349,0 0,1.234194 -4.597714,0 z" style="fill:#fff"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

1
src/assets/fileTypes/txt.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#95a5a5" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M21.867,42.924v1.121h-3.008V53h-1.654v-8.955h-3.008v-1.121H21.867z"/><path style="fill:#fff" d="M28.443,48.105L31,53h-1.9l-1.6-3.801h-0.137L25.641,53h-1.9l2.557-4.895l-2.721-5.182h1.873 l1.777,4.102h0.137l1.928-4.102h1.873L28.443,48.105z"/><path style="fill:#fff" d="M40.529,42.924v1.121h-3.008V53h-1.654v-8.955h-3.008v-1.121H40.529z"/></g><path style="fill:#c8bdb8" d="M18.5,13h-6c-0.553,0-1-0.448-1-1s0.447-1,1-1h6c0.553,0,1,0.448,1,1S19.053,13,18.5,13z"/><path style="fill:#c8bdb8" d="M21.5,18h-9c-0.553,0-1-0.448-1-1s0.447-1,1-1h9c0.553,0,1,0.448,1,1S22.053,18,21.5,18z"/><path style="fill:#c8bdb8" d="M25.5,18c-0.26,0-0.521-0.11-0.71-0.29c-0.181-0.19-0.29-0.44-0.29-0.71s0.109-0.52,0.3-0.71 c0.36-0.37,1.04-0.37,1.41,0c0.18,0.19,0.29,0.45,0.29,0.71c0,0.26-0.11,0.52-0.29,0.71C26.02,17.89,25.76,18,25.5,18z"/><path style="fill:#c8bdb8" d="M37.5,18h-8c-0.553,0-1-0.448-1-1s0.447-1,1-1h8c0.553,0,1,0.448,1,1S38.053,18,37.5,18z"/><path style="fill:#c8bdb8" d="M12.5,33c-0.26,0-0.521-0.11-0.71-0.29c-0.181-0.19-0.29-0.45-0.29-0.71 c0-0.26,0.109-0.52,0.29-0.71c0.37-0.37,1.05-0.37,1.42,0.01c0.18,0.18,0.29,0.44,0.29,0.7c0,0.26-0.11,0.52-0.29,0.71 C13.02,32.89,12.76,33,12.5,33z"/><path style="fill:#c8bdb8" d="M24.5,33h-8c-0.553,0-1-0.448-1-1s0.447-1,1-1h8c0.553,0,1,0.448,1,1S25.053,33,24.5,33z"/><path style="fill:#c8bdb8" d="M43.5,18h-2c-0.553,0-1-0.448-1-1s0.447-1,1-1h2c0.553,0,1,0.448,1,1S44.053,18,43.5,18z"/><path style="fill:#c8bdb8" d="M34.5,23h-22c-0.553,0-1-0.448-1-1s0.447-1,1-1h22c0.553,0,1,0.448,1,1S35.053,23,34.5,23z"/><path style="fill:#c8bdb8" d="M43.5,23h-6c-0.553,0-1-0.448-1-1s0.447-1,1-1h6c0.553,0,1,0.448,1,1S44.053,23,43.5,23z"/><path style="fill:#c8bdb8" d="M16.5,28h-4c-0.553,0-1-0.448-1-1s0.447-1,1-1h4c0.553,0,1,0.448,1,1S17.053,28,16.5,28z"/><path style="fill:#c8bdb8" d="M30.5,28h-10c-0.553,0-1-0.448-1-1s0.447-1,1-1h10c0.553,0,1,0.448,1,1S31.053,28,30.5,28z"/><path style="fill:#c8bdb8" d="M43.5,28h-9c-0.553,0-1-0.448-1-1s0.447-1,1-1h9c0.553,0,1,0.448,1,1S44.053,28,43.5,28z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 KiB

1
src/assets/fileTypes/wav.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#556080;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><path style="fill:#c8bdb8" d="M35.67,14.986c-0.567-0.796-1.3-1.543-2.308-2.351c-3.914-3.131-4.757-6.277-4.862-6.738V5 c0-0.553-0.447-1-1-1s-1,0.447-1,1v1v8.359v9.053h-3.706c-3.882,0-6.294,1.961-6.294,5.117c0,3.466,2.24,5.706,5.706,5.706 c3.471,0,6.294-2.823,6.294-6.294V16.468l0.298,0.243c0.34,0.336,0.861,0.72,1.521,1.205c2.318,1.709,6.2,4.567,5.224,7.793 C35.514,25.807,35.5,25.904,35.5,26c0,0.43,0.278,0.826,0.71,0.957C36.307,26.986,36.404,27,36.5,27c0.43,0,0.826-0.278,0.957-0.71 C39.084,20.915,37.035,16.9,35.67,14.986z M26.5,27.941c0,2.368-1.926,4.294-4.294,4.294c-2.355,0-3.706-1.351-3.706-3.706 c0-2.576,2.335-3.117,4.294-3.117H26.5V27.941z M31.505,16.308c-0.571-0.422-1.065-0.785-1.371-1.081l-1.634-1.34v-3.473 c0.827,1.174,1.987,2.483,3.612,3.783c0.858,0.688,1.472,1.308,1.929,1.95c0.716,1.003,1.431,2.339,1.788,3.978 C34.502,18.515,32.745,17.221,31.505,16.308z"/></g><g style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.75px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 24.320801,42.525024 -2.672119,9.949952 -2.094727,0 -1.624756,-7.465821 -1.732178,7.465821 -2.108154,0 -2.510986,-9.949952 1.826172,0 1.745605,8.540039 1.879883,-8.540039 1.826172,0 1.745605,8.540039 1.893311,-8.540039 1.826172,0 z" style=""/><path d="m 25.86499,52.421265 3.464356,-9.882813 1.5979,0 3.4375,9.882813 -1.665039,0 -0.71167,-2.054444 -3.719482,0 -0.725098,2.054444 -1.678467,0 z m 2.779541,-3.14209 2.954102,0 -1.463623,-4.27002 -1.490479,4.27002 z" style=""/><path d="m 39.104736,52.474976 -3.074951,-9.949952 1.8396,0 2.296142,8.540039 2.43042,-8.540039 1.826172,0 -3.222656,9.949952 -2.094727,0 z" style=""/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

1
src/assets/fileTypes/wma.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#95a5a5;fill-opacity:1" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><path style="fill:#c8bdb8" d="M35.67,14.986c-0.567-0.796-1.3-1.543-2.308-2.351c-3.914-3.131-4.757-6.277-4.862-6.738V5 c0-0.553-0.447-1-1-1s-1,0.447-1,1v1v8.359v9.053h-3.706c-3.882,0-6.294,1.961-6.294,5.117c0,3.466,2.24,5.706,5.706,5.706 c3.471,0,6.294-2.823,6.294-6.294V16.468l0.298,0.243c0.34,0.336,0.861,0.72,1.521,1.205c2.318,1.709,6.2,4.567,5.224,7.793 C35.514,25.807,35.5,25.904,35.5,26c0,0.43,0.278,0.826,0.71,0.957C36.307,26.986,36.404,27,36.5,27c0.43,0,0.826-0.278,0.957-0.71 C39.084,20.915,37.035,16.9,35.67,14.986z M26.5,27.941c0,2.368-1.926,4.294-4.294,4.294c-2.355,0-3.706-1.351-3.706-3.706 c0-2.576,2.335-3.117,4.294-3.117H26.5V27.941z M31.505,16.308c-0.571-0.422-1.065-0.785-1.371-1.081l-1.634-1.34v-3.473 c0.827,1.174,1.987,2.483,3.612,3.783c0.858,0.688,1.472,1.308,1.929,1.95c0.716,1.003,1.431,2.339,1.788,3.978 C34.502,18.515,32.745,17.221,31.505,16.308z"/></g><g style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:13.75px;font-family:Allerta;-inkscape-font-specification:Allerta;fill:#fff;fill-opacity:1"><path d="m 23.401001,42.525024 -2.672119,9.949952 -2.094727,0 -1.624756,-7.465821 -1.732177,7.465821 -2.108155,0 -2.510986,-9.949952 1.826172,0 1.745605,8.540039 1.879883,-8.540039 1.826172,0 1.745606,8.540039 1.89331,-8.540039 1.826172,0 z" style=""/><path d="m 33.109253,42.525024 1.638184,0 0,9.896241 -1.638184,0 0,-6.807862 -2.215576,5.505371 -1.42334,0 -2.229004,-5.505371 0,6.807862 -1.638184,0 0,-9.896241 1.638184,0 2.940674,6.767579 2.927246,-6.767579 z" style=""/><path d="m 36.842163,52.421265 3.464356,-9.882813 1.5979,0 3.4375,9.882813 -1.665039,0 -0.71167,-2.054444 -3.719482,0 -0.725098,2.054444 -1.678467,0 z m 2.779541,-3.14209 2.954102,0 -1.463623,-4.27002 -1.490479,4.27002 z" style=""/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

1
src/assets/fileTypes/xml.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#f29c1f" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M19.379,48.105L21.936,53h-1.9l-1.6-3.801h-0.137L16.576,53h-1.9l2.557-4.895l-2.721-5.182h1.873 l1.777,4.102h0.137l1.928-4.102H22.1L19.379,48.105z"/><path style="fill:#fff" d="M31.998,42.924h1.668V53h-1.668v-6.932l-2.256,5.605h-1.449l-2.27-5.605V53h-1.668V42.924h1.668 l2.994,6.891L31.998,42.924z"/><path style="fill:#fff" d="M37.863,42.924v8.832h4.635V53h-6.303V42.924H37.863z"/></g><path style="fill:#f29c1f" d="M15.5,24c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l6-6 c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-6,6C16.012,23.902,15.756,24,15.5,24z"/><path style="fill:#f29c1f" d="M21.5,30c-0.256,0-0.512-0.098-0.707-0.293l-6-6c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l6,6c0.391,0.391,0.391,1.023,0,1.414C22.012,29.902,21.756,30,21.5,30z"/><path style="fill:#f29c1f" d="M33.5,30c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l6-6 c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-6,6C34.012,29.902,33.756,30,33.5,30z"/><path style="fill:#f29c1f" d="M39.5,24c-0.256,0-0.512-0.098-0.707-0.293l-6-6c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l6,6c0.391,0.391,0.391,1.023,0,1.414C40.012,23.902,39.756,24,39.5,24z"/><path style="fill:#f29c1f" d="M24.5,32c-0.11,0-0.223-0.019-0.333-0.058c-0.521-0.184-0.794-0.755-0.61-1.276l6-17 c0.185-0.521,0.753-0.795,1.276-0.61c0.521,0.184,0.794,0.755,0.61,1.276l-6,17C25.298,31.744,24.912,32,24.5,32z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

1
src/assets/fileTypes/zip.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56" xml:space="preserve"><g><path style="fill:#e9e9e0" d="M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z"/><polygon style="fill:#d9d7ca" points="37.5,0.151 37.5,12 49.349,12"/><path style="fill:#556080" d="M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z"/><g><path style="fill:#fff" d="M25.266,42.924v1.326l-4.799,7.205l-0.273,0.219h5.072V53h-6.699v-1.326l4.799-7.205l0.287-0.219 h-5.086v-1.326H25.266z"/><path style="fill:#fff" d="M29.271,53h-1.668V42.924h1.668V53z"/><path style="fill:#fff" d="M33.414,53h-1.641V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M33.414,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492c-0.255-0.132-0.593-0.198-1.012-0.198H33.414z"/></g><g><path style="fill:#c8bdb8" d="M28.5,24v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2 h-4v5c0,2.757,2.243,5,5,5s5-2.243,5-5v-5H28.5z M30.5,29c0,1.654-1.346,3-3,3s-3-1.346-3-3v-3h6V29z"/><path style="fill:#c8bdb8" d="M26.5,30h2c0.552,0,1-0.447,1-1s-0.448-1-1-1h-2c-0.552,0-1,0.447-1,1S25.948,30,26.5,30z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

6
src/assets/icons/arrowLeft.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by IcoMoon.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
<path fill="#3f79ad" d="M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM6.4 9l1.8 1.8-1.4 1.4-4.2-4.2 4.2-4.2 1.4 1.4-1.8 1.8h6.6v2h-6.6z"></path>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 471 B

6
src/assets/icons/browserDual.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by IcoMoon.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
<path fill="#3f79ad" d="M0 2v13h15v-13h-15zM13 3h1v1h-1v-1zM7 14h-6v-9h6v9zM14 14h-6v-9h6v9z"></path>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 421 B

6
src/assets/icons/browserSingle.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by IcoMoon.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
<path fill="#3f79ad" d="M0 4v11h16v-14h-16v3zM14 2h1v1h-1v-1zM1 4h14v10h-14v-10z"></path>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 409 B

6
src/assets/icons/caretDown.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by IcoMoon.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
<path fill="#3f79ad" d="M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z"></path>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 398 B

7
src/assets/icons/settings-cog.svg
View File

@ -1,7 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by IcoMoon.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
<path fill="#3f79ad" d="M16 9v-2l-1.7-0.6c-0.2-0.6-0.4-1.2-0.7-1.8l0.8-1.6-1.4-1.4-1.6 0.8c-0.5-0.3-1.1-0.6-1.8-0.7l-0.6-1.7h-2l-0.6 1.7c-0.6 0.2-1.2 0.4-1.7 0.7l-1.6-0.8-1.5 1.5 0.8 1.6c-0.3 0.5-0.5 1.1-0.7 1.7l-1.7 0.6v2l1.7 0.6c0.2 0.6 0.4 1.2 0.7 1.8l-0.8 1.6 1.4 1.4 1.6-0.8c0.5 0.3 1.1 0.6 1.8 0.7l0.6 1.7h2l0.6-1.7c0.6-0.2 1.2-0.4 1.8-0.7l1.6 0.8 1.4-1.4-0.8-1.6c0.3-0.5 0.6-1.1 0.7-1.8l1.7-0.6zM8 12c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"></path>
<path fill="#71caf2" d="M10.6 7.9c0 1.381-1.119 2.5-2.5 2.5s-2.5-1.119-2.5-2.5c0-1.381 1.119-2.5 2.5-2.5s2.5 1.119 2.5 2.5z"></path>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 917 B

550
src/components/fileBrowser.jsx
View File

@ -1,550 +0,0 @@
import { Component, Fragment } from 'react'
import path from 'path'
import styled from 'styled-components'
import { Label } from './fileBrowser.styled.js'
import { Input } from '../styled'
// images for different filetypes
import Back from '../assets/icons/arrowLeft.svg'
import Other from '../assets/fileTypes/other.svg'
import Folder from '../assets/fileTypes/folder.svg'
import Home from '../assets/fileTypes/home.svg'
import AAC from '../assets/fileTypes/aac.svg'
import AVI from '../assets/fileTypes/aac.svg'
import CSS from '../assets/fileTypes/css.svg'
import DOC from '../assets/fileTypes/doc.svg'
import EXE from '../assets/fileTypes/exe.svg'
import FLAC from '../assets/fileTypes/flac.svg'
import GIF from '../assets/fileTypes/gif.svg'
import HTML from '../assets/fileTypes/html.svg'
import JPG from '../assets/fileTypes/jpg.svg'
import JS from '../assets/fileTypes/js.svg'
import json from '../assets/fileTypes/json.svg'
import MP3 from '../assets/fileTypes/mp3.svg'
import MKV from '../assets/fileTypes/mkv.svg'
import MP4 from '../assets/fileTypes/mp4.svg'
import PDF from '../assets/fileTypes/pdf.svg'
import PNG from '../assets/fileTypes/png.svg'
import RAR from '../assets/fileTypes/rar.svg'
import Sevenzip from '../assets/fileTypes/sevenzip.svg'
import SVG from '../assets/fileTypes/svg.svg'
import TIFF from '../assets/fileTypes/tiff.svg'
import TXT from '../assets/fileTypes/txt.svg'
import WAV from '../assets/fileTypes/wav.svg'
import WMA from '../assets/fileTypes/wma.svg'
import XML from '../assets/fileTypes/xml.svg'
import ZIP from '../assets/fileTypes/zip.svg'
import CaretDown from '../assets/icons/caretDown.svg'
import bytesToString from '../utils/bytestring.js'
import LineLoader from './LineLoader.jsx'
const ROW_HEIGHT = 28
const ROW_GAP = 0
const DATA_PADDING = 3
const DEBOUNCE_THRESHOLD = 100
const OptimisticRow = styled.div`
grid-column: 1 / span ${({shownColumns}) => Math.min(4, shownColumns !== null ? Object.values(shownColumns).filter(v => v === true).length + 2 : 2)};
`
const FBContainer = styled.div`
display: flex;
flex-direction: column;
width: 100%;
height: inherit;
position: relative;
border-radius: .3rem;
box-shadow: ${({active}) => active ? "0 0 6px -3px var(--tertiary-color)" : ""};
`
// bunch of styled components
const BrowserWrapper = styled.div`
height: inherit;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
background: var(--box-radial-gradient);
border-radius: 0 0 .3rem .3rem;
user-select: none;
&::-webkit-scrollbar {
width: 5px;
}
&::-webkit-scrollbar-track {
background: none;
}
&::-webkit-scrollbar-thumb {
background-color: var(--thumbBG);
border-radius: 3px;
}
`
const GridFileBrowser = styled.div`
display: grid;
grid-template-columns: 1px 1fr ${({shownColumns}) => shownColumns.datetime ? "10rem" : ""} ${({shownColumns}) => shownColumns.date ? "6rem" : ""} ${({shownColumns}) => shownColumns.size ? "6rem" : ""};
align-items: center;
/* gap: .5rem 1.5rem; */
gap: 0 1.5rem;
width: 100%;
transition: transform .3s;
/* padding: .5rem; */
padding: 0 .5rem;
`
const BrowserHeader = styled.div`
background: var(--box-gradient);
padding-right: .5rem;
overflow: visible;
border-radius: .3rem .3rem 0 0;
height: unset;
transform: unset;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
`
const BrowserHeaderDiv = styled.div`
display: flex;
align-items: center;
gap: 0 .25rem;
padding-left: .5rem;
@media only screen and (max-width: 800px) {
&:nth-child(1) {
padding: .5rem 0 0 .5rem;
}
&:nth-child(2) {
width: 100%;
padding-left: .5rem;
}
}
`
const EllipsisP = styled.p`
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 28px;
`
const SpanPathDirectory = styled.span`
cursor: pointer;
margin-left: -.3em;
transition: color .3s;
&:first-child {
margin-left: 0;
}
&:hover {
color: var(--text-hover);
}
`
const FilenameP = styled(EllipsisP)`
`
const DirNameP = styled(FilenameP)`
cursor: pointer;
`
const ModifiedP = styled(EllipsisP)`
display: ${({shownColumns}) => shownColumns.datetime || shownColumns.date ? "block" : "none" };
`
const SizeP = styled.p`
display: ${({shownColumns}) => shownColumns.size ? "block" : "none" };
`
const SearchLabel = styled(Label)`
@media screen and (max-width: 1200px) {
display: none;
}
`
const BrowseImage = styled.img`
cursor: pointer;
`
const SearchInput = styled(Input)`
width: 15rem;
@media only screen and (max-width: 800px) {
width: 100%;
}
`
const delay = t => new Promise(resolve => setTimeout(resolve, t))
class FileBrowser extends Component {
constructor() {
super()
this.state = {
filter: "",
orderBy: "name",
orderAscending: true,
files: [],
prevPath: "",
transitionFiles: 0,
showMenu: false,
showNewFolder: false,
cursorX: 0,
cursorY: 0,
clicked: "",
from: 0,
to: 100
}
this.backListener = undefined
this.handleInputChange = this.handleInputChange.bind(this)
this.searchTimeout = undefined
this.scrollTimeout = undefined
}
componentDidMount = () => {
this.setState({ prevPath: this.props.currentPath, files: this.props.files })
// add click event listener for closing menu
window.addEventListener('click', this.handleWindowClick)
}
componentDidUpdate = (prevProps) => {
// if the component was just created set the path
if (prevProps.currentPath === "" && this.props.currentPath !== "") return this.setState({ prevPath: this.props.currentPath, files: this.props.files })
// the path changed
if (this.props.currentPath !== this.state.prevPath) {
let direction = 1
if (
this.props.currentPath.split("/").length < this.state.prevPath.split("/").length ||
this.props.currentPath === "/"
) direction = -1
this.setState({ prevPath: this.props.currentPath, transitionFiles: 1 * direction, from: 0, to: 100 })
delay(5).then(() => this.setState({ transitionFiles: 2 * direction }))
delay(300).then(() => this.setState({ transitionFiles: 3 * direction, files: this.props.files }))
// delay(11500).then(() => this.setState({ transitionFiles: 3 }))
delay(600).then(() => this.setState({ transitionFiles: 0 }))
} else if (prevProps.files !== this.props.files) {
this.setState({ files: this.props.files })
}
}
componentWillUnmount = () => {
window.removeEventListener('click', this.handleWindowClick)
}
handleWindowClick = () => this.setState({ showMenu: false, showNewFolder: false })
isMenuOpen = () => this.props.menuOpen || this.state.showMenu || this.state.showNewFolder
// used to filter the files
handleInputChange({target}) {
clearTimeout(this.searchTimeout)
const value = target.type === 'checkbox' ? target.checked : target.value
this.searchTimeout = setTimeout(this.doSearch, 200, value.toLowerCase())
}
doSearch = filter => this.setState({ filter })
// change the way files should be ordered
updateOrder = orderBy => {
if (this.isMenuOpen()) return;
if (this.state.orderBy === orderBy) {
this.setState({ orderAscending: !this.state.orderAscending })
} else {
this.setState({ orderBy, orderAscending: true })
}
}
// decide which image should be used to represent the filetype
renderImage = (type, filename) => {
if (type === "inode/directory") return <img src={Folder} alt="folder" width="20px" height="20px" />
const ext = path.extname(filename).toLowerCase().substring(1)
switch (ext) {
case "aac": return <img src={AAC} alt="aac" width="20px" height="20px" />;
case "avi": return <img src={AVI} alt="avi" width="20px" height="20px" />;
case "css": return <img src={CSS} alt="css" width="20px" height="20px" />;
case /^docx?$/.test(ext): return <img src={DOC} alt="doc" width="20px" height="20px" />;
case "exe": return <img src={EXE} alt="exe" width="20px" height="20px" />;
case "flac": return <img src={FLAC} alt="flac" width="20px" height="20px" />;
case "gif": return <img src={GIF} alt="gif" width="20px" height="20px" />;
case "html": return <img src={HTML} alt="html" width="20px" height="20px" />;
case /^jpe?g$/.test(ext): return <img src={JPG} alt="jpg" width="20px" height="20px" />;
case "js": return <img src={JS} alt="js" width="20px" height="20px" />;
case "json": return <img src={json} alt="json" width="20px" height="20px" />;
case "mp3": return <img src={MP3} alt="mp3" width="20px" height="20px" />;
case "mkv": return <img src={MKV} alt="mkv" width="20px" height="20px" />;
case "mp4": return <img src={MP4} alt="mp4" width="20px" height="20px" />;
case "pdf": return <img src={PDF} alt="pdf" width="20px" height="20px" />;
case "png": return <img src={PNG} alt="png" width="20px" height="20px" />;
case "rar": return <img src={RAR} alt="rar" width="20px" height="20px" />;
case "7z": return <img src={Sevenzip} alt="7z" width="20px" height="20px" />;
case "svg": return <img src={SVG} alt="svg" width="20px" height="20px" />;
case "tiff": return <img src={TIFF} alt="tiff" width="20px" height="20px" />;
case "txt": return <img src={TXT} alt="txt" width="20px" height="20px" />;
case "wav": return <img src={WAV} alt="wav" width="20px" height="20px" />;
case "wma": return <img src={WMA} alt="wma" width="20px" height="20px" />;
case "xml": return <img src={XML} alt="xml" width="20px" height="20px" />;
case "zip": return <img src={ZIP} alt="zip" width="20px" height="20px" />;
default: return <img src={Other} alt="text" width="20px" height="20px" />;
}
}
// after the user clicks on a folder
updatePath = name => {
if (this.isMenuOpen()) return;
const newPath = path.join(this.props.currentPath, name)
this.props.updateFiles(newPath)
this.setState({filter: ""})
}
// after the user clicks on the back button
previousDirectory = () => {
if (this.isMenuOpen()) return;
let currentPath = this.props.currentPath.split("/")
currentPath.pop()
this.props.updateFiles(currentPath.join("/"))
this.setState({filter: ""})
}
// after the user click on the home button
rootDirectory = () => {
if (this.isMenuOpen()) return;
this.props.updateFiles("/")
this.setState({filter: ""})
}
// after the user clicks on a path piece
goToPath = index => {
if (this.isMenuOpen()) return;
let currentPath = this.props.currentPath.split("/")
if (index !== currentPath.length - 2) {
currentPath.length = index + 2
this.props.updateFiles(currentPath.join("/"))
this.setState({filter: ""})
}
}
/**
* Render the files found in a directory
* @param {Boolean} isNext are these the next files to be rendered, if so use props instead of state
*/
renderFiles = (isNext) => {
let files = [{}]
if (isNext) files = this.props.files
else files = this.state.files
const { shownColumns } = this.props
files = this.getOrderedItems(files).slice(this.state.from, this.state.to)
return files
.map(({ Name, IsDir, Size, ModTime, MimeType }) => (
<Fragment key={Name + "file"}>
{ this.renderImage(MimeType, Name) }
{
IsDir ?
<DirNameP onClick={() => this.updatePath(Name)} onContextMenu={e => this.props.openMenu(e, true)}>{ Name }</DirNameP>
:
<FilenameP onContextMenu={e => this.props.openMenu(e, true)}>{ Name }</FilenameP>
}
<ModifiedP shownColumns={shownColumns}> { shownColumns.datetime ? ModTime?.toLocaleString() : ModTime?.toLocaleDateString() } </ModifiedP>
<SizeP shownColumns={shownColumns}> { !IsDir ? bytesToString(Size, {}) : "" } </SizeP>
</Fragment>
))
}
/**
* Filters and orders the files
* @param {Array} files Array of objects that describe the file
* @returns {Array}
*/
getOrderedItems = files => {
return files
// apply search filter
.filter(v => v.Name?.toLowerCase().indexOf(this.state.filter) !== -1)
// sort by name
.sort((a,b) => this.state.orderBy === "name" ? this.state.orderAscending ? a.Name.localeCompare(b.Name, 'nl', { sensitivity: 'base' }) : b.Name.localeCompare(a.Name, 'nl', { sensitivity: 'base' }) : 0)
// // sort by modified date
.sort((a,b) => this.state.orderBy === "modified" ? this.state.orderAscending ? a.ModTime - b.ModTime : b.ModTime - a.ModTime : 0)
// sort by size
.sort((a,b) => this.state.orderBy === "size" ? this.state.orderAscending ? a.Size - b.Size : b.Size - a.Size : 0)
// // sort folders to top
.sort((a,b) => (b.IsDir ? 1 : 0) - (a.IsDir ? 1 : 0))
}
/**
* Calculates new from and to numbers for the rows that should be rendered
* @param {Number} scrollTop pixels from the top of the div
* @param {Number} clientHeight height of div in pixels
*/
handleGridPosition = (scrollTop, clientHeight) => {
const maxVisibleRows = Math.ceil(clientHeight / (ROW_HEIGHT + ROW_GAP))
const from = Math.max(0, Math.floor(scrollTop / (ROW_HEIGHT + ROW_GAP)) - maxVisibleRows * DATA_PADDING)
const to = Math.min(this.state.files.length, from + maxVisibleRows * (DATA_PADDING * 2 + 1))
this.setState({from, to})
}
/**
* Creates a timeout to handle the scroll event and calls the handler
* @param {ElementEvent} e event that triggered the call to this function
*/
handleGridScroll = e => {
clearTimeout(this.scrollTimeout)
const { scrollTop, clientHeight } = e.target
this.scrollTimeout = setTimeout(this.handleGridPosition, DEBOUNCE_THRESHOLD, scrollTop, clientHeight)
}
// render the path the user is currently at
renderPath = () =>
path.join(...this.props.currentPath.split("/"))
.split("/")
.map((v, i) =>
<SpanPathDirectory key={"path_"+v} onClick={() => this.goToPath(i)} style={{ cursor: "pointer" }}> /{v} </SpanPathDirectory>
)
render() {
const { transitionFiles, from, to, orderBy, orderAscending, files } = this.state
const { shownColumns, loading, active, setActive, currentPath } = this.props
const rows = Math.max(this.props.files.length, files.length)
return (
<FBContainer active={active} onClick={setActive}>
{ loading === true && <LineLoader/> }
<BrowserHeader>
<BrowserHeaderDiv>
<BrowseImage src={Back} alt="up directory" width="25" height="25" onClick={this.previousDirectory} />
<BrowseImage src={Home} alt="root directory" width="25" height="25" onClick={this.rootDirectory} />
<p> { currentPath !== "/" ? this.renderPath() : "/" } </p>
</BrowserHeaderDiv>
<BrowserHeaderDiv>
<SearchLabel htmlFor="filterFiles" style={{ textAlign: "end" }} > Search </SearchLabel>
<SearchInput name="filter" id="filterFiles" type="text" placeholder="search" initialValue="" autoComplete="off" onChange={this.handleInputChange} />
</BrowserHeaderDiv>
<GridFileBrowser shownColumns={shownColumns}>
<span/>
<FilenameP onClick={() => this.updateOrder("name")} style={{ position: "relative", cursor: "pointer" }}>
filename
{
orderBy === "name" &&
<img src={CaretDown} alt={orderAscending ? "ascending" : "descending"}
height="12" width="12"
style={{
transform: orderAscending ? "rotateZ(180deg)" : undefined,
position: "absolute",
top: 6,
marginLeft: ".5rem"
}}
/>
}
</FilenameP>
<ModifiedP shownColumns={shownColumns} onClick={() => this.updateOrder("modified")} style={{ position: "relative", cursor: "pointer" }}>
modified
{
orderBy === "modified" &&
<img src={CaretDown} alt={orderAscending ? "ascending" : "descending"}
height="12" width="12"
style={{
transform: orderAscending ? "rotateZ(180deg)" : undefined,
position: "absolute",
top: 6,
marginLeft: ".5rem"
}}
/>
}
</ModifiedP>
<SizeP shownColumns={shownColumns} onClick={() => this.updateOrder("size")} style={{ position: "relative", cursor: "pointer" }}>
size
{
orderBy === "size" &&
<img src={CaretDown} alt={orderAscending ? "ascending" : "descending"}
height="12" width="12"
style={{
transform: orderAscending ? "rotateZ(180deg)" : undefined,
position: "absolute",
top: 6,
marginLeft: ".5rem"
}}
/>
}
</SizeP>
</GridFileBrowser>
</BrowserHeader>
<BrowserWrapper onScroll={this.handleGridScroll} onContextMenu={e => this.props.openMenu(e, false)}>
{
transitionFiles !== 0 &&
<GridFileBrowser shownColumns={shownColumns} style={{
position: "absolute",
top: 0,
left: 0,
transform:
transitionFiles < 2 && transitionFiles > 0 ?
"translateX(100%)" :
transitionFiles > -2 && transitionFiles < 0 ?
"translateX(-100%)" : undefined
}}>
{
from > 0 &&
<OptimisticRow shownColumns={shownColumns} style={{ height: from * (ROW_HEIGHT + ROW_GAP) }} />
}
{ this.renderFiles(true) }
{
to < rows &&
<OptimisticRow shownColumns={shownColumns} style={{ height: (rows - to) * (ROW_HEIGHT + ROW_GAP) }} />
}
</GridFileBrowser>
}
<GridFileBrowser shownColumns={shownColumns} style={{
transform:
transitionFiles === 2 ?
"translateX(-100%)" :
transitionFiles === -2 ?
"translateX(100%)" : undefined,
display:
transitionFiles === 3 || transitionFiles === -3 ?
"none" : undefined
}}>
{
from > 0 &&
<OptimisticRow shownColumns={shownColumns} style={{ height: from * (ROW_HEIGHT + ROW_GAP) }} />
}
{ this.renderFiles() }
{
to < rows &&
<OptimisticRow shownColumns={shownColumns} style={{ height: (rows - to) * (ROW_HEIGHT + ROW_GAP) }} />
}
</GridFileBrowser>
</BrowserWrapper>
</FBContainer>
)
}
}
export default FileBrowser

108
src/components/fileBrowser.styled.js
View File

@ -1,108 +0,0 @@
import styled from 'styled-components'
import { Button } from '../styled'
export const Label = styled.label`
margin-right: .7vw;
`
export const FileBrowsersContainer = styled.div`
display: flex;
flex-direction: column;
gap: .5rem 0;
height: calc(94vh - 9rem);
@media only screen and (max-width: 800px) {
height: calc(100vh - 9rem);
}
`
export const FileBrowserWrapper = styled.div`
display: flex;
gap: 0 1rem;
width: 100%;
height: inherit;
`
export const FileBrowserRemotes = styled.div`
display: flex;
gap: .5rem;
justify-content: flex-start;
flex-wrap: wrap;
`
export const FileBrowserSettings = styled.div`
display: flex;
gap: .5rem;
flex-grow: 1;
justify-content: flex-end;
max-width: 100%;
`
export const BrowserSettingButton = styled(Button)`
padding: .25rem .45rem;
display: flex;
align-items: center;
`
export const FileSettingsPopup = styled.div`
min-width: 15rem;
background-color: var(--button-color);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 900;
padding: 1rem;
border-radius: .3rem;
box-shadow: 0 0 .5rem rgba(0,0,0,.3);
`
export const FileSettingsHeader = styled.h3`
text-align: center;
margin-bottom: 1rem;
`
export const FileColumnSettingsContainer = styled.form`
display: flex;
flex-direction: column;
gap: .5rem 0;
`
export const RemoteButton = styled(Button)`
max-width: calc(100% - 2rem);
overflow: hidden;
direction: rtl;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background-color: ${({active}) => active ? "var(--button-hover)" : "var(--button-color)"};
`
export const FileMenuContainer = styled.div`
position: fixed;
top: ${({cursorY}) => cursorY - 3}px;
left: ${({cursorX}) => cursorX + 3}px;
background-color: var(--button-color);
z-index: 900;
border-radius: .2rem;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
div {
text-align: left;
}
`
export const ButtonWrapper = styled.div`
display: flex;
margin-top: .5rem;
gap: .5rem;
width: 100%;
justify-content: center;
`

502
src/components/fileBrowserMenu.jsx
View File

@ -1,502 +0,0 @@
import React, { Component, Fragment } from 'react'
import { Checkbox, Cross, PopupContainer, PopupTitle } from '../styled'
import API from '../utils/API'
import FileBrowser from './fileBrowser'
import { BrowserSettingButton, FileBrowserRemotes, FileBrowsersContainer, FileBrowserSettings, FileBrowserWrapper, FileSettingsPopup, FileSettingsHeader, FileColumnSettingsContainer, RemoteButton } from './fileBrowser.styled'
import assert from 'assert'
import path from 'path'
import FileMenu from './fileMenu'
import BrowserSingle from '../assets/icons/browserSingle.svg'
import BrowserDual from '../assets/icons/browserDual.svg'
import SettingsCog from '../assets/icons/settings-cog.svg'
class FileBrowserMenu extends Component {
constructor() {
super()
this.state = {
files: [
[{
// Name: "heyhey.mp4",
// Size: 400000000,
// isDir: false
}],
[{}]
],
currentPath: ["", ""],
browserFs: ["", ""],
loading: [false, false],
errMessage: "",
dualBrowser: false,
activeBrowser: 0,
showFileSettings: false,
shownColumns: {
size: true,
date: false,
datetime: false
},
menuInfo: {
cursorX: 0,
cursorY: 0,
brIndex: -1,
file: {},
otherPath: ""
},
windowWidth: 1920
}
}
componentDidMount = () => {
const browserFs = JSON.parse(sessionStorage.getItem("browserFs")),
currentPath = JSON.parse(sessionStorage.getItem("currentPath")),
shownColumns = JSON.parse(localStorage.getItem("shownbrowsercolumns"))
if (shownColumns !== null) this.setState({ shownColumns })
const tempPath = currentPath[0]
currentPath[0] = ""
this.setState({ browserFs, currentPath, windowWidth: window.innerWidth })
// add click event listener for closing settings
window.addEventListener('click', this.handleWindowClick)
window.addEventListener("orientationchange", this.handleOrientationChange)
window.addEventListener('keyup', this.handleKeyup)
setTimeout(() => {
this.getFiles(0, tempPath)
.catch(() => {})
}, 50)
}
componentWillUnmount = () => {
sessionStorage.setItem("browserFs", JSON.stringify(this.state.browserFs))
sessionStorage.setItem("currentPath", JSON.stringify(this.state.currentPath))
localStorage.setItem("shownbrowsercolumns", JSON.stringify(this.state.shownColumns))
window.removeEventListener('click', this.handleWindowClick)
window.removeEventListener("orientationchange", this.handleOrientationChange)
window.removeEventListener('keyup', this.handleKeyup)
}
/**
* closes any open menu
* stopPropagation does not work here because it is a different event
*/
handleWindowClick = () => {
this.setState({ showFileSettings: false })
this.closeMenu()
}
// update the innerwidth, used to determine wether to show one or two browsers
handleOrientationChange = () => this.setState({ windowWidth: window.innerWidth })
/**
* closes the menu if the user presses the escape key
*/
handleKeyup = e => {
if (e.key === "Escape") {
this.setState({ showFileSettings: false })
this.closeMenu()
}
}
/**
*
* @param {Number} brIndex identify which browser wants new files
*/
getFiles = (brIndex, newPath) => {
return new Promise((resolve, reject) => {
assert(brIndex === 0 || brIndex === 1, {brIndex})
let { loading } = this.state
loading[brIndex] = true
this.setState({ loading })
if (newPath === "") newPath = "/"
let { browserFs } = this.state
let currentPath = Object.assign({}, this.state.currentPath)
currentPath[brIndex] = newPath
return API.request({
url: "/operations/list",
data: {
fs: browserFs[brIndex] + ":",
remote: newPath.charAt(0) === "/" ? newPath.substring(1) : newPath
}
})
.then(response => {
if (typeof response.data.list !== "object") return reject(new Error("Invalid response"))
response.data.list.forEach(v => v.ModTime = new Date(v.ModTime))
let { files } = this.state
files[brIndex] = response.data.list
loading[brIndex] = false
this.setState({ files, currentPath, errMessage: "", loading })
return resolve()
})
.catch(() => {
let { loading } = this.state
loading[brIndex] = false
this.setState({ loading })
return reject()
})
})
}
/**
*
* @param {Number} brIndex identify which browser wants to do the action
* @param {String} action type of action to be performed
* @param {String} newFile only used when creating a dir or renaming
*/
doAction = (brIndex, action, newFile) => {
if (!action) return this.closeMenu()
this.setState({ loading: [ true, true ] })
// dir or file, only used when renaming
let clickedFile = this.state.menuInfo.file
const fs = this.state.browserFs[brIndex] + ":",
remote = path.join(this.state.currentPath[brIndex], clickedFile.Name || newFile),
dstFs = this.state.browserFs[brIndex === 0 ? 1 : 0] + ":",
dstRemote = path.join(this.state.currentPath[brIndex === 0 ? 1 : 0], newFile || clickedFile.Name)
switch(action) {
case "copy":
return API.request({
url: clickedFile.IsDir ? "/sync/copy" : "/operations/copyfile",
data: Object.assign({
_async: true
}, clickedFile.IsDir ? { srcFs: fs + remote, dstFs: dstFs + dstRemote, } : { srcFs: fs, srcRemote: remote, dstFs, dstRemote })
})
.catch(err => console.error(err))
.finally(this.closeMenu)
case "move":
return API.request({
url: clickedFile.IsDir ? "/sync/move" : "/operations/movefile",
data: Object.assign({
_async: true
}, clickedFile.IsDir ? { srcFs: fs + remote, dstFs: dstFs + dstRemote, } : { srcFs: fs, srcRemote: remote, dstFs, dstRemote })
})
.catch(err => console.error(err))
.finally(this.closeMenu)
case "delete":
return API.request({
url: "operations/" + (clickedFile.IsDir ? "purge" : "deletefile"),
data: { fs, remote, _async: true }
})
.then(() => {
let { files } = this.state
files[brIndex] = files[brIndex].filter(v => v.Name !== clickedFile.Name)
this.setState({ files })
})
.catch(err => console.error(err))
.finally(this.closeMenu)
case "rename":
if (clickedFile.IsDir) return API.request({
url: "/operations/mkdir",
data: { fs, remote: dstRemote }
})
.then(() => {
return API.request({
url: "/sync/move",
data: {
srcFs: fs + remote,
dstFs: fs + path.join(this.state.currentPath[brIndex], newFile)
}
})
.then(() => {
return API.request({
url: "/operations/purge",
data: { fs, remote, _async: true }
})
.then(() => {
let { files } = this.state
let f = files[brIndex].filter(v => v.Name === clickedFile.Name)[0]
f.Name = newFile
this.setState({ files })
})
.catch(err => console.error(err))
})
.catch(err => console.error(err))
})
.catch(err => console.error(err))
.finally(this.closeMenu)
return API.request({
url: clickedFile.IsDir ? "/sync/copy" : "/operations/movefile",
data: { srcFs: fs,
srcRemote: remote,
dstFs: fs,
dstRemote: path.join(this.state.currentPath[brIndex], newFile)
}
})
.then(() => {
let { files } = this.state
let f = files[brIndex].filter(v => v.Name === clickedFile.Name)[0]
f.Name = newFile
this.setState({ files })
})
.catch(err => console.error(err))
.finally(this.closeMenu)
case "newfolder":
return API.request({
url: "/operations/mkdir",
data: { fs, remote }
})
.then(() => {
let { files } = this.state
files[brIndex].push({
Name: newFile,
ModTime: new Date(),
Size: -1,
IsDir: true,
MimeType: "inode/directory"
})
this.setState({ files })
})
.catch(() => {})
.finally(this.closeMenu)
default: assert(false);
}
}
handleColumnChange = ({target}) => {
const value = target.type === 'checkbox' ? target.checked : target.value
const name = target.name
let { shownColumns } = this.state
switch (name) {
case "size":
shownColumns.size = value
this.setState({ shownColumns })
break;
case "datetime":
if (value === true) {
shownColumns.datetime = true
shownColumns.date = false
} else {
shownColumns.datetime = false
}
this.setState({ shownColumns })
break;
case "date":
if (value === true) {
shownColumns.date = true
shownColumns.datetime = false
} else {
shownColumns.date = false
}
this.setState({ shownColumns })
break;
default: break;
}
}
/**
* Opens the actions menu
* @param {ElementEvent} e The event that called this function
* @param {Boolean} isFile was a file clicked
*/
openMenu = (brIndex, e, isFile) => {
e.preventDefault()
e.stopPropagation()
assert(
typeof e.pageX === "number"
&& typeof e.pageY === "number"
&& typeof e.target.innerHTML === "string"
&& e.target.innerHTML.length > 0
)
let file = {}
if (isFile) file = this.state.files[brIndex].filter(v => v.Name === e.target.innerHTML)[0]
this.setState({
menuInfo: {
file,
brIndex,
cursorX: e.pageX,
cursorY: e.pageY,
otherPath: this.state.currentPath[brIndex === 0 ? 1 : 0]
}
})
}
closeMenu = () => {
this.setState({
menuInfo: {
cursorX: 0,
cursorY: 0,
brIndex: -1,
file: {},
otherPath: ""
},
loading: [ false, false ]
})
}
openFileSettings = e => {
e.stopPropagation()
this.setState({ showFileSettings: true })
}
switchBrowserMode = () => {
if (this.state.loading[0] || this.state.loading[1]) return;
if (this.state.dualBrowser) return this.setState({ activeBrowser: 0, dualBrowser: false })
let { currentPath } = this.state
const tempPath = currentPath[1]
currentPath[1] = ""
this.setState({ activeBrowser: 1, dualBrowser: true, currentPath })
this.getFiles(1, tempPath)
}
setActiveBrowser = activeBrowser => {
if (this.state.windowWidth < 1200 && this.state.dualBrowser === false) this.switchBrowserMode()
if (this.state.dualBrowser) this.setState({ activeBrowser })
}
setRemote = remoteName => {
let { browserFs, currentPath, activeBrowser } = this.state
browserFs[activeBrowser] = remoteName
currentPath[activeBrowser] = ""
this.setState({ browserFs, currentPath })
setTimeout(() => {
this.getFiles(activeBrowser, "/")
}, 50)
}
/**
* Renders a simple menu to perform actions on the clicked file
*/
renderMenu = () => {
const { menuInfo } = this.state
const { brIndex } = menuInfo
if (brIndex !== -1) return <FileMenu info={menuInfo} action={(action, file) => this.doAction(brIndex, action, file)} hideMenu={() => this.setState({ showMenu: false })} />
}
renderFileSettings = () => {
const { size, date, datetime } = this.state.shownColumns
if (this.state.showFileSettings) return (
<FileSettingsPopup onClick={e => e.stopPropagation()}>
<FileSettingsHeader> Columns </FileSettingsHeader>
<FileColumnSettingsContainer>
<div>
<Checkbox type="checkbox" id="datetime" name="datetime" checked={datetime} onChange={this.handleColumnChange} />
<label htmlFor="datetime"> Datetime </label>
</div>
<div>
<Checkbox type="checkbox" id="date" name="date" checked={date} onChange={this.handleColumnChange} />
<label htmlFor="date"> Date </label>
</div>
<div>
<Checkbox type="checkbox" id="size" name="size" checked={size} onChange={this.handleColumnChange} />
<label htmlFor="size"> Size </label>
</div>
</FileColumnSettingsContainer>
</FileSettingsPopup>
)
}
renderRemoteButtons = () => {
const { browserFs, activeBrowser } = this.state
return this.props.remotes.map(v => (
<RemoteButton key={v.name} onClick={() => this.setRemote(v.name)} active={browserFs[activeBrowser] === v.name}> { v.name } </RemoteButton>
))
}
renderBrowser = () => {
const { files, currentPath, loading, dualBrowser, activeBrowser, shownColumns, windowWidth } = this.state
const data = files.map((files, i) => ({
files,
setActive: () => this.setActiveBrowser(i),
updateFiles: path => this.getFiles(i, path),
currentPath: currentPath[i],
loading: loading[i],
shownColumns: shownColumns,
active: activeBrowser === i && dualBrowser,
openMenu: (e, isFile) => this.openMenu(i, e, isFile)
}))
if (windowWidth >= 1200) return (
<Fragment>
<FileBrowser {...data[0]} />
{
dualBrowser &&
<FileBrowser {...data[1]} />
}
</Fragment>
)
return <FileBrowser {...data[activeBrowser]} />
}
renderSwitchBrowser = () => {
const { currentPath, dualBrowser, activeBrowser, windowWidth } = this.state
if (windowWidth < 1200) return (
<RemoteButton onClick={() => this.setActiveBrowser(activeBrowser ? 0 : 1)}>
{ currentPath[activeBrowser ? 0 : 1] }
</RemoteButton>
)
return (
<BrowserSettingButton onClick={this.switchBrowserMode}>
<img src={dualBrowser ? BrowserSingle : BrowserDual} alt={dualBrowser ? "single browser" : "dual browser"} width="20" height="20" />
</BrowserSettingButton>
)
}
render = () => {
return (
<PopupContainer>
{ this.renderFileSettings() }
{ this.renderMenu() }
<PopupTitle> File Browser </PopupTitle>
<Cross onClick={this.props.close}> Close </Cross>
<FileBrowsersContainer>
<FileBrowserRemotes>
{ this.renderRemoteButtons() }
<FileBrowserSettings>
{ this.renderSwitchBrowser() }
<BrowserSettingButton onClick={this.openFileSettings}>
<img src={SettingsCog} alt="file settings" width="20" height="20" />
</BrowserSettingButton>
</FileBrowserSettings>
</FileBrowserRemotes>
<FileBrowserWrapper>
{ this.renderBrowser() }
</FileBrowserWrapper>
</FileBrowsersContainer>
</PopupContainer>
)
}
}
const compareProps = (prevProps, nextProps) => {
return true
}
export default React.memo(FileBrowserMenu, compareProps)

130
src/components/fileMenu.jsx
View File

@ -1,130 +0,0 @@
import { Component,Fragment } from 'react'
import { Button, WarningButton, Input } from '../styled'
import { FileSettingsHeader, FileSettingsPopup, FileMenuContainer, ButtonWrapper } from './fileBrowser.styled'
class FileMenu extends Component {
constructor() {
super()
this.state = {
action: "",
newFile: ""
}
}
// update newFile state
handleInputChange = e => {
this.setState({ newFile: e.target.value })
}
// start the action
doAction = e => {
if (typeof e?.preventDefault === "function") e.preventDefault()
const { action, newFile } = this.state
this.props.action(action, newFile)
}
// after clicking new folder or rename show popup to enter file name
handlePathClick = (e, action) => {
e.stopPropagation()
return this.setState({ action })
}
// after clicking copy or move show the dest path
handleSyncClick = (e, action) => {
e.stopPropagation()
this.setState({ action })
}
// show delete warning and stop close menu
handleDeleteClick = e => {
e.stopPropagation()
this.setState({ action: "delete" })
}
// ask user to enter a path and submit
renderPathPopup = () => {
const { newFile, action } = this.state
const { file } = this.props.info
if (action === "rename" || action === "newfolder") return (
<FileSettingsPopup onClick={e => e.stopPropagation()}>
<label htmlFor="newFile">
<FileSettingsHeader> { action === "rename" ? `Renaming ${file.Name}` : "New Folder" } </FileSettingsHeader>
</label>
<form onSubmit={this.doAction}>
<Input type="text" name="newFile" id="newFile" autoFocus value={newFile} onChange={this.handleInputChange} autoComplete="off" />
<Button onClick={this.doAction}> Submit </Button>
</form>
</FileSettingsPopup>
)
}
// ask user to confirm the copy or move
renderConfirmPath = () => {
const { action } = this.state
const { otherPath, file } = this.props.info
if (action === "copy" || action === "move") return (
<FileSettingsPopup>
<FileSettingsHeader> Confirm </FileSettingsHeader>
<p>
{ action === "copy" ? "Copy" : "Move" } { file.Name } to { otherPath }?
</p>
<ButtonWrapper>
<Button onClick={() => this.props.action()}>Cancel</Button>
<Button onClick={this.doAction}>{ action === "copy" ? "Copy" : "Move" }</Button>
</ButtonWrapper>
</FileSettingsPopup>
)
}
/**
* Renders a simple menu to perform actions on the clicked file
*/
renderMenu = () => {
const { cursorX, cursorY, file } = this.props.info
const { action } = this.state
if (file?.Name?.length && (action === "delete" || action === "")) return (
<FileMenuContainer
onMouseLeave={() => this.setState({ showMenu: false })}
cursorX={cursorX} cursorY={cursorY}
>
<Button onClick={e => this.handlePathClick(e, "newfolder")}> New Folder </Button>
<Button onClick={e => this.handleSyncClick(e, "copy")}> Copy </Button>
<Button onClick={e => this.handleSyncClick(e, "move")}> Move </Button>
<Button onClick={e => this.handlePathClick(e, "rename")}> Rename </Button>
{
action === "delete" ?
<WarningButton onClick={this.doAction}> Delete </WarningButton>
:
<Button onClick={this.handleDeleteClick}> Delete </Button>
}
</FileMenuContainer>
)
if (action === "") return (
<FileMenuContainer
onMouseLeave={() => this.doAction()}
cursorX={cursorX} cursorY={cursorY}
>
<Button onClick={e => this.handlePathClick(e, "newfolder")}> New Folder </Button>
</FileMenuContainer>
)
}
render = () => {
return (
<Fragment>
{ this.renderMenu() }
{ this.renderConfirmPath() }
{ this.renderPathPopup() }
</Fragment>
)
}
}
export default FileMenu

7
src/components/navigation.jsx
View File

@ -2,7 +2,6 @@ import styled from 'styled-components'
import { Button as normalButton, Container } from '../styled'
import Error from './error'
import BrowserSingle from '../assets/icons/browserSingle.svg'
const NavigationContainer = styled(Container)`
gap: 0 .5rem;
@ -18,16 +17,12 @@ const Button = styled(normalButton)`
gap: 0 .3rem;
`
const Navigation = ({ info, openBrowser }) => {
const Navigation = ({ info }) => {
const { errors, lastError } = info
return (
<NavigationContainer>
<Error errorCount={errors} lastError={lastError} />
<Button onClick={openBrowser}>
<img src={BrowserSingle} alt="file browser" width="18" height="18" />
File Browser
</Button>
</NavigationContainer>
)
}

6
src/components/settings.jsx
View File

@ -127,7 +127,7 @@ class Settings extends Component {
renderSettings = () => {
return (
<PopupContainer>
<PopupTitle> Settings </PopupTitle>
<PopupTitle> Rclone Settings </PopupTitle>
<Cross onClick={() => this.setState({ show: false })}> Close </Cross>
<pre>
@ -151,7 +151,7 @@ class Settings extends Component {
}
<InfosWrapper>
<h2> Settings </h2>
<h2> Rclone Settings </h2>
<p> Theme </p>
<Switch
checked={darkTheme}
@ -179,7 +179,7 @@ class Settings extends Component {
<p> File min age </p>
<p> { secondsToTimeString(settings?.filter?.MinAge / 1000000000, true) } </p>
<Button onClick={this.showSettings}> List Settings </Button>
<Button onClick={this.showSettings}> Show full Configuration </Button>
</InfosWrapper>
</Fragment>
)