IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Client:EmptyScreenGroups Added new empty screen for groups

Browse Source
This commit is contained in:
Akmal Isomadinov 2024-08-23 18:29:09 +05:00
parent f593055dc9
commit 5995b8c8e0
6 changed files with 228 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/client/public/locales/en/EmptyView.json
View File

@ -14,15 +14,24 @@
"CustomRoomEmptyTitle": "Welcome to the Custom room",
"DefaultFolderDescription": "Drop files here or create new ones.",
"EmptyDescription": "Get started with quick actions:",
"EmptyGroupAddedUserOptionDescription": "Add group members and assign the head",
"EmptyGroupDeleteOptionDescription": "If you don't need this group anymore",
"EmptyGroupsCreateGroupOptionDescription": "Create a group to add them to the room",
"EmptyRecentDescription": "Your last viewed or edited docs will be displayed in this section.",
"EmptyRootRoomUserDescription": "The shared room will appear here.",
"EmptyRootRoomUserTitle": "There are no rooms here yet",
"FormFolderDefaultDescription": "Drop PDF forms here or upload from {{productName}} or device.",
"FormFolderDefaultTitle": "No forms here yet",
"FormFolderDefaultUserDescription": "The forms uploaded by the administrators will be appeared here.",
"FormFolderDefaultUserTitle": "No forms in this folder yet",
"FormRoomEmptyTitle": "Welcome to the Form filling room",
"InviteNewUsers": "Invite new users",
"InviteRootRoomDescription": "Send an invitation to add new members to your {{productName}}",
"InviteUsersCollaborationOptionDescription": "Add members for joint editing in the room.",
"InviteUsersOptionDescription": "Add portal members for joint editing in the room",
"InviteUsersOptionTitle": "Inviting Attendees",
"MigrationDataDescription": "Import data to your {{productName}} from ONLYOFFICE Workspace, Google Workspace, or Nextcloud.",
"MigrationDataTitle": "Migration Data",
"PublicRoomEmptyTitle": "Welcome to the Public room",
"ShareOptionDescription": "Copy a public access link or invite other users to the room to start the form filling process.",
"ShareOptionTitle": "Share a room",
@ -35,13 +44,5 @@
"UploadFromPortalDescription": "Upload any type files from Documents or Rooms",
"UploadFromPortalTitle": "Upload from {{productName}}",
"UploadPDFFormOptionDescription": "Select a ready PDF form available in {{productName}} and upload it to the room.",
"UserEmptyDescription": "Files and folders uploaded by admins will appeared here.",
"InviteRootRoomDescription": "Send an invitation to add new members to your {{productName}}",
"MigrationDataTitle": "Migration Data",
"MigrationDataDescription": "Import data to your {{productName}} from ONLYOFFICE Workspace, Google Workspace, or Nextcloud.",
"EmptyRootRoomUserTitle": "There are no rooms here yet",
"EmptyRootRoomUserDescription": "The shared room will appear here.",
"EmptyRecentDescription": "Your last viewed or edited docs will be displayed in this section.",
"EmptyGroupAddedUserOptionDescription": "Add group members and assign the head",
"EmptyGroupDeleteOptionDescription": "If you don't need this group anymore"
"UserEmptyDescription": "Files and folders uploaded by admins will appeared here."
}

154
packages/client/src/pages/Home/Section/AccountsBody/EmptyScreenGroups.js
View File

