Move searchbar to filemanager directory
This commit is contained in:
@@ -8,7 +8,7 @@ import Button from '../../layout/Button.svelte';
|
|||||||
import FileImporter from './FileImporter.svelte';
|
import FileImporter from './FileImporter.svelte';
|
||||||
import { formatDate } from '../../util/Formatting.svelte';
|
import { formatDate } from '../../util/Formatting.svelte';
|
||||||
import { drop_target } from "../../lib/DropTarget.ts"
|
import { drop_target } from "../../lib/DropTarget.ts"
|
||||||
import SearchBar from '../SearchBar.svelte';
|
import SearchBar from './SearchBar.svelte';
|
||||||
|
|
||||||
export let nav
|
export let nav
|
||||||
export let upload_widget
|
export let upload_widget
|
||||||
@@ -21,13 +21,6 @@ let creating_dir = false
|
|||||||
let show_hidden = false
|
let show_hidden = false
|
||||||
let file_importer
|
let file_importer
|
||||||
|
|
||||||
$: selected_files = $nav.children.reduce((acc, file) => {
|
|
||||||
if (file.fm_selected) {
|
|
||||||
acc++
|
|
||||||
}
|
|
||||||
return acc
|
|
||||||
}, 0)
|
|
||||||
|
|
||||||
export const upload = files => {
|
export const upload = files => {
|
||||||
return uploader.upload(files)
|
return uploader.upload(files)
|
||||||
}
|
}
|
||||||
@@ -331,9 +324,7 @@ onMount(() => {
|
|||||||
{:else if mode === "selecting"}
|
{:else if mode === "selecting"}
|
||||||
<div class="toolbar toolbar_edit">
|
<div class="toolbar toolbar_edit">
|
||||||
<Button click={viewing_mode} icon="close"/>
|
<Button click={viewing_mode} icon="close"/>
|
||||||
<div class="toolbar_spacer">
|
<div class="toolbar_spacer"></div>
|
||||||
Selected {selected_files} files
|
|
||||||
</div>
|
|
||||||
<Button click={move_start} icon="drive_file_move" label="Move"/>
|
<Button click={move_start} icon="drive_file_move" label="Move"/>
|
||||||
<button on:click={delete_selected} class="button_red">
|
<button on:click={delete_selected} class="button_red">
|
||||||
<i class="icon">delete</i>
|
<i class="icon">delete</i>
|
||||||
|
@@ -1,6 +1,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
import { fs_search, fs_encode_path, fs_thumbnail_url } from "./FilesystemAPI";
|
import { fs_search, fs_encode_path, fs_thumbnail_url } from "../FilesystemAPI";
|
||||||
|
|
||||||
export let nav
|
export let nav
|
||||||
|
|
||||||
@@ -219,7 +219,7 @@ const window_keydown = (e) => {
|
|||||||
position: relative;
|
position: relative;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
max-height: 90vh;
|
max-height: 80vh;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
background: var(--body_color);
|
background: var(--body_color);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
Reference in New Issue
Block a user