-
Notifications
You must be signed in to change notification settings - Fork 39
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b694be1
commit 1ffa53c
Showing
17 changed files
with
700 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,121 @@ | ||
| // | ||
| // ecommerce.scss | ||
| // | ||
|
|
||
| // product | ||
|
|
||
| .search-box{ | ||
| .form-control{ | ||
| border-radius: 30px; | ||
| padding-left: 40px; | ||
| } | ||
| .search-icon{ | ||
| font-size: 16px; | ||
| position: absolute; | ||
| left: 13px; | ||
| top: 0; | ||
| line-height: 38px; | ||
| } | ||
| } | ||
|
|
||
| .product-list{ | ||
| li{ | ||
| a{ | ||
| display: block; | ||
| padding: 4px 0px; | ||
| color: var(--#{$prefix}body-color); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .product-view-nav{ | ||
| &.nav-pills { | ||
| .nav-item{ | ||
| margin-left: 4px; | ||
| } | ||
| .nav-link{ | ||
| width: 36px; | ||
| height: 36px; | ||
| font-size: 16px; | ||
| padding: 0; | ||
| line-height: 36px; | ||
| text-align: center; | ||
| border-radius: 50%; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .product-ribbon{ | ||
| position: absolute; | ||
| right: 0px; | ||
| top: 0px; | ||
| } | ||
|
|
||
| // Product Details | ||
|
|
||
| .product-detai-imgs{ | ||
| .nav{ | ||
| .nav-link{ | ||
| margin: 7px 0px; | ||
|
|
||
| &.active{ | ||
| background-color: var(--#{$prefix}tertiary-bg); | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .product-color{ | ||
| a{ | ||
| display: inline-block; | ||
| text-align: center; | ||
| color: var(--#{$prefix}body-color); | ||
| .product-color-item{ | ||
| margin: 7px; | ||
| } | ||
| &.active, &:hover{ | ||
| color: $primary; | ||
| .product-color-item{ | ||
| border-color: $primary !important; | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // ecommerce cart | ||
|
|
||
| .visa-card{ | ||
| .visa-logo{ | ||
| line-height: 0.5; | ||
| } | ||
|
|
||
| .visa-pattern{ | ||
| position: absolute; | ||
| font-size: 385px; | ||
| color: rgba($white, 0.05); | ||
| line-height: 0.4; | ||
| right: 0px; | ||
| bottom: 0px; | ||
| } | ||
| } | ||
|
|
||
|
|
||
| // checkout | ||
|
|
||
| .checkout-tabs{ | ||
| .nav-pills{ | ||
| .nav-link{ | ||
| margin-bottom: 24px; | ||
| text-align: center; | ||
| background-color: var(--#{$prefix}secondary-bg); | ||
| box-shadow: $box-shadow; | ||
|
|
||
| &.active{ | ||
| background-color: $primary; | ||
| } | ||
| .check-nav-icon{ | ||
| font-size: 36px; | ||
| } | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,46 +1,32 @@ | ||
| <script> | ||
| import { Button, Card, CardBody, CardHeader, CardTitle, Col, Input, Label, Row } from '@sveltestrap/sveltestrap'; | ||
| import Breadcrumb from '$lib/common/Breadcrumb.svelte'; | ||
| import HeadTitle from '$lib/common/HeadTitle.svelte'; | ||
| import { uploadDocument } from '$lib/services/knowledge-base-service'; | ||
| import { Row, Card, CardBody, CardHeader, Container } from '@sveltestrap/sveltestrap'; | ||
| import Breadcrumb from '$lib/common/Breadcrumb.svelte'; | ||
| import HeadTitle from '$lib/common/HeadTitle.svelte'; | ||
| /** @type {FileList} */ | ||
| let files; | ||
| $: if (files) { | ||
| // Note that `files` is of type `FileList`, not an Array: | ||
| // https://developer.mozilla.org/en-US/docs/Web/API/FileList | ||
| console.log(files); | ||
| for (const file of files) { | ||
| console.log(`${file.name}: ${file.size} bytes`); | ||
| } | ||
| } | ||
| async function handleFileUpload() { | ||
| for (const file of files) { | ||
| await uploadDocument(file); | ||
| } | ||
| } | ||
| import UploadDocument from "./upload-document.svelte"; | ||
| import FileLeftBar from './FileLeftBar.svelte'; | ||
| import FileLists from "./FileLists.svelte"; | ||
| import RecentFile from "./RecentFile.svelte"; | ||
| import Storage from "./Storage.svelte"; | ||
| </script> | ||
|
|
||
| <HeadTitle title="Agent Knowledge Base" /> | ||
| <Breadcrumb title="Agent" pagetitle="Knowledge Base" /> | ||
|
|
||
| <Card> | ||
| <CardHeader> | ||
| <p>Upload your own document, BotSharp will convert this data into its knowledges.</p> | ||
| </CardHeader> | ||
| <CardBody> | ||
| <div class="input-group"> | ||
| <Input | ||
| type="file" | ||
| bind:files | ||
| class="form-control" | ||
| aria-describedby="inputGroupFileAddon04" | ||
| aria-label="Upload" | ||
| /> | ||
| <Button color="primary" on:click={() => handleFileUpload()}>Upload</Button> | ||
| </div> | ||
| </CardBody> | ||
| </Card> | ||
| <HeadTitle title="Knowledge Manager" /> | ||
| <Breadcrumb pagetitle="Knowledge Management" title="Knowledge Base"/> | ||
| <div class="d-xl-flex"> | ||
| <div class="w-100"> | ||
| <div class="d-md-flex"> | ||
| <FileLeftBar /> | ||
| <div class="w-100"> | ||
| <Card> | ||
| <CardBody> | ||
| <FileLists /> | ||
| <div class="mb-3"> | ||
| <UploadDocument /> | ||
| </div> | ||
| <RecentFile /> | ||
| </CardBody> | ||
| </Card> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <Storage /> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,115 @@ | ||
| <script> | ||
| import Link from "svelte-link"; | ||
| import { | ||
| Card, | ||
| CardBody, | ||
| Collapse, | ||
| DropdownMenu, | ||
| DropdownToggle, | ||
| Alert, | ||
| Dropdown, | ||
| Button, | ||
| } from "@sveltestrap/sveltestrap"; | ||
| let isOpen = true; | ||
| const handleOnClick = () => { | ||
| isOpen = !isOpen; | ||
| }; | ||
| </script> | ||
|
|
||
| <Card class="filemanager-sidebar me-md-2"> | ||
| <CardBody> | ||
| <div class="d-flex flex-column h-100"> | ||
| <div class="mb-4"> | ||
| <ul class="list-unstyled categories-list"> | ||
| <li> | ||
| <div class="custom-accordion"> | ||
| <Link | ||
| style="cursor:pointer" | ||
| class="text-body fw-medium py-1 d-flex align-items-center" | ||
| on:click={handleOnClick} | ||
| id="toggler" | ||
| > | ||
| <i class="mdi mdi-folder font-size-16 text-warning me-2" />{" "} | ||
| Files{" "} | ||
| <i | ||
| class={isOpen | ||
| ? "mdi mdi-chevron-up accor-down-icon ms-auto" | ||
| : "mdi mdi-chevron-down accor-down-icon ms-auto"} | ||
| /> | ||
| </Link> | ||
| <Collapse {isOpen} toggler="#toggler"> | ||
| <div class="card border-0 shadow-none ps-2 mb-0"> | ||
| <ul class="list-unstyled mb-0"> | ||
| <li> | ||
| <Link href="#" class="d-flex align-items-center"> | ||
| <span class="me-auto">Design</span> | ||
| </Link> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </Collapse> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <Link href="#" class="text-body d-flex align-items-center"> | ||
| <i | ||
| class="mdi mdi-google-drive font-size-16 text-muted me-2" | ||
| />{" "} | ||
| <span class="me-auto">Google Drive</span> | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link href="#" class="text-body d-flex align-items-center"> | ||
| <i class="mdi mdi-dropbox font-size-16 me-2 text-primary" />{" "} | ||
| <span class="me-auto">Dropbox</span> | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link href="#" class="text-body d-flex align-items-center"> | ||
| <i | ||
| class="mdi mdi-star-outline text-muted font-size-16 me-2" | ||
| />{" "} | ||
| <span class="me-auto">Starred</span> | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link href="#" class="text-body d-flex align-items-center"> | ||
| <i class="mdi mdi-trash-can text-danger font-size-16 me-2" />{" "} | ||
| <span class="me-auto">Trash</span> | ||
| </Link> | ||
| </li> | ||
| <li> | ||
| <Link href="#" class="text-body d-flex align-items-center"> | ||
| <i class="mdi mdi-cog text-muted font-size-16 me-2" />{" "} | ||
| <span class="me-auto">Setting</span> | ||
| <span class="badge bg-success rounded-pill ms-2"> 01 </span> | ||
| </Link> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="mt-auto"> | ||
| <Alert color="success" dismissible class="px-3 mb-0"> | ||
| <div class="mb-3"> | ||
| <i class="bx bxs-folder-open h1 text-success" /> | ||
| </div> | ||
|
|
||
| <div> | ||
| <h5 class="text-success">Upgrade Features</h5> | ||
| <p>Cum sociis natoque penatibus et</p> | ||
| <div class="text-center"> | ||
| <button | ||
| type="button" | ||
| class="btn btn-link text-decoration-none text-success" | ||
| > | ||
| Upgrade <i class="mdi mdi-arrow-right" /> | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </Alert> | ||
| </div> | ||
| </div> | ||
| </CardBody> | ||
| </Card> |
Oops, something went wrong.