@ -24,20 +24,20 @@
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
import EmptyScreenGroupSvgUrl from "PUBLIC_DIR/images/empty_screen_groups.svg?url";
import EmptyScreenGroupSvgDarkUrl from "PUBLIC_DIR/images/empty_screen_groups_dark.svg?url";
import PlusSvgUrl from "PUBLIC_DIR/images/plus.svg?url";
import EmptyGroupLightIcon from "PUBLIC_DIR/images/emptyview/empty.groups.light.svg";
import EmptyGroupDarkIcon from "PUBLIC_DIR/images/emptyview/empty.groups.dark.svg";
import EmptyScreenPersonSvgLight from "PUBLIC_DIR/images/emptyFilter/empty.filter.people.light.svg";
import EmptyScreenPersonSvgDark from "PUBLIC_DIR/images/emptyFilter/empty.filter.people.dark.svg";
import ClearEmptyFilterSvg from "PUBLIC_DIR/images/clear.empty.filter.svg";
import GroupIcon from "PUBLIC_DIR/images/emptyview/group.svg";
import React from "react";
import { inject, observer } from "mobx-react";
import { useTranslation } from "react-i18next";
import ClearEmptyFilterSvgUrl from "PUBLIC_DIR/images/clear.empty.filter.svg?url";
import { EmptyScreenContainer } from "@docspace/shared/components/empty-screen-container";
import { IconButton } from "@docspace/shared/components/icon-button";
import { Link } from "@docspace/shared/components/link";
import { Box } from "@docspace/shared/components/box";
import { Grid } from "@docspace/shared/components/grid";
import { Events } from "@docspace/shared/enums";
import { EmptyView } from "@docspace/shared/components/empty-view";
const EmptyScreenGroups = ({
isRoomAdmin,
@ -46,92 +46,80 @@ const EmptyScreenGroups = ({
setIsLoading,
theme,
}) => {
const { t } = useTranslation(["People", "PeopleTranslations", "Common"]);
const { t } = useTranslation([
"People",
"PeopleTranslations",
"EmptyView",
"Common",
]);
const onCreateRoom = () => {
const event = new Event(Events.GROUP_CREATE);
window.dispatchEvent(event);
};
const onResetFilter = () => {
const onResetFilter = (event) => {
event.preventDefault();
setIsLoading(true);
resetGroupsFilter();
};
const imageSrc = theme.isBase
? EmptyScreenGroupSvgUrl
: EmptyScreenGroupSvgDarkUrl;
const title = groupsIsFiltered
? t("Common:NotFoundGroups")
: t("Common:NoGroupsHere");
const getIcon = () => {
if (groupsIsFiltered) {
return theme.isBase ? (
<EmptyScreenPersonSvgLight />
) : (
<EmptyScreenPersonSvgDark />
);
}
return theme.isBase ? <EmptyGroupLightIcon /> : <EmptyGroupDarkIcon />;
};
const getDescription = () => {
if (groupsIsFiltered) return t("Common:GroupsNotFoundDescription");
return t("Common:ThisSectionIsEmpty");
};
/**
* @returns {import("@docspace/shared/components/empty-view").EmptyViewOptionsType}
*/
const getOptions = () => {
if (groupsIsFiltered) {
return {
to: "",
description: t("Common:ClearFilter"),
icon: <ClearEmptyFilterSvg />,
onClick: onResetFilter,
};
}
if (isRoomAdmin) return [];
return [
{
key: "create-group-option",
title: t("PeopleTranslations:CreateGroup"),
description: t("EmptyView:EmptyGroupsCreateGroupOptionDescription"),
icon: <GroupIcon />,
disabled: isRoomAdmin,
onClick: onCreateRoom,
},
];
};
return (
<>
<EmptyScreenContainer
imageSrc={imageSrc}
imageAlt="Empty Screen Filter image"
headerText={
!groupsIsFiltered
? t("Common:EmptyGroupsHeader")
: t("Common:NotFoundGroups")
}
descriptionText={
!groupsIsFiltered
? !isRoomAdmin
? t("Common:EmptyGroupsDescription")
: ""
: t("Common:NotFoundGroupsDescription")
}
buttons={
<Grid gridColumnGap="8px" columnsProp={["12px 1fr"]}>
{groupsIsFiltered ? (
<>
<Box>
<IconButton
className="empty-folder_container-icon"
size="12"
onClick={onResetFilter}
iconName={ClearEmptyFilterSvgUrl}
isFill
/>
</Box>
<Box marginProp="-4px 0 0 0">
<Link
type="action"
isHovered={true}
fontWeight="600"
onClick={onResetFilter}
>
{t("Common:ClearFilter")}
</Link>
</Box>
</>
) : (
!isRoomAdmin && (
<>
<Box>
<IconButton
className="empty-folder_container-icon"
size="12"
onClick={onCreateRoom}
iconName={PlusSvgUrl}
isFill
/>
</Box>
<Box marginProp="-4px 0 0 0">
<Link
type="action"
isHovered={true}
fontWeight="600"
onClick={onCreateRoom}
>
{t("PeopleTranslations:CreateGroup")}
</Link>
</Box>
</>
)
)}
</Grid>
}
/>
</>
<EmptyView
title={title}
description={getDescription()}
icon={getIcon()}
options={getOptions()}
/>
);
};

73
public/images/emptyview/empty.groups.dark.svg Normal file
View File

@ -0,0 +1,73 @@
<svg width="200" height="140" viewBox="0 0 200 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_1416_65735)">
<circle cx="128" cy="92" r="23" fill="#444444" stroke="#AAAAAA" stroke-width="2"/>
<path d="M152 92C152 78.7452 141.255 68 128 68C114.745 68 104 78.7452 104 92" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-dasharray="4 4"/>
<path d="M146 88C146 77.5066 137.941 69 128 69C118.059 69 110 77.5066 110 88" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-dasharray="4 4"/>
<path d="M139 82C139 74.8203 133.851 69 127.5 69C121.149 69 116 74.8203 116 82" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-dasharray="4 4"/>
<path d="M122.623 99.3238C123.876 101.563 125.819 103 128 103C130.181 103 132.124 101.563 133.377 99.3238C133.721 98.7095 133.24 98 132.536 98H123.464C122.76 98 122.279 98.7095 122.623 99.3238Z" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="121" cy="90" r="2" fill="#808080"/>
<circle cx="135" cy="90" r="2" fill="#808080"/>
</g>
<g filter="url(#filter1_d_1416_65735)">
<circle cx="128" cy="36" r="23" fill="#444444" stroke="#AAAAAA" stroke-width="2"/>
<path d="M149.973 36H106.027C105.527 44.3111 112.019 58 128 58C143.981 58 150.473 44.8 149.973 36Z" fill="#666666"/>
<circle cx="119.5" cy="30.5" r="6.5" fill="#666666" stroke="#AAAAAA" stroke-width="2"/>
<circle cx="136.5" cy="30.5" r="6.5" fill="#666666" stroke="#AAAAAA" stroke-width="2"/>
<line x1="126" y1="30" x2="130" y2="30" stroke="#AAAAAA" stroke-width="2"/>
<circle cx="120.5" cy="30.5" r="1.5" fill="#AAAAAA"/>
<circle cx="135.5" cy="30.5" r="1.5" fill="#AAAAAA"/>
<path d="M122.623 41.3238C123.876 43.5627 125.819 45 128 45C130.181 45 132.124 43.5627 133.377 41.3238C133.721 40.7095 133.24 40 132.536 40H123.464C122.76 40 122.279 40.7095 122.623 41.3238Z" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g filter="url(#filter2_d_1416_65735)">
<circle cx="72" cy="36" r="23" fill="#666666" stroke="#AAAAAA" stroke-width="2"/>
<path d="M66 35C66 33.3431 64.433 32 62.5 32C60.567 32 59 33.3431 59 35" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M85 35C85 33.3431 83.433 32 81.5 32C79.567 32 78 33.3431 78 35" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M66.6231 45.3238C67.8764 47.5627 69.8191 49 72 49C74.1809 49 76.1236 47.5627 77.3769 45.3238C77.7208 44.7095 77.2398 44 76.5358 44H67.4642C66.7602 44 66.2792 44.7095 66.6231 45.3238Z" fill="#AAAAAA"/>
<path d="M61.5 33H48C48 25.5 57 12 72 12C87 12 95.6667 24.5 96 33H70.5L68 22.5L67 33H65V22.5L61.5 33Z" fill="#444444"/>
</g>
<g filter="url(#filter3_d_1416_65735)">
<circle cx="72" cy="92" r="23" fill="#666666" stroke="#AAAAAA" stroke-width="2"/>
</g>
<path d="M65 103C65.9173 104.787 68.4014 105.938 71.303 105.998C74.3362 106.06 77.0827 104.787 78 103" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M60 90C60.7762 91.1787 62.2765 90.9887 64 90.9887C65.7235 90.9887 67.2238 91.1787 68 90" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M76 90C76.7762 91.1787 78.2765 90.9887 80 90.9887C81.7235 90.9887 83.2238 91.1787 84 90" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M67 78L48 89C48 81.5 57 68 72 68C87 68 95.6667 80.5 96 89L67 78Z" fill="#444444"/>
<defs>
<filter id="filter0_d_1416_65735" x="86.5" y="57.5" width="83" height="80.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1416_65735"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1416_65735" result="shape"/>
</filter>
<filter id="filter1_d_1416_65735" x="89" y="4" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1416_65735"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1416_65735" result="shape"/>
</filter>
<filter id="filter2_d_1416_65735" x="33" y="4" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1416_65735"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1416_65735" result="shape"/>
</filter>
<filter id="filter3_d_1416_65735" x="33" y="60" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1416_65735"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1416_65735" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

62
public/images/emptyview/empty.groups.light.svg Normal file
View File

@ -0,0 +1,62 @@
<svg width="200" height="140" viewBox="0 0 200 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_1380_93379)">
<circle cx="128" cy="92" r="23" fill="#E2E2E2" stroke="#AAAAAA" stroke-width="2"/>
<path d="M152 92C152 78.7452 141.255 68 128 68C114.745 68 104 78.7452 104 92" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-dasharray="4 4"/>
<path d="M146 88C146 77.5066 137.941 69 128 69C118.059 69 110 77.5066 110 88" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-dasharray="4 4"/>
<path d="M139 82C139 74.8203 133.851 69 127.5 69C121.149 69 116 74.8203 116 82" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-dasharray="4 4"/>
<path d="M122.623 99.3238C123.876 101.563 125.819 103 128 103C130.181 103 132.124 101.563 133.377 99.3238C133.721 98.7095 133.24 98 132.536 98H123.464C122.76 98 122.279 98.7095 122.623 99.3238Z" fill="white" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="121" cy="90" r="2" fill="#AAAAAA"/>
<circle cx="135" cy="90" r="2" fill="#AAAAAA"/>
</g>
<g filter="url(#filter1_d_1380_93379)">
<circle cx="72" cy="92" r="23" fill="white" stroke="#AAAAAA" stroke-width="2"/>
</g>
<g filter="url(#filter2_d_1380_93379)">
<circle cx="128" cy="36" r="23" fill="white" stroke="#AAAAAA" stroke-width="2"/>
<path d="M149.973 36H106.027C105.527 44.3111 112.019 58 128 58C143.981 58 150.473 44.8 149.973 36Z" fill="#CCCCCC"/>
<circle cx="120.5" cy="30.5" r="1.5" fill="#AAAAAA"/>
<circle cx="135.5" cy="30.5" r="1.5" fill="#AAAAAA"/>
<path d="M122.623 41.3238C123.876 43.5627 125.819 45 128 45C130.181 45 132.124 43.5627 133.377 41.3238C133.721 40.7095 133.24 40 132.536 40H123.464C122.76 40 122.279 40.7095 122.623 41.3238Z" fill="white" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="119.5" cy="30.5" r="6.5" stroke="#AAAAAA" stroke-width="2"/>
<circle cx="136.5" cy="30.5" r="6.5" stroke="#AAAAAA" stroke-width="2"/>
<line x1="126" y1="30" x2="130" y2="30" stroke="#AAAAAA" stroke-width="2"/>
</g>
<circle cx="72" cy="36" r="23" fill="white" stroke="#AAAAAA" stroke-width="2"/>
<path d="M66 35C66 33.3431 64.433 32 62.5 32C60.567 32 59 33.3431 59 35" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M85 35C85 33.3431 83.433 32 81.5 32C79.567 32 78 33.3431 78 35" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M66.6231 45.3238C67.8764 47.5627 69.8191 49 72 49C74.1809 49 76.1236 47.5627 77.3769 45.3238C77.7208 44.7095 77.2398 44 76.5358 44H67.4642C66.7602 44 66.2792 44.7095 66.6231 45.3238Z" fill="#AAAAAA"/>
<path d="M65 103C65.9173 104.787 68.4014 105.938 71.303 105.998C74.3362 106.06 77.0827 104.787 78 103" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M60 90C60.7762 91.1787 62.2765 90.9887 64 90.9887C65.7235 90.9887 67.2238 91.1787 68 90" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M76 90C76.7762 91.1787 78.2765 90.9887 80 90.9887C81.7235 90.9887 83.2238 91.1787 84 90" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M61.5 33H48C48 25.5 57 12 72 12C87 12 95.6667 24.5 96 33H70.5L68 22.5L67 33H65V22.5L61.5 33Z" fill="#666666"/>
<path d="M67 78L48 89C48 81.5 57 68 72 68C87 68 95.6667 80.5 96 89L67 78Z" fill="#666666"/>
<defs>
<filter id="filter0_d_1380_93379" x="86.5" y="57.5" width="83" height="80.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1380_93379"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1380_93379" result="shape"/>
</filter>
<filter id="filter1_d_1380_93379" x="33" y="60" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1380_93379"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1380_93379" result="shape"/>
</filter>
<filter id="filter2_d_1380_93379" x="89" y="4" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0 0.333333 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1380_93379"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1380_93379" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

7
public/images/emptyview/group.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="36" height="36" rx="6" fill="currentColor" fill-opacity="0.1"/>
<path d="M24 12.5C24 13.3284 23.5 14.5 22.5 14.5C21.5 14.5 21 13.3284 21 12.5C21 11.6716 21.5 11 22.5 11C23.5 11 24 11.6716 24 12.5Z" fill="#4781D1"/>
<path d="M21.3237 17.5662C21.1187 18.1811 21 19.0659 21 20H19C19 18.9341 19.1313 17.8189 19.4263 16.9338C19.5726 16.4949 19.7801 16.0481 20.0845 15.693C20.4002 15.3247 20.8749 15 21.5 15C21.6308 15 21.7602 15.0256 21.8811 15.0755C22.2916 15.2447 22.4358 15.2627 22.5158 15.2617C22.5984 15.2607 22.7253 15.2391 23.1161 15.0766C23.2378 15.026 23.3683 15 23.5 15C24.1251 15 24.5998 15.3247 24.9155 15.693C25.2199 16.0481 25.4274 16.4949 25.5737 16.9338C25.8687 17.8189 26 18.9341 26 20H24C24 19.0659 23.8813 18.1811 23.6763 17.5662C23.6013 17.3413 23.5257 17.1858 23.4628 17.0858C23.1742 17.185 22.871 17.2576 22.5397 17.2616C22.1907 17.2658 21.864 17.1937 21.5385 17.0838C21.4754 17.1837 21.3992 17.3397 21.3237 17.5662Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9848 13.6693C13.5957 13.1602 14.3514 13 15 13C15.6486 13 16.4043 13.1602 17.0152 13.6693C17.6582 14.2051 18 15.0095 18 16C18 16.6698 17.854 17.5841 17.4531 18.369C17.045 19.1682 16.2666 20 15 20C13.7334 20 12.955 19.1682 12.5469 18.369C12.146 17.5841 12 16.6698 12 16C12 15.0095 12.3418 14.2051 12.9848 13.6693ZM14.2652 15.2057C14.1582 15.2949 14 15.4905 14 16C14 16.4348 14.104 17.0205 14.3281 17.4594C14.545 17.8841 14.7666 18 15 18C15.2334 18 15.455 17.8841 15.6719 17.4594C15.896 17.0205 16 16.4348 16 16C16 15.4905 15.8418 15.2949 15.7348 15.2057C15.5957 15.0898 15.3514 15 15 15C14.6486 15 14.4043 15.0898 14.2652 15.2057Z" fill="currentColor"/>
<path d="M16.84 22.9404C16.851 22.9464 16.8664 22.9559 16.8862 22.9705C17.014 23.0651 17.197 23.2797 17.388 23.646C17.7686 24.3759 18 25.3535 18 26H20C20 25.0108 19.681 23.7178 19.1613 22.7213C18.9022 22.2243 18.5477 21.7118 18.0755 21.3626C17.5669 20.9864 16.879 20.7811 16.1394 21.0671C15.6966 21.2383 15.3496 21.3069 15.023 21.3073C14.6943 21.3078 14.3278 21.2394 13.8463 21.0616C13.1078 20.7891 12.4254 20.9974 11.9198 21.3726C11.4488 21.7222 11.0948 22.2327 10.8358 22.729C10.3167 23.7236 10 25.0114 10 26H12C12 25.3529 12.2297 24.3808 12.6088 23.6544C12.7989 23.2902 12.982 23.0749 13.1117 22.9787C13.137 22.9599 13.1557 22.9491 13.1677 22.9431C13.7996 23.175 14.4021 23.3082 15.0259 23.3073C15.6492 23.3064 16.2367 23.1717 16.84 22.9404Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

8
public/locales/en/Common.json
View File

@ -166,6 +166,7 @@
"EmptyRoomsDescription": "Please create the first room in My rooms.",
"EmptyRoomsHeader": "No rooms here yet",
"Enable": "Enable",
"EnableThirdPartyIntegration": "Please ask a DocSpace owner or administrator to enable the corresponding service in the Integration section of the DocSpace Settings.",
"EncryptingFile": "Encrypting file",
"EncryptionFilePreparing": "Preparing file for encryption",
"EncryptionKeysReload": "Encryption keys must be re-entered",
@ -310,6 +311,8 @@
"Next": "Next",
"No": "No",
"NoFindingsFound": "No findings found",
"NoGroupsHere": "No groups here",
"ThisSectionIsEmpty": "This section is empty",
"NoRoomsFound": "No rooms found",
"NotFoundGroups": "No groups found",
"NotFoundGroupsDescription": "No groups match your search. Please adjust your search parameters or clear the search field to view the full list of groups.",
@ -335,8 +338,8 @@
"OAuthRoomsWriteDescription": "View and manage all rooms",
"OCT": "OCT",
"OFORMsGallery": "Form Gallery",
"OkButton": "Ok",
"OKButton": "OK",
"OkButton": "Ok",
"Or": "or",
"orContinueWith": "or continue with",
"OrganizationName": "ONLYOFFICE",
@ -537,6 +540,5 @@
"Website": "Website",
"Yes": "Yes",
"Yesterday": "Yesterday",
"You": "You",
"EnableThirdPartyIntegration": "Please ask a DocSpace owner or administrator to enable the corresponding service in the Integration section of the DocSpace Settings."
"You": "You"
}