lucent/lucent-laravel
2
0
Fork 0
Code Issues 14 Pull Requests Releases 1 Activity

updated dependencies

Browse Source
This commit is contained in:
Alex Lingris
2024-08-16 14:34:39 +03:00
parent 2429d4acb5
commit a04e338ce2
20 changed files with 1224 additions and 891 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/js/main.js
-1
View File
@@ -2,7 +2,6 @@ import {axiosInstance} from "./bootstrap";
import "../sass/app.scss";
import Account from "./svelte/Account.svelte";
import Channel from "./svelte/Channel.svelte";
import * as bootstrap from "bootstrap";
import Mustache from "mustache";
import 'htmx.org';
front/js/svelte/content/Index.svelte
+12 -34
View File
@@ -4,7 +4,6 @@
import ActionsOnSelected from "./ActionsOnSelected.svelte";
import Table from "./Table.svelte";
import {getContext} from "svelte";
import Grid from "./Grid.svelte";
const axios = getContext("axios");
export let schema;
@@ -71,40 +70,19 @@
/>
{/if}
{#if schema.type === "collection"}
<Table
{records}
{graph}
{schema}
{sortParam}
{sortField}
{systemFields}
{inModal}
{users}
{isWritable}
bind:selected
/>
{:else}
<Table
{records}
{graph}
{schema}
{sortParam}
{sortField}
{systemFields}
{inModal}
{users}
{isWritable}
bind:selected
/>
<!-- <Grid-->
<!-- {records}-->
<!-- {schema}-->
<!-- {isWritable}-->
<!-- bind:selected-->
<!-- />-->
<Table
{records}
{graph}
{schema}
{sortParam}
{sortField}
{systemFields}
{inModal}
{users}
{isWritable}
bind:selected
/>
{/if}
</div>
<Pagination
front/js/svelte/content/Table.svelte
+1 -2
View File
@@ -30,7 +30,6 @@
}
$: visibleColumns = schema.fields.filter(c => schema.visible?.includes(c.name) ?? [])
</script>
<div class="table mt-5 ">
@@ -81,7 +80,7 @@
{/if}
{#if record._file?.path}
<Preview record={record} size="medium"/>
<Preview record={record} size={record._file?.width > 0 ? "medium" : "tiny"}/>
{/if}
<a
class="me-2 text-decoration-none text-dark fs-6"
front/js/svelte/content/tools/Tools.svelte
+1 -1
View File
@@ -91,7 +91,7 @@
</a>
{/if}
{:else }
<div class="d-inline-block ms-1">
<div>
<Uploader {schema} on:uploadComplete={uploadComplete}/>
</div>
{/if}
front/js/svelte/dialog/Dialog.svelte
+13 -10
View File
@@ -1,6 +1,6 @@
<script>
import {createEventDispatcher, getContext, onMount} from "svelte";
import {createEventDispatcher, getContext} from "svelte";
import Icon from "../common/Icon.svelte";
import Index from "../content/Index.svelte";
@@ -15,7 +15,11 @@
// });
export function close() {
export function close(e) {
if(e){
e.preventDefault();
}
dialogEl.close()
selectedRecords = [];
}
@@ -45,23 +49,22 @@
});
}
export function open(schema) {
export function open( schema) {
dialogEl.showModal()
load(schema);
}
</script>
<dialog bind:this={dialogEl}>
{#if data.schema}
{#if data.schema}
<div class="dialog-header">
<button
type="button"
class="btn btn-primary me-1"
class="button"
on:click={insert}
disabled={selectedRecords.length === 0}
>
@@ -69,7 +72,7 @@
</button>
<button
type="button"
class="btn btn-outline-primary me-3"
class="button"
on:click={replace}
disabled={selectedRecords.length === 0}
>
@@ -89,9 +92,9 @@
>
<Icon icon="close"></Icon>
</button>
<div class="dialog-body">
<Index {...data} bind:selected={selectedRecords}></Index>
</div>
<div class="dialog-body">
<Index {...data} bind:selected={selectedRecords}></Index>
</div>
{/if}
</dialog>
front/js/svelte/files/Preview.svelte
+2 -2
View File
@@ -53,7 +53,7 @@
>
<Icon icon="file" width={fileSide} height={fileSide}/>
<span class="ms-2"
>.{record._file.path.split(".").pop()}</span
>.{record._file.path.split(".").pop().toLowerCase()}</span
>
</a>
{/if}
@@ -63,7 +63,7 @@
href="{channel.lucentUrl}/records/{record.id}"
title={record._file.path}
class="preview-file-filename lx-small-text text-decoration-none"
>{record._file.path}</a
>{record._file.path} </a
>
{/if}
</div>
front/js/svelte/files/Uploader.svelte
+8 -9
View File
@@ -43,16 +43,15 @@
}
</script>
<fieldset disabled={isLoading}>
<label class="btn btn-primary btn-sm btn-spinner ">
<fieldset class="upload-button" disabled={isLoading}>
<label class="button primary btn-spinner ">
<span
class="spinner-border spinner-border-sm"
role="status"
aria-hidden="true"
/>
Upload file
<span
class="spinner-border spinner-border-sm"
role="status"
aria-hidden="true"
>
<span class="visually-hidden">Loading...</span>
</span>
<input
on:input={upload}
class="form-control"
front/js/svelte/libs/Tinymce.svelte
+2 -2
View File
@@ -6,8 +6,8 @@
import "tinymce/icons/default";
import "tinymce/themes/silver";
import "tinymce/skins/ui/oxide/skin.css";
import contentUiSkinCss from "tinymce/skins/ui/oxide/content.css";
import customcss from "./tinymce.css";
import contentUiSkinCss from "tinymce/skins/ui/oxide/content.css?inline";
import customcss from "./tinymce.css?inline";
import "tinymce/plugins/link";
import "tinymce/plugins/code";
front/js/svelte/records/Preview.js
+4 -1
View File
@@ -36,7 +36,10 @@ export function previewTitle(schemas, record, graph) {
function noTemplate(schema, record) {
if (schema?.type === "files") {
return record._file.path;
if(record._file.width === 0){
return record._file.path;
}
return record._file.path + " " + record._file.width+"x"+record._file.height ;
}
let title = stripHtml(
front/js/svelte/records/elements/File.svelte
+6 -32
View File
@@ -1,17 +1,16 @@
<script>
import {createEventDispatcher, getContext} from "svelte";
import {uniqBy} from "lodash";
import {sortByField} from "../../edges/sortEdges";
import Sortable from "../../libs/Sortable.svelte";
import PreviewFile from "../previews/PreviewFile.svelte";
import Dropdown from "../../common/Dropdown.svelte";
import Dialog from "../../dialog/Dialog.svelte";
import {insertEdges} from "./reference.js";
import {getContext} from "svelte";
const channel = getContext("channel");
export let field;
export let record;
export let graph
const dispatch = createEventDispatcher();
let browseModal;
$: references = graph?.edges
.filter((edge) => edge.field === field.name)
@@ -33,7 +32,6 @@
function openBrowseModal(e, schema) {
e.preventDefault();
browseModal.open(schema);
}
async function reorder(e) {
@@ -45,26 +43,7 @@
function insert(e) {
e.preventDefault();
browseModal.close();
const recordsToInsert = e.detail.records;
const action = e.detail.action;
let newEdges = recordsToInsert.map((r) => {
return {
target: r.id,
source: record.id,
sourceSchema: record.schema,
targetSchema: r.schema,
field: field.name,
rank: ""
};
});
let replacedEdges = graph.edges ?? [];
if (action === "replace") {
replacedEdges = replacedEdges.filter((e) => e.field !== field.name);
}
graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
graph.edges = uniqBy([...replacedEdges, ...newEdges], (e) => e.target + e.field);
graph = insertEdges(graph, record, e.detail.records, field.name, e.detail.action);
}
</script>
@@ -85,8 +64,7 @@
<!-- {`${channelurl}/content/${collection.name}?parent=${record.id}&parentfield=${field.name}`} -->
<a
class="dropdown-item"
on:click={(e) =>
openBrowseModal(e, collection.name)}
on:click={(e) => openBrowseModal(e, collection.name)}
href="/">{collection.label}</a
>
{/each}
@@ -94,14 +72,10 @@
{/if}
</div>
{#if references.length > 0}
<Sortable sortableClass="row row-cols-3 mt-3" on:update={reorder}>
<Sortable sortableClass="mt-3" on:update={reorder}>
{#each references as reference (reference.id)}
<div class="col mb-3">
<PreviewFile record={reference} hasDelete={true} on:remove={removeReference}></PreviewFile>
</div>
<PreviewFile record={reference} hasDelete={true} on:remove={removeReference}></PreviewFile>
{/each}
</Sortable>
{/if}
<Dialog bind:this={browseModal} on:insert={insert}></Dialog>
<!--<BrowseModal bind:this={browseModal} on:insert={insert}/>-->
front/js/svelte/records/elements/ReferenceInlineButtons.svelte
+2 -1
View File
@@ -3,6 +3,7 @@
import Icon from "../../common/Icon.svelte";
import InlineEdit from "../InlineEdit.svelte";
import BrowseModal from "./BrowseModal.svelte";
import Dialog from "../../dialog/Dialog.svelte";
const dispatch = createEventDispatcher();
// export let field;
@@ -120,7 +121,7 @@
/>
{/if}
<BrowseModal bind:this={browseModal} on:insert={insert}/>
<Dialog bind:this={browseModal} on:insert={insert}/>
<style>
:global(.inline-card-wrapper) {
front/js/svelte/records/previews/PreviewFile.svelte
+20 -18
View File
@@ -22,26 +22,28 @@
</script>
<div class="preview-file">
<div class="image">
<Preview {record} size="small"/>
</div>
<div class="title">
<div>
<a
class="record-title"
href="{channel.lucentUrl}/records/{record.id}"
>
{cardTitle}
</a>
<small class="d-block">
from {schema.label}
{#if record.status === "draft"}
<Status status={record.status}/>
{/if}
</small>
<div style="display: flex;align-items: center;gap: 10px;">
<div class="image">
<Preview {record} size="small"/>
</div>
<div class="title">
<div>
<a
class="record-title"
href="{channel.lucentUrl}/records/{record.id}"
>
{cardTitle}
</a>
<small class="d-block">
from {schema.label}
{#if record.status === "draft"}
<Status status={record.status}/>
{/if}
</small>
</div>
</div>
</div>
{#if hasDelete}
<div class="trash-action">