{
- setInvitationOpen(true);
- }}
- >
-
- ) : (
- <>
- );
-};
diff --git a/tdrive/frontend/src/app/components/attachment-picker/attachment-picker.jsx b/tdrive/frontend/src/app/components/attachment-picker/attachment-picker.jsx
deleted file mode 100755
index fddfebeb..00000000
--- a/tdrive/frontend/src/app/components/attachment-picker/attachment-picker.jsx
+++ /dev/null
@@ -1,199 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-
-import File from 'components/drive/file';
-import FilePicker from 'components/drive/file-picker/file-picker.jsx';
-import TaskPicker from 'components/task-picker/task-picker.jsx';
-import Menu from 'components/menus/menu.jsx';
-import Icon from 'app/components/icon/icon.jsx';
-import Button from 'components/buttons/button.jsx';
-import UploadZone from 'components/uploads/upload-zone';
-import MenusManager from 'app/components/menus/menus-manager.jsx';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import Languages from 'app/features/global/services/languages-service';
-import './attachment-picker.scss';
-
-export default class AttachmentPicker extends Component {
- /*
- props : {
- readOnly : bool
- attachments : []
- onChange
- className
- }
- */
-
- getIcon(att) {
- if (att.type.toLocaleLowerCase() === 'event') {
- return 'calendar-alt';
- }
- if (att.type.toLocaleLowerCase() === 'file') {
- return 'folder';
- }
- if (att.type.toLocaleLowerCase() === 'task') {
- return 'check-square';
- }
- }
- addAttachment(attachment) {
- var attachments = this.props.attachments || [];
- attachments.push(attachment);
- if (this.props.onChange) {
- this.props.onChange(attachments);
- }
- }
- removeAttachment(attachment) {
- var attachments = this.props.attachments || [];
- var index = attachments.indexOf(attachment);
- if (index >= 0) {
- attachments.splice(index, 1);
- if (this.props.onChange) {
- this.props.onChange(attachments);
- }
- }
- }
- render() {
- return (
-
-
-
-
-
- {Languages.t(
- 'scenes.app.popup.workspaceparameter.pages.collaboraters_adding_button',
- [],
- 'Ajouter des collaborateurs',
- )}
-
-
- (this.upload_zone = node)}
- disableClick
- parent={''}
- driveCollectionKey={'attachment_' + Workspaces.currentWorkspaceId}
- uploadOptions={{ workspace_id: Workspaces.currentWorkspaceId, detached: true }}
- onUploaded={res => {
- this.addAttachment({ type: 'file', id: res.id, name: res.name });
- }}
- multiple={false}
- />
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/attachment-picker/attachment-picker.scss b/tdrive/frontend/src/app/components/attachment-picker/attachment-picker.scss
deleted file mode 100755
index 1641b683..00000000
--- a/tdrive/frontend/src/app/components/attachment-picker/attachment-picker.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-.attachmentPicker {
- .attachment {
- display: inline-block;
- font-size: 12px;
- color: var(--black);
- border: solid 1px var(--grey-background);
- height: 32px;
- box-sizing: border-box;
- border-radius: var(--border-radius-large);
- padding: 4px;
- padding-right: 8px;
- line-height: 24px;
- margin-right: 8px;
- margin-bottom: 8px;
-
- &.attachment_file {
- border: 0;
- padding: 0;
- height: auto;
- }
- }
-
- i.app-icon {
- margin-right: 4px;
- margin-left: 4px;
- font-size: 14px;
- position: relative;
- top: -1px;
- vertical-align: top;
- }
-
- .remove {
- opacity: 0.5;
- cursor: pointer;
- &:hover {
- opacity: 1;
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/calendar-selector/calendar-selector.jsx b/tdrive/frontend/src/app/components/calendar/calendar-selector/calendar-selector.jsx
deleted file mode 100755
index 5b3d3155..00000000
--- a/tdrive/frontend/src/app/components/calendar/calendar-selector/calendar-selector.jsx
+++ /dev/null
@@ -1,159 +0,0 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable react/jsx-key */
-import React from 'react';
-import './calendar-selector.scss';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import Select from 'components/select/select.jsx';
-import MenusManager from 'app/components/menus/menus-manager.jsx';
-import WorkspacesService from 'app/deprecated/workspaces/workspaces.jsx';
-import Languages from 'app/features/global/services/languages-service';
-
-export default class CalendarSelector extends React.Component {
- constructor(props) {
- super();
- this.props = props;
-
- this.state = {
- selected: [],
- };
- }
-
- delete(item) {
- var list = this.props.value.map(item => item.calendar_id);
- const index = list.indexOf(item.id);
- if (index >= 0) {
- list.splice(index, 1);
- this.change(list);
- }
- MenusManager.closeMenu();
- }
-
- openMenu(evt, item) {
- if (this.props.readonly) {
- return;
- }
- MenusManager.openMenu(
- [
- {
- className: 'error',
- icon: 'trash',
- text: Languages.t('components.calendar.calendarselector.remove', [], 'Retirer'),
- onClick: () => {
- this.delete(item);
- },
- },
- ],
- { x: evt.clientX, y: evt.clientY, width: 150 },
- 'bottom',
- );
- }
-
- change(list) {
- if (this.props.onChange)
- this.props.onChange(
- list
- .map(id => {
- var cal = Collections.get('calendars').find(id);
- if (!cal) {
- return undefined;
- }
- return {
- calendar_id: cal.id,
- workspace_id: cal.workspace_id,
- };
- })
- .filter(item => item),
- );
- }
-
- render() {
- return (
-
- {(Object.values(this.props.attachments || {}) || []).map(att => {
- if (att.type === 'file') {
- var additionalMenu = [];
- if (!this.props.readOnly) {
- additionalMenu = [
- {
- type: 'menu',
- text: Languages.t(
- 'components.attachmentpicker.remove_attach',
- [],
- 'Remove attachment',
- ),
- onClick: () => {
- this.removeAttachment(att);
- },
- },
- ];
- }
- return (
-
- {!this.props.readOnly && (
-
- )}
-
-
-
- );
- }
- return (
-
- {
- this.removeAttachment(att);
- }}
- />
- )}
-
- );
- })}
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/calendar-selector/calendar-selector.scss b/tdrive/frontend/src/app/components/calendar/calendar-selector/calendar-selector.scss
deleted file mode 100755
index 07712bd0..00000000
--- a/tdrive/frontend/src/app/components/calendar/calendar-selector/calendar-selector.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-.calendar_selector_container {
- display: inline-block;
- vertical-align: middle;
-
- .selected_calendars_list {
- display: inline-block;
- }
-
- .list_calendar_to_select {
- display: inline-block;
- vertical-align: top;
-
- .select {
- display: inline-block;
- vertical-align: top;
- }
- }
-
- &.medium {
- .calendar_item {
- height: 40px;
- padding: 4px 12px;
- }
- }
-}
-
-.calendar_selector_part {
- .calendar_item {
- height: 32px;
- box-sizing: border-box;
- line-height: 32px;
- padding-left: 8px;
- padding-right: 8px;
- font-size: 14px;
- display: inline-block;
- background-color: var(--grey-background);
- border-radius: var(--border-radius-base);
- margin-right: 8px;
- margin-bottom: 8px;
- text-transform: capitalize;
-
- &.removable {
- cursor: pointer;
-
- &:hover {
- background: var(--primary-background);
- }
- }
- }
-
- .calendar_color {
- width: 12px;
- height: 12px;
- border-radius: 6px;
- display: inline-block;
- margin: 10px 0;
- vertical-align: top;
- background: var(--green);
- margin-right: 8px;
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/date-picker.jsx b/tdrive/frontend/src/app/components/calendar/date-picker.jsx
deleted file mode 100755
index e8d279df..00000000
--- a/tdrive/frontend/src/app/components/calendar/date-picker.jsx
+++ /dev/null
@@ -1,423 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-import Tooltip from 'components/tooltip/tooltip.jsx';
-import moment from 'moment';
-import DateTimeUtils from 'app/features/global/utils/datetime.js';
-import UserService from 'app/features/users/services/current-user-service';
-import Globals from 'app/features/global/services/globals-tdrive-app-service';
-import DayPicker from './day-picker/day-picker.jsx';
-import MenusManager from 'app/components/menus/menus-manager.jsx';
-import Input from 'components/inputs/input.jsx';
-import Icon from 'app/components/icon/icon.jsx';
-import './date-picker.scss';
-
-export default class DatePicker extends React.Component {
- constructor(props) {
- super(props);
- this.state = {};
-
- this.display_format = 'D MMM YYYY';
-
- this.old_props_ts = props.ts;
- this.state = {
- time_ts: props.ts,
- time_string: moment(new Date(props.ts * 1000)).format(this.display_format),
- };
-
- this.user_language =
- (UserService.getCurrentUser() || {}).language || Globals.window.navigator.language;
-
- this.months_names = [
- 'jan',
- 'feb',
- 'mar',
- 'apr',
- 'may',
- 'jun',
- 'jul',
- 'aug',
- 'sep',
- 'oct',
- 'nov',
- 'dec',
- ].map(m => m.toLocaleLowerCase());
- this.months_long_names = [
- 'january',
- 'february',
- 'march',
- 'april',
- 'may',
- 'june',
- 'july',
- 'august',
- 'september',
- 'october',
- 'november',
- 'december',
- ].map(m => m.toLocaleLowerCase());
- this.months_names = this.months_names
- .concat(
- moment.localeData().monthsShort() || [
- 'jan',
- 'feb',
- 'mar',
- 'apr',
- 'may',
- 'jun',
- 'jul',
- 'aug',
- 'sep',
- 'oct',
- 'nov',
- 'dec',
- ],
- )
- .map(m => m.toLocaleLowerCase());
- this.months_long_names = this.months_long_names
- .concat(moment.localeData().months())
- .map(m => m.toLocaleLowerCase());
- this.months_names = this.months_names
- .concat(moment.localeData(this.user_language).monthsShort())
- .map(m => m.toLocaleLowerCase());
- this.months_long_names = this.months_long_names
- .concat(moment.localeData(this.user_language).months())
- .map(m => m.toLocaleLowerCase());
- if (
- Globals.window.navigator &&
- Globals.window.navigator.language &&
- Globals.window.navigator.language !== this.user_language
- ) {
- this.months_names = this.months_names.concat(
- (moment.localeData(Globals.window.navigator.language).monthsShort() || []).map(m =>
- m.toLocaleLowerCase(),
- ),
- );
- this.months_long_names = this.months_long_names.concat(
- (moment.localeData(Globals.window.navigator.language).months() || []).map(m =>
- m.toLocaleLowerCase(),
- ),
- );
- }
-
- this.all_months = this.months_long_names.concat(this.months_names);
-
- this.focused = false;
- }
-
- componentWillUnmount() {
- if (this.helper_open) {
- MenusManager.closeMenu();
- }
- }
-
- shouldComponentUpdate(nextProps, nextStates) {
- if (nextProps.ts !== this.old_props_ts) {
- this.old_props_ts = nextProps.ts;
- nextStates.time_ts = nextProps.ts;
- if (!this.focused) {
- nextStates.time_string = moment(new Date(nextProps.ts * 1000)).format(this.display_format);
- }
- }
- return true;
- }
-
- process(string) {
- var d, m, y;
- var error = false;
-
- if (string) {
- var original_string = string;
-
- //Try to find year
- var year = string.match(/([0-9]{4,4})/);
- if (year && year[1]) {
- y = parseInt(year[1]);
- string = string.replace(year[1], '');
- }
-
- //Try to find month as text
- var sentences = string.match(/(^|[0-9])([^0-9]+)($|[0-9])/);
- var in_text_month = false;
- if (sentences && sentences[1] !== undefined) {
- sentences.slice(1).forEach(s => {
- // eslint-disable-next-line no-useless-escape
- s = s.replace(/[0-9-'`~!@#$%^&*()_|+=?;:'",.<>\{\}\[\]\\\/]/gi, '');
- s = s.trim();
- s = s.toLocaleLowerCase();
- if (s) {
- var found = false;
- this.all_months.forEach((m, i) => {
- if (!found && m.indexOf(s) === 0) {
- found = (i % 12) + 1;
- }
- });
- if (found !== false) {
- in_text_month = found;
- string = string.replace(s, '');
- }
- }
- });
- }
- if (in_text_month) {
- m = in_text_month;
- }
-
- if (m && y) {
- d = parseInt(string.replace(/[^0-9]/, ''));
- } else {
- //Get all numbers
- var numbers = string.match(/[+-]?\d+(?:\.\d+)?/g);
-
- if (numbers && numbers.length >= 1) {
- if (y) {
- //Only got year
- if (numbers.length === 1) {
- m = parseInt(numbers[0]);
- } else {
- //>=2
- if (DateTimeUtils.isDateFirstInFormat()) {
- d = parseInt(numbers[0]);
- m = parseInt(numbers[1]);
- } else {
- d = parseInt(numbers[1]);
- m = parseInt(numbers[0]);
- }
- if (m > 12) {
- var tmp = d;
- d = m;
- m = tmp;
- }
- }
- } else if (m) {
- //Only got month
- if (numbers.length === 1) {
- d = parseInt(numbers[0]);
- } else {
- d = parseInt(numbers[0]);
- y = parseInt(numbers[1]);
- if (y < 100 && y >= 50) {
- y += 1900;
- } else if (y < 50) {
- y += 2000;
- }
- }
- } else {
- //Got nothing
-
- if (numbers.length === 1) {
- y = parseInt(numbers[0]);
- d = 1;
- m = 1;
-
- if (y < 100 && y >= 50) {
- y += 1900;
- } else if (y < 50) {
- y += 2000;
- }
- } else if (numbers.length === 2) {
- if (Math.max(parseInt(numbers[0]), parseInt(numbers[1])) > 12) {
- y = Math.max(d, m);
- m = Math.min(d, m);
- } else {
- d = parseInt(numbers[0]);
- m = parseInt(numbers[1]);
- }
-
- if (m > 12) {
- // eslint-disable-next-line no-redeclare
- var tmp = m;
- m = d;
- d = tmp;
- }
- } else if (numbers.length >= 3) {
- if (DateTimeUtils.isDateFirstInFormat()) {
- d = parseInt(numbers[0]);
- m = parseInt(numbers[1]);
- y = parseInt(numbers[2]);
- } else {
- d = parseInt(numbers[1]);
- m = parseInt(numbers[0]);
- y = parseInt(numbers[2]);
- }
- }
-
- if (y < 100 && y >= 50) {
- y += 1900;
- } else if (y < 50) {
- y += 2000;
- }
- }
- }
- }
-
- //Last check date is correct
- if (!y || !m || !d || isNaN(y) || isNaN(m) || isNaN(d)) {
- if ((y && !isNaN(y)) || (m && !isNaN(m)) || (d && !isNaN(d))) {
- //If partial input, do not show error
- if (y && !isNaN(y)) {
- m = m || 1;
- d = d || 1;
- } else if (m && !isNaN(m)) {
- y = new Date().getFullYear() + (m <= new Date().getMonth() + 1 ? 1 : 0);
- d = d || 1;
- } else if (d && !isNaN(d)) {
- m = 1;
- y = y || new Date().getFullYear() + (m <= new Date().getMonth() + 1 ? 1 : 0);
- }
- } else {
- error = true;
- }
- }
-
- if (y < 1950) {
- error = true;
- }
- if (m < 1 || m > 12) {
- error = true;
- }
- // eslint-disable-next-line no-redeclare
- var tmp = new Date();
- tmp.setMonth(m - 1);
- tmp.setFullYear(y);
- tmp.setDate(d);
- if (d < 1 || d > 31 || tmp.getDate() !== d) {
- error = true;
- }
- } else {
- error = true;
- }
-
- this.setState({ time_string: original_string });
-
- if (!error) {
- // eslint-disable-next-line no-redeclare
- var d = moment(d + '-' + m + '-' + y, 'DD-MM-YYYY').toDate();
- this.changeDate(d);
- } else {
- this.setState({ error: true });
- this.setState({});
- }
- }
-
- changeDate(d, changeInput) {
- var date = new Date(this.state.time_ts * 1000);
- date.setDate(d.getDate());
- date.setMonth(d.getMonth());
- date.setFullYear(d.getFullYear());
- this.setState({ time_ts: date.getTime() / 1000 });
- this.setState({ error: false });
-
- this.setState({
- time_string_formatted: moment(this.state.time_ts * 1000).format(this.display_format),
- });
-
- if (changeInput) {
- this.setState({ time_string: this.state.time_string_formatted });
- }
-
- this.props.onChange && this.props.onChange(this.state.time_ts);
- this.setState({});
- this.input.focus();
- }
-
- focus() {
- this.closeMenuTimeout && clearTimeout(this.closeMenuTimeout);
-
- this.focused = true;
-
- if (!this.state.time_ts) {
- this.setState({ time_ts: new Date().getTime() / 1000 });
- }
-
- if (!this.helper_open) {
- this.helper_open = true;
- var pos = window.getBoundingClientRect(this.input);
- pos.x = pos.x || pos.left;
- pos.y = pos.y || pos.top;
- MenusManager.openMenu(
- [
- {
- type: 'react-element',
- reactElement: () => (
-
- {this.props.value.map(ws_cal_id => {
- var item = Collections.get('calendars').find(ws_cal_id.calendar_id);
- if (!item || item.workspace_id !== WorkspacesService.currentWorkspaceId) {
- return '';
- }
- return (
-
-
- {!this.props.readonly && (
- (this.node = node)}
- onClick={evt => this.openMenu(evt, item)}
- className={'calendar_item ' + (this.props.readonly ? '' : 'removable')}
- >
-
- {'' + item.title}
-
- );
- })}
-
- {(!this.props.value || this.props.value.length === 0) && (
-
- {Languages.t(
- 'components.calendar.calendarselector.no_workspace_calendar',
- [],
- "Aucun calendrier d'espace de travail.",
- )}
-
- )}
-
-
- )}
- {
- this.cancelBlur = true;
- }}
- >
- {
- var ts = value._d.getTime();
- MenusManager.closeMenu();
- setTimeout(() => {
- this.changeDate(new Date(ts), true);
- this.cancelBlur = false;
- this.input.blur();
- }, 100);
- }}
- onClick={() => this.input.focus()}
- />
-
- ),
- },
- ],
- { x: pos.left + pos.width / 2, y: pos.bottom },
- 'bottom',
- { allowClickOut: false },
- );
- }
- }
-
- blur() {
- if (this.cancelBlur) {
- this.cancelBlur = false;
- return;
- }
- this.focused = false;
- this.setState({ time_string: this.state.time_string_formatted, error: false });
- this.closeMenuTimeout && clearTimeout(this.closeMenuTimeout);
- this.closeMenuTimeout = setTimeout(() => {
- MenusManager.closeMenu();
- this.helper_open = false;
- }, 50);
-
- this.props.onChangeBlur && this.props.onChangeBlur(this.state.time_ts);
- this.props.onChange && this.props.onChange(this.state.time_ts);
- }
-
- render() {
- return (
-
-
- this.input.blur()}
- onEnter={() => this.input.blur()}
- onBlur={() => this.blur()}
- onFocus={() => this.focus()}
- placeholder={'No date'}
- value={this.state.time_ts ? this.state.time_string : ''}
- style={{ maxWidth: 108 }}
- onChange={evt => this.process(evt.target.value)}
- refInput={node => (this.input = node)}
- big={this.props.big}
- medium={this.props.medium}
- small={this.props.small}
- />
- {this.props.withReset && (
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/date-picker.scss b/tdrive/frontend/src/app/components/calendar/date-picker.scss
deleted file mode 100755
index ee6dd11b..00000000
--- a/tdrive/frontend/src/app/components/calendar/date-picker.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.date_selector {
- .reset_date {
- width: 16px;
- height: 16px;
- position: absolute;
- right: 8px;
- top: 12px;
- background: #eee;
- border-radius: var(--border-radius-large);
- font-size: 12px;
- color: #444;
- cursor: pointer;
-
- &:hover {
- background: #ddd;
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/day-picker/day-picker.jsx b/tdrive/frontend/src/app/components/calendar/day-picker/day-picker.jsx
deleted file mode 100755
index 99bff9f9..00000000
--- a/tdrive/frontend/src/app/components/calendar/day-picker/day-picker.jsx
+++ /dev/null
@@ -1,164 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-import Icon from 'app/components/icon/icon.jsx';
-import moment from 'moment';
-import './day-picker.scss';
-
-export default class DayPicker extends Component {
- /*
- this.props :{
- onChange(day)
- value : Array of selected days
- }
- */
- constructor(props) {
- super(props);
- this.state = {
- days: [],
- currentDate: moment(),
- };
- this.openSelected = false;
- window.moment = moment;
- }
- componentDidMount() {
- this.setState(this.updateDay());
- }
- UNSAFE_componentWillUpdate(nextProps, nextState) {
- if (moment(nextProps.value).valueOf() != this.oldProp) {
- var obj = this.updateDay(nextProps.value);
- nextState.days = obj.days;
- nextState.currentDate = obj.currentDate;
- }
- this.oldProp = moment(nextProps.value).valueOf();
- }
- updateDay(date) {
- var searchedDate = date || moment();
- var days = [];
- var first_day_of_month = moment(searchedDate).startOf('month').startOf('week');
- for (var i = 0; i < 35; i++) {
- days.push(moment(moment(first_day_of_month).add(i, 'days')));
- }
- return {
- days: days,
- currentDate: searchedDate,
- };
- }
- isSelected(day) {
- if (this.props.value) {
- if (
- Array.isArray(this.props.value) &&
- this.props.value.length == 2 &&
- this.props.value[0] &&
- this.props.value[1]
- ) {
- return day.isBetween(this.props.value[0], this.props.value[1], 'day', '[]');
- } else if (
- Array.isArray(this.props.value) &&
- this.props.value.length >= 1 &&
- this.props.value[0]
- ) {
- return day.isSame(this.props.value[0], 'day');
- } else if (!Array.isArray(this.props.value) && this.props.value) {
- return day.isSame(this.props.value, 'day');
- }
- }
- return false;
- }
- isLast(day) {
- if (this.props.value) {
- if (
- Array.isArray(this.props.value) &&
- this.props.value.length == 2 &&
- this.props.value[0] &&
- this.props.value[1]
- ) {
- return day.isSame(this.props.value[1], 'day');
- } else if (
- Array.isArray(this.props.value) &&
- this.props.value.length >= 1 &&
- this.props.value[0]
- ) {
- return day.isSame(this.props.value[0], 'day');
- } else if (!Array.isArray(this.props.value) && this.props.value) {
- return day.isSame(this.props.value, 'day');
- }
- }
- return false;
- }
- render() {
- var last_week = -1;
- return (
- {
- this.setState({ time_ts: false });
- this.props.onChangeBlur(this.state.time_ts);
- this.setState({});
- }}
- >
-
- )}
- this.props.onClick && this.props.onClick()}
- onMouseDown={this.props.onMouseDown}
- >
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/day-picker/day-picker.scss b/tdrive/frontend/src/app/components/calendar/day-picker/day-picker.scss
deleted file mode 100755
index 8fa3a3cd..00000000
--- a/tdrive/frontend/src/app/components/calendar/day-picker/day-picker.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-.dayPicker {
- width: 200px;
- font-size: 14px;
- font-weight: 500;
-
- .titleDayPicker {
- display: flex;
- margin-top: -8px;
- margin-bottom: -4px;
- .month {
- display: inline-block;
- text-transform: capitalize;
- line-height: 30px;
- }
- .chevron {
- flex: 1;
- text-align: right;
- display: inline-block;
- .move_icon {
- display: inline-block;
- font-size: 14px;
- opacity: 1;
- padding: 5px;
- border-radius: var(--border-radius-base);
- }
- .move_icon:hover {
- cursor: pointer;
- background: rgba(55, 53, 47, 0.08);
- }
- }
- }
- .days {
- .weeknumber {
- background: #dfdfdf;
- height: 26px;
- line-height: 26px;
- vertical-align: top;
- display: inline-block;
- font-size: 12px;
- color: #000;
- opacity: 0.3;
- padding: 0 1px;
- box-sizing: border-box;
- width: 12.5%;
- text-align: center;
- }
- .dayName {
- display: inline-block;
- width: 12.5%;
- text-align: center;
- height: 28px;
- line-height: 28px;
- font-size: 11px;
- border-radius: var(--border-radius-base);
- opacity: 0.6;
- }
- .dayName:first-child {
- opacity: 0.3;
- }
- .day {
- display: inline-block;
- width: 12.5%;
- text-align: center;
- height: 24px;
- line-height: 24px;
- margin-bottom: 2px;
- border-radius: var(--border-radius-base);
- }
- .day:not(.selected):hover {
- background: rgba(45, 156, 219, 0.2);
- }
- .day:hover {
- cursor: pointer;
- }
- .notInMonth {
- opacity: 0.5;
- }
- .selected + .selected:not(.last) {
- border-radius: 0px;
- }
- .selected {
- background: #827dff;
- border-radius: var(--border-radius-base) 0px 0px var(--border-radius-base);
- color: white;
- }
- .selected + .last {
- border-radius: 0px 4px 4px 0px;
- }
- :not(.selected) + .last {
- border-radius: var(--border-radius-base);
- }
- .today:not(.selected) {
- color: rgb(235, 87, 87);
- border-radius: var(--border-radius-base);
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/event/event.jsx b/tdrive/frontend/src/app/components/calendar/event/event.jsx
deleted file mode 100755
index 2ede0d6a..00000000
--- a/tdrive/frontend/src/app/components/calendar/event/event.jsx
+++ /dev/null
@@ -1,123 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-import './event.scss';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import Icon from 'app/components/icon/icon.jsx';
-import Languages from 'app/features/global/services/languages-service';
-import UserListManager from 'components/user-list-manager-depreciated/user-list-manager';
-
-import moment from 'moment';
-
-export default class Event extends Component {
- constructor(props) {
- super();
- this.props = props;
- }
- render() {
- var className = '';
- var icon = '';
- var event_duration = '';
- var classNameUser = '';
- if (this.props.inEvent) {
- classNameUser = 'inEvent';
- }
-
- var event_name =
- this.props.event.title || Languages.t('scenes.apps.drive.navigators.new_file.untitled');
-
- var event_start = moment(parseInt(this.props.event.from) * 1000).format('LT');
-
- var event_end = moment(parseInt(this.props.event.to) * 1000).format('LT');
-
- var location = this.props.event.location || '';
-
- if (event_start) event_duration = event_start;
- if (event_end)
- event_duration =
- event_duration + Languages.t('components.calendar.event.to', [], ' à ') + event_end;
-
- var duration = (parseInt(this.props.event.to) - parseInt(this.props.event.from)) / 60;
-
- if (
- (duration > 0 && duration <= 15) ||
- this.props.event.type == 'deadline' ||
- this.props.event.type == 'remind'
- ) {
- className += ' size_15 ';
- } else if ((duration > 15 && duration <= 30) || this.props.event.all_day) {
- className += ' size_30';
- if (location) event_duration += ', ' + location;
- } else if (duration > 30 && duration <= 45) {
- className += ' size_45';
- } else if (duration > 45 && duration <= 60) {
- className += ' size_60';
- }
-
- className += ' ' + this.props.event.type;
-
- if (this.props.event.type == 'remind') {
- icon = 'stopwatch';
- } else if (this.props.event.type == 'deadline') {
- icon = 'stopwatch-slash';
- } else if (this.props.event.type == 'move') {
- icon = 'car-sideview';
- }
-
- var users = [];
- var emails = [];
-
- (this.props.event.participants || []).map(obj => {
- if (obj) {
- var regex = /^[0-9A-F]{8}-[0-9A-F]{4}-[0-9A-F]{4}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;
- if (obj.user_id_or_mail.match(regex)) {
- var user = Collections.get('users').find(obj.user_id_or_mail);
- users.push(user);
- } else {
- var email = obj.user_id_or_mail;
- emails.push(email);
- }
- }
- });
-
- return (
-
-
- {moment(this.state.currentDate).format('MMMM YYYY')}
-
-
- {
- this.setState(this.updateDay(moment(this.state.currentDate).subtract(1, 'months')));
- }}
- >
-
- {
- this.setState(this.updateDay(moment(this.state.currentDate).add(1, 'months')));
- }}
- >
-
-
-
-
- Wk
-
- {this.state.days.map((day, index) => {
- if (index < 7) {
- return (
-
- {day.format('ddd')}
-
- );
- }
- })}
- {this.state.days.map(day => {
- var list = [];
- if (day.week() != last_week) {
- last_week = day.week();
- list.push({last_week}
);
- }
- list.push(
- {
- if (this.props.onChange) {
- this.props.onChange(day);
- }
- }}
- className={
- 'day ' +
- (day.month() == this.state.currentDate.month() ? '' : 'notInMonth') +
- ' ' +
- (day.format('YYYY MM DD') == moment().format('YYYY MM DD') ? 'today' : '') +
- ' ' +
- (this.isSelected(day) ? 'selected' : '') +
- ' ' +
- (this.isLast(day) ? 'last' : '')
- }
- >
- {day.date()}
-
,
- );
- return list;
- })}
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/event/event.scss b/tdrive/frontend/src/app/components/calendar/event/event.scss
deleted file mode 100755
index c959d537..00000000
--- a/tdrive/frontend/src/app/components/calendar/event/event.scss
+++ /dev/null
@@ -1,144 +0,0 @@
-.event_container {
- margin: 0px;
- width: auto;
- height: auto;
- border-radius: var(--border-radius-base);
- color: var(--white);
- box-sizing: border-box;
- padding-left: 4px;
- padding-right: 2px;
- padding-top: 2px;
- position: relative;
- transition: box-shadow 0.2s;
- cursor: pointer;
-
- & > div {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- &:hover {
- box-shadow: 0 0px 1000px 0px rgba(0, 0, 0, 0.1) inset;
- }
-
- .icon {
- display: inline-block;
- font-size: 14px;
- font-weight: 700;
- margin-left: -2px;
- }
-
- .text {
- &.title {
- font-size: 12px;
- font-weight: 700;
- }
-
- &.simple {
- font-size: 11px;
- font-weight: 500;
- }
- }
-
- .time,
- .place,
- .description,
- .users {
- display: flex;
- flex-direction: row;
- text-overflow: ellipsis;
- }
-
- .users {
- position: absolute;
- bottom: 2px;
- right: 2px;
- display: flex;
- align-items: center;
- height: 28px;
-
- .emoji-container {
- width: 24px;
- text-align: center;
- }
-
- .more {
- font-size: 12px;
- margin: 0 2px;
- font-weight: 700;
- opacity: 0.8;
- }
- }
-
- .time.size_15,
- .place.size_15,
- .place.size_30,
- .users.size_15,
- .users.size_30,
- .users.size_45 {
- .user_head {
- width: 12px !important;
- height: 12px !important;
- }
- }
-
- .place.size_45 {
- margin-top: 8px;
- }
-
- .users > div {
- border-radius: var(--border-radius-base);
- margin-left: 2px;
- }
-
- //event
- min-height: 60px;
-
- &.size_15 {
- min-height: 16px;
- height: 16px;
- font-size: 11px;
- }
-
- &.size_30 {
- min-height: 24px;
- height: 24px;
- }
-
- &.size_45 {
- min-height: 32px;
- height: 32px;
- }
-
- &.size_60 {
- min-height: 48px;
- }
-
- .inEvent {
- border-style: solid;
- border: 0px;
- }
-
- //rappel
- &.remind {
- border-radius: var(--border-radius-large);
- min-height: 18px;
- }
-
- //deadline
-
- &.deadline {
- border-top-left-radius: 1px;
- border-top-right-radius: 1px;
- box-shadow: 0 2px 0px 0px rgba(255, 0, 0, 0.5) inset;
- min-height: 18px;
- }
-
- //deplacement
-
- &.move {
- border-radius: var(--border-radius-large);
- border-top-left-radius: 4px;
- }
-}
diff --git a/tdrive/frontend/src/app/components/calendar/time-selector.jsx b/tdrive/frontend/src/app/components/calendar/time-selector.jsx
deleted file mode 100755
index 5b8d12f9..00000000
--- a/tdrive/frontend/src/app/components/calendar/time-selector.jsx
+++ /dev/null
@@ -1,121 +0,0 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable react/no-direct-mutation-state */
-import React, { Component } from 'react';
-import Input from 'components/inputs/input.jsx';
-import Tooltip from 'components/tooltip/tooltip.jsx';
-import moment from 'moment';
-import DateTimeUtils from 'app/features/global/utils/datetime.js';
-import Languages from 'app/features/global/services/languages-service';
-
-export default class TimeSelector extends Component {
- constructor(props) {
- super(props);
- this.state = {
- time_ts: props.ts,
- time_string: moment(new Date(props.ts * 1000)).format(DateTimeUtils.getDefaultTimeFormat()),
- };
- this.old_ts = props.ts;
- this.focus = false;
- }
-
- shouldComponentUpdate(nextProps, nextStates) {
- if (nextProps.ts != this.old_ts) {
- this.old_ts = nextProps.ts;
- nextStates.time_ts = nextProps.ts;
- if (!this.focus) {
- nextStates.time_string = moment(new Date(nextProps.ts * 1000)).format(
- DateTimeUtils.getDefaultTimeFormat(),
- );
- }
- }
- return true;
- }
-
- process(string) {
- var h, m, am_pm;
- var error = false;
-
- if (string) {
- var match = string.match(/^[^0-9]*([0-9]+)([^0-9]+)?([0-9]*)?(.*?)$/);
-
- if (match) {
- h = parseInt(match[1]);
- m = parseInt(match[3] || '0');
- am_pm = ((match[4] ? match[4] : match[2]) || '').toLocaleLowerCase();
- if (am_pm && (am_pm[0] == 'p' || am_pm.indexOf('pm') >= 0)) {
- am_pm = 'PM';
- } else if (am_pm && (am_pm[0] == 'a' || am_pm.indexOf('am') >= 0)) {
- am_pm = 'AM';
- } else {
- if (h == 12) {
- am_pm = 'PM';
- } else {
- am_pm = 'AM';
- }
- }
- } else {
- error = true;
- }
-
- if (h > 12) {
- am_pm = '';
- }
-
- if (h > 23) {
- error = true;
- }
-
- if (m > 59) {
- error = true;
- }
- } else {
- error = true;
- }
-
- this.state.time_string = string;
-
- if (!error) {
- var d = moment(h + ':' + m + am_pm, 'LT').toDate();
- var date = new Date(this.state.time_ts * 1000);
- date.setHours(d.getHours());
- date.setMinutes(d.getMinutes());
- this.state.time_ts = date.getTime() / 1000;
- this.state.error = false;
- this.state.time_string_formatted = moment(this.state.time_ts * 1000).format(
- DateTimeUtils.getDefaultTimeFormat(),
- );
- this.props.onChange && this.props.onChange(this.state.time_ts);
- } else {
- this.state.error = true;
- }
- this.setState({});
- }
-
- blur() {
- this.focus = false;
- this.setState({ time_string: this.state.time_string_formatted, error: false });
- this.props.onChangeBlur && this.props.onChangeBlur(this.state.time_ts);
- this.props.onChange && this.props.onChange(this.state.time_ts);
- }
-
- render() {
- return (
-
- {icon &&
-
- {duration > 30 && !this.props.event.all_day && (
-
- {event_duration}
-
- )}
-
-
- {'' + location}
-
-
-
- {
- return { id: u.user_id_or_mail };
- })}
- max={4}
- readOnly
- collapsed
- medium
- />
-
-
-
- this.blur()}
- onFocus={() => (this.focus = true)}
- value={this.state.time_string}
- style={{ maxWidth: 94 }}
- onChange={evt => this.process(evt.target.value)}
- />
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/channel-attachement-list/channel-attachement-list.tsx b/tdrive/frontend/src/app/components/channel-attachement-list/channel-attachement-list.tsx
deleted file mode 100644
index 0a62132e..00000000
--- a/tdrive/frontend/src/app/components/channel-attachement-list/channel-attachement-list.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Modal, ModalContent } from 'app/atoms/modal';
-import {
- channelAttachmentListState,
- activeChannelAttachementListTabState,
-} from 'app/features/channels/state/channel-attachment-list';
-import Languages from 'app/features/global/services/languages-service';
-import Tab from 'app/molecules/tabs';
-import React from 'react';
-import { useRecoilState } from 'recoil';
-import ChannelFiles from './parts/channel-files';
-import ChannelMedias from './parts/channel-medias';
-
-enum Tabs {
- Medias = 0,
- Files = 1,
-}
-
-export default (): React.ReactElement => {
- const [open, setOpen] = useRecoilState(channelAttachmentListState);
- const [activeTab, setActiveTab] = useRecoilState(activeChannelAttachementListTabState);
-
- return (
-
- {Languages.t('components.channel_attachement_list.medias')}
-
- ,
-
-
,
- ]}
- selected={activeTab}
- onClick={index => setActiveTab(index)}
- />
- {activeTab === Tabs.Medias && {Languages.t('components.channel_attachement_list.files')}
- openViewer(file)}
- >
-
- );
-};
-
-const ChannelMedia = ({ file }: FilePreviewType): React.ReactElement => {
- const previewUrl = fileUploadApiClient.getFileThumbnailUrlFromMessageFile(file);
- const type = fileUploadApiClient.mimeToType(file?.metadata?.mime || '');
- const { open: openViewer } = useFileViewerModal();
-
- return (
-
-
-
-
- {extension?.toLocaleUpperCase()} • {formatDate(file?.message?.created_at)} •{' '}
- {formatSize(file?.metadata?.size)}
-
-
- {
- e.preventDefault();
- e.stopPropagation();
- }}
- >
-
-
- {!!file.message && (
-
- )}
-
- openViewer(file)}
- >
-
- );
-};
-
-const getFileDownloadRoute = (file: MessageFileType): string => {
- if (file?.metadata?.source !== 'internal') {
- return '';
- }
-
- return fileUploadService.getDownloadRoute({
- companyId: file.metadata?.external_id?.company_id,
- fileId: file.metadata?.external_id?.id,
- });
-};
-
-const downloadFile = (file: MessageFileType): void => {
- const url = getFileDownloadRoute(file);
-
- if (url) {
- window.location.href = url;
- }
-};
-
-const gotoMessage = (message: Message): void => {
- routerService.push(
- routerService.generateRouteFromState({
- companyId: message?.cache?.company_id,
- channelId: message?.cache?.channel_id,
- threadId: message?.thread_id,
- workspaceId: message?.cache?.workspace_id,
- ...(message.id !== message?.thread_id ? { messageId: message.id } : {}),
- }),
- );
-};
diff --git a/tdrive/frontend/src/app/components/channel-attachement-list/parts/channel-files.tsx b/tdrive/frontend/src/app/components/channel-attachement-list/parts/channel-files.tsx
deleted file mode 100644
index ba273508..00000000
--- a/tdrive/frontend/src/app/components/channel-attachement-list/parts/channel-files.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useChannelFileList } from 'app/features/channels/hooks/use-channel-media-files';
-import React, { useEffect } from 'react';
-import ChannelAttachment from './channel-attachment';
-import { LoadingAttachements, NoAttachements } from './commun';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-
-type PropsType = {
- maxItems?: number;
-};
-
-export default ({ maxItems }: PropsType): React.ReactElement => {
- const { loading, result, loadMore, loadItems } = useChannelFileList();
-
- useEffect(() => {
- loadItems();
- }, []);
-
- return (
-
-
- );
-};
-
-export const NoAttachements = (): React.ReactElement => {
- return (
-
-
- {Languages.t('components.channel_attachement_list.nothing_found')}
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/channel-members-list/channel-members-modal.tsx b/tdrive/frontend/src/app/components/channel-members-list/channel-members-modal.tsx
deleted file mode 100644
index 1a524bb9..00000000
--- a/tdrive/frontend/src/app/components/channel-members-list/channel-members-modal.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import { InformationCircleIcon } from '@heroicons/react/outline';
-import { SearchIcon } from '@heroicons/react/solid';
-import { Alert } from 'app/atoms/alert';
-import { InputDecorationIcon } from 'app/atoms/input/input-decoration-icon';
-import { Input } from 'app/atoms/input/input-text';
-import Text, { Info } from 'app/atoms/text';
-import { useSearchChannelMembersAll } from 'app/features/channel-members-search/hooks/use-search-all';
-import Languages from 'app/features/global/services/languages-service';
-import { delayRequest } from 'app/features/global/utils/managedSearchRequest';
-import Strings from 'app/features/global/utils/strings';
-import { useInvitationUsers } from 'app/features/invitation/hooks/use-invitation-users';
-import { invitationState } from 'app/features/invitation/state/invitation';
-import useRouterChannel from 'app/features/router/hooks/use-router-channel';
-import { useEffect, useState } from 'react';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import { useRecoilState } from 'recoil';
-import { EmailItem } from './email-item';
-import { MemberItem } from './member-item';
-import { UserItem } from './user-item';
-import AccessRightsService from 'app/features/workspace-members/services/workspace-members-access-rights-service';
-import { useCurrentWorkspace } from 'app/features/workspaces/hooks/use-workspaces';
-
-export const ChannelMembersListModal = (): JSX.Element => {
- const channelId = useRouterChannel();
- const [query, setQuery] = useState
-
- );
-};
-
-const EmailSuggestion = ({ email }: { email: string }) => {
- const [, setInvitationOpen] = useRecoilState(invitationState);
- const { addInvitation, allowed_guests, allowed_members } = useInvitationUsers();
- const { workspace } = useCurrentWorkspace();
-
- const invite = () => {
- addInvitation(email);
- setInvitationOpen(true);
- };
- if (!email || !Strings.verifyMail(email)) {
- return <>;
- }
-
- return AccessRightsService.hasLevel(workspace?.id, 'moderator') &&
- (allowed_guests > 0 || allowed_members > 0) ? (
-
- (
- {
- setQuery(e.target.value);
- }}
- value={query}
- />
- )}
- />
- {pendingEmailList?.length === 0 && channelMembersList?.length <= 1 && (
-
-
-
-
-
-
- {addEmailSuggestion &&
- pendingEmailList?.length === 0 &&
- channelMembersList?.length === 0 &&
- usersList?.length === 0 &&
- !Strings.verifyMail(query) && (
- <>
-
- {Languages.t(
- 'scenes.client.channelbar.channelmemberslist.search_invite_type_email',
- )}
-
-
- )}
- {addEmailSuggestion &&
- {Languages.t('scenes.client.channelbar.channelmemberslist.pending_section')}
-
-
- )}
- {pendingEmailList &&
- pendingEmailList.map((item, index) => {
- return (
-
- {Languages.t('scenes.client.channelbar.channelmemberslist.members_section')}
-
-
- )}
- {channelMembersList &&
- channelMembersList
- .filter(a => a && a?.user)
- .map(cMember => {
- return (
-
- {Languages.t('scenes.client.channelbar.channelmemberslist.not_members_section')}
-
-
- )}
- {usersList &&
- usersList.map(user => {
- return (
-
-
-
- );
- })}
- {channelMembersList?.length > 0 && (
- <>
-
-
- );
- })}
- {usersList?.length > 0 && (
- <>
-
-
- );
- })}
-
-
- invite()}>
- {Languages.t(
- 'scenes.client.channelbar.channelmemberslist.invite_to_workspace',
- [email],
- `Invite ${email} to the workspace ➡`,
- )}
-
-
-
- ) : (
- <>
- );
-};
diff --git a/tdrive/frontend/src/app/components/channel-members-list/email-item.tsx b/tdrive/frontend/src/app/components/channel-members-list/email-item.tsx
deleted file mode 100644
index a3741725..00000000
--- a/tdrive/frontend/src/app/components/channel-members-list/email-item.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { MailIcon } from '@heroicons/react/outline';
-import { XIcon } from '@heroicons/react/solid';
-import { Tooltip } from 'antd';
-import { Button } from 'app/atoms/button/button';
-import { Modal, ModalContent } from 'app/atoms/modal';
-import { Info } from 'app/atoms/text';
-import { usePendingEmail } from 'app/features/channel-members-search/hooks/use-pending-email-hook';
-import Languages from 'app/features/global/services/languages-service';
-import { PendingEmail } from 'app/features/pending-emails/types/pending-email';
-import useRouterCompany from 'app/features/router/hooks/use-router-company';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import WorkspaceUserAPIClient from 'app/features/workspace-members/api/workspace-members-api-client';
-import { WorkspacePendingUserType } from 'app/features/workspaces/types/workspace';
-import { useState } from 'react';
-
-type IProps = {
- email: PendingEmail;
-};
-
-export const EmailItem = (props: IProps): JSX.Element => {
- const { email } = props.email;
- const { loading, cancelInvite } = usePendingEmail(email);
- const workspaceId = useRouterWorkspace();
- const companyId = useRouterCompany();
- const [cancelWorkspaceInvitation, setCancelWorkspaceInvitation] =
- useState
-
-
-
- {email}{' '}
-
- (
- {Languages.t(
- 'scenes.client.channels_bar.modals.parts.channel_member_row.label.pending_email',
- )}
- )
-
-
-
-
-
-
-
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/channel-members-list/member-item.tsx b/tdrive/frontend/src/app/components/channel-members-list/member-item.tsx
deleted file mode 100644
index c7ad9c7f..00000000
--- a/tdrive/frontend/src/app/components/channel-members-list/member-item.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import Avatar from 'app/atoms/avatar';
-import { ChannelMemberWithUser } from 'app/features/channel-members-search/types/channel-members';
-import Languages from 'app/features/global/services/languages-service';
-import UsersService from 'app/features/users/services/current-user-service';
-import useRouterCompany from 'app/features/router/hooks/use-router-company';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import useRouterChannel from 'app/features/router/hooks/use-router-channel';
-import { useChannelMember } from 'app/features/channel-members-search/hooks/member-hook';
-import { LogoutIcon } from '@heroicons/react/outline';
-import { Tooltip } from 'antd';
-import { ButtonConfirm } from 'app/atoms/button/confirm';
-import MemberGrade from 'app/views/client/popup/WorkspaceParameter/Pages/WorkspacePartnerTabs/MemberGrade';
-
-type IMemberProps = {
- member: ChannelMemberWithUser;
- userId?: string;
-};
-
-export const MemberItem = (props: IMemberProps): JSX.Element => {
- const { member, userId } = props;
- const { first_name, email } = member.user;
- const companyId = useRouterCompany();
- const workspaceId = useRouterWorkspace();
- const channelId = useRouterChannel();
-
- const parameters = { companyId, workspaceId, channelId };
-
- const { leave, loading } = useChannelMember(userId || '', parameters);
-
- const isCurrentUser = (): boolean => {
- const currentUserId: string = UsersService.getCurrentUserId();
-
- return props.userId === currentUserId;
- };
-
- return (
- <>
-
-
-
-
-
- {first_name}
- {email}
-
-
- c.company.id === companyId)?.role || ''}
- workspaceRole={member.user.workspaces?.find(c => c.id === workspaceId)?.role || ''}
- />
-
-
- {isCurrentUser() ? (
-
- leave(props.userId || '')}
- />
-
- ) : (
-
- leave(props.userId || '')}
- />
-
- )}
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/channel-members-list/user-item.tsx b/tdrive/frontend/src/app/components/channel-members-list/user-item.tsx
deleted file mode 100644
index 81982c98..00000000
--- a/tdrive/frontend/src/app/components/channel-members-list/user-item.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import Avatar from 'app/atoms/avatar';
-import UsersService from 'app/features/users/services/current-user-service';
-import { useUser } from 'app/features/users/hooks/use-user';
-import { Button } from 'app/atoms/button/button';
-import Languages from 'app/features/global/services/languages-service';
-import { useChannelMember } from 'app/features/channel-members-search/hooks/member-hook';
-import { PlusIcon } from '@heroicons/react/solid';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import React from 'react';
-import { Modal, ModalContent } from 'app/atoms/modal';
-import useRouterCompany from 'app/features/router/hooks/use-router-company';
-import ConsoleService from 'app/features/console/services/console-service';
-import MemberGrade from 'app/views/client/popup/WorkspaceParameter/Pages/WorkspacePartnerTabs/MemberGrade';
-
-type IUserProps = {
- userId: string;
-};
-
-export const UserItem = (props: IUserProps): JSX.Element => {
- const { userId } = props;
- const user = useUser(userId || '');
- const workspaceId = useRouterWorkspace();
- const companyId = useRouterCompany();
- const [confirmWorkspaceInvitation, setConfirmWorkspaceInvitation] =
- React.useState
-
-
-
-
- {full_name}
- {user.email}
-
-
- c.company.id === companyId)?.role || ''}
- workspaceRole={user.workspaces?.find(c => c.id === workspaceId)?.role || ''}
- />
-
-
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/channel-members-list/users-search-modal.tsx b/tdrive/frontend/src/app/components/channel-members-list/users-search-modal.tsx
deleted file mode 100644
index 7543b427..00000000
--- a/tdrive/frontend/src/app/components/channel-members-list/users-search-modal.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Modal, ModalContent } from 'app/atoms/modal';
-import { useUsersSearchModal } from 'app/features/channel-members-search/state/search-channel-member';
-import Languages from 'app/features/global/services/languages-service';
-import { ChannelMembersListModal } from './channel-members-modal';
-
-export default () => {
- const { open, setOpen } = useUsersSearchModal();
-
- return (
-
-
- )
- : SearchIcon
- }
- input={({ className }) => (
- setSearch({ query: e.target.value })}
- />
- )}
- />
-
-
- {props.lockDefaultChannels &&
- props.initialChannels.find(({ id }) => channel.id === id) &&
- channel.is_default ? (
- channel.id === id)}
- onChange={() => {
- if (selectedChannels.includes(channel)) {
- setSelectedChannels(selectedChannels.filter(c => c.id !== channel.id));
- } else if (channel.id) {
- setSelectedChannels([...selectedChannels, channel]);
- }
- }}
- />
- )}
-
- }
- className="py-2"
- />
- );
- })}
-
-
- ) : (
-
-
- {Languages.t('scenes.app.channelsbar.currentuser.company_messages_counter_link', [])}
-
-
-
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/components-tester/component-doc.scss b/tdrive/frontend/src/app/components/components-tester/component-doc.scss
deleted file mode 100755
index 1fc53cbe..00000000
--- a/tdrive/frontend/src/app/components/components-tester/component-doc.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-.component_doc {
- background: var(--grey-background);
- padding: 25px;
- max-height: 100vh;
- overflow: scroll;
- box-sizing: border-box;
-
- .section {
- background: var(--white);
- max-width: 900px;
- margin: auto;
- left: 0;
- right: 0;
- padding: 25px;
- box-sizing: border-box;
- border-radius: var(--border-radius-base);
- margin-top: 25px;
- }
-
- .header {
- input {
- background: var(--black);
- color: #fff;
- font-family: monospace;
- }
- }
-
- .subtitle {
- font-weight: 700;
- }
-
- .properties {
- border-collapse: collapse;
- width: 100%;
-
- thead {
- font-weight: 700;
- }
-
- td {
- border: 1px solid var(--grey-background);
- padding: 8px;
- }
- .type {
- background: var(--grey-background);
- padding: 2px 4px;
- border-radius: var(--border-radius-base);
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/components-tester/components-tester.jsx b/tdrive/frontend/src/app/components/components-tester/components-tester.jsx
deleted file mode 100755
index 67bab63a..00000000
--- a/tdrive/frontend/src/app/components/components-tester/components-tester.jsx
+++ /dev/null
@@ -1,370 +0,0 @@
-/* eslint-disable react/jsx-key */
-import React, { Component } from 'react';
-import Emojione from 'components/emojione/emojione';
-import Icon from 'app/components/icon/icon.jsx';
-import Menu from 'components/menus/menu.jsx';
-import MenusBodyLayer from 'app/components/menus/menus-body-layer.jsx';
-import AutoComplete from 'components/auto-complete/auto-complete';
-import UserPicker from 'components/user-picker/user-picker.jsx';
-import EmojiPicker from 'components/emoji-picker/emoji-picker.jsx';
-
-import Directory from 'components/drive/directory.jsx';
-import File from 'components/drive/file';
-import DriveMultiSelector from 'components/drive/drive-multi-selector.jsx';
-
-import Rounded from 'components/inputs/rounded.jsx';
-
-import DraggableBodyLayer from 'components/draggable/draggable-body-layer.jsx';
-
-import emojiService from 'app/components/rich-text-editor/emojis-service.jsx';
-import User from 'components/ui/user.jsx';
-
-import AutoHeight from 'components/auto-height/auto-height.jsx';
-import Tooltip from 'components/tooltip/tooltip.jsx';
-import InputWithClipBoard from 'components/input-with-clip-board/input-with-clip-board.jsx';
-
-import './components-tester.scss';
-import GroupInputs from './group/inputs.js';
-
-export default class ComponentsTester extends React.Component {
- constructor() {
- super();
- this.state = {
- autocompValue: '',
- visible: false,
- };
- }
- render() {
- return [
-
- {this.props.title &&
- {this.props.title}
}
- {this.props.import && (
- {this.props.children}
-
- {this.props.properties && [
-
-
-
,
-
, -
, - ]} - - {this.props.infos && [ -
- Properties
,
- | Property | -Type | -Default | -Description | -
| {property[0]} | -- {property[1].split(',').map(item => ( - {item} - ))} - | -{property[2]} | -{property[3]} | -
, -
, - ]} - - {this.props.infos && [ -
Infos
,
- {this.props.infos}
,
- ]}
-
-
-
-
-
- Test des composants
- ctrl+alt+e pour revenir à Tdrive
-
-
-
- Icones
-
-
- Title
-
- Sub title
-
- Text
-
-
- Emojione
-
- Title
-
- Subtitle
-
- Text
-
-
-
- Tooltip
-
- (this.tooltip = o)}
- tooltip={'toolltiiiiiiiiip'}
- position={'top'}
- overable={false}
- >
-
-
-
- this is my tooltip top
-
-
-
-
- this is my tooltip top
-
-
-
- Input with clipboard
-
-
-
-
,
- },
- ],
- },
- { type: 'separator' },
- { type: 'text', text: 'Du texte' },
- ]}
- >
- Click here !
-
- Menus
-
-
- {
- cb(
- [
- {
- id: 1,
- username: 'benoit',
- mail: 'benoit.tallandier@g.a',
- userimage: 'https://randomuser.me/api/portraits/men/40.jpg',
- },
- {
- id: 2,
- username: 'romaric',
- mail: 'romaric.mourgues@g.a',
- userimage: 'https://randomuser.me/api/portraits/men/41.jpg',
- },
- {
- id: 3,
- username: 'guillaume',
- mail: 'romaric.mourgues@g.a',
- userimage: 'https://randomuser.me/api/portraits/men/42.jpg',
- },
- {
- id: 4,
- username: 'Amandine',
- mail: 'romaric.mourgues@g.a',
- userimage: 'https://randomuser.me/api/portraits/women/40.jpg',
- },
- ].filter(function (item) {
- if (item && item.username.indexOf(text) !== -1) {
- return true;
- }
- return false;
- }),
- );
- },
- (text, cb) => {
- cb(emojiService.search(text));
- },
- ]}
- max={[5, 5]}
- renderItemChoosen={[
- item => {
- return '@' + (item || {}).username + ' ';
- },
- item => {
- return item.shortname + ' ';
- },
- ]}
- renderItem={[
- item => {
- return (
-
- Auto complete one line
-
-
- );
- },
- item => {
- return (
-
-
- );
- },
- ]}
- regexHooked={[/\B@([\-+\w]*)$/, /\B:([\-+\w]{0}[\-+\w]*)$/]}
- placeholder="Placeholder"
- autoHeight
- />
-
-
- Multi-line input
-
-
-
-
- this.setState({ users_picker_value: list })}
- inline
- />
-
-
-
-
- Users picker
- In menu
-
-
- -
-
Inline
-
- -
Inline read only
-
- -
Inline read only miniatures
-
-
-
-
- Emoji picker
- }]}>
- Click here !
-
-
-
-
-
-
-
- ,
- Drive
-
-
- TODO: Tester drag drop depuis ordinateur
-
- TODO: Faire apparaitre l'icone "drag + menu" au survol -
-
- - TODO: Faire apparaitre l'icone "drag + menu" au survol -
-
-
- -
- Dossiers
-
- -
- -
Fichiers
-
-
-
- this.setState({ input: value })}
- />
-
- this.setState({ input: value })}
- />
-
- -
- this.setState({ input: value })}
- />
-
- this.setState({ input: value })}
- />
-
- -
- this.setState({ input: value })}
- />
-
- this.setState({ input: value })}
- />
-
-
,
- Formulaires
-
- className="big"
- this.setState({ input: evt.target.value })}
- />
- -
-
- -
className="medium"
- this.setState({ input: evt.target.value })}
- />
- -
-
- -
className="small"
- this.setState({ input: evt.target.value })}
- />
- -
-
-
-
,
- ];
- }
-}
diff --git a/tdrive/frontend/src/app/components/connection-indicator/connection-indicator.tsx b/tdrive/frontend/src/app/components/connection-indicator/connection-indicator.tsx
index 22d0c911..43dc4334 100644
--- a/tdrive/frontend/src/app/components/connection-indicator/connection-indicator.tsx
+++ b/tdrive/frontend/src/app/components/connection-indicator/connection-indicator.tsx
@@ -3,10 +3,10 @@ import './connection-indicator.scss';
import ErrorOutlinedIcon from '@material-ui/icons/ErrorOutlined';
import HourglassEmpty from '@material-ui/icons/HourglassEmpty';
import CheckCircleIcon from '@material-ui/icons/CheckCircle';
-import Languages from 'app/features/global/services/languages-service';
-import { ConnectedState } from 'app/features/users/state/atoms/connected';
+import Languages from '@features/global/services/languages-service';
+import { ConnectedState } from '@features/users/state/atoms/connected';
import { useRecoilState } from 'recoil';
-import WebSocket, { WebsocketEvents } from 'app/features/global/types/websocket-types';
+import WebSocket, { WebsocketEvents } from '@features/global/types/websocket-types';
export default () => {
const [{ connected, reconnecting }, setState] = useRecoilState(ConnectedState);
diff --git a/tdrive/frontend/src/app/components/connectors-list-manager/connectors-list-manager.jsx b/tdrive/frontend/src/app/components/connectors-list-manager/connectors-list-manager.jsx
index f62f1160..ef63da2d 100755
--- a/tdrive/frontend/src/app/components/connectors-list-manager/connectors-list-manager.jsx
+++ b/tdrive/frontend/src/app/components/connectors-list-manager/connectors-list-manager.jsx
@@ -6,9 +6,9 @@ import AddIcon from '@material-ui/icons/AddOutlined';
import GearIcon from '@material-ui/icons/BuildOutlined';
import Input from 'components/inputs/input.jsx';
import './connectors-list-manager.scss';
-import Languages from 'app/features/global/services/languages-service';
-import WorkspacesApps from 'app/deprecated/workspaces/workspaces_apps.jsx';
-import { getCompanyApplication as getApplication } from 'app/features/applications/state/company-applications';
+import Languages from '@features/global/services/languages-service';
+import WorkspacesApps from '@deprecated/workspaces/workspaces_apps.jsx';
+import { getCompanyApplication as getApplication } from '@features/applications/state/company-applications';
export default class ConnectorsListManager extends Component {
constructor(props) {
diff --git a/tdrive/frontend/src/app/components/desktop-redirect/index.tsx b/tdrive/frontend/src/app/components/desktop-redirect/index.tsx
index 67c38639..54bf60e0 100644
--- a/tdrive/frontend/src/app/components/desktop-redirect/index.tsx
+++ b/tdrive/frontend/src/app/components/desktop-redirect/index.tsx
@@ -1,11 +1,11 @@
-import { Loader } from 'app/atoms/loader';
-import { OpenDesktopPopup } from 'app/components/open-desktop-popup/open-desktop-popup';
-import Electron from 'app/features/global/framework/electron-service';
-import { useGlobalEffect } from 'app/features/global/hooks/use-global-effect';
-import { LoadingState } from 'app/features/global/state/atoms/Loading';
-import { useWebState } from 'app/features/global/state/atoms/use-web';
-import { getDevice } from 'app/features/global/utils/device';
-import { useCurrentUser } from 'app/features/users/hooks/use-current-user';
+import { Loader } from '@atoms/loader';
+import { OpenDesktopPopup } from '@components/open-desktop-popup/open-desktop-popup';
+import Electron from '@features/global/framework/electron-service';
+import { useGlobalEffect } from '@features/global/hooks/use-global-effect';
+import { LoadingState } from '@features/global/state/atoms/Loading';
+import { useWebState } from '@features/global/state/atoms/use-web';
+import { getDevice } from '@features/global/utils/device';
+import { useCurrentUser } from '@features/users/hooks/use-current-user';
import React from 'react';
import { useRecoilState } from 'recoil';
import { detectDesktopAppPresence } from 'src/utils/browser-detect';
diff --git a/tdrive/frontend/src/app/components/download-app-banner/download-app-banner.tsx b/tdrive/frontend/src/app/components/download-app-banner/download-app-banner.tsx
index 11c13d2f..a5a679f2 100644
--- a/tdrive/frontend/src/app/components/download-app-banner/download-app-banner.tsx
+++ b/tdrive/frontend/src/app/components/download-app-banner/download-app-banner.tsx
@@ -1,7 +1,7 @@
import React, { useEffect, useState } from 'react';
import InitService from '../../features/global/services/init-service';
import LocalStorage from '../../features/global/framework/local-storage-service';
-import DownloadBanner from 'app/molecules/download-banner';
+import DownloadBanner from '@molecules/download-banner';
import { detectDesktopAppPresence } from '../../../utils/browser-detect';
export default (): React.ReactElement => {
diff --git a/tdrive/frontend/src/app/components/draggable/draggable-body-layer.jsx b/tdrive/frontend/src/app/components/draggable/draggable-body-layer.jsx
deleted file mode 100755
index d37734c9..00000000
--- a/tdrive/frontend/src/app/components/draggable/draggable-body-layer.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React, { Component } from 'react';
-
-import DraggableManager from './draggable-manager.js';
-
-export default class DraggableBodyLayer extends Component {
- constructor() {
- super();
- this.state = {
- draggable_manager: DraggableManager,
- };
- this.draggable_body_dom = null;
- DraggableManager.addListener(this);
- }
- componentDidMount() {
- DraggableManager.registerContainer(this.draggable_body_dom);
- }
- componentWillUnmount() {
- DraggableManager.removeListener(this);
- }
- render() {
- return
-
- Create my company 3/4
-
- {Languages.t(
- 'scenes.app.workspaces.create_company.importations.title_1',
- [],
- 'Already working with digital tools? Import or integrate your tools now!',
- )}
-
- {Languages.t( - 'scenes.app.workspaces.create_company.importations.title_2', - [], - 'No worries, you can do this later!', - )} -
-
- - {Languages.t( - 'scenes.app.workspaces.create_company.importations.title_2', - [], - 'No worries, you can do this later!', - )} -
-
-
-
-
- What's your company name ?
- this.setState({ company_name: evt.target.value })}
- placeholder="Ex : Google, Aircall, Doctolib"
- />
-
-
-
-
-
- (this.draggable_body_dom = node)} />;
- }
-}
diff --git a/tdrive/frontend/src/app/components/draggable/draggable-manager.js b/tdrive/frontend/src/app/components/draggable/draggable-manager.js
deleted file mode 100755
index 9af86534..00000000
--- a/tdrive/frontend/src/app/components/draggable/draggable-manager.js
+++ /dev/null
@@ -1,238 +0,0 @@
-import React, { Component } from 'react';
-
-import Observable from 'app/deprecated/CollectionsV1/observable.js';
-import SelectionsManager from 'app/deprecated/SelectionsManager/SelectionsManager.js';
-
-class DraggableManager extends Observable {
- constructor() {
- super();
- this.setObservableName('draggable_manager');
- this.container = null;
-
- this.move = this.move.bind(this);
- this.end = this.end.bind(this);
- this.start = this.start.bind(this);
-
- this.drag = false;
- this.clone_created = false;
- this.drag_initial_point = [];
- this.current_node_initial_position = [];
- }
-
- registerContainer(container) {
- this.container = container;
- }
-
- setDropCallback(key, callback) {
- this.callback_key = key;
- this.callback = callback;
- }
-
- removeDropCallback(key) {
- if (this.callback_key == key) {
- this.callback = false;
- this.callback_key = null;
- }
- }
-
- start(evt, node, react_draggable) {
- if (this.dragging) {
- return;
- }
-
- if (react_draggable.props.dragHandler) {
- var onHandler = false;
- var handlers = node.getElementsByClassName(react_draggable.props.dragHandler);
- if (handlers.length > 0) {
- Array.from(handlers).forEach(item => {
- if (item == evt.target || item.contains(evt.target)) {
- onHandler = true;
- }
- });
- }
-
- if (!onHandler) {
- return;
- }
- }
-
- this.data = {};
- if (node) {
- this.current_node = node;
- }
- if (react_draggable) {
- this.current_react_draggable = react_draggable;
- this.props = {
- parentClassOnDrag: this.current_react_draggable.props.parentClassOnDrag,
- minMove: this.current_react_draggable.props.minMove,
- };
- this.data = this.current_react_draggable.props.data;
- }
-
- this.selected_number = 1;
- if (this.data.selection_type) {
- this.selected_number = SelectionsManager.selected_per_type[this.data.selection_type];
- if (this.selected_number) {
- this.selected_number = Object.keys(this.selected_number).length;
- }
-
- if (!this.selected_number) {
- this.selected_number = 1;
- }
- }
-
- evt.stopPropagation();
- evt.preventDefault();
-
- document.addEventListener('mousemove', this.move);
- document.addEventListener('mouseup', this.end);
- var rect = window.getBoundingClientRect(this.current_node);
- rect.x = rect.x || rect.left;
- rect.y = rect.y || rect.top;
-
- this.clone_created = false;
- this.drag_initial_point = [evt.clientX, evt.clientY];
- this.current_node_initial_position = [rect.left, rect.top, node.clientWidth, node.clientHeight];
-
- this.drag = true;
- if (this.current_react_draggable) this.current_react_draggable.setState({ drag: true });
- }
- end(evt, node, react_draggable) {
- if (this.dragging) {
- evt.preventDefault();
- evt.stopPropagation();
- }
-
- this.current_react_draggable && this.current_react_draggable.setState({ hide_original: false });
-
- if (!this.data) {
- return;
- }
-
- if (node) {
- this.current_node = node;
- }
- if (react_draggable) {
- this.current_react_draggable = react_draggable;
- this.props = {
- parentClassOnDrag: this.current_react_draggable.props.parentClassOnDrag,
- minMove: this.current_react_draggable.props.minMove,
- };
- }
-
- document.removeEventListener('mousemove', this.move);
- document.removeEventListener('mouseup', this.end);
-
- document.body.classList.remove('dragging');
- document.body.classList.remove('drag_' + this.data.type);
- this.drag = false;
- this.dragging = false;
- if (this.current_react_draggable)
- this.current_react_draggable.setState({ drag: false, dragging: false });
-
- var delete_delay = 0;
- if (this.callback) {
- this.callback(this.data);
- } else {
- if (this.clone) {
- this.clone.style.transition = 'transform 0.2s';
- this.clone.style.transform =
- 'translateX(' +
- this.current_node_initial_position[0] +
- 'px) translateY(' +
- this.current_node_initial_position[1] +
- 'px)';
- }
- delete_delay = 200;
- }
-
- setTimeout(() => {
- if (this.clone) {
- try {
- this.container.removeChild(this.clone);
- } catch (e) {}
- }
- if (this.current_react_draggable)
- this.current_react_draggable.setState({ hide_original: false });
- if (this.props.parentClassOnDrag) {
- this.props.parentClassOnDrag.split(' ').forEach(c => {
- this.container.classList.remove(c);
- });
- }
- }, delete_delay);
-
- this.data = {};
- }
- move(evt) {
- if (!this.data) {
- return;
- }
-
- var deltaX = evt.clientX - this.drag_initial_point[0];
- var deltaY = evt.clientY - this.drag_initial_point[1];
-
- if (
- !this.clone_created &&
- Math.max(Math.abs(deltaX), Math.abs(deltaY)) < (this.props.minMove || 10)
- ) {
- return;
- }
-
- if (this.drag) {
- if (!this.clone_created) {
- var html = this.current_node.outerHTML;
- var div = document.createElement('div');
- div.classList.add('draggable_clone');
- div.innerHTML = html.trim();
- div.firstChild.classList.remove('dragging_opacity');
- div.firstChild.classList.remove('fade_in');
- div.firstChild.classList.remove('is_selected');
-
- div.style.width = this.current_node_initial_position[2] + 'px';
- div.style.height = this.current_node_initial_position[3] + 'px';
-
- this.clone = div;
-
- if (this.selected_number > 1) {
- var div_number = document.createElement('div');
- div_number.classList.add('draggable_number');
- div_number.innerHTML = this.selected_number;
- this.clone.appendChild(div_number);
- }
-
- this.container.appendChild(this.clone);
- this.clone_created = true;
-
- if (this.props.parentClassOnDrag) {
- this.props.parentClassOnDrag.split(' ').forEach(c => {
- this.container.classList.add(c);
- });
- }
-
- if (
- this.current_react_draggable &&
- this.current_react_draggable.props &&
- this.current_react_draggable.props.onDragStart
- ) {
- this.current_react_draggable.props.onDragStart(evt);
- }
-
- this.dragging = true;
- if (this.current_react_draggable)
- this.current_react_draggable.setState({ dragging: true, hide_original: true });
- }
-
- document.body.classList.add('dragging');
- document.body.classList.add('drag_' + this.data.type);
- this.clone.style.transform =
- 'translateX(' +
- (deltaX + this.current_node_initial_position[0]) +
- 'px) translateY(' +
- (deltaY + this.current_node_initial_position[1]) +
- 'px)';
- }
- }
-}
-
-const service = new DraggableManager();
-export default service;
diff --git a/tdrive/frontend/src/app/components/draggable/draggable.scss b/tdrive/frontend/src/app/components/draggable/draggable.scss
deleted file mode 100755
index 77d2d039..00000000
--- a/tdrive/frontend/src/app/components/draggable/draggable.scss
+++ /dev/null
@@ -1,87 +0,0 @@
-.draggable {
- .js-drag-handler {
- cursor: grab;
- width: 100%;
- min-height: 16px;
- }
-}
-
-.dragging {
- cursor: grabbing !important;
-}
-
-.draggable_clone {
- position: absolute;
- z-index: 1000;
- left: 0px;
- top: 0px;
- pointer-events: none;
-
- & > * {
- opacity: 0.5;
- }
-
- .draggable_number {
- opacity: 1;
- position: absolute;
- right: -10px;
- bottom: -10px;
- background: #fff;
- color: var(--primary);
- font-size: 16px;
- width: 40px;
- height: 40px;
- text-align: center;
- line-height: 40px;
- border-radius: 50%;
- box-shadow: var(--box-shadow-base);
- }
-}
-
-.dragging_opacity {
- //opacity: 0.5;
-}
-
-.droppable_zone {
- background: #f2f2f200;
- margin: 0px;
- border-radius: var(--border-radius-base);
- transition: margin 0.2s, border 0.2s;
- border: 0px dashed #ffffff00;
-
- .empty {
- border-radius: var(--border-radius-base);
- background: #ffffff;
- padding: 0px;
- text-align: center;
- color: #00000088;
- margin: 0px;
- opacity: 0;
- overflow: hidden;
- max-height: 0px;
- transition: margin 0.2s, opacity 0.2s, height 0.2s, padding 0.2s, max-height 0.2s;
- }
-}
-
-.dragging.drag_channel .droppable_zone.for_channel,
-.dragging.drag_message .droppable_zone.for_message {
- border: 2px dashed #f2f2f2;
- margin: 10px 0px;
-
- .empty {
- padding: 10px;
- opacity: 1;
- max-height: 40px;
- .m-icon-small {
- vertical-align: bottom;
- }
- }
-
- &:hover {
- border: 2px dashed #eaeaea;
- background: #f2f2f2;
- .empty {
- background: #f2f2f2;
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/draggable/draggable.tsx b/tdrive/frontend/src/app/components/draggable/draggable.tsx
deleted file mode 100755
index 9bf5234e..00000000
--- a/tdrive/frontend/src/app/components/draggable/draggable.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// eslint-disable-next-line @typescript-eslint/no-use-before-define
-import React from 'react';
-import './draggable.scss';
-import DraggableManager from './draggable-manager.js';
-import classNames from 'classnames';
-
-type PropsType = { [key: string]: any };
-
-type StateType = { [key: string]: any };
-
-export default class Draggable extends React.Component {
- node: HTMLDivElement | null | undefined;
-
- render() {
- return (
- this.dropFile(data)}
- onLongOver={this.props.onClick}
- className="directory_drop_zone"
- >
- (this.node = node)}
- onClick={evt => {
- this.clickElement(evt);
- }}
- onDoubleClick={this.props.onDoubleClick}
- parentClassOnDrag="grid"
- onDragStart={evt => {
- this.dragElement(evt);
- }}
- minMove={10}
- data={{ type: 'file', selection_type: this.props.selectionType, data: this.props.data }}
- >
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/drive-element.jsx b/tdrive/frontend/src/app/components/drive/drive-element.jsx
deleted file mode 100755
index b8d49e90..00000000
--- a/tdrive/frontend/src/app/components/drive/drive-element.jsx
+++ /dev/null
@@ -1,645 +0,0 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable react/no-direct-mutation-state */
-import React, { useState } from 'react';
-
-import SelectionsManager from 'app/deprecated/SelectionsManager/SelectionsManager.js';
-import DriveService from 'app/deprecated/Apps/Drive/Drive.js';
-import AlertManager from 'app/features/global/services/alert-manager-service';
-import MenuManager from 'app/components/menus/menus-manager.jsx';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import FilePicker from 'components/drive/file-picker/file-picker.jsx';
-import Button from 'components/buttons/button.jsx';
-import Input from 'components/inputs/input.jsx';
-import VersionDetails from './version-details.jsx';
-import WorkspacesApps from 'app/deprecated/workspaces/workspaces_apps.jsx';
-import InputWithClipBoard from 'components/input-with-clip-board/input-with-clip-board.jsx';
-import WorkspaceUserRights from 'app/features/workspaces/services/workspace-user-rights-service';
-import MediumPopupManager from 'app/components/modal/modal-manager';
-import Languages from 'app/features/global/services/languages-service';
-import TagPicker from 'components/tag-picker/tag-picker.jsx';
-import RouterServices from 'app/features/router/services/router-service';
-import { getAsFrontUrl } from 'app/features/global/utils/URLUtils';
-import FeatureTogglesService, {
- FeatureNames,
-} from 'app/features/global/services/feature-toggles-service';
-import ModalManager from 'app/components/modal/modal-manager';
-import LockedOnlyOfficePopup from 'app/components/locked-features-components/locked-only-office-popup/locked-only-office-popup';
-
-const RenameInput = props => {
- const [value, setValue] = useState(props.value);
- return (
- this.moveTo(res)}
- initialDirectory={{ id: '' }}
- />
- ),
- },
- ],
- });
- }
-
- if (!this.props.notInDrive && !this.state.element.detached) {
- if (this.common_menu.length > 0) {
- this.common_menu.push({ type: 'separator' });
- }
-
- if (!this.state.element.detached && this.state.element.parent_id) {
- this.common_menu = this.common_menu.concat([
- {
- type: 'menu',
- text: Languages.t('scenes.app.mainview.tabs.rename', [], 'Renommer'),
- submenu_replace: true,
- submenu: [
- {
- type: 'title',
- text: Languages.t('scenes.app.mainview.tabs.rename', [], 'Renommer'),
- },
- {
- type: 'text',
- text:
- Languages.t('components.drive.elements.current_name', [], 'Nom actuel : ') +
- this.state.element.name,
- },
- {
- type: 'react-element',
- reactElement: () => (
- {
- this.rename(name);
- }}
- value={
- this.state.element.is_directory
- ? this.state.element.name
- : this.state.element.name.replace(/\.[^.]*$/, '')
- }
- />
- ),
- },
- ],
- },
- ]);
- }
-
- if (!this.state.element.trash) {
- this.common_menu = this.common_menu.concat([
- {
- type: 'menu',
- text: Languages.t('scenes.apps.drive.right_preview.public', [], 'Accès public...'),
- submenu_replace: true,
- submenu: [
- {
- type: 'title',
- text: Languages.t(
- 'scenes.apps.drive.right_preview.public_link',
- [],
- "Lien d'accès public",
- ),
- },
- {
- //TODO menu react-element to refactor
- type: 'react-element',
- reactElement: () => (
- this.moveTo(res)}
- initialDirectory={{ id: this.state.element.parent_id }}
- />
- ),
- },
- ],
- });
- }
-
- if (WorkspaceUserRights.hasWorkspacePrivilege()) {
- if (this.state.element.application_id && this.state.element.is_directory) {
- this.common_menu.push({
- type: 'menu',
- text: Languages.t(
- 'components.drive.elements.configurate_mod',
- [],
- 'Configurer le module...',
- ),
- onClick: () => {
- var data = {
- drive_element: this.state.element,
- };
- WorkspacesApps.notifyApp(
- this.state.element.application_id,
- 'configuration',
- 'drive',
- data,
- );
- },
- });
- }
- }
-
- if (!this.state.element.is_directory && !this.state.element.url) {
- var versions_indicator = '';
- if ((this.state.element.versions || {}).length > 1) {
- versions_indicator = ' (' + (this.state.element.versions || {}).length + ')';
- }
- this.common_menu.push(
- {
- type: 'menu',
- text:
- Languages.t(
- 'components.drive.elements.manage_version',
- [],
- 'Gérer les versions',
- ) +
- versions_indicator +
- '...',
- onClick: () => {
- MediumPopupManager.open( {
- AlertManager.confirm(async () => {
- setLoading(true);
- await ChannelsMineAPIClient.removeChannel(
- props.channel?.company_id || '',
- props.channel?.workspace_id || '',
- props.channel?.id || '',
- );
- await refreshAllChannels();
-
- RouterServices.push(
- RouterServices.generateRouteFromState({
- companyId: props.channel?.company_id || '',
- workspaceId: props.channel?.workspace_id || '',
- channelId: '',
- }),
- );
-
- props.onLeave && props.onLeave();
- });
- }}
- className="-mx-2 my-1 p-2 rounded-md cursor-pointer hover:bg-rose-50 dark:hover:bg-rose-800"
- title={
- {
- if (props.channel!.visibility) {
- if (isPrivateChannel(props.channel!.visibility)) {
- return AlertManager.confirm(() => leaveChannel(), undefined, {
- title: Languages.t('components.alert.leave_private_channel.title'),
- text: Languages.t('components.alert.leave_private_channel.description'),
- });
- }
- if (isDirectChannel(props.channel!.visibility)) {
- return leaveChannel(true);
- }
- }
-
- return leaveChannel();
- }}
- className="-mx-2 my-1 p-2 rounded-md cursor-pointer hover:bg-rose-50 dark:hover:bg-rose-800"
- title={
- {
- props.onClick();
- }}
- className="-mx-2 my-1 p-2 rounded-md cursor-pointer hover:bg-blue-50 dark:hover:bg-zinc-800"
- title={
- {
- setLoading(true);
- await setFavorite(!favorite);
- setLoading(false);
- }}
- className="-mx-2 my-1 p-2 rounded-md cursor-pointer hover:bg-blue-50 dark:hover:bg-zinc-800"
- title={
- setChannelModal({ ...channelModal, open: false })}
- className="int-channel-edit-modal !max-w-sm"
- >
- {!channelModal.channelId &&
- );
-};
-
-const EditChannelForm = () => {
- const [channelModal, setChannelModal] = useRecoilState(EditChannelModalAtom);
- const [page, setPage] = useState<'information' | 'access' | 'notifications' | 'menu'>('menu');
- const { setOpen: setParticipantsOpen } = useUsersSearchModal();
- const [, setChannelAttachmentState] = useRecoilState(channelAttachmentListState);
- const { refresh } = useFavoriteChannels();
-
- const { channel } = useChannel(channelModal.channelId);
-
- return (
-
- {page !== 'menu' && (
- setPage('menu')}>
-
- }
- >
- {
- this.node = node;
- if (this.props.refDraggable) {
- this.props.refDraggable(node);
- }
- }}
- onClick={this.props.onClick}
- onMouseDown={evt => {
- !this.props?.deactivated && DraggableManager.start(evt, this.node, this);
- }}
- onMouseUp={evt => {
- !this.props?.deactivated && DraggableManager.end(evt, this.node, this);
- }}
- onMouseOver={this.props.onMouseOver}
- onMouseOut={this.props.onMouseOut}
- onDoubleClick={this.props.onDoubleClick}
- >
- {this.props.children}
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/draggable/droppable-zone.jsx b/tdrive/frontend/src/app/components/draggable/droppable-zone.jsx
deleted file mode 100755
index a80b8b05..00000000
--- a/tdrive/frontend/src/app/components/draggable/droppable-zone.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-
-import DraggableManager from './draggable-manager.js';
-import Number from 'app/features/global/utils/Numbers';
-import './draggable.scss';
-
-export default class DroppableZone extends Component {
- constructor() {
- super();
- this.unique_drop_key = Number.unid();
- this.longOverTimeout = '';
- }
- onDrop(data) {
- if (!data) {
- return;
- }
- if (this.props.types && data.type) {
- if (this.props.types.indexOf(data.type) < 0) {
- return;
- }
- }
- if (this.props.onDrop) {
- this.props.onDrop(data);
- }
- }
- componentWillUnmount() {
- DraggableManager.removeDropCallback(this.unique_drop_key);
- clearTimeout(this.longOverTimeout);
- }
- onEnter() {
- if (DraggableManager.drag) {
- this.longOverTimeout = setTimeout(() => {
- if (DraggableManager.drag) {
- if (this.props.onClick && !this.props.disableLongOver) {
- this.props.onClick();
- }
- if (this.props.onLongOver) {
- this.props.onLongOver();
- }
- }
- }, 1500);
- DraggableManager.setDropCallback(this.unique_drop_key, d => this.onDrop(d));
- }
- }
- onLeave() {
- DraggableManager.removeDropCallback(this.unique_drop_key);
- clearTimeout(this.longOverTimeout);
- }
- render() {
- return (
- {
- if (!this.props.deactivated) {
- this.onEnter();
- }
- }}
- onMouseLeave={() => {
- if (!this.props.deactivated) {
- this.onLeave();
- }
- }}
- >
- {this.props.children}
- {!this.props.children && !this.props.deactivated && (
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/directory.jsx b/tdrive/frontend/src/app/components/drive/directory.jsx
deleted file mode 100755
index b07c0165..00000000
--- a/tdrive/frontend/src/app/components/drive/directory.jsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React from 'react';
-import DriveElement from './drive-element.jsx';
-import UIDirectory from './ui/directory.jsx';
-import Loader from 'components/loader/loader.jsx';
-
-import WorkspaceUserRights from 'app/features/workspaces/services/workspace-user-rights-service';
-import Draggable from 'components/draggable/draggable';
-import DroppableZone from 'components/draggable/droppable-zone.jsx';
-import Languages from 'app/features/global/services/languages-service';
-import './drive.scss';
-
-export default class Directory extends DriveElement {
- constructor(props) {
- super();
- this.props = props;
- this.state = {
- loading: true,
- };
- }
- componentDidMount() {
- super.componentDidMount();
- if (this.state.loading) {
- setTimeout(() => {
- this.setState({ loading: false });
- }, 4000);
- }
- }
- render() {
- if (!this.state.element || !this.state.element.front_id) {
- return (
- {this.props.empty || ''}
- )}
-
- {this.state.loading &&
- );
- } else {
- this.state.loading = false;
- }
-
- if (this.props.hide) {
- return '';
- }
-
- return (
-
-
- );
-};
-
-const PublicSharing = props => {
- Collections.get('drive').useListener(useState);
- const element = Collections.get('drive').find(props?.id);
- if (!element) {
- return ;
- }
- const sharedUrl = RouterServices.generateRouteFromState({
- workspaceId: element.workspace_id,
- documentId: element?.id,
- appName: 'drive',
- shared: true,
- token: (element.acces_info || {}).token,
- });
- return (
-
- {
- if ((value || '').trim().length > 0) {
- props.rename(value);
- }
- }}
- className="full_width bottom-margin"
- onEchap={() => {
- MenuManager.closeMenu();
- }}
- autoFocus
- value={value}
- onChange={evt => setValue(evt.target.value)}
- />
-
-
-
-
- {(element.acces_info || {}).token && (
-
- );
-};
-
-export default class DriveElement extends React.Component {
- constructor() {
- super();
- this.state = {
- selections_manager: SelectionsManager,
- };
- SelectionsManager.addListener(this);
-
- this.driveCollectionKey = '';
-
- this.driveSelectorOver = this.driveSelectorOver.bind(this);
- this.driveSelectorOut = this.driveSelectorOut.bind(this);
- Collections.get('drive').addListener(this);
- }
- componentWillUnmount() {
- SelectionsManager.removeListener(this);
- Collections.get('drive').removeListener(this);
- if (this.node) {
- this.node.removeEventListener('drive_selector_over', this.driveSelectorOver);
- this.node.removeEventListener('drive_selector_out', this.driveSelectorOut);
- }
-
- if (this.driveCollectionKey && this.driveCollectionKey != this.props.driveCollectionKey) {
- Collections.get('drive').removeSource(this.driveCollectionKey);
- }
- }
- UNSAFE_componentWillMount() {
- if (this.props && this.props.data && this.props.data.front_id) {
- Collections.get('drive').listenOnly(this, [this.props.data.front_id]);
- }
-
- this.state.element = DriveService.find(
- Workspaces.currentWorkspaceId,
- this.props.data?.id,
- el => {
- this.setState({ element: el });
- },
- );
- this.updateMenu();
- }
- componentDidMount() {
- if (this.node) {
- this.node.addEventListener('drive_selector_over', this.driveSelectorOver);
- this.node.addEventListener('drive_selector_out', this.driveSelectorOut);
- this.node.setAttribute('drive_selector_unid', this.state.element?.id);
- }
-
- if (this.props && this.props.data && this.props.data?.id) {
- SelectionsManager.listenOnly(this, [this.props.data?.id]);
- }
- }
- driveSelectorOut() {
- if (this.state.selected) this.setState({ selected: false });
- }
- driveSelectorOver() {
- if (!this.state.selected) this.setState({ selected: true });
- }
-
- dropFile(data, directory) {
- var destination = directory || this.props.data;
-
- var objects = data.data?.id;
- if (data.selection_type) {
- var selected = Object.keys(SelectionsManager.selected_per_type[data.selection_type] || {});
- if (selected && selected.length > 1) {
- objects = selected;
- }
- }
-
- DriveService.moveFile(
- objects,
- destination,
- this.props.driveCollectionKey || this.driveCollectionKey,
- );
- }
-
- dragElement(evt) {
- SelectionsManager.setType(this.props.selectionType);
- if (
- !evt.shiftKey &&
- !SelectionsManager.selected_per_type[this.props.selectionType][this.state.element?.id]
- ) {
- SelectionsManager.unselectAll();
- }
- SelectionsManager.select(this.state.element?.id);
- }
-
- clickElement(evt, previewonly = false) {
- evt.stopPropagation();
- evt.preventDefault();
-
- if (this.props.notInDrive) {
- if (this.props.onClick) {
- this.props.onClick();
- } else {
- DriveService.viewDocument(this.state.element, previewonly);
- }
- } else {
- SelectionsManager.setType(this.props.selectionType);
- if (!evt.shiftKey) {
- if (this.props.onClick) {
- this.props.onClick();
- } else {
- DriveService.viewDocument(this.state.element, previewonly);
- }
-
- var oldStatus =
- SelectionsManager.selected_per_type[this.props.selectionType][this.state.element?.id];
- SelectionsManager.unselectAll();
- if (oldStatus) {
- SelectionsManager.unselect(this.state.element?.id);
- } else {
- SelectionsManager.select(this.state.element?.id);
- }
- } else {
- SelectionsManager.toggle(this.state.element?.id);
- }
- }
- }
- UNSAFE_componentWillUpdate(nextProps, nextState) {
- nextState.element =
- Collections.get('drive').find(this.props.data?.id) ||
- DriveService.find(Workspaces.currentWorkspaceId, this.props.data?.id, el => {
- this.setState({ element: el });
- });
- this.state.element = nextState.element;
-
- if (
- this.state.element &&
- SelectionsManager.selected_per_type[nextProps.selectionType] &&
- SelectionsManager.selected_per_type[nextProps.selectionType][this.state.element?.id] !=
- this.old_selection_state
- ) {
- nextState.selected =
- SelectionsManager.selected_per_type[nextProps.selectionType][nextProps.data?.id];
- this.old_selection_state = nextState.selected;
- }
-
- if (this.state.element && !this.props.driveCollectionKey) {
- this.channel = 'standalone_drive_collection_' + this.state.element.parent_id;
- var parent_id = this.state.element.parent_id;
- if (this.state.element.parent_id == 'detached') {
- parent_id += '_' + this.state.element.workspace_id;
- }
- var old_collection_key = this.driveCollectionKey;
- this.driveCollectionKey = DriveService.addSourceIfNotExist(
- Workspaces.currentWorkspaceId,
- this.channel,
- parent_id,
- 'standalone',
- );
- if (old_collection_key && old_collection_key != this.driveCollectionKey) {
- Collections.get('drive').removeSource(old_collection_key);
- }
- }
-
- this.updateMenu();
-
- return true;
- }
-
- moveTo(new_parent) {
- DriveService.moveFile(
- [this.state.element?.id],
- new_parent,
- this.props.driveCollectionKey || this.driveCollectionKey,
- );
- }
-
- rename(new_name) {
- if (!this.state.element.is_directory) {
- new_name = new_name + '.' + this.state.element.extension;
- }
- this.state.element.name = new_name || this.state.element.name;
- new_name = undefined;
- MenuManager.closeMenu();
- DriveService.save(this.state.element, this.props.driveCollectionKey || this.driveCollectionKey);
- }
-
- updateMenu() {
- if (!this.state.element) {
- this.common_menu = [];
- return;
- }
-
- this.common_menu = [];
-
- //-- All files
- if (!this.state.element.is_directory) {
- this.common_menu = [
- {
- type: 'menu',
- text: Languages.t('components.drive.elements.see', [], 'Voir'),
- onClick: () => {
- DriveService.viewDocument(this.state.element);
- },
- },
- ];
-
- var candidates = DriveService.getEditorsCandidates(this.state.element);
- var editor_candidate = candidates.preview_candidate || [];
-
- if (editor_candidate.length > 0 && editor_candidate[0].app) {
- this.common_menu.push({
- type: 'menu',
- text: Languages.t(
- 'scenes.apps.drive.viewer.edit_with_button',
- [editor_candidate[0].app?.identity?.name],
- 'Editer avec $1',
- ),
- onClick: () => {
- if (FeatureTogglesService.isActiveFeatureName(FeatureNames.EDIT_FILES)) {
- var app = editor_candidate[0];
- if (app.url && app.is_url_file) {
- window.open(app.url);
- }
- app = app.app;
- DriveService.getFileUrlForEdition(
- app.display?.tdrive?.files?.editor?.edition_url,
- app,
- this.state.element?.id,
- url => {
- window.open(url);
- },
- );
- } else {
- ModalManager.open(
-
-
-
-
- )}
- {!(element.acces_info || {}).token && (
- -
-
-
- )}
-
- {
- this.state.element.tags = values;
- MenuManager.closeMenu();
- DriveService.save(
- this.state.element,
- this.props.driveCollectionKey || this.driveCollectionKey,
- );
- }}
- />
-
- ),
- },
- ],
- },
- );
- }
-
- if (this.props.attachmentMenu) {
- this.common_menu.push(this.props.attachment_menu);
- }
-
- this.common_menu.push({ type: 'separator' });
-
- this.common_menu.push({
- type: 'menu',
- text: Languages.t(
- 'scenes.apps.drive.right_preview.operations_delete',
- [],
- 'Mettre à la corbeille',
- ),
- className: 'error',
- onClick: () => {
- DriveService.remove(
- [this.props.data],
- this.props.driveCollectionKey || this.driveCollectionKey,
- );
- },
- });
- } else {
- this.common_menu.push({
- type: 'menu',
- text: Languages.t(
- 'scenes.apps.drive.right_preview.operations_restore',
- [],
- 'Restaurer',
- ),
- onClick: () => {
- DriveService.restore(
- [this.props.data],
- this.props.driveCollectionKey || this.driveCollectionKey,
- );
- },
- });
- this.common_menu.push({
- type: 'menu',
- text: Languages.t(
- 'scenes.apps.drive.remove_definitely_menu',
- [],
- 'Supprimer définitivement',
- ),
- className: 'error',
- onClick: () => {
- AlertManager.confirm(() => {
- DriveService.removeDefinitively(
- [this.props.data],
- this.props.driveCollectionKey || this.driveCollectionKey,
- );
- });
- },
- });
- }
- }
-
- if (this.props.additionalMenu && this.props.additionalMenu.length > 0) {
- this.common_menu.push({ type: 'separator' });
- this.common_menu = this.common_menu.concat(this.props.additionalMenu);
- }
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/drive-multi-selector.jsx b/tdrive/frontend/src/app/components/drive/drive-multi-selector.jsx
deleted file mode 100755
index 679c1310..00000000
--- a/tdrive/frontend/src/app/components/drive/drive-multi-selector.jsx
+++ /dev/null
@@ -1,278 +0,0 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable react/no-direct-mutation-state */
-import React, { Component } from 'react';
-
-import './drive-multi-selector.scss';
-import SelectionsManager from 'app/deprecated/SelectionsManager/SelectionsManager.js';
-import './drive.scss';
-
-export default class DriveMultiSelector extends Component {
- constructor() {
- super();
- this.state = {
- start_drag: false,
- dragging: true,
- };
- this.move = this.move.bind(this);
- this.end = this.end.bind(this);
- this.start = this.start.bind(this);
- this.pause = this.pause.bind(this);
- this.unpause = this.unpause.bind(this);
-
- this.currentSelection = {};
- this.currentSelectionCount = 0;
-
- this.noMovementRefreshAnyway = setTimeout('');
- }
- componentDidMount() {
- this.scroller_container = this.props.scroller;
- }
- componentWillUnmount() {
- clearInterval(this.noMovementRefreshAnyway);
-
- this.container.removeEventListener('mouseleave', this.pause);
- this.container.removeEventListener('mouseenter', this.unpause);
- document.removeEventListener('mousemove', this.move);
- document.removeEventListener('mouseup', this.end);
- document.body.classList.remove('no_select');
- }
- pause() {
- clearInterval(this.noMovementRefreshAnyway);
-
- this.setState({ dragging: false });
- }
- unpause() {
- this.setState({ dragging: true });
- }
- end(evt) {
- clearInterval(this.noMovementRefreshAnyway);
-
- this.setState({ start_drag: false });
-
- document.removeEventListener('mousemove', this.move);
- document.removeEventListener('mouseup', this.end);
- this.container.removeEventListener('mouseleave', this.pause);
- this.container.removeEventListener('mouseenter', this.unpause);
-
- document.body.classList.remove('no_select');
-
- if (!this.did_drag) {
- if (!evt.shiftKey && !this.did_start_drag == 0) {
- SelectionsManager.unselectAll();
- }
- this.did_start_drag = false;
- return;
- }
- this.did_drag = false;
-
- Object.keys(this.currentSelection).forEach(id => {
- if (this.currentSelection[id]) {
- SelectionsManager.select(id);
- } else {
- SelectionsManager.unselect(id);
- }
- });
- this.did_start_drag = false;
-
- this.noMovementRefreshAnyway = setTimeout(() => {
- this.state.left = 0;
- this.state.right = 0;
- this.state.width = 0;
- this.state.height = 0;
- this.setState({});
- }, 500);
- }
- start(evt) {
- this.did_drag = false;
- this.did_start_drag = true;
-
- this.element_position_cache = {};
-
- SelectionsManager.setType(this.props.selectionType);
-
- clearInterval(this.noMovementRefreshAnyway);
- this.currentSelection = {};
-
- this.state.start_drag = true;
- this.state.dragging = true;
- var rect = window.getBoundingClientRect(this.container);
- rect.x = rect.x || rect.left;
- rect.y = rect.y || rect.top;
-
- this.drag_add = evt.nativeEvent.shiftKey;
- this.drag_start = [
- evt.clientX - rect.left,
- evt.clientY - rect.top,
- this.container.scrollLeft,
- this.container.scrollTop,
- ];
-
- document.addEventListener('mousemove', this.move);
- document.addEventListener('mouseup', this.end);
- this.container.addEventListener('mouseleave', this.pause);
- this.container.addEventListener('mouseenter', this.unpause);
-
- document.body.classList.add('no_select');
-
- rect = {};
- rect.width = 0;
- rect.height = 0;
- rect.left = evt.clientX;
- rect.top = evt.clientY;
- this.autoSelect(rect);
- }
- move(evt) {
- clearInterval(this.noMovementRefreshAnyway);
- var rect = window.getBoundingClientRect(this.container);
- rect.x = rect.x || rect.left;
- rect.y = rect.y || rect.top;
- var pos = [];
-
- if (this.state.start_drag && this.state.dragging) {
- this.did_drag = true;
-
- pos = [evt.clientX - rect.left, evt.clientY - rect.top];
-
- pos[0] = Math.min(pos[0], rect.width - 5);
- pos[0] = Math.max(pos[0], 5);
-
- pos[1] = Math.min(pos[1], rect.height - 5);
- pos[1] = Math.max(pos[1], 5);
-
- var w = this.drag_start[0] + this.drag_start[2] - (pos[0] + this.container.scrollLeft);
- var h = this.drag_start[1] + this.drag_start[3] - (pos[1] + this.container.scrollTop);
- var winv = w > 0;
- var hinv = h > 0;
- var selectorRect = {
- width: Math.abs(w),
- height: Math.abs(h),
- left: this.drag_start[0] + this.drag_start[2] - Math.abs(winv ? w : 0),
- top: this.drag_start[1] + this.drag_start[3] - Math.abs(hinv ? h : 0),
- };
- this.setState(selectorRect);
-
- rect = window.getBoundingClientRect(this.selector);
- rect.x = rect.x || rect.left;
- rect.y = rect.y || rect.top;
- this.autoSelect(rect);
- }
-
- pos = [evt.clientX, evt.clientY];
-
- if (
- rect.height + rect.top < pos[1] ||
- rect.top > pos[1] ||
- rect.width + rect.left < pos[0] ||
- rect.left > pos[0]
- ) {
- var newScrollTop =
- this.container.scrollTop +
- (pos[1] - ((pos[1] > rect.height + rect.top ? rect.height : 0) + rect.top)) / 10;
- var newScrollLeft =
- this.container.scrollLeft +
- (pos[0] - ((pos[0] > rect.width + rect.top ? rect.width : 0) + rect.left)) / 10;
-
- if (this.container.scrollTop != newScrollTop || this.container.scrollLeft != newScrollLeft) {
- this.container.scrollTop = newScrollTop;
- this.container.scrollLeft = newScrollLeft;
- this.state.dragging = true;
-
- this.noMovementRefreshAnyway = setTimeout(() => {
- this.move({
- clientX: evt.clientX,
- clientY: evt.clientY,
- });
- }, 50);
- } else {
- this.state.dragging = false;
- }
- }
- }
- autoSelect(rect) {
- this.currentSelectionCount = 0;
- var scroll_top = this.container.scrollTop;
- if (this.old_scroll_top != scroll_top) {
- this.element_position_cache = {};
- }
- this.old_scroll_top = scroll_top;
-
- Array.from(this.container.getElementsByClassName('js-drive-multi-selector-selectable')).forEach(
- element => {
- var element_id = element.getAttribute('drive_selector_unid');
-
- var selected = SelectionsManager.selected_per_type[this.props.selectionType][element_id];
-
- var over = false;
- var elementRect = {};
-
- if (this.element_position_cache[element_id]) {
- elementRect = JSON.parse(JSON.stringify(this.element_position_cache[element_id]));
- } else {
- var er = window.getBoundingClientRect(element);
- er.x = er.x || er.left;
- er.y = er.y || er.top;
- elementRect = JSON.parse(JSON.stringify(er));
- this.element_position_cache[element_id] = elementRect;
- }
-
- if (
- !(
- rect.left > elementRect.left + elementRect.width ||
- elementRect.left > rect.left + rect.width ||
- rect.top > elementRect.top + elementRect.height ||
- elementRect.top > rect.top + rect.height
- )
- ) {
- over = true;
- }
-
- if (
- (over && this.drag_add && selected) ||
- (!over && this.drag_add && !selected) ||
- (!over && !this.drag_add)
- ) {
- element.dispatchEvent(new Event('drive_selector_out'));
- this.currentSelection[element_id] = false;
- }
- if (
- (over && this.drag_add && !selected) ||
- (over && !this.drag_add) ||
- (!over && this.drag_add && selected)
- ) {
- element.dispatchEvent(new Event('drive_selector_over'));
- this.currentSelection[element_id] = true;
- this.currentSelectionCount++;
- }
- },
- );
- }
- render() {
- return (
- {
- this.start(evt);
- }}
- onMouseUp={evt => {
- this.end(evt);
- }}
- ref={node => (this.container = node)}
- style={this.props.style || {}}
- className={'drive_multiselector'}
- >
- (this.node = node)}
- onClick={(evt: any) => this.clickElement(evt, this.props.previewonly)}
- onDoubleClick={this.props.onDoubleClick}
- parentClassOnDrag="drive_view list"
- onDragStart={(evt: any) => {
- this.dragElement(evt);
- }}
- minMove={10}
- data={{ type: 'file', selection_type: this.props.selectionType, data: this.props.data }}
- deactivated={WorkspaceUserRights.isNotConnected() || this.props.notInDrive}
- >
- {
- e.preventDefault();
- e.stopPropagation();
- this.props.removeOnClick();
- }}
- />
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/icons/archive.jsx b/tdrive/frontend/src/app/components/drive/icons/archive.jsx
deleted file mode 100755
index 44e4e817..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/archive.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/archive.svg b/tdrive/frontend/src/app/components/drive/icons/archive.svg
deleted file mode 100755
index af396f1f..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/archive.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/code.jsx b/tdrive/frontend/src/app/components/drive/icons/code.jsx
deleted file mode 100755
index c83b6ec4..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/code.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/code.svg b/tdrive/frontend/src/app/components/drive/icons/code.svg
deleted file mode 100755
index 4359143b..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/code.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/document.jsx b/tdrive/frontend/src/app/components/drive/icons/document.jsx
deleted file mode 100755
index 2db77ebc..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/document.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/document.svg b/tdrive/frontend/src/app/components/drive/icons/document.svg
deleted file mode 100755
index 7160424e..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/document.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/file.jsx b/tdrive/frontend/src/app/components/drive/icons/file.jsx
deleted file mode 100755
index 46da903b..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/file.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/file.svg b/tdrive/frontend/src/app/components/drive/icons/file.svg
deleted file mode 100755
index 8b32e854..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/file.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/image.jsx b/tdrive/frontend/src/app/components/drive/icons/image.jsx
deleted file mode 100755
index ee544c5c..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/image.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/image.svg b/tdrive/frontend/src/app/components/drive/icons/image.svg
deleted file mode 100755
index 477b7a5d..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/image.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/link.jsx b/tdrive/frontend/src/app/components/drive/icons/link.jsx
deleted file mode 100755
index cf5fad3d..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/link.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/link.svg b/tdrive/frontend/src/app/components/drive/icons/link.svg
deleted file mode 100755
index 2a14d480..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/link.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/pdf.jsx b/tdrive/frontend/src/app/components/drive/icons/pdf.jsx
deleted file mode 100755
index b508a39a..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/pdf.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/pdf.svg b/tdrive/frontend/src/app/components/drive/icons/pdf.svg
deleted file mode 100755
index 366c9b15..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/pdf.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/slides.jsx b/tdrive/frontend/src/app/components/drive/icons/slides.jsx
deleted file mode 100755
index 16cca67d..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/slides.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/slides.svg b/tdrive/frontend/src/app/components/drive/icons/slides.svg
deleted file mode 100755
index 98dea993..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/slides.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/sound.jsx b/tdrive/frontend/src/app/components/drive/icons/sound.jsx
deleted file mode 100755
index 398d4307..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/sound.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/sound.svg b/tdrive/frontend/src/app/components/drive/icons/sound.svg
deleted file mode 100755
index 58ca3b76..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/sound.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/spreadsheet.jsx b/tdrive/frontend/src/app/components/drive/icons/spreadsheet.jsx
deleted file mode 100755
index b4f6523f..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/spreadsheet.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/spreadsheet.svg b/tdrive/frontend/src/app/components/drive/icons/spreadsheet.svg
deleted file mode 100755
index a0ddedfd..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/spreadsheet.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/svg.jsx b/tdrive/frontend/src/app/components/drive/icons/svg.jsx
deleted file mode 100755
index 33a46b88..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/svg.jsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/svg.svg b/tdrive/frontend/src/app/components/drive/icons/svg.svg
deleted file mode 100755
index 1347b9b1..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/svg.svg
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/icons/video.jsx b/tdrive/frontend/src/app/components/drive/icons/video.jsx
deleted file mode 100755
index 4356053b..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/video.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const SvgComponent = props => (
-
-);
-
-export default SvgComponent;
diff --git a/tdrive/frontend/src/app/components/drive/icons/video.svg b/tdrive/frontend/src/app/components/drive/icons/video.svg
deleted file mode 100755
index 3b554029..00000000
--- a/tdrive/frontend/src/app/components/drive/icons/video.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
diff --git a/tdrive/frontend/src/app/components/drive/ui/directory.jsx b/tdrive/frontend/src/app/components/drive/ui/directory.jsx
deleted file mode 100755
index 1af75a04..00000000
--- a/tdrive/frontend/src/app/components/drive/ui/directory.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable react/jsx-key */
-import React from 'react';
-
-import Icon from 'app/components/icon/icon.jsx';
-import FolderIcon from '@material-ui/icons/FolderOutlined';
-import Menu from 'components/menus/menu.jsx';
-import Numbers from 'app/features/global/utils/Numbers';
-import '../drive.scss';
-import 'moment-timezone';
-import { getCompanyApplication as getApplication } from 'app/features/applications/state/company-applications';
-
-export default class Directory extends React.Component {
- constructor() {
- super();
- }
- render() {
- var app = {};
- if (this.props.data.application_id && this.props.data.external_storage) {
- app = getApplication(this.props.data.application_id);
- }
-
- return [
- MediumPopupManager.closeAll()}
- footer={
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/edit-channel/channel-access.tsx b/tdrive/frontend/src/app/components/edit-channel/channel-access.tsx
deleted file mode 100644
index 7de5e929..00000000
--- a/tdrive/frontend/src/app/components/edit-channel/channel-access.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Button } from 'app/atoms/button/button';
-import { BaseSmall } from 'app/atoms/text';
-import Switch from 'app/components/inputs/switch';
-import { ChannelType } from 'app/features/channels/types/channel';
-import Languages from 'app/features/global/services/languages-service';
-import Block from 'app/molecules/grouped-rows/base';
-import { useState } from 'react';
-
-export const ChannelAccessForm = (props: {
- channel?: ChannelType;
- onChange: (change: {
- visibility: 'private' | 'public';
- is_default: boolean;
- is_readonly: boolean;
- }) => void;
-}) => {
- const [visibility, setVisibility] = useState<'private' | 'public'>(
- props.channel?.visibility || ('private' as any),
- );
- const [isDefault, setIsDefault] = useState(props.channel?.is_default || false);
- const [isReadOnly, setIsReadOnly] = useState(props.channel?.is_readonly || false);
- const [loading, setLoading] = useState(false);
-
- return (
- (clean(props.group) || '');
- const [newGroup, setNewGroup] = useState('');
- const { publicChannels, privateChannels } = usePublicOrPrivateChannels();
- const groups = _.uniq(
- [...publicChannels, ...privateChannels]
- .filter(p => p.channel_group)
- .map(p => clean(p.channel_group) || ''),
- ).sort();
-
- useEffect(() => {
- if (!groups.includes(group) && !newGroup) setNewGroup(group);
- }, [groups]);
-
- return (
- (false);
-
- const [group, setGroup] = useState(props.channel?.channel_group || '');
- const [name, setName] = useState(props.channel?.name || '');
- const [description, setDescription] = useState(props.channel?.description || '');
- const [icon, setIcon] = useState(props.channel?.icon || '');
-
- return (
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/edit-channel/channel-notifications.tsx b/tdrive/frontend/src/app/components/edit-channel/channel-notifications.tsx
deleted file mode 100644
index 87247108..00000000
--- a/tdrive/frontend/src/app/components/edit-channel/channel-notifications.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Checkbox } from 'app/atoms/input/input-checkbox';
-import { useChannelMemberCurrentUser } from 'app/features/channel-members-search/hooks/member-hook';
-import { ChannelType } from 'app/features/channels/types/channel';
-import Languages from 'app/features/global/services/languages-service';
-import { ToasterService } from 'app/features/global/services/toaster-service';
-import Block from 'app/molecules/grouped-rows/base';
-import { useState } from 'react';
-
-export const ChannelNotificationsForm = (props: { channel?: ChannelType; onBack: () => void }) => {
- const { member, setNotificationPreference } = useChannelMemberCurrentUser(
- props.channel?.id || '',
- );
- const [value, _setValue] = useState(member?.notification_level || 'all');
-
- const setValue = (value: any) => {
- _setValue(value);
- setNotificationPreference(value).finally(() => ToasterService.success('Updated'));
- props.onBack();
- };
-
- return (
- (this.selector = node)}
- className={
- 'selectionRect ' + (this.state.start_drag && this.state.dragging ? 'visible ' : '')
- }
- style={{
- width: this.state.width,
- height: this.state.height,
- left: this.state.left,
- top: this.state.top,
- }}
- />
- {this.props.children}
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/drive-multi-selector.scss b/tdrive/frontend/src/app/components/drive/drive-multi-selector.scss
deleted file mode 100755
index 4599207b..00000000
--- a/tdrive/frontend/src/app/components/drive/drive-multi-selector.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-body.no_select {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.drive_multiselector {
- position: relative;
- overflow-x: visible;
- overflow-y: scroll;
-}
-
-.selectionRect {
- background: var(--primary);
- z-index: 10;
- border-radius: var(--border-radius-base);
- position: absolute;
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s;
-
- &.visible {
- opacity: 0.2;
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/drive.scss b/tdrive/frontend/src/app/components/drive/drive.scss
deleted file mode 100755
index 433aef9a..00000000
--- a/tdrive/frontend/src/app/components/drive/drive.scss
+++ /dev/null
@@ -1,522 +0,0 @@
-/* Drive */
-
-.directory,
-.file {
- .file_loader {
- width: 32px;
- height: 32px;
- display: inline-block;
- margin: auto;
- }
- .options {
- padding-left: 5px;
- display: none;
- }
-
- &:hover {
- .options {
- display: block;
- }
- }
-}
-
-.directory_drop_zone {
- display: inline-block;
-}
-.directory {
- background: #fff;
- border: 1px solid var(--grey-background);
- height: 50px;
- box-sizing: border-box;
- display: inline-flex;
- flex-direction: row;
- line-height: 32px;
- margin-right: 16px;
- margin-bottom: 16px;
- border-radius: var(--border-radius-base);
- font-size: 13px;
- vertical-align: middle;
- width: 200px;
- padding: 8px;
- font-weight: 500;
- padding-right: 12px;
- cursor: pointer;
-
- .text {
- font-size: 12px;
- font-weight: bold;
- }
-
- &:hover:not(.notInDrive) {
- box-shadow: 4px 4px 16px 0 #00000022;
- border-color: #fff;
- }
-
- .options {
- .m-icon-small {
- font-size: 20px !important;
- }
- }
-
- .app_icon {
- width: 20px;
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
- height: 20px;
- margin-top: 2px;
- }
-
- .icon {
- font-size: 14px;
- padding-right: 8px;
- margin-left: 6px;
- padding-top: 4px;
-
- .m-icon-small {
- color: var(--warning);
- font-size: 20px !important;
- }
-
- i.icon-fontastic {
- position: relative;
- top: 8px;
- }
-
- .icon {
- height: 30px;
- background-size: 16px auto;
- background-position: center left;
- background-repeat: no-repeat;
- }
- }
-}
-
-.file {
- overflow: hidden;
- border: 1px solid var(--grey-background);
- background: #fff;
- height: 180px;
- width: 216px;
- box-sizing: border-box;
- display: inline-flex;
- flex-direction: column;
- line-height: 30px;
- margin-right: 16px;
- margin-bottom: 16px;
- border-radius: var(--border-radius-base);
- font-size: 13px;
- vertical-align: middle;
- position: relative;
- cursor: pointer;
-
- &:hover:not(.notInDrive) {
- box-shadow: 4px 4px 16px 0 #00000022;
- border-color: #fff;
- }
-
- .options {
- .m-icon-small {
- font-size: 20px !important;
- }
- }
-
- &.mini {
- height: 32px;
-
- .data {
- border-top: none;
- .no-grid {
- display: none;
- }
- }
-
- .preview {
- height: 32px;
- background: #fff !important;
-
- &:after {
- content: none;
- }
- }
- }
-
- .preview {
- width: 216px;
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
- background-color: #f5f5f7;
- flex: 1;
-
- .tags_list {
- position: absolute;
- top: 4px;
- padding-left: 8px;
- line-height: 30px;
- }
-
- &.no_preview {
- background-color: #f5f5f7;
- background-repeat: no-repeat;
- background-size: 64px;
- }
-
- /*&:after {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0.5) 100%);
- }*/
- }
-
- .data {
- display: flex;
- flex-direction: row;
- padding-left: 8px;
- padding-right: 8px;
- bottom: 0px;
- color: var(--black);
- height: 32px;
- font-weight: 500;
- width: 100%;
- box-sizing: border-box;
- border-top: 1px solid var(--grey-background);
-
- .icon {
- height: 20px;
- width: 20px;
- box-sizing: border-box;
- border-radius: var(--border-radius-base);
- margin-right: 6px;
- margin-left: -3px;
- margin-top: 5px;
- color: #fff;
- text-align: center;
- background-size: 70%;
- background-repeat: no-repeat;
- background-position: center;
-
- i.icon-fontastic {
- position: relative;
- top: 4px;
- }
- }
- }
-}
-
-.draggable_clone {
- .file,
- .directory {
- opacity: 1;
- box-shadow: 4px 4px 16px 0 #00000022;
- border-color: #fff;
- }
-}
-
-.dragging.drag_file .drive_multiselector {
- .file.is_selected,
- .directory.is_selected {
- opacity: 0;
- transition: opacity 0.2s;
- }
-}
-
-.file,
-.directory {
- transition: opacity 0s;
-
- &.notInDrive {
- margin-bottom: 0px;
- }
-
- &.dragging_opacity {
- opacity: 0;
- }
-
- &.is_selected {
- background: var(--primary);
- color: #fff;
- box-shadow: none;
-
- .file_type_icon svg,
- .file_type_icon svg * {
- fill: #fff;
- }
-
- &:hover:not(.notInDrive),
- .data {
- background-color: var(--primary);
- color: #fff;
- }
- }
-
- .text {
- flex: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
-
- .created-by,
- .last-modified {
- width: 200px;
- }
-
- .size {
- text-align: right;
- width: 70px;
- }
-
- .last-modified {
- text-align: right;
- width: 120px;
- }
-
- .detail_preview_parent {
- width: 32px;
- margin-left: 12px;
-
- .detail_preview {
- width: 32px;
- height: 32px;
- border-radius: var(--border-radius-base);
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- background-color: var(--primary-background);
-
- &.no_preview {
- background-size: 60%;
- }
- }
- }
-}
-
-.drive_view.list {
- .directory_drop_zone {
- display: inherit;
- }
-}
-
-.drive_view.list .directory,
-.drive_view.list .file {
- margin-right: 0px;
- margin-bottom: 0px;
- border: 0;
- border-bottom: 1px solid var(--grey-background);
- border-top: 1px solid var(--grey-background);
- border-radius: 2px;
- width: 100%;
- height: 64px;
- padding-top: 16px;
- color: var(--black);
- margin-top: -1px;
- padding-right: 12px;
-
- &.exit-active,
- &.enter-active {
- margin-top: -1px !important;
- }
-
- .data {
- border-top: 0px;
- bottom: -1px;
- }
-
- .text {
- font-size: 14px;
- }
-
- .options {
- display: block;
- }
-
- &:hover:not(.notInDrive):not(.is_selected) {
- box-shadow: none;
- background: var(--primary-background);
- }
-
- &.is_selected {
- background: var(--primary);
- color: #fff;
- box-shadow: none;
- }
-}
-
-.drive_view.list .file .preview {
- display: none;
-}
-
-.drive_view.list {
- .rounded-btn {
- margin-top: 10px;
- }
-}
-
-.drive_view.grid {
- .is_selected.file {
- background: var(--primary);
- color: #fff;
- box-shadow: none;
- }
-}
-
-.drive_view.grid .no-grid {
- display: none;
-}
-.drive_view.list .no-list {
- display: none;
-}
-
-.file_type_icon {
- line-height: 38px;
- width: 24px;
-
- svg,
- svg * {
- fill: var(--primary);
- }
-
- &.link {
- background-image: url('./icons/link.svg');
- }
-
- &.code {
- background-image: url('./icons/code.svg');
- }
-
- &.document {
- background-image: url('./icons/document.svg');
- }
-
- &.image {
- background-image: url('./icons/image.svg');
- }
-
- &.pdf {
- background-image: url('./icons/pdf.svg');
- }
-
- &.slides {
- background-image: url('./icons/slides.svg');
- }
-
- &.sound, &.audio {
- background-image: url('./icons/sound.svg');
- }
-
- &.spreadsheet {
- background-image: url('./icons/spreadsheet.svg');
- }
-
- &.svg {
- background-image: url('./icons/svg.svg');
- }
-
- &.video {
- background-image: url('./icons/video.svg');
- }
-
- &.archive {
- background-image: url('./icons/archive.svg');
- }
-
- &.other {
- background-image: url('./icons/file.svg');
- }
-}
-
-.drive_view.list .file_type_icon {
- line-height: 38px;
- width: 34px;
- text-align: center;
-}
-
-/* version details */
-.versionDetails {
- min-height: 250px;
-
- .text.no-more {
- text-align: center;
- width: 100%;
- opacity: 0.5;
- margin-top: 32px;
- margin-bottom: 32px;
- }
-
- .version {
- display: flex;
- padding: 24px 0px;
- border-bottom: solid 1px var(--grey-background);
- .titleVersionDetails {
- font-size: 24px;
- color: var(--black);
- font-weight: bold;
- margin-bottom: 24px;
- }
- .info {
- flex: 0.5;
- margin-bottom: 8px;
- .versionTitle {
- font-size: 14px;
- font-weight: bold;
- color: var(--black);
- }
- .versionDate {
- font-size: 14px;
- color: var(--black);
- }
- }
- .name {
- flex: 0.5;
- font-size: 14px;
- line-height: 24px;
- color: var(--black);
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .more {
- }
- }
-}
-.footerVersionDetails {
- display: flex;
- .addVersion {
- flex: 1;
- .addVersionButton {
- width: 100%;
- height: 24px;
- line-height: 24px;
- }
- .addVersionButton:hover {
- cursor: pointer;
- opacity: 0.8;
- }
- .icon {
- display: inline-block;
- width: 24px;
- height: 24px;
- .iconWithBackground {
- width: 24px;
- height: 24px;
- display: inline-block;
- background-color: var(--grey-background);
- border-radius: var(--border-radius-base);
- }
- }
- .footerTitle {
- margin-left: 8px;
- display: inline-block;
- font-size: 14px;
- font-weight: bold;
- color: var(--black);
- .addVersionButton:hover {
- cursor: pointer;
- opacity: 0.8;
- }
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/file-picker/file-picker.jsx b/tdrive/frontend/src/app/components/drive/file-picker/file-picker.jsx
deleted file mode 100755
index a7c40b39..00000000
--- a/tdrive/frontend/src/app/components/drive/file-picker/file-picker.jsx
+++ /dev/null
@@ -1,213 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-
-import DriveService from 'app/deprecated/Apps/Drive/Drive.js';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import Languages from 'app/features/global/services/languages-service';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import UIFile from '../ui/file.jsx';
-import UIDirectory from '../ui/directory.jsx';
-import LeftIcon from '@material-ui/icons/KeyboardArrowLeftOutlined';
-import NewFolderIcon from '@material-ui/icons/CreateNewFolderOutlined';
-import Menu from 'components/menus/menu.jsx';
-import Button from 'components/buttons/button.jsx';
-import Input from 'components/inputs/input.jsx';
-import './file-picker.scss';
-
-export default class FilePicker extends Component {
- constructor() {
- super();
- this.drive_channel = 'file_picker_' + Workspaces.currentWorkspaceId;
- this.drive_collection_key = this.drive_channel;
-
- this.state = {
- i18n: Languages,
- drive_repository: Collections.get('drive'),
- app_drive_service: DriveService,
- current_selection: {},
- creating_folder: false,
- };
-
- Languages.addListener(this);
- Collections.get('drive').addListener(this);
- DriveService.addListener(this);
- }
- componentWillUnmount() {
- Languages.removeListener(this);
- Collections.get('drive').removeListener(this);
- DriveService.removeListener(this);
-
- if (this.drive_channel) {
- Collections.get('drive').removeSource(
- this.state.app_drive_service.current_collection_key_channels[this.drive_channel],
- );
- }
- }
- componentDidMount() {
- this.changeCurrentDirectory({ id: (this.props.initialDirectory || {}).id || '' });
- }
- clickOnFile(file) {
- if (this.props.mode == 'select_file') {
- this.setState({ current_selection: file });
- }
- }
- changeCurrentDirectory(directory) {
- if (this.props.mode == 'select_file') {
- this.setState({ current_selection: {} });
- }
- if (this.props.mode == 'select_location') {
- this.setState({ current_selection: directory });
- }
- DriveService.changeCurrentDirectory(this.drive_channel, directory);
- }
- submit() {
- var result = null;
- if (this.props.mode == 'select_file') {
- result = this.state.current_selection;
- }
- if (this.props.mode == 'select_location') {
- result = this.state.app_drive_service.current_directory_channels[this.drive_channel] || {};
- }
- Menu.closeAll();
- if (this.props.onChoose) this.props.onChoose(result);
- }
- render() {
- var workspace_id = Workspaces.currentWorkspaceId;
- var directory =
- this.state.app_drive_service.current_directory_channels[this.drive_channel] || {};
- var directory_id = directory.id;
-
- var filter_dir = {
- workspace_id: workspace_id,
- parent_id: directory_id,
- is_directory: true,
- trash: false,
- };
- var directories = this.state.drive_repository
- .findBy(filter_dir)
- .sort((a, b) => (a.name || '').localeCompare(b.name || ''));
-
- var filter_files = {
- workspace_id: workspace_id,
- parent_id: directory_id,
- is_directory: false,
- trash: false,
- };
- var files = this.state.drive_repository
- .findBy(filter_files)
- .sort((a, b) => (a.name || '').localeCompare(b.name || ''));
-
- var allow_go_parent = true;
- var drive_channel = null;
- if (!drive_channel && (this.props.initialDirectory || {}).id == directory_id) {
- allow_go_parent = false;
- }
-
- return (
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/file-picker/file-picker.scss b/tdrive/frontend/src/app/components/drive/file-picker/file-picker.scss
deleted file mode 100755
index f3f2c1f2..00000000
--- a/tdrive/frontend/src/app/components/drive/file-picker/file-picker.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-.filepicker {
- margin: -5px 0;
-
- .no-filepicker {
- display: none;
- }
-
- .file_type_icon {
- width: 20px;
- margin-right: 4px;
- }
-
- .title {
- background: #ffffff;
- margin-bottom: 0px;
- font-size: 16px;
- color: #000;
- line-height: 20px;
- padding-bottom: 8px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
-
- .getback {
- background: var(--grey-background);
- border-radius: var(--border-radius-base);
- width: 20px;
- height: 20px;
- vertical-align: top;
- margin-right: 5px;
- margin-left: 0px;
- cursor: pointer;
- &:hover {
- background: #f0f0f0;
- }
- }
-
- .menu-buttons {
- text-align: right;
- padding: 8px 0px;
- }
-
- .drive_view.list {
- height: 150px;
- overflow: auto;
- width: 100%;
-
- .file .icon {
- width: 20px;
- background-size: 60%;
- }
-
- .directory .icon {
- width: 24px;
- }
-
- .directory .app_icon {
- height: 16px;
- }
-
- .file,
- .directory {
- height: 40px;
- padding-top: 4px;
-
- .text {
- line-height: 30px;
- margin-left: 6px;
- }
-
- .icon {
- padding-top: 3px;
- padding-right: 0px;
- padding-left: 5px;
- }
-
- &.disabled {
- opacity: 0.5;
- pointer-events: none;
- }
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/file.tsx b/tdrive/frontend/src/app/components/drive/file.tsx
deleted file mode 100755
index 8c036f01..00000000
--- a/tdrive/frontend/src/app/components/drive/file.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import Draggable from 'components/draggable/draggable';
-import DriveElement from './drive-element.jsx';
-import './drive.scss';
-import UIFile from './ui/file.jsx';
-import Loader from 'components/loader/loader.jsx';
-import WorkspaceUserRights from 'app/features/workspaces/services/workspace-user-rights-service';
-import Languages from 'app/features/global/services/languages-service';
-
-type StateType = any;
-
-type NodeType = any;
-
-export default class File extends DriveElement {
- node: NodeType;
- state: StateType;
- constructor() {
- super();
- this.state = {
- loading: true,
- };
- }
- componentDidMount() {
- super.componentDidMount();
- if (this.state.loading) {
- setTimeout(() => {
- this.setState({ loading: false });
- }, 4000);
- }
- }
- render() {
- if (!this.state.element || !this.state.element.front_id) {
- return (
-
- {directory.parent_id && allow_go_parent && (
- {
- this.changeCurrentDirectory({ id: directory.parent_id });
- }}
- />
- )}{' '}
- {directory.parent_id
- ? directory.name
- : Languages.t('app.identity?.name.tdrive_drive', [], 'Documents')}
-
-
- {directories.map((item, index) => (
-
-
- {this.state.creating_folder && (
- DriveService.changeCurrentDirectory(this.drive_channel, item)}
- >
-
- ))}
- {files.map((item, index) => (
- this.clickOnFile(item)}
- >
-
- ))}
-
-
- (node ? node.focus() : '')}
- type="text"
- defaultValue={''}
- placeholder={Languages.t(
- 'scenes.apps.drive.navigators.navigator_content.directory_name',
- [],
- 'Nom du dossier',
- )}
- onKeyPress={e => {
- if (e.key === 'Enter') {
- DriveService.createDirectory(
- directory.workspace_id,
- e.target.value,
- directory,
- DriveService.current_collection_key_channels[this.drive_channel],
- res => {
- this.changeCurrentDirectory(res);
- },
- );
- this.setState({ creating_folder: false });
- }
- }}
- />
-
- )}
- {!this.state.creating_folder && (
-
- {!this.state.creating_folder && directory.workspace_id && (
-
- )}
- {this.props.mode == 'select_location' && (
-
- )}
-
- {this.state.loading &&
- );
- } else {
- this.state.loading = false;
- }
-
- if (this.props.hide) {
- return '';
- }
-
- const mini = (!this.state.element.has_preview && this.props.notInDrive) || this.props.mini;
- return (
-
-
,
- ];
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/ui/file-type.jsx b/tdrive/frontend/src/app/components/drive/ui/file-type.jsx
deleted file mode 100755
index 3a2a764f..00000000
--- a/tdrive/frontend/src/app/components/drive/ui/file-type.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-
-import Archive from '../icons/archive.jsx';
-import Code from '../icons/code.jsx';
-import Document from '../icons/document.jsx';
-import Files from '../icons/file.jsx';
-import Images from '../icons/image.jsx';
-import Link from '../icons/link.jsx';
-import Pdf from '../icons/pdf.jsx';
-import Slide from '../icons/slides.jsx';
-import Sound from '../icons/sound.jsx';
-import Spreadsheet from '../icons/spreadsheet.jsx';
-import Svg from '../icons/svg.jsx';
-import Video from '../icons/video.jsx';
-
-export default class FileType extends Component {
- /* props : type (string) */
- constructor() {
- super();
- }
- render() {
- var type = this.props.type;
- var TypeIcon = Files;
- switch (type) {
- case 'link':
- TypeIcon = Link;
- break;
- case 'code':
- TypeIcon = Code;
- break;
- case 'document':
- TypeIcon = Document;
- break;
- case 'image':
- TypeIcon = Images;
- break;
- case 'pdf':
- TypeIcon = Pdf;
- break;
- case 'slides':
- TypeIcon = Slide;
- break;
- case 'audio':
- TypeIcon = Sound;
- break;
- case 'spreadsheet':
- TypeIcon = Spreadsheet;
- break;
- case 'svg':
- TypeIcon = Svg;
- break;
- case 'video':
- TypeIcon = Video;
- break;
- case 'archive':
- TypeIcon = Archive;
- break;
- default:
- }
- return
- {!app.id &&
-
- {this.props.data.name}
- {!!app.id && ({app.identity?.name})}
-
-
- {(this.props.data.acces_info || {}).token && (
-
- {this.props.data.size ? Numbers.humanFileSize(this.props.data.size, true) : '-'}
-
- )}
- {this.props.menu && this.props.menu.length > 0 && (
-
- )}
-
-
,
-
-
-
-
,
- ];
- }
-}
diff --git a/tdrive/frontend/src/app/components/drive/version-details.jsx b/tdrive/frontend/src/app/components/drive/version-details.jsx
deleted file mode 100755
index 4a7bae3e..00000000
--- a/tdrive/frontend/src/app/components/drive/version-details.jsx
+++ /dev/null
@@ -1,128 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-import Languages from 'app/features/global/services/languages-service';
-import Icon from 'app/components/icon/icon.jsx';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import DriveService from 'app/deprecated/Apps/Drive/Drive.js';
-import UploadZone from 'components/uploads/upload-zone';
-import WorkspaceUserRights from 'app/features/workspaces/services/workspace-user-rights-service';
-import MediumPopupManager from 'app/components/modal/modal-manager';
-import { ObjectModal, ObjectModalTitle } from 'components/object-modal/deprecated-object-modal.jsx';
-import UIFile from './ui/file.jsx';
-import 'moment-timezone';
-
-import './drive.scss';
-
-export default class VersionDetails extends React.Component {
- constructor() {
- super();
- this.state = {
- workspaces: Workspaces,
- i18n: Languages,
- };
- Languages.addListener(this);
- DriveService.addListener(this);
- Collections.get('drive').addListener(this);
- }
- componentWillUnmount() {
- Languages.removeListener(this);
- DriveService.removeListener(this);
- Collections.get('drive').removeListener(this);
- }
- render() {
- var countVersion = (this.props.file.versions || []).length;
- return (
-
-
-
- {!!this.props.versionLabel &&
-
- {(this.props.data.acces_info || {}).token && (
- {this.props.versionLabel}
}
- {this.props.data.name}
- {!this.props.isVersion && (this.props.data.versions || {}).length > 1 && (
-
- ({(this.props.data.versions || {}).length} versions)
-
- )}
-
-
- {this.state.element.created_by || "-"}
-
- */}
- {this.props.details && [
- {date_string}
,
-
- {this.props.data.size ? Numbers.humanFileSize(this.props.data.size, true) : '-'}
-
,
- ]}
- {!this.props.isVersion && (
-
-
-
- )}
- {this.props.menu && this.props.menu.length > 0 && (
-
- )}
-
- {this.props.removeIcon === true && (
-
-
- }
- title={
-
-
- {
- if (this.upload_zone) {
- this.upload_zone.open();
- }
- }}
- >
-
-
-
-
- {Languages.t('components.drive.new_versions', [], 'Ajouter une nouvelle version')}
-
-
-
- {Languages.t('scenes.apps.drive.right_preview.versions', [], 'Versions')}
-
-
- }
- >
-
- (this.upload_zone = node)}
- parent={this.props.file.parent_id}
- driveCollectionKey={{ id: this.props.file.parent_id }}
- uploadOptions={{
- workspace_id: this.state.workspaces.currentWorkspaceId,
- new_version: true,
- file_id: this.props.file.id,
- }}
- allowPaste={true}
- >
- {(this.props.file.versions || [])
- .sort((a, b) => {
- return b.added - a.added;
- })
- .map((version, index) => {
- var data = {};
- if (index > 0) {
- data.extension = this.props.file.extension;
- data.name = version.name;
- data.creator = version.creator;
- data.size = version.size;
- } else {
- data = JSON.parse(JSON.stringify(this.props.file));
- }
- data.added = version.added;
- return (
-
-
-
- {
- var link = DriveService.getLink(this.props.file, version.id, 1);
- window.open(link);
- },
- },
- ]}
- details={true}
- />
-
- );
- })}
-
- }
- title={Languages.t('scenes.app.channelsbar.channel_access.visibility')}
- subtitle={
-
- {Languages.t('scenes.app.channelsbar.channel_access.visibility.info')}
-
- }
- suffix={
- {
- if (visibility === 'public') setIsDefault(false);
- setVisibility(visibility === 'public' ? 'private' : 'public');
- }}
- />
- }
- />
-
- }
- title={Languages.t('scenes.app.channelsbar.channel_access.default')}
- subtitle={
-
- {Languages.t('scenes.app.channelsbar.channel_access.default.info')}
-
- }
- suffix={
- {
- setIsDefault(!isDefault);
- if (visibility === 'private' && !isDefault) setVisibility('public');
- }}
- />
- }
- />
-
- }
- title={Languages.t('scenes.app.channelsbar.channel_access.readonly')}
- subtitle={
-
- {Languages.t('scenes.app.channelsbar.channel_access.readonly.info')}
-
- }
- suffix={
- {
- setIsReadOnly(!isReadOnly);
- }}
- />
- }
- />
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/edit-channel/channel-information.tsx b/tdrive/frontend/src/app/components/edit-channel/channel-information.tsx
deleted file mode 100644
index 51fa20c2..00000000
--- a/tdrive/frontend/src/app/components/edit-channel/channel-information.tsx
+++ /dev/null
@@ -1,248 +0,0 @@
-import Avatar from 'app/atoms/avatar';
-import { Button } from 'app/atoms/button/button';
-import { Checkbox } from 'app/atoms/input/input-checkbox';
-import { InputLabel } from 'app/atoms/input/input-decoration-label';
-import Select from 'app/atoms/input/input-select';
-import { Input } from 'app/atoms/input/input-text';
-import A from 'app/atoms/link';
-import { Modal, ModalContent } from 'app/atoms/modal';
-import { usePublicOrPrivateChannels } from 'app/features/channels/hooks/use-public-or-private-channels';
-import { ChannelType } from 'app/features/channels/types/channel';
-import Languages from 'app/features/global/services/languages-service';
-import { getBase64 } from 'app/features/global/utils/strings';
-import Block from 'app/molecules/grouped-rows/base';
-import _ from 'lodash';
-import { useEffect, useState } from 'react';
-import Emojione from '../emojione/emojione';
-
-const ChannelGroupSelector = (props: { group: string; onChange: (str: string) => void }) => {
- const clean = (str?: string) => str?.toLocaleLowerCase().trim().replace(/ +/, ' ');
-
- const [group, setGroup] = useState
-
-
-
-
- - {groups.map(g => ( - {
- setGroup(v ? g : '');
- }}
- value={g === group}
- />
- }
- subtitle={<>}
- />
- ))}
-
- {
- setGroup(v ? newGroup : '');
- }}
- value={!!group && clean(newGroup) === clean(group)}
- />
- }
- subtitle={<>}
- />
-
-
- );
-};
-
-export const ChannelInformationForm = (props: {
- channel?: ChannelType;
- onChange: (change: {
- name: string;
- icon: string;
- description: string;
- channel_group: string;
- }) => void;
-}) => {
- const [channelGroupModal, setChannelGroupModal] = useState- - {groups.map(g => ( -
- {
- setNewGroup(e.target.value);
- setGroup(clean(e.target.value) || '');
- }}
- value={newGroup}
- className=""
- placeholder={Languages.t('scenes.app.channelsbar.channel_information.group.new')}
- />
-
- }
- suffix={
-
-
-
-
- setChannelGroupModal(false)}>
-
- {
- setChannelGroupModal(false);
- setGroup(group);
- }}
- />
-
-
-
- setName(e.target.value)}
- />
- }
- />
-
- setDescription(e.target.value)}
- multiline
- />
- }
- />
-
- {
- e.preventDefault();
- e.stopPropagation();
- setChannelGroupModal(group || '');
- }}
- >
-
-
- }
- />
-
-
-
-
-
-
-
- {!!icon && (
- {
- setIcon('');
- }}
- >
- {Languages.t('scenes.app.channelsbar.channel_information.logo.remove')}
-
- )}
- {!icon && (
- {
- const input = document.createElement('input');
- input.style.position = 'absolute';
- input.style.left = '-10000px';
- input.type = 'file';
- input.accept = 'image/png, image/jpeg, image/gif, image/webp';
- input.multiple = false;
- input.onchange = async () => {
- if (input.files?.[0]) {
- const b64 = await getBase64(input.files?.[0]);
- setIcon(b64);
- }
- input.parentElement?.removeChild(input);
- };
- document.body.appendChild(input);
- input.click();
- }}
- >
- {Languages.t('scenes.app.channelsbar.channel_information.logo.add')}
-
- )}
-
-
-
-
-
- }
- title={Languages.t('scenes.apps.messages.left_bar.stream.notifications.all')}
- subtitle={<>}
- suffix={
- {
- setValue('all');
- }}
- />
- }
- />
-
- }
- title={Languages.t('scenes.apps.messages.left_bar.stream.notifications.mentions', [
- '@all',
- '@here',
- `@[you]`,
- ])}
- subtitle={<>}
- suffix={
- {
- setValue('mentions');
- }}
- />
- }
- />
-
- }
- title={Languages.t('scenes.apps.messages.left_bar.stream.notifications.me', [`@[you]`])}
- subtitle={<>}
- suffix={
- {
- setValue('me');
- }}
- />
- }
- />
-
- }
- title={Languages.t('scenes.apps.messages.left_bar.stream.notifications.never')}
- subtitle={<>}
- suffix={
- {
- setValue('none');
- }}
- />
- }
- />
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/edit-channel/channel-settings-menu.tsx b/tdrive/frontend/src/app/components/edit-channel/channel-settings-menu.tsx
deleted file mode 100644
index a632315b..00000000
--- a/tdrive/frontend/src/app/components/edit-channel/channel-settings-menu.tsx
+++ /dev/null
@@ -1,368 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/* eslint-disable @typescript-eslint/ban-types */
-import {
- BellIcon,
- ChevronRightIcon,
- HandIcon,
- LinkIcon,
- LogoutIcon,
- PhotographIcon,
- StarIcon,
- TrashIcon,
-} from '@heroicons/react/outline';
-import { StarIcon as StarIconSolid } from '@heroicons/react/solid';
-import Avatar from 'app/atoms/avatar';
-import { UsersIcon } from 'app/atoms/icons-agnostic';
-import A from 'app/atoms/link';
-import { Loader } from 'app/atoms/loader';
-import { Base, Info } from 'app/atoms/text';
-import { useChannelMemberCurrentUser } from 'app/features/channel-members-search/hooks/member-hook';
-import ChannelsMineAPIClient from 'app/features/channels/api/channels-mine-api-client';
-import { useFavoriteChannels } from 'app/features/channels/hooks/use-favorite-channels';
-import { ChannelType } from 'app/features/channels/types/channel';
-import { isDirectChannel, isPrivateChannel } from 'app/features/channels/utils/utils';
-import AlertManager from 'app/features/global/services/alert-manager-service';
-import Languages from 'app/features/global/services/languages-service';
-import { ToasterService } from 'app/features/global/services/toaster-service';
-import { copyToClipboard } from 'app/features/global/utils/CopyClipboard';
-import RouterServices from 'app/features/router/services/router-service';
-import { useCurrentUser } from 'app/features/users/hooks/use-current-user';
-import workspaceUserRightsService from 'app/features/workspaces/services/workspace-user-rights-service';
-import Block from 'app/molecules/grouped-rows/base';
-import { addUrlTryDesktop } from 'app/components/desktop-redirect';
-import { useState } from 'react';
-
-export const ChannelSettingsMenu = (props: {
- channel?: ChannelType;
- onEditChannel?: Function;
- onAccess?: Function;
- onMedias?: Function;
- onNotifications?: Function;
- onMembers?: Function;
- onFavorite?: Function;
- onClose?: Function;
-}) => {
- const icon = props.channel?.icon || '';
- const name = props.channel?.name || '';
-
- const { user } = useCurrentUser();
- const canEdit =
- props.channel?.owner === user?.id || workspaceUserRightsService.hasWorkspacePrivilege();
- const isGuest = workspaceUserRightsService.isInvite();
- const isDirect = isDirectChannel(props.channel?.visibility || '');
- const canLeave = !isGuest || isDirect;
- const canRemove =
- user?.id === props.channel?.owner || workspaceUserRightsService.hasWorkspacePrivilege();
-
- return (
-
- {!isDirect && (
- <>
- {
- canEdit && props.onEditChannel && props.onEditChannel();
- }}
- className={
- '-mx-2 my-2 p-2 rounded-md ' +
- (canEdit ? 'cursor-pointer hover:bg-blue-50 dark:hover:bg-zinc-800' : '')
- }
- title={{name || ''}}
- subtitle={
- canEdit ? (
-
- {Languages.t('scenes.app.channelsbar.channel_information')}
-
- ) : (
- <>
- )
- }
- avatar={ 20 ? icon : ''} title={name || ''} />}
- suffix={canEdit ?
- {
- canEdit && props.onAccess && props.onAccess();
- }}
- className={
- '-mx-2 my-1 p-2 rounded-md ' +
- (canEdit ? 'cursor-pointer hover:bg-blue-50 dark:hover:bg-zinc-800' : '')
- }
- title={
- {
- props.onMembers && props.onMembers();
- }}
- className={
- '-mx-2 my-1 p-2 rounded-md ' +
- (canEdit ? 'cursor-pointer hover:bg-blue-50 dark:hover:bg-zinc-800' : '')
- }
- title={
- {
- props.onMedias && props.onMedias();
- }}
- className="-mx-2 my-1 p-2 rounded-md cursor-pointer hover:bg-blue-50 dark:hover:bg-zinc-800"
- title={
-
- - {
- const url = addUrlTryDesktop(
- `${document.location.origin}${RouterServices.generateRouteFromState({
- workspaceId: props.channel?.workspace_id || '',
- companyId: props.channel?.company_id,
- channelId: props.channel?.id,
- })}`,
- );
- copyToClipboard(url);
- ToasterService.success(Languages.t('components.input.copied'));
- }}
- className={
- '-mx-2 my-1 p-2 rounded-md cursor-pointer hover:bg-blue-50 dark:hover:bg-zinc-800'
- }
- title={
- {
- props.onNotifications && props.onNotifications();
- }}
- />
- )}
-
- {canLeave &&
- );
-};
-
-const RemoveBlock = (props: { channel?: ChannelType; onLeave?: Function }) => {
- const { refresh: refreshAllChannels } = useFavoriteChannels();
- const [loading, setLoading] = useState(false);
-
- return (
- -
-
- {props.channel?.visibility === 'public' ? 'Public' : 'Private'}
-
- {canEdit ?
- }
- />
- {!isGuest && !!props.onMembers && (
- - -
-
- {member?.notification_level === 'all' &&
- Languages.t('scenes.apps.messages.left_bar.stream.notifications.all')}
- {member?.notification_level === 'mentions' && '@all, @[you]'}
- {member?.notification_level === 'me' &&
- Languages.t('scenes.apps.messages.left_bar.stream.notifications.me', [`@[you]`])}
- {member?.notification_level === 'none' &&
- Languages.t('scenes.apps.messages.left_bar.stream.notifications.never')}
-
-
- }
- />
- );
-};
-
-const FavoriteBlock = (props: { channel?: ChannelType }) => {
- const { favorite, setFavorite } = useChannelMemberCurrentUser(props.channel?.id || '');
- const [loading, setLoading] = useState(false);
-
- return (
- - -
-
- setPage('information')}
- onAccess={() => setPage('access')}
- onNotifications={() => setPage('notifications')}
- onClose={() => {
- setChannelModal({ ...channelModal, open: false });
- }}
- onMembers={() => {
- setChannelModal({ ...channelModal, open: false });
- setTimeout(() => setParticipantsOpen(true), 500);
- }}
- onMedias={() => {
- setChannelModal({ ...channelModal, open: false });
- setTimeout(() => setChannelAttachmentState(true), 500);
- }}
- channel={channel}
- />
-
-
- {
- setPage('menu');
- await ChannelAPIClient.save(
- { ...channel, ...changes },
- {
- companyId: channel.company_id!,
- workspaceId: channel.workspace_id!,
- channelId: channel.id,
- },
- );
- await refresh();
- }}
- channel={channel}
- />
-
-
- {
- await ChannelAPIClient.save(
- { ...channel, ...changes },
- {
- companyId: channel.company_id!,
- workspaceId: channel.workspace_id!,
- channelId: channel.id,
- },
- );
- await refresh();
- setPage('menu');
- }}
- channel={channel}
- />
-
-
- setPage('menu')} channel={channel} />
-
-
-
- );
-};
-
-const CreateChannelForm = () => {
- const setChannelModal = useSetRecoilState(EditChannelModalAtom);
- const { setOpen: setParticipantsOpen } = useUsersSearchModal();
- const { companyId, workspaceId } = useRouteState();
- const { refresh } = useFavoriteChannels();
-
- const [step, setStep] = useState(0);
- const [channel, setChannel] = useState- -
-
- {
- setStep(1);
- setChannel({ ...channel, ...changes });
- }}
- />
-
-
-
- {
- setStep(2);
- setChannel({ ...channel, ...changes });
- }}
- />
-
-
-
-
-
-
-
-
- this.setState({ value: evt.target.value })}
- />
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/editable-text/editable-text.scss b/tdrive/frontend/src/app/components/editable-text/editable-text.scss
deleted file mode 100755
index b44898cd..00000000
--- a/tdrive/frontend/src/app/components/editable-text/editable-text.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.color_input {
- position: relative;
-
- .color_square {
- position: absolute;
- left: 8px;
- top: 8px;
- width: 24px;
- height: 24px;
- border-radius: var(--border-radius-base);
- }
-
- input {
- background: #888;
- padding-left: 40px !important;
- box-sizing: border-box;
- width: 120px;
- }
-}
diff --git a/tdrive/frontend/src/app/components/emoji-picker/emoji-picker.jsx b/tdrive/frontend/src/app/components/emoji-picker/emoji-picker.jsx
deleted file mode 100755
index e232d9c8..00000000
--- a/tdrive/frontend/src/app/components/emoji-picker/emoji-picker.jsx
+++ /dev/null
@@ -1,142 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-import { Picker } from 'emoji-mart';
-import Emojione from 'components/emojione/emojione';
-import { getAsFrontUrl } from 'app/features/global/utils/URLUtils';
-import './emoji-picker.scss';
-import 'emoji-mart/css/emoji-mart.css';
-import Languages from 'app/features/global/services/languages-service';
-import { isArray } from 'lodash';
-
-Picker.defaultProps.backgroundImageFn = function backgroundImageFn(set, sheetSize) {
- sheetSize = 20;
- return getAsFrontUrl(
- '/public/emoji-datasource/'.concat(set, '/sheets-256/').concat(sheetSize, '.png'),
- );
-};
-export default class EmojiPicker extends React.Component {
- /*
- props = {
- preferedEmoji : Array of emoji's shortname
- onChange : called when a smiley is selected
- }
- */
- constructor(props) {
- super();
- this.props = props;
- this.state = {
- suggestions: [],
- currentTitle: '',
- availableCategories: [],
- scrollToRow: 0,
- loaded: false,
- };
- this.currentTitleIndex = 100000;
- this.clickScrollToRow = 0;
- }
- onChange(list) {
- if (list.length > 0) {
- if (this.props.onChange) {
- this.props.onChange(list[0]);
- }
- this.setState({ list: [] });
- }
- }
- renderItemChoosen(item) {
- return (
-
-
- );
- }
- renderItem(item) {
- return (
-
-
- );
- }
- scrollToCategory(category) {
- var index = 0;
- this.state.suggestions.forEach((item, i) => {
- if (item.value == category) {
- index = i;
- return false;
- }
- });
- this.clickScrollToRow = index;
- if (this.state.scrollToRow != index) {
- this.setState({ scrollToRow: index });
- } else {
- this.list_node.forceUpdateGrid();
- }
- }
- select(emoji) {
- if (this.picker) {
- this.picker.onSelect(emoji);
- } else {
- this.onChange([emoji]);
- }
- }
- getPrefered() {
- var pref = this.props.preferedEmoji || [
- ':thumbsup:',
- ':thumbsdown:',
- ':hearts:',
- ':tada:',
- ':smile:',
- ':confused:',
- ];
- if (
- typeof this.props.selected === 'string' &&
- this.props.selected &&
- pref.indexOf(this.props.selected) < 0
- ) {
- pref.unshift(this.props.selected);
- }
- if (isArray(this.props.selected)) {
- this.props.selected.forEach(s => pref.unshift(s));
- }
- return pref;
- }
- componentDidMount() {
- setTimeout(() => {
- this.setState({ loaded: true });
- }, 300);
- }
- render() {
- if (!this.state.loaded) {
- return ;
- }
- return (
-
-
- );
- }
-}
diff --git a/tdrive/frontend/src/app/components/emoji-picker/emoji-picker.scss b/tdrive/frontend/src/app/components/emoji-picker/emoji-picker.scss
deleted file mode 100755
index 98fa496f..00000000
--- a/tdrive/frontend/src/app/components/emoji-picker/emoji-picker.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.emoji-mart {
- border: none;
- color: var(--grey-dark);
- font-size: 14px;
- width: unset !important;
- left: 0px;
- .emoji-mart-emoji {
- padding: 7px;
- }
-}
-
-.emoji-mart-search > input {
- padding-top: 6px;
- font-size: 14px;
-}
-.emoji-mart-emoji {
- display: inline-flex;
- align-items: center;
-}
diff --git a/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-file-row.tsx b/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-file-row.tsx
index ba47ec81..545fda1e 100644
--- a/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-file-row.tsx
+++ b/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-file-row.tsx
@@ -10,11 +10,9 @@ import {
isPendingFileStatusPending,
isPendingFileStatusSuccess,
} from '../../../features/files/utils/pending-files';
-import Languages from 'app/features/global/services/languages-service';
-import { useUpload } from 'app/features/files/hooks/use-upload';
-import { PendingFileRecoilType, PendingFileType } from 'app/features/files/types/file';
-
-import '../../file/file.scss';
+import Languages from '@features/global/services/languages-service';
+import { useUpload } from '@features/files/hooks/use-upload';
+import { PendingFileRecoilType, PendingFileType } from '@features/files/types/file';
type PropsType = {
pendingFileState: PendingFileRecoilType;
diff --git a/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-files-list.tsx b/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-files-list.tsx
index 321d9dc0..b66afbcc 100644
--- a/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-files-list.tsx
+++ b/tdrive/frontend/src/app/components/file-uploads/pending-file-components/pending-files-list.tsx
@@ -6,9 +6,9 @@ import PerfectScrollbar from 'react-perfect-scrollbar';
import moment from 'moment';
import PendingFileRow from './pending-file-row';
-import Languages from 'app/features/global/services/languages-service';
-import { PendingFileRecoilType } from 'app/features/files/types/file';
-import { useUpload } from 'app/features/files/hooks/use-upload';
+import Languages from '@features/global/services/languages-service';
+import { PendingFileRecoilType } from '@features/files/types/file';
+import { useUpload } from '@features/files/hooks/use-upload';
import './styles.scss';
diff --git a/tdrive/frontend/src/app/components/file-uploads/uploads-viewer.tsx b/tdrive/frontend/src/app/components/file-uploads/uploads-viewer.tsx
index 9d025701..552e4b45 100644
--- a/tdrive/frontend/src/app/components/file-uploads/uploads-viewer.tsx
+++ b/tdrive/frontend/src/app/components/file-uploads/uploads-viewer.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { useUpload } from 'app/features/files/hooks/use-upload';
+import { useUpload } from '@features/files/hooks/use-upload';
import PendingFilesList from './pending-file-components/pending-files-list';
const ChatUploadsViewer = (): JSX.Element => {
diff --git a/tdrive/frontend/src/app/components/file/file-component.tsx b/tdrive/frontend/src/app/components/file/file-component.tsx
deleted file mode 100644
index 9d5c617a..00000000
--- a/tdrive/frontend/src/app/components/file/file-component.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useState, useEffect } from 'react';
-import classNames, { Argument } from 'classnames';
-
-import { FileThumbnail, FileDetails, FileActions, FileProgress } from './parts';
-import {
- isPendingFileStatusCancel,
- isPendingFileStatusError,
- isPendingFileStatusSuccess,
-} from 'app/features/files/utils/pending-files';
-import { DataFileType } from './types';
-import DriveService from 'app/deprecated/Apps/Drive/Drive.js';
-import RouterService from 'app/features/router/services/router-service';
-
-import './file.scss';
-import { PendingFileRecoilType } from 'app/features/files/types/file';
-import Api from 'app/features/global/framework/api-service';
-import FileUploadAPIClient from '../../features/files/api/file-upload-api-client';
-import LargePreview from './parts/large-preview';
-import { MessageFileType } from 'app/features/messages/types/message';
-import { useFileViewerModal } from 'app/features/viewer/hooks/use-viewer';
-
-type PropsType = {
- source: 'internal' | 'drive' | string;
- externalId: string | any;
- file: DataFileType;
- messageFile: MessageFileType;
- context: 'input' | 'message' | 'drive';
- progress?: number;
- status?: PendingFileRecoilType['status'];
- onRemove?: () => void;
- className?: string;
- large?: boolean;
- xlarge?: boolean;
-};
-
-export default ({
- source,
- externalId,
- file: _file,
- messageFile,
- className,
- context,
- progress,
- status,
- onRemove,
- large,
- xlarge,
-}: PropsType) => {
- const { companyId, workspaceId } = RouterService.getStateFromRoute();
- const [file, setFile] = useState companyId && onClickFile()}
- >
- {large &&
- );
-};
diff --git a/tdrive/frontend/src/app/components/file/file.scss b/tdrive/frontend/src/app/components/file/file.scss
deleted file mode 100644
index 8c1c5432..00000000
--- a/tdrive/frontend/src/app/components/file/file.scss
+++ /dev/null
@@ -1,160 +0,0 @@
-.file-component {
- border: 1px solid var(--grey-light);
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
- border-radius: 8px 8px 8px 8px;
- width: 218px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- overflow: hidden;
- min-height: 50px;
-
- &:hover {
- cursor: pointer;
- }
-
- &.large-view {
- min-height: 200px;
- max-height: 500px;
- max-width: 90%;
- min-width: 160px;
- position: relative;
-
- .file-large-preview {
- position: absolute;
- height: 100%;
- top: 0px;
- left: 0px;
- right: 0px;
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
- }
-
- &:hover {
- .file-info-container {
- opacity: 1;
- transition: opacity 0s;
- }
- }
-
- .file-info-container {
- background-color: #fffffff0;
- position: absolute;
- border-top: 1px solid var(--grey-light);
- bottom: 0px;
- width: 100%;
-
- .file-thumbnail-container {
- display: none;
- }
- }
-
- .media-file-info-container {
- opacity: 0;
- transition: opacity 0.2s;
- }
-
- .file-large-preview-play-container {
- width: 64px;
- height: 64px;
- background-color: rgba(0, 0, 0, 0.5);
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 15px;
- }
- }
-
- &.file-component-uploading {
- border-radius: 8px 8px 0px 0px;
-
- & .file-info-container {
- opacity: 0.5;
- }
-
- .file-info-container {
- padding-bottom: 0;
- }
-
- .file-progress-bar-container {
- padding-top: 3px;
- padding-bottom: 3px;
- height: 5px;
- }
- }
-
- &.file-component-error {
- background: var(--error-background);
- }
-
- .file-info-container {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- padding: 8px 8px 6px 8px;
-
- .file-thumbnail-container {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 32px;
-
- .file-thumbnail-component {
- border-radius: 4px;
- }
- }
-
- .file-component-details {
- overflow: hidden;
- flex: 1;
- display: flex;
- flex-direction: column;
-
- .ant-tag {
- height: 15px;
- line-height: 15px;
- padding: 0 4px;
- }
- }
- }
-
- .file-menu {
- display: flex;
-
- align-items: center;
- justify-content: space-between;
-
- .ant-btn {
- display: flex;
- justify-content: center;
- align-items: center;
- &:hover {
- color: var(--black);
- }
- color: var(--grey-dark);
- background-color: transparent;
- }
- }
-}
-
-.file-progress-bar-container {
- display: flex;
-
- .file-progress-bar {
- .ant-progress-outer {
- height: 3px;
- display: flex;
-
- .ant-progress-inner {
- border-radius: 0px;
-
- .ant-progress-bg {
- border-radius: 2px;
- height: 3px !important;
- transition: all 0.2s;
- }
- }
- }
- }
-}
diff --git a/tdrive/frontend/src/app/components/file/parts/actions.tsx b/tdrive/frontend/src/app/components/file/parts/actions.tsx
deleted file mode 100644
index fcdd5833..00000000
--- a/tdrive/frontend/src/app/components/file/parts/actions.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useRef } from 'react';
-import { Button } from 'antd';
-import { MoreHorizontal, RotateCw, X } from 'react-feather';
-
-import {
- isPendingFileStatusPending,
- isPendingFileStatusPause,
- isPendingFileStatusSuccess,
- isPendingFileStatusError,
- isPendingFileStatusCancel,
-} from 'app/features/files/utils/pending-files';
-import Languages from 'app/features/global/services/languages-service';
-import { useUpload } from 'app/features/files/hooks/use-upload';
-import { DataFileType } from '../types';
-import MenuManager from 'app/components/menus/menus-manager';
-import { PendingFileRecoilType } from 'app/features/files/types/file';
-import { MessageFileType } from 'app/features/messages/types/message';
-import { useFileViewerModal } from 'app/features/viewer/hooks/use-viewer';
-import { useEditors } from 'app/views/client/viewer/other/editors-service';
-
-type PropsType = {
- file: DataFileType;
- messageFile: MessageFileType;
- status?: PendingFileRecoilType['status'];
- deletable?: boolean;
- actionMenu?: boolean;
- onRemove?: () => void;
- source?: string;
-};
-
-export const FileActions = ({
- file,
- messageFile,
- status,
- deletable,
- actionMenu,
- onRemove,
-}: PropsType): JSX.Element => {
- const { cancelUpload, deleteOneFile, downloadOneFile, retryUpload } = useUpload();
- const menuRef = useRef
-
- {buttonGroups}
;
-
- function _renderBlockTypeButtons(groupName: GroupName, config: ToolbarConfig) {
- const { editorState } = props;
- const selection = editorState.getSelection();
- const blockType = editorState
- .getCurrentContent()
- .getBlockForKey(selection.getStartKey())
- .getType();
- const buttons = (config.BLOCK_TYPE_BUTTONS || []).map((type, index) => (
-
- {buttons}
-
- );
- }
-
- function _renderInlineStyleButtons(groupName: GroupName, config: ToolbarConfig) {
- const { editorState } = props;
- const currentStyle = editorState.getCurrentInlineStyle();
- const buttons = (config.INLINE_STYLE_BUTTONS || []).map((type, index) => (
-
- {buttons}
-
- );
- }
-
- function getIcon(style: StyleConfig): ReactNode {
- switch (style.style) {
- case 'BOLD':
- return
- (this.editor = node)}
- editorState={this.props.editorState}
- onChange={this.onChange}
- keyBindingFn={this.keyBindingFn}
- handleKeyCommand={this.handleKeyCommand}
- handleReturn={this.handleReturn}
- handlePastedText={this.handlePastedText}
- handleBeforeInput={this.handleBeforeInput}
- onDownArrow={this.onDownArrow}
- onUpArrow={this.onUpArrow}
- onEscape={this.onEscape}
- onTab={this.onTab}
- handlePastedFiles={this.handlePastedFiles}
- blockStyleFn={this.handleBlockStyle}
- customStyleMap={this.customStyleMap}
- placeholder={this.props.placeholder || ''}
- spellCheck={true}
- />
-
- {this.state.isVisible && this.state.displaySuggestion && this.state.suggestionType && (
-
-
- {props.name}
-
- );
-};
\ No newline at end of file
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/channel/channel.tsx b/tdrive/frontend/src/app/components/rich-text-editor/plugins/channel/channel.tsx
deleted file mode 100644
index 15bf3a04..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/channel/channel.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React, { ReactNode } from "react";
-
-type PropsType = {
- children: ReactNode
-}
-
-export const Channel = (props: PropsType) => {
- return {props.children};
-};
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/channel/index.ts b/tdrive/frontend/src/app/components/rich-text-editor/plugins/channel/index.ts
deleted file mode 100644
index 1b6d87e6..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/channel/index.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ContentBlock, ContentState, EditorState, Modifier } from 'draft-js';
-import { getSelectedBlock } from 'draftjs-utils';
-import { Channel } from './channel';
-import { ChannelType } from 'app/features/channels/types/channel';
-import ChannelSuggestion from './channel-suggestion';
-import { EditorSuggestionPlugin, SelectOrInsertOptions } from '../';
-
-export type ChannelSuggestionType = ChannelType & { autocomplete_id: number };
-
-export const ChannelTypeType = 'CHANNEL';
-const CHANNEL_CHAR = '#';
-
-const findChannelEntities = (
- contentBlock: ContentBlock,
- callback: any,
- contentState: ContentState,
-) => {
- contentBlock.findEntityRanges((character: any) => {
- const entityKey = character.getEntity();
- return entityKey !== null && contentState.getEntity(entityKey).getType() === ChannelTypeType;
- }, callback);
-};
-
-const resolver = (
- text: string,
- max: number,
- callback: (args: { items: ChannelSuggestionType[] }) => void,
-) => {
- //TODO
- callback({ items: [] });
-};
-
-const addChannel = (
- channel: ChannelSuggestionType,
- editorState: EditorState,
- options: SelectOrInsertOptions,
-): EditorState => {
- let spaceAlreadyPresent = false;
- const channelAsString = `${CHANNEL_CHAR}${(channel.name || '')
- .toLocaleLowerCase()
- .replace(/[^a-z0-9_\-.\u00C0-\u017F]/g, '')}`;
- const entityKey = editorState
- .getCurrentContent()
- .createEntity(ChannelTypeType, 'IMMUTABLE', channel)
- .getLastCreatedEntityKey();
- const selectedBlock = getSelectedBlock(editorState);
- const selectedBlockText = selectedBlock.getText();
- let focusOffset = editorState.getSelection().getFocusOffset();
- const channelIndex = (selectedBlockText.lastIndexOf(` ${CHANNEL_CHAR}`, focusOffset) || 0) + 1;
-
- if (selectedBlockText.length === channelIndex + 1) {
- focusOffset = selectedBlockText.length;
- }
-
- if (selectedBlockText[focusOffset] === ' ') {
- spaceAlreadyPresent = true;
- }
-
- let updatedSelection = editorState.getSelection().merge({
- anchorOffset: channelIndex,
- focusOffset,
- });
- let newEditorState = EditorState.acceptSelection(editorState, updatedSelection);
- let contentState = Modifier.replaceText(
- newEditorState.getCurrentContent(),
- updatedSelection,
- channelAsString,
- newEditorState.getCurrentInlineStyle(),
- entityKey,
- );
-
- newEditorState = EditorState.push(newEditorState, contentState, 'insert-characters');
-
- if (!spaceAlreadyPresent && options.addSpaceAfter) {
- // insert a blank space after mention
- updatedSelection = newEditorState.getSelection().merge({
- anchorOffset: channelIndex + channelAsString.length,
- focusOffset: channelIndex + channelAsString.length,
- });
- newEditorState = EditorState.acceptSelection(newEditorState, updatedSelection);
- contentState = Modifier.insertText(
- newEditorState.getCurrentContent(),
- updatedSelection,
- ' ',
- newEditorState.getCurrentInlineStyle(),
- undefined,
- );
- }
-
- return EditorState.push(newEditorState, contentState, 'insert-characters');
-};
-
-export default (
- options: { maxSuggestions: number } = { maxSuggestions: 10 },
-): EditorSuggestionPlugin
- {props.command.split(' ')[0]} {props.command.split(' ').slice(1).join(' ')}
- {props.description}
-
- );
-};
\ No newline at end of file
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/commands/command.tsx b/tdrive/frontend/src/app/components/rich-text-editor/plugins/commands/command.tsx
deleted file mode 100644
index 4e0e8391..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/commands/command.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from "react";
-
-export const Command = (props: any) => {
- return
- { props.children }
- ;
-};
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/commands/index.ts b/tdrive/frontend/src/app/components/rich-text-editor/plugins/commands/index.ts
deleted file mode 100644
index 87a675bb..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/commands/index.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ContentBlock, ContentState, EditorState, Modifier } from 'draft-js';
-import Groups from 'app/deprecated/workspaces/groups.js';
-import { Command } from './command';
-import { getInsertRange } from '../../editor-utils';
-import CommandSuggestion from './command-suggestion';
-import { EditorSuggestionPlugin } from '../';
-import { Application } from 'app/features/applications/types/application';
-import { getCompanyApplications } from 'app/features/applications/state/company-applications';
-
-export type CommandSuggestionType = {
- command: string;
- description: string;
- autocomplete_id?: number;
-};
-
-export const CommandResourceType = 'COMMAND';
-
-const findEntities = (contentBlock: ContentBlock, callback: any, contentState: ContentState) => {
- contentBlock.findEntityRanges((character: any) => {
- const entityKey = character.getEntity();
- return (
- entityKey !== null && contentState.getEntity(entityKey).getType() === CommandResourceType
- );
- }, callback);
-};
-
-const resolver = (
- text: string,
- max: number,
- callback: (args: { items: CommandSuggestionType[] }) => void,
-) => {
- let commands: CommandSuggestionType[] = [];
-
- getCompanyApplications(Groups.currentGroupId).forEach((app: Application) => {
- if (app) {
- commands = commands.concat(
- (app.display?.tdrive?.chat?.commands || []).map(c => ({
- command: `/${app?.identity?.code} ${c.command}`,
- description: c.description,
- })),
- );
- }
- });
-
- callback({
- items: commands
- .filter(c => c.command.startsWith(text))
- .map((c, index) => ({ ...c, ...{ autocomplete_id: index } })),
- });
-};
-
-const addCommand = (command: CommandSuggestionType, editorState: EditorState): EditorState => {
- const { start, end } = getInsertRange(editorState, '/');
- const contentState = editorState.getCurrentContent();
- const currentSelection = editorState.getSelection();
- const selection = currentSelection.merge({
- anchorOffset: start,
- focusOffset: end,
- });
-
- const entity = contentState.createEntity(CommandResourceType, 'IMMUTABLE', command);
- const entityKey = entity.getLastCreatedEntityKey();
- const newContentState = Modifier.replaceText(
- entity,
- selection,
- command.command.split('[')[0].split('"')[0],
- undefined,
- entityKey,
- );
-
- const newEditorState = EditorState.push(editorState, newContentState, 'insert-fragment');
-
- return EditorState.forceSelection(newEditorState, newContentState.getSelectionAfter());
-};
-
-export default (
- options: { maxSuggestions: number } = { maxSuggestions: 10 },
-): EditorSuggestionPlugin
-
-
- {props.colons}{' '}
- {props.name}
-
-
- );
-};
\ No newline at end of file
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/emoji/emoji.tsx b/tdrive/frontend/src/app/components/rich-text-editor/plugins/emoji/emoji.tsx
deleted file mode 100644
index 4ac1dedf..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/emoji/emoji.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from "react";
-
-export const Emoji = (props: any) => {
- return
- { props.children }
- ;
-};
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/emoji/index.ts b/tdrive/frontend/src/app/components/rich-text-editor/plugins/emoji/index.ts
deleted file mode 100644
index 1c2fc21d..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/emoji/index.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ContentBlock, ContentState, EditorState, Modifier } from 'draft-js';
-import { Emoji } from './emoji';
-import EmojiService from 'app/components/rich-text-editor/emojis-service';
-import { getInsertRange } from '../../editor-utils';
-import EmojiSuggestion from './emoji-suggestion';
-import { EditorSuggestionPlugin } from '../';
-
-export type EmojiSuggestionType = {
- name: string;
- colons: string;
- native: any;
-};
-
-export const EmojiResourceType = 'EMOJI';
-
-const findEmojiEntities = (
- contentBlock: ContentBlock,
- callback: any,
- contentState: ContentState,
-) => {
- contentBlock.findEntityRanges((character: any) => {
- const entityKey = character.getEntity();
- return entityKey !== null && contentState.getEntity(entityKey).getType() === EmojiResourceType;
- }, callback);
-};
-
-const resolver = (
- text: string,
- max: number,
- callback: (args: { items: EmojiSuggestionType[] }) => void,
-) => {
- EmojiService.search(text, (suggestions: EmojiSuggestionType[]) => {
- const result: Array
-
- {UsersService.getFullName(props)}
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/mentions/mention.tsx b/tdrive/frontend/src/app/components/rich-text-editor/plugins/mentions/mention.tsx
deleted file mode 100644
index b5520470..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/mentions/mention.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-
-type PropsType = {
- children: ReactNode
-}
-
-export const Mention = (props: PropsType): JSX.Element => {
- return {props.children};
-};
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/mentions/style.scss b/tdrive/frontend/src/app/components/rich-text-editor/plugins/mentions/style.scss
deleted file mode 100644
index 4ca76782..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/mentions/style.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.suggestion {
- &.mention {
- background: var(--primary-background);
- border-radius: var(--border-radius-base);
- color: var(--black);
- display: inline-block;
- padding-right: 2px;
- padding-left: 2px;
- }
-}
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/suggestion-list.scss b/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/suggestion-list.scss
deleted file mode 100644
index b85cbf51..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/suggestion-list.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.suggestions {
- border-radius: 1px solid rgba(0, 0, 0, 0.2);
- transition: box-shadow 0.2s;
-
- .dropmenu {
- opacity: 0;
- transition: opacity 0.2s;
- pointer-events: none;
- }
-
- &.focused {
- .dropmenu {
- opacity: 1;
- pointer-events: all;
- }
- }
-
- input,
- textarea {
- margin: 0px !important;
- }
-}
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/suggestion-list.tsx b/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/suggestion-list.tsx
deleted file mode 100644
index c68f15b4..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/suggestion-list.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useState, CSSProperties, useEffect } from 'react';
-import classNames from 'classnames';
-import { Row, Typography } from 'antd';
-import { Frown, Terminal, Search } from 'react-feather';
-
-import { isCommandType, isEmojiType, isMentionType } from './utils';
-import Languages from 'app/features/global/services/languages-service';
-
-import './suggestion-list.scss';
-import { LoadingOutlined } from '@ant-design/icons';
-
-type Props
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/utils.ts b/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/utils.ts
deleted file mode 100644
index 6d15cbce..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/plugins/suggestion/utils.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CommandResourceType } from '../commands';
-import { EmojiResourceType } from '../emoji';
-import { MENTION_TYPE } from '../mentions';
-
-export const isMentionType = (suggestionType: string): boolean => {
- return suggestionType === MENTION_TYPE;
-};
-
-export const isEmojiType = (suggestionType: string): boolean => {
- return suggestionType === EmojiResourceType;
-};
-
-export const isCommandType = (suggestionType: string): boolean => {
- return suggestionType === CommandResourceType;
-};
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/text-count/index.ts b/tdrive/frontend/src/app/components/rich-text-editor/text-count/index.ts
deleted file mode 100644
index 85c82417..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/text-count/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import TextCountService from './text-count-service';
-
-export { TextCount } from './text-count';
-export { TextCountService };
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count-service.ts b/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count-service.ts
deleted file mode 100644
index daa97abc..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count-service.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { EditorState } from 'draft-js';
-
-export const DEFAULT_THRESHOLD = 70;
-export const MAX_TEXT_LENGTH = 12000;
-
-export type TextStats = {
- length: number;
- isTooLong: boolean;
- shouldLimit: boolean;
- isOverThreshold: boolean;
- maxLength: number;
- threshold: number;
-};
-
-class TextCountService {
- constructor(public readonly maxLength = MAX_TEXT_LENGTH, public readonly threshold = DEFAULT_THRESHOLD) {
- }
-
- getStats(editorState: EditorState): TextStats {
- const length = editorState.getCurrentContent().getPlainText('').length;
-
- return {
- length,
- isTooLong: length > this.maxLength,
- shouldLimit: length > this.maxLength - 1,
- isOverThreshold: Math.round((length / this.maxLength) * 100) > this.threshold,
- maxLength: this.maxLength,
- threshold: this.threshold,
- };
- }
-}
-
-export default new TextCountService(MAX_TEXT_LENGTH, DEFAULT_THRESHOLD);
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count.scss b/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count.scss
deleted file mode 100644
index b1bfc414..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.text-count {
- font-size: x-small;
- color: var(--grey-dark);
- position: relative;
- bottom: -4px;
- padding-right: 6px;
-
- span.limit {
- color: var(--error);
- }
-}
\ No newline at end of file
diff --git a/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count.tsx b/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count.tsx
deleted file mode 100644
index a4156d7c..00000000
--- a/tdrive/frontend/src/app/components/rich-text-editor/text-count/text-count.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-// eslint-disable-next-line
-import React, { useEffect, useState } from 'react';
-import className from 'classnames';
-import { EditorState } from 'draft-js';
-import TextCountService, { TextStats } from './text-count-service';
-
-import './text-count.scss';
-
-type PropsType = {
- editorState: EditorState;
- displayOnlyAfterThresold: boolean;
-};
-
-export const TextCount = (props: PropsType) => {
- const [display, setDisplay] = useState(false);
- const [stats, setStats] = useState
- {props?.list && props.list.length > 0 ? (
- props.list.map((item, index) => {
- return (
-
- select(item)}
- onMouseDown={() => select(item)}
- onFocus={() => console.log('FOCUS', item)}
- >
- {item && props.renderItem(item)}
-
- );
- })
- ) : props.loading ? (
- <>
- ) : (
- buildSuggestionDefaultMessage()
- )}
- {props.loading && (
- 0 ? 8 : 0,
- opacity: 0.5,
- }}
- >
-
- )}
-
-
- {stats.length}/{stats.maxLength}
-
-
- )}
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/scroll-hidden-components/hidden-notification-service.ts b/tdrive/frontend/src/app/components/scroll-hidden-components/hidden-notification-service.ts
index 116aeabf..c1d65f0c 100644
--- a/tdrive/frontend/src/app/components/scroll-hidden-components/hidden-notification-service.ts
+++ b/tdrive/frontend/src/app/components/scroll-hidden-components/hidden-notification-service.ts
@@ -1,5 +1,5 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
-import Observable from 'app/deprecated/Observable/Observable';
+import Observable from '@deprecated/Observable/Observable';
type NodeType = React.RefObject
-
- );
- }
-
- let thumbnail;
- const label = channel?.name;
-
- if (channel.icon) {
- thumbnail = emoji.get(channel.icon);
- }
-
- if (!thumbnail && channel.name) {
- thumbnail = '';
- const channelName =
- channel.name.indexOf(' ') < 0 ? channel.name.replace('_', ' ') : channel.name;
- const split = channelName.toUpperCase().split(' ');
- thumbnail += (split?.[0]?.[0] || '') + (split?.[1]?.[0] || '');
- }
-
- const style = getStyle(channel.id);
-
- return (
- {icons.map(icon => icon)}
- {showLabel && (
-
- {channelName.join(', ')}
-
- )}
-
-
- );
-};
-
-const getStyle = (id?: string) => {
- if (!id) return '';
- let output = 0;
- for (let i = 0; i < id.length; i++) {
- output += id[i].charCodeAt(0);
- }
- const i = (output % 10) + 1;
- return ` style${i}`;
-};
-
-const getThumbnail = (user: UserType) => {
- let inner;
- let style = '';
- if (user && (user.thumbnail || user.picture)) {
- const thumbnail = addApiUrlIfNeeded(user.picture || user.thumbnail || '');
- inner =
-
- {showLabel && {thumbnail}
- {label}
}
- {letters}
;
- style = getStyle(user.id);
- }
-
- return {inner}
;
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/channel-line-result.tsx b/tdrive/frontend/src/app/components/search-popup/parts/channel-line-result.tsx
deleted file mode 100755
index 5e8bb4a7..00000000
--- a/tdrive/frontend/src/app/components/search-popup/parts/channel-line-result.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import * as Text from '@atoms/text';
-import { ChannelType } from 'app/features/channels/types/channel';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import { useSearchModal } from 'app/features/search/hooks/use-search';
-import { SearchInputState } from 'app/features/search/state/search-input';
-import ChannelAvatar from 'app/components/search-popup/parts/channel-avatar/channel-avatar';
-import Highlighter from 'react-highlight-words';
-import { useRecoilValue } from 'recoil';
-import { openChannel } from '../common';
-import { Button } from 'app/atoms/button/button';
-import Languages from 'app/features/global/services/languages-service';
-import { useChannel } from 'app/features/channels/hooks/use-channel';
-import { useChannelNotifications } from 'app/features/users/hooks/use-notifications';
-import { Badge } from '@atoms/badge';
-import UserService from 'features/users/services/current-user-service';
-import ResultContext from './result-context';
-import _ from 'lodash';
-
-type PropsType = {
- channel: ChannelType;
-};
-
-export default ({ channel: _channel }: PropsType): JSX.Element => {
- const channel =
- (_channel.visibility !== 'direct'
- ? useChannel(_channel.id || '', {
- companyId: _channel.company_id || '',
- workspaceId: _channel.workspace_id || '',
- })?.channel
- : undefined) || _channel;
- const currentWorkspaceId = useRouterWorkspace();
- const input = useRecoilValue(SearchInputState);
- const name =
- channel.name ||
- _.uniqBy(channel.users || [], 'id')
- .filter(u => u.id != UserService.getCurrentUserId() || channel.users?.length === 1)
- .map(u => UserService.getFullName(u).trim())
- .join(', ');
- const { setOpen } = useSearchModal();
-
- const notifications = useChannelNotifications(channel.id || '');
-
- return (
- {
- openChannel(channel, currentWorkspaceId);
- setOpen(false);
- }}
- >
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/channel-result.tsx b/tdrive/frontend/src/app/components/search-popup/parts/channel-result.tsx
deleted file mode 100755
index b38c8719..00000000
--- a/tdrive/frontend/src/app/components/search-popup/parts/channel-result.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ChannelType } from 'app/features/channels/types/channel';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import { useSearchModal } from 'app/features/search/hooks/use-search';
-import ChannelAvatar from 'app/components/search-popup/parts/channel-avatar/channel-avatar';
-import { openChannel } from '../common';
-import { useChannelNotifications } from 'app/features/users/hooks/use-notifications';
-import { useChannel } from 'app/features/channels/hooks/use-channel';
-import { Badge } from 'app/atoms/badge';
-
-type PropsType = {
- channel: ChannelType;
-};
-
-export default ({ channel: _channel }: PropsType): JSX.Element => {
- const channel =
- (_channel.visibility !== 'direct'
- ? useChannel(_channel.id || '', {
- companyId: _channel.company_id || '',
- workspaceId: _channel.workspace_id || '',
- })?.channel
- : undefined) || _channel;
- const currentWorkspaceId = useRouterWorkspace();
- const { setOpen } = useSearchModal();
-
- const notifications = useChannelNotifications(channel.id || '');
-
- return (
-
-
-
-
-
-
- {channel?.stats?.members || channel.users?.length || 0} members
-
-
-
- {!channel.user_member && (
- <>
-
-
-
- {Languages.t(
- 'scenes.client.channelsbar.modals.workspace_channel_list.workspace_channel_row.tag',
- )}
-
-
- )}
- {!!channel.user_member && (notifications?.badges?.length || 0) > 0 && (
- <>
-
- {notifications.badges.length}
-
-
- )}
-
- -
{
- openChannel(channel, currentWorkspaceId);
- setOpen(false);
- }}
- >
-
- {notifications.badges.length}
-
-
- )}
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/drive-item-result.tsx b/tdrive/frontend/src/app/components/search-popup/parts/drive-item-result.tsx
index 86c680eb..4add9b1f 100644
--- a/tdrive/frontend/src/app/components/search-popup/parts/drive-item-result.tsx
+++ b/tdrive/frontend/src/app/components/search-popup/parts/drive-item-result.tsx
@@ -1,8 +1,11 @@
-import * as Text from '@atoms/text';
-import FileUploadAPIClient from '@features/files/api/file-upload-api-client';
-import { Button } from 'app/atoms/button/button';
-import { DownloadIcon } from 'app/atoms/icons-agnostic';
+import { FolderIcon } from '@heroicons/react/solid';
import { ArrowRight } from 'react-feather';
+import Highlighter from 'react-highlight-words';
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { onDriveItemDownloadClick, openDriveItem } from '../common';
+import ResultContext from './result-context';
+import { Button } from '@atoms/button/button';
+import { DownloadIcon } from '@atoms/icons-agnostic';
import {
FileTypeArchiveIcon,
FileTypeDocumentIcon,
@@ -10,23 +13,20 @@ import {
FileTypeSlidesIcon,
FileTypeSpreadsheetIcon,
FileTypeUnknownIcon,
-} from 'app/atoms/icons-colored';
-import { formatDate } from 'app/features/global/utils/format-date';
-import { formatSize } from 'app/features/global/utils/format-file-size';
-import { DriveItem } from 'app/features/drive/types';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import { useSearchModal } from 'app/features/search/hooks/use-search';
-import { SearchInputState } from 'app/features/search/state/search-input';
-import { UserType } from 'app/features/users/types/user';
-import { useFileViewerModal } from 'app/features/viewer/hooks/use-viewer';
-import Media from 'app/molecules/media';
-import Highlighter from 'react-highlight-words';
-import { useRecoilValue, useRecoilState } from 'recoil';
-import { openDriveItem, onDriveItemDownloadClick } from '../common';
-import ResultContext from './result-context';
-import { useCompanyApplications } from 'app/features/applications/hooks/use-company-applications';
-import { DriveCurrentFolderAtom } from 'app/views/client/body/drive/browser';
-import { FolderIcon } from '@heroicons/react/solid';
+} from '@atoms/icons-colored';
+import * as Text from '@atoms/text';
+import { useCompanyApplications } from '@features/applications/hooks/use-company-applications';
+import { DriveItem } from '@features/drive/types';
+import FileUploadAPIClient from '@features/files/api/file-upload-api-client';
+import { formatDate } from '@features/global/utils/format-date';
+import { formatSize } from '@features/global/utils/format-file-size';
+import useRouterWorkspace from '@features/router/hooks/use-router-workspace';
+import { useSearchModal } from '@features/search/hooks/use-search';
+import { SearchInputState } from '@features/search/state/search-input';
+import { UserType } from '@features/users/types/user';
+import { useFileViewerModal } from '@features/viewer/hooks/use-viewer';
+import Media from '@molecules/media';
+import { DriveCurrentFolderAtom } from '@views/client/body/drive/browser';
export default (props: { driveItem: DriveItem & { user?: UserType } }) => {
const input = useRecoilValue(SearchInputState);
@@ -63,12 +63,7 @@ export default (props: { driveItem: DriveItem & { user?: UserType } }) => {
{extension?.toLocaleUpperCase()} • {formatDate(parseInt(file?.last_modified))} •{' '}
{formatSize(file?.size)}
- {
- const input = useRecoilValue(SearchInputState);
- const currentWorkspaceId = useRouterWorkspace();
- const file = props.file;
- const name = file?.metadata?.name;
- const extension = name?.split('.').pop();
-
- const { setOpen } = useSearchModal();
- const { open: openViewer } = useFileViewerModal();
-
- return (
-
);
})}
diff --git a/tdrive/frontend/src/app/components/uploads/upload-zone.tsx b/tdrive/frontend/src/app/components/uploads/upload-zone.tsx
index f6b5d509..8558f1bd 100755
--- a/tdrive/frontend/src/app/components/uploads/upload-zone.tsx
+++ b/tdrive/frontend/src/app/components/uploads/upload-zone.tsx
@@ -3,7 +3,7 @@
import React from 'react';
import UploadManager from './upload-manager';
-import Languages from 'app/features/global/services/languages-service';
+import Languages from '@features/global/services/languages-service';
import { Upload } from 'react-feather';
import classNames from 'classnames';
import './uploads.scss';
@@ -87,41 +87,6 @@ export default class UploadZone extends React.Component openViewer(file)}
- >
-
- );
-};
-
-export const FileResultMedia = (props: {
- className?: string;
- size?: 'md' | 'lg' | 'sm';
- file: MessageFileType & { message?: Message } & { user?: UserType };
-}) => {
- const file = props.file;
-
- const name = file?.metadata?.name;
- const type = FileUploadAPIClient.mimeToType(file?.metadata?.mime || '');
- const url = FileUploadAPIClient.getFileThumbnailUrlFromMessageFile(file);
- const extension = name?.split('.').pop();
-
- let iconClassName = 'absolute left-0 top-0 bottom-0 right-0 m-auto w-8 h-8';
- if (url) iconClassName = 'absolute bottom-1 left-1 w-6 h-6';
-
- return (
-
-
-
-
- {extension?.toLocaleUpperCase()} • {formatDate(file?.message?.created_at)} •{' '}
- {formatSize(file?.metadata?.size)}
-
-
- {
- e.preventDefault();
- e.stopPropagation();
- }}
- >
-
-
- {!!file.message && (
-
- )}
-
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/media-result.tsx b/tdrive/frontend/src/app/components/search-popup/parts/media-result.tsx
deleted file mode 100644
index cf3acdaa..00000000
--- a/tdrive/frontend/src/app/components/search-popup/parts/media-result.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import FileUploadAPIClient from '@features/files/api/file-upload-api-client';
-import { MessageFileType } from '@features/messages/types/message';
-import Media from '@molecules/media';
-import { useFileViewerModal } from 'app/features/viewer/hooks/use-viewer';
-
-export default (props: { file: MessageFileType }) => {
- const file = props.file;
- const url = FileUploadAPIClient.getFileThumbnailUrlFromMessageFile(file);
- const type = FileUploadAPIClient.mimeToType(file?.metadata?.mime || '');
- const { open: openViewer } = useFileViewerModal();
-
- return (
- openViewer(file)}
- >
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/message-result-file.tsx b/tdrive/frontend/src/app/components/search-popup/parts/message-result-file.tsx
deleted file mode 100644
index 0bf3b5fb..00000000
--- a/tdrive/frontend/src/app/components/search-popup/parts/message-result-file.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import * as Text from '@atoms/text';
-
-import { Button } from 'app/atoms/button/button';
-import { DownloadIcon } from 'app/atoms/icons-agnostic';
-import { formatDate } from 'app/features/global/utils/format-date';
-import { formatSize } from 'app/features/global/utils/format-file-size';
-import { Message, MessageFileType } from 'app/features/messages/types/message';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import { useSearchModal } from 'app/features/search/hooks/use-search';
-import { SearchInputState } from 'app/features/search/state/search-input';
-import { UserType } from 'app/features/users/types/user';
-import { useFileViewerModal } from 'app/features/viewer/hooks/use-viewer';
-import { ArrowRight } from 'react-feather';
-import Highlighter from 'react-highlight-words';
-import { useRecoilValue } from 'recoil';
-import { onFileDownloadClick, openMessage } from '../common';
-import { FileResultMedia } from './file-result';
-
-export default (props: { file: MessageFileType & { message?: Message } & { user?: UserType } }) => {
- const input = useRecoilValue(SearchInputState);
- const currentWorkspaceId = useRouterWorkspace();
- const file = props.file;
- const name = file?.metadata?.name;
- const extension = name?.split('.').pop();
-
- const { setOpen } = useSearchModal();
- const { open: openViewer } = useFileViewerModal();
-
- return (
- openViewer(file)}
- >
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/message-result.tsx b/tdrive/frontend/src/app/components/search-popup/parts/message-result.tsx
deleted file mode 100644
index 841a15e3..00000000
--- a/tdrive/frontend/src/app/components/search-popup/parts/message-result.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import A from '@atoms/link';
-import * as Text from '@atoms/text';
-import { formatDate } from '@features/global/utils/format-date';
-import { Message } from '@features/messages/types/message';
-import ChannelAvatar from 'app/components/search-popup/parts/channel-avatar/channel-avatar';
-import { useChannel } from 'app/features/channels/hooks/use-channel';
-import { ChannelType } from 'app/features/channels/types/channel';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import { useSearchModal } from 'app/features/search/hooks/use-search';
-import { SearchInputState } from 'app/features/search/state/search-input';
-import { useUser } from 'app/features/users/hooks/use-user';
-import { UserType } from 'app/features/users/types/user';
-import { useState } from 'react';
-import Highlighter from 'react-highlight-words';
-import { useRecoilValue } from 'recoil';
-import { openMessage } from '../common';
-import MessageResultFile from './message-result-file';
-import ResultContext from './result-context';
-
-export default ({
- message,
-}: {
- message: Message & { users?: UserType[]; channel?: ChannelType };
-}) => {
- const input = useRecoilValue(SearchInputState);
- const currentWorkspaceId = useRouterWorkspace();
- const user =
- (message.users || []).find(u => u.id === message.user_id) || useUser(message.user_id || '');
- const channel = message.channel || useChannel(message?.cache?.channel_id || '').channel;
- const [truncated, setTruncated] = useState(true);
- const { setOpen } = useSearchModal();
-
- return (
-
-
-
-
- {extension?.toLocaleUpperCase()} • {formatDate(file?.message?.created_at)} •{' '}
- {formatSize(file?.metadata?.size)}
-
-
- {
- e.preventDefault();
- e.stopPropagation();
- }}
- >
-
-
- {!!file.message && (
-
- )}
-
- {
- openMessage(message, currentWorkspaceId);
- setOpen(false);
- }}
- >
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/nothing-found.tsx b/tdrive/frontend/src/app/components/search-popup/parts/nothing-found.tsx
index 0c181b32..e3e044d3 100644
--- a/tdrive/frontend/src/app/components/search-popup/parts/nothing-found.tsx
+++ b/tdrive/frontend/src/app/components/search-popup/parts/nothing-found.tsx
@@ -1,6 +1,6 @@
-import { NotFoundIcon } from 'app/atoms/icons-colored';
-import Languages from 'app/features/global/services/languages-service';
-import { SearchInputState } from 'app/features/search/state/search-input';
+import { NotFoundIcon } from '@atoms/icons-colored';
+import Languages from '@features/global/services/languages-service';
+import { SearchInputState } from '@features/search/state/search-input';
import { useRecoilValue } from 'recoil';
import * as Text from '@atoms/text';
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/nothing-searched.tsx b/tdrive/frontend/src/app/components/search-popup/parts/nothing-searched.tsx
index fe738162..d1f78ee1 100644
--- a/tdrive/frontend/src/app/components/search-popup/parts/nothing-searched.tsx
+++ b/tdrive/frontend/src/app/components/search-popup/parts/nothing-searched.tsx
@@ -1,5 +1,5 @@
-import { NotFoundIcon } from 'app/atoms/icons-colored';
-import Languages from 'app/features/global/services/languages-service';
+import { NotFoundIcon } from '@atoms/icons-colored';
+import Languages from '@features/global/services/languages-service';
import * as Text from '@atoms/text';
export default () => {
diff --git a/tdrive/frontend/src/app/components/search-popup/parts/result-context.tsx b/tdrive/frontend/src/app/components/search-popup/parts/result-context.tsx
index 3d7cd531..2376aa2e 100644
--- a/tdrive/frontend/src/app/components/search-popup/parts/result-context.tsx
+++ b/tdrive/frontend/src/app/components/search-popup/parts/result-context.tsx
@@ -1,62 +1,11 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
-import A from '@atoms/link';
-import { getChannel } from '@features/channels/hooks/use-channel';
-import { UserType } from '@features/users/types/user';
-import { useWorkspace } from '@features/workspaces/hooks/use-workspaces';
import UsersService from '@features/users/services/current-user-service';
-import RouterServices from '@features/router/services/router-service';
-import useRouterCompany from 'app/features/router/hooks/use-router-company';
-import useRouterWorkspace from 'app/features/router/hooks/use-router-workspace';
-import { useSearchModal } from 'app/features/search/hooks/use-search';
-
-export default ({
- user,
- context,
-}: {
- user?: UserType;
- context?: { channelId?: string; workspaceId?: string; companyId?: string };
-}) => {
- const channel = getChannel(context?.channelId || '');
-
- const routerWorkspace = useRouterWorkspace();
- const routerCompany = useRouterCompany();
- const workspaceId =
- (context?.workspaceId !== 'direct' ? context?.workspaceId : '') || routerWorkspace;
- const { workspace } = useWorkspace(workspaceId || '');
- const companyId = context?.companyId || routerCompany;
-
- const { setOpen } = useSearchModal();
-
- const workspaceName =
- context?.workspaceId === 'direct' ? 'Direct' : workspace?.name ? workspace?.name : '';
+import { UserType } from '@features/users/types/user';
+export default ({ user }: { user?: UserType }) => {
return (
- {channel &&
-
- {formatDate(message.created_at)}
-
-
-
-
-
-
- {(message.files || []).map(file => (
-
- e.stopPropagation()}
- className="rounded-md border bg-white border-gray-200 hover:border-gray-300 mb-1"
- >
-
- ))}
-
{!!user && <>{UsersService.getFullName(user)}}
- {!!user && !!(channel || workspaceName) && {'->'} }
- {(channel || workspaceName) && (
- <>
- {!!workspaceName && {workspaceName}}
- {!!workspaceName && !!channel?.name && / }
- {!!channel?.name && (
- {
- e.stopPropagation();
- setOpen(false);
- RouterServices.push(
- RouterServices.generateRouteFromState({
- companyId: companyId || '',
- workspaceId: workspaceId || '',
- channelId: context?.channelId || '',
- }),
- );
- }}
- >
- {channel?.name}
-
- )}
-
- )}
);
};
diff --git a/tdrive/frontend/src/app/components/search-popup/search-input.tsx b/tdrive/frontend/src/app/components/search-popup/search-input.tsx
index f8f5352b..46c66148 100755
--- a/tdrive/frontend/src/app/components/search-popup/search-input.tsx
+++ b/tdrive/frontend/src/app/components/search-popup/search-input.tsx
@@ -1,19 +1,12 @@
-import { InputDecorationIcon } from '@atoms/input/input-decoration-icon';
import { SearchIcon } from '@heroicons/react/solid';
-import { Input } from 'app/atoms/input/input-text';
-import { Loader } from 'app/atoms/loader';
-import Languages from 'app/features/global/services/languages-service';
-import { useSearchChannelsLoading } from 'app/features/search/hooks/use-search-channels';
-import {
- useSearchMessagesFilesLoading,
- useSearchMessagesMediasLoading,
-} from 'app/features/search/hooks/use-search-files-or-medias';
-import { useSearchDriveItemsLoading } from 'app/features/search/hooks/use-search-drive-items';
-import { useSearchMessagesLoading } from 'app/features/search/hooks/use-search-messages';
-import { SearchInputState } from 'app/features/search/state/search-input';
-import _ from 'lodash';
import { useEffect, useRef } from 'react';
import { useRecoilState } from 'recoil';
+import { InputDecorationIcon } from '@atoms/input/input-decoration-icon';
+import { Input } from '@atoms/input/input-text';
+import { Loader } from '@atoms/loader';
+import Languages from '@features/global/services/languages-service';
+import { useSearchDriveItemsLoading } from '@features/search/hooks/use-search-drive-items';
+import { SearchInputState } from '@features/search/state/search-input';
export const SearchInput = () => {
const [input, setInput] = useRecoilState(SearchInputState);
@@ -23,14 +16,9 @@ export const SearchInput = () => {
if (inputElement.current) inputElement.current.focus();
}, []);
- const channelsLoading = useSearchChannelsLoading();
- const messagesLoading = useSearchMessagesLoading();
- const filesLoading = useSearchMessagesFilesLoading();
- const mediasLoading = useSearchMessagesMediasLoading();
const driveItemsLoading = useSearchDriveItemsLoading();
- const loading =
- channelsLoading || messagesLoading || filesLoading || mediasLoading || driveItemsLoading;
+ const loading = driveItemsLoading;
return (
diff --git a/tdrive/frontend/src/app/components/search-popup/search-popup.tsx b/tdrive/frontend/src/app/components/search-popup/search-popup.tsx
index 54fdc23e..291190b6 100755
--- a/tdrive/frontend/src/app/components/search-popup/search-popup.tsx
+++ b/tdrive/frontend/src/app/components/search-popup/search-popup.tsx
@@ -1,6 +1,6 @@
import { Modal, ModalContent } from '@atoms/modal';
-import Languages from 'app/features/global/services/languages-service';
-import { useSearchModal } from 'app/features/search/hooks/use-search';
+import Languages from '@features/global/services/languages-service';
+import { useSearchModal } from '@features/search/hooks/use-search';
import { SearchInput } from './search-input';
import { SearchResultsIndex } from './search-tabs';
diff --git a/tdrive/frontend/src/app/components/search-popup/tabs/all.tsx b/tdrive/frontend/src/app/components/search-popup/tabs/all.tsx
deleted file mode 100644
index 6b5f4a3b..00000000
--- a/tdrive/frontend/src/app/components/search-popup/tabs/all.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import * as Text from '@atoms/text';
-import A from 'app/atoms/link';
-import Languages from 'app/features/global/services/languages-service';
-import { useSearchChannels } from 'app/features/search/hooks/use-search-channels';
-import {
- useSearchMessagesFiles,
- useSearchMessagesMedias,
-} from 'app/features/search/hooks/use-search-files-or-medias';
-import { useSearchMessages } from 'app/features/search/hooks/use-search-messages';
-import { SearchInputState, SearchTabsState } from 'app/features/search/state/search-input';
-import { useRecoilValue, useSetRecoilState } from 'recoil';
-import { ChannelsResults, ChannelsRowResults } from './channels';
-import { FilesResults } from './files';
-import { MediasResults } from './medias';
-import { MessagesResults } from './messages';
-
-export default () => {
- const setTab = useSetRecoilState(SearchTabsState);
-
- const input = useRecoilValue(SearchInputState);
- const isRecent = input?.query?.trim()?.length === 0;
-
- const { channels } = useSearchChannels();
- const { messages } = useSearchMessages();
- const { files } = useSearchMessagesFiles();
- const { files: medias } = useSearchMessagesMedias();
-
- return (
- (null);
- let user: UserType | undefined;
- if (props.id) {
- user = useUser(props.id || '');
- } else {
- user = useUserByUsername(props.username || '');
- }
-
- useEffect(() => {
- const listener = collection.addListener(useState, [user]);
-
- return () => {
- collection.removeListener(listener);
- };
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [user]);
-
- const displayUserCard = (user: UserType): void => {
- if (!nodeRef.current) {
- return;
- }
-
- MenusManager.openMenu(
- [
- {
- type: 'react-element',
- reactElement: () => (
- openDiscussion([user.id || ''])} />
- ),
- },
- ],
- (window as any).getBoundingClientRect(nodeRef.current),
- null,
- { margin: 8 },
- );
- };
-
- const highlighted =
- user?.id === UserService.getCurrentUserId() ||
- globalMentions.includes(props.username || props.id || '');
-
- if (user) {
- return (
-
- {child} - - ); - } - if (type === 'emoji') { - return
;
- }
- if (type === 'icon') {
- return
)}
- {channels.length > 0 && (
- <>
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/search-popup/tabs/channels.tsx b/tdrive/frontend/src/app/components/search-popup/tabs/channels.tsx
deleted file mode 100644
index cb3d9052..00000000
--- a/tdrive/frontend/src/app/components/search-popup/tabs/channels.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import * as Text from '@atoms/text';
-import Languages from 'app/features/global/services/languages-service';
-import { useSearchChannels } from 'app/features/search/hooks/use-search-channels';
-import { SearchInputState } from 'app/features/search/state/search-input';
-import { useRecoilValue } from 'recoil';
-import ChannelLineResult from '../parts/channel-line-result';
-import ChannelResult from '../parts/channel-result';
-import NothingFound from '../parts/nothing-found';
-
-export default () => {
- const input = useRecoilValue(SearchInputState);
- const isRecent = input?.query?.trim()?.length === 0;
- const { channels, loading } = useSearchChannels();
-
- if (channels.length === 0 && !loading) return
-
- {isRecent
- ? Languages.t('components.searchpopup.recent_channels_and_contacts')
- : Languages.t('components.searchpopup.channels')}
-
- {channels.length > 6 && (
-
- )}
-
- {isRecent && (
-
-
- )}
- {!isRecent && (
-
-
- )}
-
- )}
-
- {medias.length > 0 && (
- <>
-
-
- {isRecent
- ? Languages.t('components.searchpopup.recent_media')
- : Languages.t('components.searchpopup.media')}
-
- {medias.length > 6 && (
-
- )}
-
-
-
-
- )}
-
- {files.length > 0 && (
- <>
-
-
- {isRecent
- ? Languages.t('components.searchpopup.recent_files')
- : Languages.t('components.searchpopup.files')}
-
- {files.length > 6 && (
-
- )}
-
-
-
-
- )}
-
- {messages.length > 0 && (
- <>
-
-
- {Languages.t('components.searchpopup.messages')}
-
-
-
-
-
- )}
-
- {!!isRecent && !!topChannels.length && (
-
- {Languages.t('components.searchpopup.channels')}
-
- )}
-
- );
-};
-
-export const ChannelsRowResults = (props: { max?: number }) => {
- const { channels, loading } = useSearchChannels();
-
- if (channels.length === 0 && !loading) return
-
- {Languages.t('components.searchpopup.recent_channels_and_contacts')}
-
-
-
- )}
-
- {!!isRecent && (
-
- {topChannels.map(channel => (
-
-
-
- ))}
-
-
-
-
- ))}
-
- );
-};
-
-export const ChannelsResults = (props: { max?: number }) => {
- const { channels, loading } = useSearchChannels();
-
- if (channels.length === 0 && !loading) return
- {!!isRecent && (
-
- {Languages.t('components.searchpopup.recent_files')}
-
- )}
-
-
- );
-};
-
-export const FilesResults = (props: { max?: number }) => {
- const { files, loading } = useSearchMessagesFiles();
-
- if (files.length === 0 && !loading) return
-
-
- {!!isRecent && (
-
- {Languages.t('components.searchpopup.recent_media')}
-
- )}
-
-
- );
-};
-
-export const MediasResults = (props: { max?: number; showAsFiles?: boolean }) => {
- const { files, loading } = useSearchMessagesMedias();
-
- if (files.length === 0 && !loading) return
-
-
-
- );
-};
-
-export const MessagesResults = () => {
- const input = useRecoilValue(SearchInputState);
- const isRecent = input?.query?.trim()?.length === 0;
- const { messages, loading } = useSearchMessages();
-
- if (isRecent) return
-
-
- {messages
- .map(message => {
- return (
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/select/select.jsx b/tdrive/frontend/src/app/components/select/select.jsx
index 25f7094b..febb0178 100755
--- a/tdrive/frontend/src/app/components/select/select.jsx
+++ b/tdrive/frontend/src/app/components/select/select.jsx
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
-import MenusManager from 'app/components/menus/menus-manager.jsx';
-import Icon from 'app/components/icon/icon.jsx';
+import MenusManager from '@components/menus/menus-manager.jsx';
+import Icon from '@components/icon/icon.jsx';
import './select.scss';
export default class Select extends React.Component {
diff --git a/tdrive/frontend/src/app/components/table/table.tsx b/tdrive/frontend/src/app/components/table/table.tsx
index a1660bd5..8180e99c 100755
--- a/tdrive/frontend/src/app/components/table/table.tsx
+++ b/tdrive/frontend/src/app/components/table/table.tsx
@@ -1,7 +1,7 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
/* eslint-disable jsx-a11y/anchor-is-valid */
import React, { Component } from 'react';
-import Languages from 'app/features/global/services/languages-service';
+import Languages from '@features/global/services/languages-service';
import Button from 'components/buttons/button.jsx';
import InputIcon from 'components/inputs/input-icon.jsx';
import './table.scss';
diff --git a/tdrive/frontend/src/app/components/tabs/tabs.jsx b/tdrive/frontend/src/app/components/tabs/tabs.jsx
index b02fbfd3..3cae0e4e 100755
--- a/tdrive/frontend/src/app/components/tabs/tabs.jsx
+++ b/tdrive/frontend/src/app/components/tabs/tabs.jsx
@@ -1,7 +1,7 @@
/* eslint-disable react/jsx-key */
import React, { Component } from 'react';
-import Languages from 'app/features/global/services/languages-service';
+import Languages from '@features/global/services/languages-service';
import PerfectScrollbar from 'react-perfect-scrollbar';
import './tabs.scss';
diff --git a/tdrive/frontend/src/app/components/tag-picker/tag-picker.jsx b/tdrive/frontend/src/app/components/tag-picker/tag-picker.jsx
index 90fb2da1..a1986961 100755
--- a/tdrive/frontend/src/app/components/tag-picker/tag-picker.jsx
+++ b/tdrive/frontend/src/app/components/tag-picker/tag-picker.jsx
@@ -1,14 +1,14 @@
/* eslint-disable react/jsx-key */
/* eslint-disable react/no-direct-mutation-state */
import React, { Component } from 'react';
-import Icon from 'app/components/icon/icon.jsx';
+import Icon from '@components/icon/icon.jsx';
import Button from 'components/buttons/button.jsx';
import './tag-picker.scss';
-import MenusManager from 'app/components/menus/menus-manager.jsx';
+import MenusManager from '@components/menus/menus-manager.jsx';
import TagSelector from './tag-selector.jsx';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import Languages from 'app/features/global/services/languages-service';
+import Workspaces from '@deprecated/workspaces/workspaces.jsx';
+import Collections from '@deprecated/CollectionsV1/Collections/Collections.js';
+import Languages from '@features/global/services/languages-service';
export default class TagPicker extends React.Component {
constructor(props) {
diff --git a/tdrive/frontend/src/app/components/tag-picker/tag-selector.jsx b/tdrive/frontend/src/app/components/tag-picker/tag-selector.jsx
index 63ed8d32..e91086fd 100755
--- a/tdrive/frontend/src/app/components/tag-picker/tag-selector.jsx
+++ b/tdrive/frontend/src/app/components/tag-picker/tag-selector.jsx
@@ -2,15 +2,15 @@
import React, { Component } from 'react';
import Picker from 'components/picker/picker.jsx';
import Button from 'components/buttons/button.jsx';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import Icon from 'app/components/icon/icon.jsx';
+import Workspaces from '@deprecated/workspaces/workspaces.jsx';
+import Collections from '@deprecated/CollectionsV1/Collections/Collections.js';
+import Icon from '@components/icon/icon.jsx';
import ColorPicker from 'components/color-picker/color-picker.jsx';
-import Strings from 'app/features/global/utils/strings';
+import Strings from '@features/global/utils/strings';
import InputWithColor from 'components/inputs/input-with-color.jsx';
-import AlertManager from 'app/features/global/services/alert-manager-service';
-import Languages from 'app/features/global/services/languages-service';
-import MenusManager from 'app/components/menus/menus-manager.jsx';
+import AlertManager from '@features/global/services/alert-manager-service';
+import Languages from '@features/global/services/languages-service';
+import MenusManager from '@components/menus/menus-manager.jsx';
class TagEditor extends React.Component {
constructor(props) {
diff --git a/tdrive/frontend/src/app/components/task-picker/task-picker.jsx b/tdrive/frontend/src/app/components/task-picker/task-picker.jsx
index 189de0d6..dc134cd2 100755
--- a/tdrive/frontend/src/app/components/task-picker/task-picker.jsx
+++ b/tdrive/frontend/src/app/components/task-picker/task-picker.jsx
@@ -1,12 +1,12 @@
/* eslint-disable react/jsx-key */
import React, { Component } from 'react';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
+import Workspaces from '@deprecated/workspaces/workspaces.jsx';
import Button from 'components/buttons/button.jsx';
-import Languages from 'app/features/global/services/languages-service';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
+import Languages from '@features/global/services/languages-service';
+import Collections from '@deprecated/CollectionsV1/Collections/Collections.js';
import Emojione from 'components/emojione/emojione';
import Loader from 'components/loader/loader.jsx';
-import TasksService from 'app/deprecated/Apps/Tasks/Tasks.js';
+import TasksService from '@deprecated/Apps/Tasks/Tasks.js';
import LeftIcon from '@material-ui/icons/KeyboardArrowLeftOutlined';
import './task-picker.scss';
diff --git a/tdrive/frontend/src/app/components/twacode/blocks/chan.tsx b/tdrive/frontend/src/app/components/twacode/blocks/chan.tsx
deleted file mode 100755
index c05db283..00000000
--- a/tdrive/frontend/src/app/components/twacode/blocks/chan.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import Emojione from 'components/emojione/emojione';
-import MainViewService from 'app/features/router/services/main-view-service';
-import { useChannel } from 'app/features/channels/hooks/use-channel';
-
-type PropsType = {
- // channel id
- id: string;
- // channel name
- name: string;
-};
-
-export default (props: PropsType): JSX.Element => {
- const { channel } = useChannel(props.id);
-
- if (!props.id || !channel) {
- return #{props.name};
- }
-
- return (
-
-
- );
- })
- .filter(a => a)}
- {
- MainViewService.select(props.id, {
- app: {
- identity: {
- code: 'messages',
- name: '',
- icon: '',
- description: '',
- website: '',
- categories: [],
- compatibility: [],
- },
- },
- context: { type: 'channel' },
- hasTabs: channel.visibility !== 'direct',
- });
- }}
- >
-
- );
-};
diff --git a/tdrive/frontend/src/app/components/twacode/blocks/user.tsx b/tdrive/frontend/src/app/components/twacode/blocks/user.tsx
deleted file mode 100644
index e3704a31..00000000
--- a/tdrive/frontend/src/app/components/twacode/blocks/user.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useEffect, useRef, useState } from 'react';
-import classNames from 'classnames';
-import UserService from 'app/features/users/services/current-user-service';
-import MenusManager from 'app/components/menus/menus-manager.jsx';
-import UserCard from 'app/components/user-card/user-card';
-import { UserType } from 'app/features/users/types/user';
-import { useUser, useUserByUsername } from 'app/features/users/hooks/use-user';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections';
-import { useDirectChannels } from 'app/features/channels/hooks/use-direct-channels';
-
-const globalMentions = ['channel', 'everyone', 'all', 'here'];
-
-type PropsType = {
- // User id
- id?: string;
- // user username
- username?: string;
- // should we hide the user image?
- hideUserImage?: boolean;
-};
-
-export default (props: PropsType): JSX.Element => {
- const { openDiscussion } = useDirectChannels();
- const collection = Collections.get('users');
- const nodeRef = useRef displayUserCard(user as UserType)}
- style={{
- paddingLeft: props.hideUserImage ? 5 : 0,
- backgroundColor: props.hideUserImage ? 'var(--grey-background)' : '',
- }}
- >
- {!props.hideUserImage && (
-
- )}
- {UserService.getFullName(user)}
-
- );
- } else {
- return (
-
- @{props.username || 'unknown'}
-
- );
- }
-};
diff --git a/tdrive/frontend/src/app/components/twacode/blocksCompiler.ts b/tdrive/frontend/src/app/components/twacode/blocksCompiler.ts
deleted file mode 100644
index 1028b0b1..00000000
--- a/tdrive/frontend/src/app/components/twacode/blocksCompiler.ts
+++ /dev/null
@@ -1,262 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import {
- Block,
- BlockActions,
- BlockContext,
- BlockDivider,
- BlockElementButton,
- BlockElementCheckboxes,
- BlockElementDatePicker,
- BlockElementImage,
- BlockElementMultiselectMenu,
- BlockElementOverflowMenus,
- BlockElementProgressBar,
- BlockElementRadioButtonInput,
- BlockElementSelectMenus,
- BlockIframe,
- BlockImage,
- BlockInput,
- BlockSection,
-} from './types';
-
-export const formatData = (
- object: any,
- content: any,
- flatted: Block[],
- level: number | null = null,
-) => {
- for (let i = 0; i < object.length; i++) {
- const recursif =
- object[content] && typeof object[content] !== 'string' ? { ...object[content] } : null;
-
- delete object[content];
- flatted.push(object[i]);
- const currentLevel = level ? level + 1 : 1;
- if (recursif) {
- formatData(recursif, content, flatted, currentLevel);
- }
- }
-};
-
-export const blocksToTwacode = (event: Block[]) => {
- const blocks: any[] = [];
-
- event.forEach((obj: Block) => {
- let object = obj;
-
- switch (object.type) {
- case 'actions':
- object = object as BlockActions;
- for (let i = 0; i < object.elements.length; i++) {
- const element = object.elements[i];
- createTwacodeElements(element, blocks);
- }
- lineBreak(blocks);
- break;
- case 'context':
- object = object as BlockContext;
- for (let i = 0; i < object.elements.length; i++) {
- const element = object.elements[i];
- createTwacodeElements(element, blocks);
- }
- lineBreak(blocks);
- break;
- case 'divider':
- object = object as BlockDivider;
- blocks.push(blocks);
- break;
- case 'header':
- createTwacodeElements({ type: 'mrkdwn', text: `\n **${object.text.text}** \n` }, blocks);
-
- break;
- case 'image':
- object = object as BlockImage;
- createTwacodeElements(object, blocks, object.type);
- lineBreak(blocks);
- break;
-
- case 'input':
- object = object as BlockInput;
- createTwacodeElements(object, blocks);
- break;
- case 'section':
- object = object as BlockSection;
- if (object.text) {
- createTwacodeElements(object.text, blocks);
- lineBreak(blocks);
- }
- if (object.fields) {
- for (let i = 0; i < object.fields.length; i++) {
- const element = object.fields[i];
- createTwacodeElements(element, blocks);
- lineBreak(blocks);
- }
- }
- if (object.accessory) {
- const element = object.accessory;
- createTwacodeElements(element, blocks);
- }
- lineBreak(blocks);
-
- break;
- case 'iframe':
- object = object as BlockIframe;
- createTwacodeElements(
- {
- type: 'iframe',
- src: object.iframe_url,
- width: object.width,
- height: object.height,
- },
- blocks,
- object.type,
- );
- break;
- case 'twacode':
- blocks.push(object.elements);
- break;
- default:
- // TODO
- }
- });
- return blocks;
-};
-
-const createTwacodeElements = (object: any, blocks: any[], type?: any) => {
- switch (object.type) {
- case 'button':
- object = object as BlockElementButton;
- blocks.push({
- type: 'button',
- content:
- object.text.emoji === true
- ? { type: 'compile', content: object.text.text }
- : object.text.text,
- action_id: object.action_id,
- value: object.value,
- style: object.style ? object.style : 'default',
- url: object.url,
- });
- break;
- case 'checkboxes':
- object = object as BlockElementCheckboxes;
- blocks.push({ type: 'checkboxes' });
- break;
- case 'datepicker':
- object = object as BlockElementDatePicker;
- blocks.push({ type: 'datepicker' });
- break;
- case 'image':
- object = object as BlockElementImage;
- // eslint-disable-next-line @typescript-eslint/no-unused-expressions
- object.title
- ? blocks.push({
- type: 'system',
- content: {
- type: 'compile',
- content: object.title.text + '\n',
- },
- })
- : null;
-
- blocks.push({
- type: type === 'image' ? 'image' : 'icon',
- src: object.image_url,
- });
- break;
- case 'progress_bar':
- object = object as BlockElementProgressBar;
- blocks.push({
- type: 'compile',
- content: object.title + '\n',
- });
- blocks.push({
- type: 'progress_bar',
- value: object.value,
- });
- break;
- case 'multi_static_select':
- object = object as BlockElementMultiselectMenu;
- blocks.push(generateSelect(object));
- break;
- case 'overflow':
- object = object as BlockElementOverflowMenus;
- blocks.push(generateSelect(object));
- break;
- case 'input':
- // eslint-disable-next-line @typescript-eslint/no-unused-expressions
- object.label.text
- ? createTwacodeElements(
- { type: 'mrkdwn', text: `**${object.label.text}** \n` },
- blocks,
- type,
- )
- : null;
- createTwacodeElements(object.element, blocks, type);
-
- break;
- case 'plain_text_input':
- if (object.readonly === true && object.copiable === true) {
- blocks.push({
- type: 'copiable',
- content: object.initial_value ? object.initial_value : '',
- });
- } else {
- blocks.push({
- type: 'input',
- placeholder: object.placeholder ? object.placeholder.text : null,
- passive_id: object.action_id,
- });
- lineBreak(blocks);
- }
- break;
- case 'radio_buttons':
- object = object as BlockElementRadioButtonInput;
- blocks.push(generateSelect(object));
- break;
- case 'static_select':
- object = object as BlockElementSelectMenus;
- blocks.push(generateSelect(object));
- break;
- case 'timepicker':
- //not implemented yet
- break;
- case 'context':
- if (object.elements[0].type === 'mrkdwn') {
- createTwacodeElements(object.elements[0], blocks);
- } else {
- createTwacodeElements(object.elements[0], blocks);
- }
- break;
- case 'mrkdwn':
- blocks.push({
- type: 'compile',
- content: object.text,
- });
- break;
- case 'plain_text':
- blocks.push({
- type: 'text',
- content: object.text,
- });
- break;
- default:
- // TODO
- }
-};
-
-const generateSelect = (object: any) => {
- return {
- type: 'select',
- //placeholder not yet implemented
- title: '',
- values: object.options.map((option: any) => {
- return { name: option.text.text, value: option.value };
- }),
- action_id: object.action_id,
- };
-};
-
-const lineBreak = (blocks: any[]) => {
- createTwacodeElements({ type: 'mrkdwn', text: '\n' }, blocks);
-};
diff --git a/tdrive/frontend/src/app/components/twacode/compile.tsx b/tdrive/frontend/src/app/components/twacode/compile.tsx
deleted file mode 100644
index f8f9d818..00000000
--- a/tdrive/frontend/src/app/components/twacode/compile.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import _ from 'lodash';
-import React from 'react';
-import PseudoMarkdownCompiler from 'app/features/global/services/pseudo-markdown-compiler-service';
-import { DynamicComponent } from './pseudo-markdown-dictionary';
-
-type Props = {
- content: any;
- isApp: boolean;
- eventContainer: any;
- textTransform?: any;
-};
-
-const Compile = (props: Props) => {
- let content = props.content;
- const isApp = props.isApp;
- const eventContainer = props.eventContainer;
- let textTransform = props.textTransform;
-
- if (!content) {
- return PseudoMarkdownCompiler.pseudo_markdown['text'].object('');
- }
-
- if (!textTransform) textTransform = {};
- if (content.formatted || content.prepared) content = content.formatted || content.prepared;
- if (typeof content === 'string') content = [content];
- if (content.type || content.start) content = [content];
-
- if (!_.isArray(content)) {
- content = [content];
- }
-
- try {
- return (
- <>
- {content.map((item: any, index: number) => {
- if (typeof item === 'string') {
- return (
-
- {item}
-
- );
- } else if (Array.isArray(item)) {
- return (
- - {child} - - ); - } - if (type === 'emoji') { - return
{child}
;
- if (type === 'strikethrough') return {child}
;
- if (type === 'bold') return {child}
;
- if (type === 'italic') return {child}
;
- if (type === 'mquote') return {child}
;
- if (type === 'quote') return {child}
;
- if (type === 'nop') {
- return <>{child};
- }
-
- if (type === 'mcode') {
- return {(data.content || '').trim()}
;
- }
- if (type === 'url') {
- if (!data.url && data.url !== undefined) {
- return {child};
- }
- let url = setUrlProtocol(data.url || data.content);
- if (data.user_identifier && UserService.getCurrentUser()) {
- let separator = '?';
- if (url.indexOf('?') > 0) {
- separator = '&';
- }
- url += separator + 'tdrive_user=' + UserService.getCurrentUser().id;
- }
- return (
- // eslint-disable-next-line react/jsx-no-target-blank
-
- {child}
-
- );
- }
- if (type === 'markdown_link') {
- const linkData = data.content.split('](');
- const url = linkData[1] || '';
-
- return (
-
- {linkData[0]}
-
- );
- }
- if (type === 'email') {
- return (
-
- {child}
-
- );
- }
- if (type === 'system') {
- return {child};
- }
-
- if (type === 'file') {
- return (
-
-
- );
- }
- if (type === 'iframe') {
- return (
-
- );
- }
- if (type === 'image') {
- return
-
-
- );
- }
- if (type === 'attachment') {
- return {child}
;
- }
- if (type === 'button') {
- if (data.inline) {
- return (
- {
- if (data.action_id) {
- eventContainer.onAction(
- 'interactive_action',
- data.action_id,
- data.interactive_context || {},
- '',
- evt,
- );
- }
- }}
- >
- {child}
-
- );
- }
- return (
-
- );
- }
- if (type === 'copiable') {
- return (container = node)}
- {...props}
- className={'markdown ' + (loadingInteraction ? 'loadingInteraction ' : '') + props.className}
- >
- {!!props.simple &&
- PseudoMarkdownCompiler.compileToSimpleHTML(props.content, true || props.isApp)}
- {!props.simple && (
-
- );
-});
diff --git a/tdrive/frontend/src/app/components/twacode/types.ts b/tdrive/frontend/src/app/components/twacode/types.ts
deleted file mode 100644
index 17dd56c3..00000000
--- a/tdrive/frontend/src/app/components/twacode/types.ts
+++ /dev/null
@@ -1,231 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export type Thumbnail = {
- index: number;
- id: string;
-
- type: string;
- size: number;
- width: number;
- height: number;
-
- url: string;
- full_url?: string;
-};
-
-
-export type MessageFileMetadata = {
- source: 'internal' | 'drive' | string; //Uuid of the corresponding connector
- external_id: string | any;
-
- name?: string; //Original file name
- mime?: string; //Original file mime
- size?: number; //Original file weight
- thumbnails?: Thumbnail[]; //Url to thumbnail (or set it to undefined if no relevant)
-};
-
-/* Blocks objects */
-
-export type Block = { block_id?: string } & (
- | BlockFile
- | BlockActions
- | BlockContext
- | BlockHeader
- | BlockDivider
- | BlockImage
- | BlockInput
- | BlockSection
- | BlockIframe
- | BlockTwacode
-);
-
-export type BlockTwacode = {
- type: 'twacode';
- elements: any;
-};
-
-export type BlockActions = {
- type: 'actions';
- elements: BlockElement[];
-};
-
-export type BlockContext = {
- type: 'context';
- elements: (BlockElementImage | CompositionTextObject | BlockElementProgressBar)[];
-};
-
-export type BlockHeader = {
- type: 'header';
- text: CompositionPlainTextObject;
-};
-
-export type BlockDivider = {
- type: 'divider';
-};
-
-export type BlockFile = {
- type: 'file';
- external_id: string;
- source: string;
- metadata?: MessageFileMetadata;
-};
-
-export type BlockImage = BlockElementImage & {
- title?: CompositionPlainTextObject;
-};
-
-export type BlockInput = {
- type: 'input';
- label: string;
- element: BlockElement;
- dispatch_action?: boolean;
- hint?: CompositionPlainTextObject;
- optional?: boolean;
-};
-
-export type BlockSection = {
- type: 'section';
- text?: CompositionTextObject;
- fields?: CompositionTextObject[];
- accessory?: BlockElement;
-};
-
-export type BlockIframe = {
- type: 'iframe';
- iframe_url: string;
- width: number;
- height: number;
-};
-
-/* Elements objects */
-
-export type BlockElement =
- | BlockElementImage
- | BlockElementProgressBar
- | BlockElementButton
- | BlockElementCheckboxes
- | BlockElementDatePicker
- | BlockElementMultiselectMenu
- | BlockElementPlaintextInput
- | BlockElementRadioButtonInput
- | BlockElementSelectMenus
- | BlockElementOverflowMenus
- | BlockElementTimePicker;
-
-export type BlockElementImage = {
- type: 'image';
- image_url: string;
- alt_text: string;
- title?: any;
- metadata?: MessageFileMetadata;
-};
-
-export type BlockElementProgressBar = {
- type: 'progress_bar';
- value: number; //Between 0 and 100
- title: string;
-};
-
-export type BlockElementButton = {
- type: 'button';
- text: CompositionPlainTextObject;
- action_id: string;
- url?: string;
- value?: string;
- style?: 'primary' | 'danger' | 'default';
- confirm?: CompositionConfirmationDialog;
-};
-
-export type BlockElementCheckboxes = {
- type: 'checkboxes';
- action_id: string;
- options: CompositionOption[];
- initial_options?: CompositionOption[];
- confirm?: CompositionConfirmationDialog;
-};
-
-type BlockElementPlaintextInput = {
- type: 'plain_text_input';
- action_id: string;
- placeholder?: CompositionPlainTextObject;
- initial_value?: string;
- multiline?: boolean;
- min_length?: number;
- max_length?: number;
- dispatch_action_config?: DispatchActionConfiguration;
- readonly?: boolean;
- copiable?: boolean;
-};
-
-export type BlockElementRadioButtonInput = {
- type: 'radio_buttons';
- action_id: string;
- options: CompositionOption[];
- initial_option?: CompositionOption;
- confirm?: CompositionConfirmationDialog;
-};
-
-export type BlockElementDatePicker = {
- type: 'datepicker';
- action_id: string;
- placeholder?: CompositionPlainTextObject;
- initial_date?: string;
- confirm?: CompositionConfirmationDialog;
-};
-
-export type BlockElementTimePicker = {
- type: 'timepicker';
- action_id: string;
- placeholder?: CompositionPlainTextObject;
- initial_time?: string;
- confirm?: CompositionConfirmationDialog;
-};
-
-export type BlockElementOverflowMenus = {
- type: 'overflow';
- action_id: string;
- options: CompositionOption[];
- confirm?: CompositionConfirmationDialog;
-};
-
-export type BlockElementSelectMenus = {
- type: '';
-}; //TODO
-
-export type BlockElementMultiselectMenu = {
- type: any;
-}; //TODO
-
-/* Composition objects */
-
-type CompositionTextObject = CompositionPlainTextObject | CompositionMarkdownTextObject;
-
-type CompositionPlainTextObject = {
- type: 'plain_text';
- text: string;
- emoji?: boolean;
- verbatim?: boolean;
-};
-
-type CompositionMarkdownTextObject = {
- type: 'mrkdwn';
- text: string;
-};
-
-type CompositionConfirmationDialog = {
- title: CompositionPlainTextObject;
- text: CompositionMarkdownTextObject;
- confirm: CompositionPlainTextObject;
- deny: CompositionPlainTextObject;
- style: 'confirm' | 'danger' | 'default';
-};
-
-type CompositionOption = {
- text: CompositionPlainTextObject;
- value: string;
- description?: CompositionPlainTextObject;
- url?: string;
-};
-
-type DispatchActionConfiguration = {
- trigger_actions_on: ('on_enter_pressed' | 'on_character_entered')[];
-};
diff --git a/tdrive/frontend/src/app/components/ui/user-or-mail.tsx b/tdrive/frontend/src/app/components/ui/user-or-mail.tsx
index 28107068..a5a039ef 100755
--- a/tdrive/frontend/src/app/components/ui/user-or-mail.tsx
+++ b/tdrive/frontend/src/app/components/ui/user-or-mail.tsx
@@ -1,9 +1,9 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
import React from 'react';
import { Avatar, Col, Typography } from 'antd';
-import UsersService from 'app/features/users/services/current-user-service';
+import UsersService from '@features/users/services/current-user-service';
import './elements.scss';
-import { useUser } from 'app/features/users/hooks/use-user';
+import { useUser } from '@features/users/hooks/use-user';
const { Text } = Typography;
diff --git a/tdrive/frontend/src/app/components/ui/user.jsx b/tdrive/frontend/src/app/components/ui/user.jsx
index 1b53fe4b..2dc5802b 100755
--- a/tdrive/frontend/src/app/components/ui/user.jsx
+++ b/tdrive/frontend/src/app/components/ui/user.jsx
@@ -1,6 +1,6 @@
import React, { Component } from 'react';
import './elements.scss';
-import UserService from 'app/features/users/services/current-user-service';
+import UserService from '@features/users/services/current-user-service';
export default class User extends React.Component {
render() {
diff --git a/tdrive/frontend/src/app/components/uploads/upload-manager.js b/tdrive/frontend/src/app/components/uploads/upload-manager.js
index d15fc504..9003ca49 100755
--- a/tdrive/frontend/src/app/components/uploads/upload-manager.js
+++ b/tdrive/frontend/src/app/components/uploads/upload-manager.js
@@ -1,11 +1,4 @@
-import Observable from 'app/deprecated/CollectionsV1/observable.js';
-import Number from 'app/features/global/utils/Numbers';
-import DriveService from 'app/deprecated/Apps/Drive/Drive.js';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import Resumable from 'app/features/files/utils/resumable.js';
-import Globals from 'app/features/global/services/globals-tdrive-app-service';
-import Api from 'app/features/global/framework/api-service';
-import JWTStorage from 'app/features/auth/jwt-storage-service';
+import Observable from '@deprecated/CollectionsV1/observable.js';
class UploadManager extends Observable {
constructor() {
@@ -33,106 +26,6 @@ class UploadManager extends Observable {
this.notify();
}
- reinitAfterDelay() {
- if (this.reinitTimeout) clearTimeout(this.reinitTimeout);
- if (this.reinitTimeoutBefore) clearTimeout(this.reinitTimeoutBefore);
- this.reinitTimeoutBefore = setTimeout(() => {
- this.will_close = true;
- this.notify();
- this.reinitTimeout = setTimeout(() => {
- this.reinit();
- }, 500);
- }, 800);
- }
-
- startUpload(
- elements,
- total_number,
- total_size,
- drive_parent,
- upload_options,
- driveCollectionKey,
- callback,
- ) {
- if (this.addElementsRecursive(elements, '')) {
- this.uploadRecursive(elements, drive_parent, upload_options, driveCollectionKey, callback);
- } else {
- this.currentUploadFiles = [];
- this.currentUploadTotalNumber = 0;
- this.currentUploadTotalSize = 0;
- this.currentWaitingFilesNumber = 0;
- this.currentUploadStartTime = new Date();
- this.reinit();
- }
- }
-
- addElementsRecursive(elements, path) {
- return Object.keys(elements).every(name => {
- var element = elements[name];
- if (element.size) {
- //File
- this.currentUploadTotalSize += element.size;
- this.currentUploadTotalNumber++;
- this.currentUploadFiles.push({
- unid: Number.unid(),
- progress: 0,
- cancelled: false,
- error: false,
- name: name,
- path: path,
- xhr: null,
- file: element,
- });
- } else {
- //Directory
- if (!this.addElementsRecursive(element, path + '/' + name)) {
- return false;
- }
- }
- return true;
- });
- }
-
- uploadRecursive(elements, drive_parent, upload_options, driveCollectionKey, callback) {
- Object.keys(elements).forEach(name => {
- var element = elements[name];
- if (element.size) {
- //File
- this.uploadFile(element, drive_parent, upload_options, driveCollectionKey, callback);
- } else {
- //Directory
- this.createDirectory(name, drive_parent, upload_options, driveCollectionKey, directory => {
- if (callback) callback(directory);
- if (directory) {
- this.uploadRecursive(element, directory, upload_options, driveCollectionKey);
- }
- });
- }
- });
- }
-
- createDirectory(name, parent, upload_options, driveCollectionKey, callback) {
- if (this.currentUploadingFilesNumber > 4) {
- setTimeout(() => {
- this.createDirectory(name, parent, upload_options, driveCollectionKey, callback);
- }, 500);
- return;
- }
-
- this.currentUploadingFilesNumber++;
-
- DriveService.createDirectory(
- upload_options.workspace_id,
- name,
- parent,
- driveCollectionKey,
- dir => {
- this.currentUploadingFilesNumber--;
- if (callback) callback(dir);
- },
- );
- }
-
abort(elements) {
var that = this;
@@ -159,170 +52,6 @@ class UploadManager extends Observable {
that.notify();
}
-
- uploadFile(element, drive_parent, upload_options, driveCollectionKey, callback, timeout_count) {
- this.currentWaitingFilesNumber++;
-
- if (!timeout_count) {
- timeout_count = 0;
- }
-
- if (this.currentUploadingFilesNumber > 4) {
- setTimeout(() => {
- this.currentWaitingFilesNumber--;
- this.uploadFile(
- element,
- drive_parent,
- upload_options,
- driveCollectionKey,
- callback,
- timeout_count + 1,
- );
- }, Math.max(30000, 500 * (this.currentWaitingFilesNumber + 1) + Math.random() * 1000));
- return;
- }
-
- this.currentWaitingFilesNumber--;
- this.currentUploadingFilesNumber++;
-
- // eslint-disable-next-line no-unused-vars
- var listIndex = 0;
- var current_item = 0;
- this.currentUploadFiles.forEach((item, i) => {
- if (item.file === element) {
- listIndex = i;
- current_item = item;
- }
- });
-
- var that = this;
-
- if (current_item.xhr_cancelled === true) {
- return;
- }
-
- var extension = element.name.split('.');
- var r_data = {
- workspace_id: upload_options.workspace_id,
- name: element.name,
- extension: extension[extension.length - 1],
- };
-
- //Use Resumable.js for upload by chunk
- var r = new Resumable({
- target: `${Globals.api_root_url}/ajax/driveupload/upload`,
- chunkSize: 50000000,
- testChunks: false,
- simultaneousUploads: 5,
- withCredentials: true,
- maxChunkRetries: 2,
- headers: {
- Authorization: JWTStorage.getAutorizationHeader(),
- },
- query: {
- object: JSON.stringify({
- id: upload_options.new_version ? upload_options.file_id : null,
- _once_new_version: upload_options.new_version,
- front_id: Number.unid(),
- is_directory: false,
- name: element.name,
- parent_id: drive_parent ? drive_parent.id : null,
- workspace_id: upload_options.workspace_id,
- detached: upload_options.detached,
- }),
- },
- generateUniqueIdentifier: (file, event) => {
- return 'no_id';
- },
- });
-
- current_item.resumable = r;
-
- current_item.timeout = setTimeout(() => {
- this.currentUploadingFilesNumber--;
- }, 60000);
-
- r.on('fileSuccess', function (file, message) {
- clearTimeout(current_item.timeout);
-
- that.currentUploadedFilesNumber++;
- that.currentUploadingFilesNumber--;
- current_item.progress = 1;
-
- if (
- that.currentUploadedFilesNumber +
- that.currentCancelledFilesNumber +
- that.currentErrorFilesNumber >=
- that.currentUploadTotalNumber
- ) {
- that.reinitAfterDelay();
- }
-
- var resp = JSON.parse(message);
-
- if (resp.data && resp.data.object) {
- Collections.get('drive').updateObject(resp.data.object);
- Collections.get('drive').share(resp.data.object);
-
- if (callback) callback(Collections.get('drive').find(resp.data.object.id));
-
- var parent = Collections.get('drive').find(resp.data.object.parent_id);
- if (parent) {
- parent.size = parseInt(parent.size) + parseInt(resp.data.object.size || 0);
- Collections.get('drive').updateObject(parent);
- }
- } else {
- current_item.error = 1;
- }
-
- that.notify();
- });
- r.on('progress', function (file, message) {
- current_item.progress = Math.min(r.progress(), 0.99);
- that.notify();
-
- clearTimeout(current_item.timeout);
- current_item.timeout = setTimeout(() => {
- this.currentUploadingFilesNumber--;
- }, 60000);
- });
- r.on('fileError', function (file, message) {
- clearTimeout(current_item.timeout);
-
- that.currentErrorFilesNumber++;
- that.currentUploadingFilesNumber--;
- current_item.error = true;
-
- if (
- that.currentUploadedFilesNumber +
- that.currentCancelledFilesNumber +
- that.currentErrorFilesNumber >=
- that.currentUploadTotalNumber
- ) {
- that.reinitAfterDelay();
- }
-
- that.notify();
- });
-
- r.addFile(element);
-
- Api.post(
- '/ajax/driveupload/preprocess',
- {
- workspace_id: r_data.workspace_id,
- name: r_data.name,
- identifier: r_data.identifier,
- extension: r_data.extension,
- },
- res => {
- var identifier = res.identifier;
- var file = r.getFromUniqueIdentifier('no_id');
- file.uniqueIdentifier = identifier;
- r.upload();
- },
- );
- }
}
const service = new UploadManager();
diff --git a/tdrive/frontend/src/app/components/uploads/upload-viewer.jsx b/tdrive/frontend/src/app/components/uploads/upload-viewer.jsx
index e8129896..7eeb86a3 100755
--- a/tdrive/frontend/src/app/components/uploads/upload-viewer.jsx
+++ b/tdrive/frontend/src/app/components/uploads/upload-viewer.jsx
@@ -4,7 +4,7 @@ import UploadManager from './upload-manager.js';
import CloseIcon from '@material-ui/icons/CloseOutlined';
import './uploads.scss';
import moment from 'moment';
-import Languages from 'app/features/global/services/languages-service';
+import Languages from '@features/global/services/languages-service';
export default class UploadViewer extends React.Component {
constructor(props) {
@@ -152,14 +152,6 @@ export default class UploadViewer extends React.Component {
{parseInt((item.progress || 0) * 100)}%
- {
- UploadManager.abort(item.all_files || item);
- }}
- >
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/deprecated/Apps/Calendar/Calendar.js b/tdrive/frontend/src/app/deprecated/Apps/Calendar/Calendar.js
deleted file mode 100755
index 08b76d1d..00000000
--- a/tdrive/frontend/src/app/deprecated/Apps/Calendar/Calendar.js
+++ /dev/null
@@ -1,193 +0,0 @@
-import Languages from 'app/features/global/services/languages-service';
-import Observable from 'app/deprecated/CollectionsV1/observable.js';
-import Globals from 'app/features/global/services/globals-tdrive-app-service';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import MediumPopupManager from 'app/components/modal/modal-manager';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import Api from 'app/features/global/framework/api-service';
-import UserService from 'app/features/users/services/current-user-service';
-
-class Calendar extends Observable {
- constructor() {
- super();
- this.setObservableName('app_calendar_service');
-
- Globals.window.calendarService = this;
-
- this.preview = null;
- this.edited = null;
- this.last_used_calendar = {};
- this.date = new Date();
-
- this.generateMenu();
- this.event_types_by_value = {};
- this.event_types.map(item => {
- return (this.event_types_by_value[item.value] = item);
- });
- }
-
- generateMenu() {
- this.event_types = [
- {
- icon: 'calender',
- text: Languages.t('services.apps.calendar.event_icon', [], 'Événement'),
- value: 'event',
- },
- {
- icon: 'car-sideview',
- text: Languages.t('services.apps.calendar.move_icon', [], 'Déplacement'),
- value: 'move',
- },
- {
- icon: 'stopwatch-slash',
- text: Languages.t('services.apps.calendar.deadline_icon', [], 'Deadline'),
- value: 'deadline',
- },
- {
- icon: 'stopwatch',
- text: Languages.t('services.apps.calendar.reminder_icon', [], 'Rappel'),
- value: 'remind',
- },
- ];
- }
-
- setDate(date) {
- this.date = date;
- this.notify();
- }
-
- edit(_event) {
- this.generateMenu();
- this.closePopups();
-
- this.edited = Collections.get('events').edit(_event.front_id ? _event : {});
-
- _event.front_id = this.edited.front_id;
- this.edited = Collections.get('events').completeObject(_event, this.edited.front_id);
-
- if (!this.edited.id) {
- if (!this.edited.notifications) {
- this.edited.notifications = [];
- this.edited.notifications.push({
- mode: 'push',
- delay: 60 * 30,
- });
- }
-
- if (!this.edited.participants) {
- this.edited.participants = [];
- this.edited.participants.push({
- user_id_or_mail: UserService.getCurrentUserId(),
- });
- }
-
- if (!this.edited.workspaces_calendars && this.filter_mode === 'workspace') {
- if (!this.last_used_calendar[Workspaces.currentWorkspaceId]) {
- var tmp = Collections.get('calendars').findBy({
- workspace_id: Workspaces.currentWorkspaceId,
- })[0];
- if (tmp) {
- this.last_used_calendar[Workspaces.currentWorkspaceId] = {
- calendar_id: tmp.id,
- workspace_id: tmp.workspace_id,
- };
- }
- }
- var workspace_calendar = this.last_used_calendar[Workspaces.currentWorkspaceId];
-
- if (workspace_calendar) {
- this.edited.workspaces_calendars = [];
- this.edited.workspaces_calendars.push({
- calendar_id: workspace_calendar.calendar_id,
- workspace_id: workspace_calendar.workspace_id,
- });
- }
- }
- }
-
- this.preview = this.edited;
- Collections.get('events').notify();
- this.notify();
- }
-
- saveEdit(collectionKey) {
- if (!this.edited) {
- return;
- }
- var event = this.edited;
- this.edited = null;
- this.save(event, collectionKey);
- this.closePopups();
- }
-
- startPreview(event) {
- this.closePopups();
- this.preview = Collections.get('events').findByFrontId(event.front_id) || event;
- }
-
- closePopups() {
- this.preview = null;
- if (this.edited) {
- Collections.get('events').cancelEdit(this.edited);
- this.edited = null;
- }
- MediumPopupManager.close();
- }
-
- remove(event, collectionKey) {
- this.closePopups();
- Collections.get('events').remove(event, collectionKey);
- }
-
- save(event, collectionKey) {
- if (!event.front_id) {
- return;
- }
- event = Collections.get('events').completeObject(event, event.front_id);
-
- if (event.workspaces_calendars && event.workspaces_calendars.length > 0) {
- this.last_used_calendar[Workspaces.currentWorkspaceId] = event.workspaces_calendars[0];
- }
-
- if (!this.edited || event.front_id !== this.edited.front_id) {
- Collections.get('events').save(event, collectionKey);
- } else {
- Collections.get('events').notify();
- }
- return event;
- }
-
- export(workspace_id, calendars, download, callback) {
- Api.post(
- '/ajax/calendar/token_export',
- { workspace_id: workspace_id, calendars: calendars },
- res => {
- if (download) {
- document.location = Api.route('/ajax/calendar/export?token=' + res.token);
- } else {
- if (callback) callback(Api.route('/ajax/calendar/export?token=' + res.token));
- }
- },
- );
- }
-
- getIsReadonly(event) {
- event = Collections.get('events').findByFrontId(event.front_id) || event;
- if (!event.id) {
- return false;
- }
- var readonly = event.readonly;
- if (event.owner && event.owner !== UserService.getCurrentUserId()) {
- readonly = true;
- }
- (event.workspaces_calendars || []).forEach(item => {
- if (item.workspace_id !== Workspaces.currentWorkspaceId) {
- readonly = true;
- }
- });
- return readonly;
- }
-}
-
-const service = new Calendar();
-export default service;
diff --git a/tdrive/frontend/src/app/deprecated/Apps/Drive/Drive.js b/tdrive/frontend/src/app/deprecated/Apps/Drive/Drive.js
deleted file mode 100755
index 0ac2c89d..00000000
--- a/tdrive/frontend/src/app/deprecated/Apps/Drive/Drive.js
+++ /dev/null
@@ -1,637 +0,0 @@
-import Observable from 'app/deprecated/CollectionsV1/observable.js';
-import Api from 'app/features/global/framework/api-service';
-import Workspaces from 'app/deprecated/workspaces/workspaces.jsx';
-import Collections from 'app/deprecated/CollectionsV1/Collections/Collections.js';
-import LocalStorage from 'app/features/global/framework/local-storage-service';
-import AceModeList from './utils/ace_modelist.js';
-import { getCompanyApplications } from 'app/features/applications/state/company-applications';
-import Groups from 'app/deprecated/workspaces/groups.js';
-import _ from 'lodash';
-
-import Globals from 'app/features/global/services/globals-tdrive-app-service';
-
-class Drive extends Observable {
- constructor() {
- super();
- this.setObservableName('app_drive_service');
- this.view_mode = 'grid';
- if (typeof window != 'undefined' && window.screen && window.screen.width < 550) {
- this.view_mode = 'list';
- }
-
- this.current_directory_channels = {};
- this.current_collection_key_channels = {};
- this.current_position_key_channels = {};
- this.is_in_trash_channels = {};
-
- this.root_directories = {};
- this.trash_directories = {};
- this.looking_for_root_directories = {};
- this.looking_for = {};
- this.changing_directory = {};
-
- this.public_access_token = null;
-
- if (!Globals.window.drive_service) {
- Globals.window.drive_service = [];
- }
- Globals.window.drive_service.push(this);
- this.view_mode = LocalStorage.getItem('drive_view') || 'grid';
- }
-
- addSourceIfNotExist(workspace_id, channel, parent_id, prefix) {
- if (!this.current_collection_key_channels[channel]) {
- this.current_collection_key_channels[channel] = 'drive' + channel;
- }
- Collections.get('drive').addSource(
- {
- http_base_url: 'drive/v2',
- http_options: {
- workspace_id: workspace_id || Workspaces.currentWorkspaceId,
- directory_id: parent_id || (this.current_directory_channels[channel] || {}).id,
- trash: parent_id ? false : !!this.is_in_trash_channels[channel],
- public_access_token: this.public_access_token,
- },
- websockets: [
- {
- uri:
- 'drive/' +
- (workspace_id || Workspaces.currentWorkspaceId) +
- '/' +
- (parent_id || (this.current_directory_channels[channel] || {}).id) +
- (!parent_id && this.is_in_trash_channels[channel] ? '/trash' : ''),
- options: { type: 'drive' },
- },
- ],
- },
- (prefix ? prefix : '') + this.current_collection_key_channels[channel],
- );
- return (prefix ? prefix : '') + this.current_collection_key_channels[channel];
- }
-
- changeCurrentDirectory(channel, directory, workspace_id) {
- if (this.changing_directory[channel]) {
- return;
- }
-
- this.current_directory_channels[channel] = directory;
-
- if (!Collections.get('drive').find(directory.id)) {
- var wid = Workspaces.currentWorkspaceId;
- this.changing_directory[channel] = true;
- var tmp = this.find(
- workspace_id || Workspaces.currentWorkspaceId,
- directory.id || 'root',
- () => {
- this.changing_directory[channel] = false;
- this.changeCurrentDirectory(channel, directory, wid);
- },
- );
- if (!tmp._searching) {
- this.changing_directory[channel] = false;
- }
- this.current_directory_channels[channel] = tmp;
- } else {
- this.current_directory_channels[channel] = Collections.get('drive').find(directory.id);
- }
-
- var current_position_key =
- (this.current_directory_channels[channel] || {}).id +
- '_' +
- (workspace_id || Workspaces.currentWorkspaceId) +
- (this.is_in_trash_channels[channel] ? '_trash' : '') +
- channel;
-
- if (this.current_position_key_channels[channel] !== current_position_key) {
- this.current_position_key_channels[channel] = current_position_key;
-
- var old_drive_collection_key = this.current_collection_key_channels[channel];
- if (old_drive_collection_key) {
- Collections.get('drive').removeSource(old_drive_collection_key);
- }
- this.current_collection_key_channels[channel] = 'drive_' + current_position_key;
-
- this.addSourceIfNotExist(workspace_id, channel);
- }
-
- this.notify();
- }
-
- toggleInTrash(channel) {
- this.is_in_trash_channels[channel] = !this.is_in_trash_channels[channel];
- var dir = {};
- if (this.is_in_trash_channels[channel]) {
- dir = this.trash_directories[channel] || { id: 'trash' };
- } else {
- dir = this.root_directories[channel] || 'root';
- }
-
- this.changeCurrentDirectory(channel, dir);
- }
-
- toggleView() {
- this.view_mode = this.view_mode === 'grid' ? 'list' : 'grid';
- LocalStorage.setItem('drive_view', this.view_mode);
- this.notify();
- }
-
- find(workspace_id, directory_id, callback, test_preview_count, force) {
- if (!directory_id) {
- return;
- }
-
- if (directory_id === 'root' || directory_id === 'trash') {
- var key = workspace_id + '_' + directory_id;
-
- if (this.root_directories[key] && directory_id === 'root') {
- return this.root_directories[key] || {};
- }
-
- if (this.trash_directories[key] && directory_id === 'trash') {
- return this.trash_directories[key] || {};
- }
-
- if (this.looking_for_root_directories[key]) {
- return {};
- }
-
- this.looking_for_root_directories[key] = true;
-
- Api.post(
- '/ajax/drive/v2/find',
- {
- options: {
- element_id: directory_id,
- workspace_id: workspace_id,
- public_access_token: this.public_access_token,
- },
- },
- res => {
- this.looking_for_root_directories[key] = false;
- if (res && res.data) {
- if (directory_id === 'root') {
- this.root_directories[key] = res.data;
- }
- if (directory_id === 'trash') {
- this.trash_directories[key] = res.data;
- }
- Collections.get('drive').updateObject(res.data);
- if (callback) callback(res.data);
- }
- },
- );
- return { _searching: true };
- } else {
- if (this.looking_for[directory_id]) {
- return {};
- }
-
- if (Collections.get('drive').find(directory_id) && !force) {
- return Collections.get('drive').find(directory_id);
- }
- this.looking_for[directory_id] = true;
-
- Api.post(
- '/ajax/drive/v2/find',
- {
- options: {
- element_id: directory_id,
- workspace_id: workspace_id,
- public_access_token: this.public_access_token,
- },
- },
- res => {
- if (res && res.data) {
- this.looking_for[directory_id] = false;
- Collections.get('drive').updateObject(res.data);
- if (callback) {
- callback(res.data);
- }
- if (
- !res.data.is_directory &&
- !res.data.preview_has_been_generated &&
- (!test_preview_count || test_preview_count < 4)
- ) {
- setTimeout(() => {
- this.find(workspace_id, directory_id, () => {}, (test_preview_count || 0) + 1);
- }, 2000);
- }
- }
- },
- );
- return { _searching: true };
- }
- }
-
- addPathForElement(element, try_find) {
- element = Collections.get('drive').find(element.id) || element;
-
- if (!element.path) {
- if (try_find !== false) {
- this.find(
- element.workspace_id,
- element.id,
- res => {
- this.addPathForElement(res, false);
- },
- false,
- true,
- );
- }
- element.path = [];
- }
-
- if (
- element.path &&
- element.path[element.path.length - 1] &&
- element.path[element.path.length - 1].id !== element.id
- ) {
- element.path.push(JSON.parse(JSON.stringify(element)));
- }
-
- if (!element.parent_id || element.parent_id === 'root') {
- element.path = element.path || [];
- return;
- }
-
- var parent = Collections.get('drive').find(element.parent_id);
-
- if (!parent) {
- element.path = element.path || [];
- return;
- }
-
- element.path = JSON.parse(JSON.stringify(parent.path || [parent]));
- if (
- parent.path &&
- parent.path[parent.path.length - 1] &&
- parent.path[parent.path.length - 1].id !== element.id
- ) {
- element.path.push(JSON.parse(JSON.stringify(element)));
- }
- }
-
- save(object, driveCollectionKey) {
- Collections.get('drive').save(object, driveCollectionKey);
- }
-
- updateAccess(object, values, driveCollectionKey) {
- object.acces_info = object.acces_info || {};
- Object.keys(values).forEach(k => {
- object.acces_info[k] = values[k];
- });
-
- object._once_set_access = true;
- this.save(object, driveCollectionKey);
- }
-
- createFile(workspace_id, name, parent, options, driveCollectionKey, callback) {
- if (!name) {
- return;
- }
-
- if (!options) {
- options = {};
- }
-
- var file = Collections.get('drive').editCopy();
-
- file.name = name;
- file.trash = false;
- file.is_directory = false;
- file.parent_id = (parent || {}).id || 'root';
- file.workspace_id = workspace_id || Workspaces.currentWorkspaceId;
- if (options.url) {
- file.url = options.url;
- }
- if (options.download_content_from_url) {
- file.file_url = options.download_content_from_url;
- }
-
- this.addPathForElement(file);
-
- Collections.get('drive').save(file, driveCollectionKey, callback);
- }
-
- createDirectory(workspace_id, name, parent, driveCollectionKey, callback, options) {
- if (!name) {
- return;
- }
-
- if (!options) {
- options = {};
- }
-
- var directory = Collections.get('drive').editCopy();
-
- directory.name = name;
- directory.trash = false;
- directory.is_directory = true;
- directory.parent_id = (parent || {}).id || 'root';
- directory.workspace_id = workspace_id || Workspaces.currentWorkspaceId;
- directory.external_storage = options.external_storage || false;
-
- if (options.application_id) {
- directory.application_id = options.application_id;
- }
-
- this.addPathForElement(directory);
-
- Collections.get('drive').save(directory, driveCollectionKey, callback);
- }
-
- moveFile(objects_id, directory, driveCollectionKey) {
- if (objects_id && typeof objects_id != 'object') {
- objects_id = [objects_id];
- }
- if (!objects_id) {
- return;
- }
-
- if (!directory || !directory.is_directory || !directory.id) {
- return;
- }
-
- objects_id.forEach(el_id => {
- var el = Collections.get('drive').find(el_id);
- if (el && el.parent_id !== directory.id && el.id !== directory.id) {
- el.parent_id = directory.id;
- el.detached = false;
- this.addPathForElement(el);
- Collections.get('drive').save(el, driveCollectionKey);
- }
- });
- }
-
- removeDefinitively(element, collection_key) {
- if (element && typeof element != 'object') {
- element = [element];
- }
- if (!element) {
- return;
- }
-
- element.forEach(el => {
- Collections.get('drive').remove(el, collection_key);
- });
- }
-
- remove(element, collection_key) {
- if (element && typeof element != 'object') {
- element = [element];
- }
- if (!element) {
- return;
- }
-
- element.forEach(el => {
- el.trash = true;
- Collections.get('drive').save(el, collection_key);
- });
- }
-
- restore(element, collection_key) {
- if (element && typeof element != 'object') {
- element = [element];
- }
- if (!element) {
- return;
- }
-
- element.forEach(el => {
- el.trash = false;
- Collections.get('drive').save(el, collection_key);
- });
- }
-
- emptyTrash(workspace_id, callback) {
- Api.post('/ajax/drive/trash/empty', { workspace_id: workspace_id }, res => {
- if (!res.errors || res.errors.length === 0) {
- if (res.data) {
- this.trash_directories[workspace_id + '_trash'] = res.data;
-
- Collections.get('drive').updateObject(res.data);
-
- if (callback) callback();
- }
- }
- });
- }
-
- getLink(element, version_id, download, public_access_key) {
- if (element && element.length) {
- //Multiple elements
-
- var workspace_id = element[0].workspace_id;
-
- return (
- Api.route('/ajax/drive/download') +
- '?workspace_id=' +
- workspace_id +
- '&elements_id=' +
- element.map(item => item.id).join(',') +
- '&download=1' +
- '&parent_id=' +
- (element[0] || {}).parent_id ||
- element.parent_id + (public_access_key ? '&public_access_key=' + public_access_key : '')
- );
- }
-
- if (element.url) {
- return element.url;
- }
-
- // eslint-disable-next-line no-redeclare
- var workspace_id = element.workspace_id;
- var version = '';
- if (version_id !== undefined) {
- version = '&version_id=' + version_id;
- }
- return (
- Api.route('/ajax/drive/download') +
- '?workspace_id=' +
- workspace_id +
- '&element_id=' +
- element.id +
- version +
- '&download=' +
- (download ? '1' : '0') +
- '&parent_id=' +
- (element[0] || {}).parent_id ||
- element.parent_id + (public_access_key ? '&public_access_key=' + public_access_key : '')
- );
- }
-
- getFileType(file) {
- var extension = file.extension?.toLocaleLowerCase();
-
- var extension2type = {
- image: ['png', 'jpg', 'jpeg', 'gif', 'tiff', 'heic'],
- audio: ['wav', 'aif', 'aiff', 'mp3', 'flac'],
- link: ['url'],
- document: ['doc', 'docx', 'odt', 'rtf', 'txt'],
- slides: ['ppt', 'pptx', 'odp'],
- spreadsheet: ['xls', 'xlsx', 'ods', 'csv'],
- pdf: ['pdf'],
- svg: ['svg'],
- video: ['mp4', 'mov', 'avi', 'webm', 'm4v', 'mkv'],
- archive: ['zip', 'tar', 'gz', 'rar'],
- code: ['php', 'c', 'cpp', 'py', 'html', 'yml', 'json', 'md'],
- };
-
- var keys = Object.keys(extension2type);
- for (var i = 0; i < keys.length; i++) {
- if (extension2type[keys[i]].indexOf(extension) >= 0) {
- return keys[i];
- }
- }
-
- if (AceModeList.getMode(extension) !== 'text') {
- return 'code';
- }
-
- return 'other';
- }
-
- viewDocument(file, previewonly = false) {
- this.viewed_document = file;
- this.previewonly = previewonly;
- this.notify();
- }
-
- getEditorsCandidates(current) {
- var preview_candidate = [];
- var editor_candidate = [];
-
- if ((current.hidden_data || {}).preview_url) {
- preview_candidate.push({
- url: (current.hidden_data || {}).preview_url,
- });
- }
- if ((current.hidden_data || {}).editor_url) {
- editor_candidate.push({
- is_url_file: true,
- url: (current.hidden_data || {}).editor_url,
- name: (current.hidden_data || {}).editor_name || 'web link',
- app: {
- name: (current.hidden_data || {}).editor_name || 'web link',
- },
- });
- }
-
- const apps = getCompanyApplications(Groups.currentGroupId).filter(
- app =>
- app.display?.tdrive?.files?.editor?.preview_url ||
- app.display?.tdrive?.files?.editor?.edition_url,
- );
-
- //Primary exts
- apps.forEach(app => {
- if (
- (app.display?.tdrive?.files?.editor?.extensions || []).indexOf(
- ((current.extension || '') + (current.url ? '.url' : '')).toLocaleLowerCase(),
- ) >= 0
- ) {
- if (app.display?.tdrive?.files?.editor?.edition_url) {
- editor_candidate.push({ app });
- }
- if (app.display?.tdrive?.files?.editor?.preview_url) {
- preview_candidate.push({
- url: app.display?.tdrive?.files?.editor?.preview_url,
- app: app,
- });
- }
- }
- });
-
- //Default viewers
-
- if (this.getFileType(current) === 'pdf') {
- preview_candidate.push({
- url:
- '/public/viewer/PDFViewer/viewer.html?link=' +
- encodeURIComponent(this.getLink(current, null, true)),
- });
- }
- if (this.getFileType(current) === 'image') {
- preview_candidate.push({
- url:
- '/public/viewer/ImageViewer/viewer.html?link=' +
- encodeURIComponent(this.getLink(current, null, true)),
- });
- }
- if (this.getFileType(current) === 'video') {
- preview_candidate.push({
- url:
- '/public/viewer/VideoViewer/viewer.html?link=' +
- encodeURIComponent(this.getLink(current, null, true)),
- });
- }
- if (this.getFileType(current) === 'audio') {
- preview_candidate.push({
- url:
- '/public/viewer/AudioViewer/viewer.html?link=' +
- encodeURIComponent(this.getLink(current, null, true)),
- });
- }
- if (this.getFileType(current) === 'code') {
- preview_candidate.push({
- url:
- '/public/viewer/CodeViewer/viewer.html?ext=' +
- current.extension +
- '&link=' +
- encodeURIComponent(this.getLink(current, null, true)),
- });
- }
-
- //Secondary ext
- apps.forEach(app => {
- if (
- (app.display?.tdrive?.files?.editor?.extensions || []).indexOf(
- ((current.extension || '') + (current.url ? '.url' : '')).toLocaleLowerCase(),
- ) >= 0
- ) {
- if (app.display?.tdrive?.files?.editor?.edition_url) {
- editor_candidate.push({ app });
- }
- if (app.display?.tdrive?.files?.editor?.preview_url) {
- preview_candidate.push({
- url: app.display?.tdrive?.files?.editor?.preview_url,
- app: app,
- });
- }
- }
- });
-
- return {
- preview_candidate: _.uniqBy(preview_candidate, a => a.app?.id || a.url),
- editor_candidate: _.uniqBy(editor_candidate, a => a.app?.id || a.url),
- };
- }
-
- getFileUrlForEdition(url, app, id, cb) {
- if (!app) {
- cb(url);
- return;
- }
- Api.post(
- '/ajax/market/app/api/getToken',
- {
- application_id: app.id,
- workspace_id: Workspaces.currentWorkspaceId,
- group_id: Workspaces.currentGroupId,
- },
- res => {
- var token = res.token;
- url += (url.indexOf('?') > 0 ? '&' : '?') + 'token=' + token;
- url += '&file_id=' + id;
- url += '&workspace_id=' + Workspaces.currentWorkspaceId;
- url += '&group_id=' + Workspaces.currentGroupId;
- cb(url);
- },
- );
- }
-}
-
-const service = new Drive();
-export default service;
diff --git a/tdrive/frontend/src/app/deprecated/Apps/Drive/utils/ace_modelist.js b/tdrive/frontend/src/app/deprecated/Apps/Drive/utils/ace_modelist.js
deleted file mode 100755
index 78098168..00000000
--- a/tdrive/frontend/src/app/deprecated/Apps/Drive/utils/ace_modelist.js
+++ /dev/null
@@ -1,211 +0,0 @@
-class AceModeList {
- constructor() {
- var supportedModes = {
- ABAP: ['abap'],
- ABC: ['abc'],
- ActionScript: ['as'],
- ADA: ['ada|adb'],
- Apache_Conf: ['^htaccess|^htgroups|^htpasswd|^conf|htaccess|htgroups|htpasswd'],
- AsciiDoc: ['asciidoc|adoc'],
- Assembly_x86: ['asm|a'],
- AutoHotKey: ['ahk'],
- BatchFile: ['bat|cmd'],
- Bro: ['bro'],
- C_Cpp: ['cpp|c|cc|cxx|h|hh|hpp|ino'],
- C9Search: ['c9search_results'],
- Cirru: ['cirru|cr'],
- Clojure: ['clj|cljs'],
- Cobol: ['CBL|COB'],
- coffee: ['coffee|cf|cson|^Cakefile'],
- ColdFusion: ['cfm'],
- CSharp: ['cs'],
- Csound_Document: ['csd'],
- Csound_Orchestra: ['orc'],
- Csound_Score: ['sco'],
- CSS: ['css'],
- Curly: ['curly'],
- D: ['d|di'],
- Dart: ['dart'],
- Diff: ['diff|patch'],
- Dockerfile: ['^Dockerfile'],
- Dot: ['dot'],
- Drools: ['drl'],
- Edifact: ['edi'],
- Eiffel: ['e|ge'],
- EJS: ['ejs'],
- Elixir: ['ex|exs'],
- Elm: ['elm'],
- Erlang: ['erl|hrl'],
- Forth: ['frt|fs|ldr|fth|4th'],
- Fortran: ['f|f90'],
- FTL: ['ftl'],
- Gcode: ['gcode'],
- Gherkin: ['feature'],
- Gitignore: ['^.gitignore'],
- Glsl: ['glsl|frag|vert'],
- Gobstones: ['gbs'],
- golang: ['go'],
- GraphQLSchema: ['gql'],
- Groovy: ['groovy'],
- HAML: ['haml'],
- Handlebars: ['hbs|handlebars|tpl|mustache'],
- Haskell: ['hs'],
- Haskell_Cabal: ['cabal'],
- haXe: ['hx'],
- Hjson: ['hjson'],
- HTML: ['html|htm|xhtml|vue|we|wpy'],
- HTML_Elixir: ['eex|html.eex'],
- HTML_Ruby: ['erb|rhtml|html.erb'],
- INI: ['ini|conf|cfg|prefs'],
- Io: ['io'],
- Jack: ['jack'],
- Jade: ['jade|pug'],
- Java: ['java'],
- JavaScript: ['js|jsm|jsx'],
- JSON: ['json'],
- JSONiq: ['jq'],
- JSP: ['jsp'],
- JSSM: ['jssm|jssm_state'],
- JSX: ['jsx'],
- Julia: ['jl'],
- Kotlin: ['kt|kts'],
- LaTeX: ['tex|latex|ltx|bib'],
- LESS: ['less'],
- Liquid: ['liquid'],
- Lisp: ['lisp'],
- LiveScript: ['ls'],
- LogiQL: ['logic|lql'],
- LSL: ['lsl'],
- Lua: ['lua'],
- LuaPage: ['lp'],
- Lucene: ['lucene'],
- Makefile: ['^Makefile|^GNUmakefile|^makefile|^OCamlMakefile|make'],
- Markdown: ['md|markdown'],
- Mask: ['mask'],
- MATLAB: ['matlab'],
- Maze: ['mz'],
- MEL: ['mel'],
- MIXAL: ['mixal'],
- MUSHCode: ['mc|mush'],
- MySQL: ['mysql'],
- Nix: ['nix'],
- NSIS: ['nsi|nsh'],
- ObjectiveC: ['m|mm'],
- OCaml: ['ml|mli'],
- Pascal: ['pas|p'],
- Perl: ['pl|pm'],
- pgSQL: ['pgsql'],
- PHP: ['php|phtml|shtml|php3|php4|php5|phps|phpt|aw|ctp|module'],
- Pig: ['pig'],
- Powershell: ['ps1'],
- Praat: ['praat|praatscript|psc|proc'],
- Prolog: ['plg|prolog'],
- Properties: ['properties'],
- Protobuf: ['proto'],
- Python: ['py'],
- R: ['r'],
- Razor: ['cshtml|asp'],
- RDoc: ['Rd'],
- Red: ['red|reds'],
- RHTML: ['Rhtml'],
- RST: ['rst'],
- Ruby: ['rb|ru|gemspec|rake|^Guardfile|^Rakefile|^Gemfile'],
- Rust: ['rs'],
- SASS: ['sass'],
- SCAD: ['scad'],
- Scala: ['scala'],
- Scheme: ['scm|sm|rkt|oak|scheme'],
- SCSS: ['scss'],
- SH: ['sh|bash|^.bashrc'],
- SJS: ['sjs'],
- Smarty: ['smarty|tpl'],
- snippets: ['snippets'],
- Soy_Template: ['soy'],
- Space: ['space'],
- SQL: ['sql'],
- SQLServer: ['sqlserver'],
- Stylus: ['styl|stylus'],
- SVG: ['svg'],
- Swift: ['swift'],
- Tcl: ['tcl'],
- Tex: ['tex'],
- Text: ['txt'],
- Textile: ['textile'],
- Toml: ['toml'],
- TSX: ['tsx'],
- Twig: ['twig|swig'],
- Typescript: ['ts|typescript|str'],
- Vala: ['vala'],
- VBScript: ['vbs|vb'],
- Velocity: ['vm'],
- Verilog: ['v|vh|sv|svh'],
- VHDL: ['vhd|vhdl'],
- Wollok: ['wlk|wpgm|wtest'],
- XML: ['xml|rdf|rss|wsdl|xslt|atom|mathml|mml|xul|xbl|xaml'],
- XQuery: ['xq'],
- YAML: ['yaml|yml'],
- // Add the missing mode "Django" to ext-modelist
- Django: ['html'],
- };
-
- this.modes = [];
- var Mode = function (name, caption, extensions) {
- this.name = name;
- this.caption = caption;
- this.mode = 'ace/mode/' + name;
- this.extensions = extensions;
- var re;
- if (/\^/.test(extensions)) {
- re =
- extensions.replace(/\|(\^)?/g, function (a, b) {
- return '$|' + (b ? '^' : '^.*\\.');
- }) + '$';
- } else {
- re = '^.*\\.(' + extensions + ')$';
- }
-
- this.extRe = new RegExp(re, 'gi');
- };
-
- Mode.prototype.supportsFile = function (filename) {
- return filename.match(this.extRe);
- };
-
- var nameOverrides = {
- ObjectiveC: 'Objective-C',
- CSharp: 'C#',
- golang: 'Go',
- C_Cpp: 'C and C++',
- Csound_Document: 'Csound Document',
- Csound_Orchestra: 'Csound',
- Csound_Score: 'Csound Score',
- coffee: 'CoffeeScript',
- HTML_Ruby: 'HTML (Ruby)',
- HTML_Elixir: 'HTML (Elixir)',
- FTL: 'FreeMarker',
- };
- this.modesByName = {};
- for (var name in supportedModes) {
- var data = supportedModes[name];
- var displayName = (nameOverrides[name] || name).replace(/_/g, ' ');
- var filename = name.toLowerCase();
- var mode = new Mode(filename, displayName, data[0]);
- this.modesByName[filename] = mode;
- this.modes.push(mode);
- }
- }
-
- getMode(ext) {
- var mode = this.modesByName.text;
- for (var i = 0; i < this.modes.length; i++) {
- if (this.modes[i].supportsFile('.' + ext)) {
- mode = this.modes[i];
- break;
- }
- }
- return mode.name;
- }
-}
-
-const aceModeList = new AceModeList();
-export default aceModeList;
diff --git a/tdrive/frontend/src/app/deprecated/Apps/Feed/FeedLoader.ts b/tdrive/frontend/src/app/deprecated/Apps/Feed/FeedLoader.ts
deleted file mode 100644
index 25fb049d..00000000
--- a/tdrive/frontend/src/app/deprecated/Apps/Feed/FeedLoader.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-type Direction = "up" | "down";
-
-export type Completion = {
- top: boolean;
- bottom: boolean;
-};
-
-export type FeedResponse
-
-
-
-
- {}}
- >
-
-
- );
-};
diff --git a/tdrive/frontend/src/app/molecules/message-quote/message-quote.stories.tsx b/tdrive/frontend/src/app/molecules/message-quote/message-quote.stories.tsx
deleted file mode 100644
index 814a99d2..00000000
--- a/tdrive/frontend/src/app/molecules/message-quote/message-quote.stories.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import MessageQuote from './index';
-
-export default {
- title: 'molecules/message-quote',
- component: MessageQuote,
-} as ComponentMeta
-
- {closable && onClose && (
- {author}
-
- {deleted ? (
- {Languages.t('molecules.message_quote.deleted')}
- ) : (
- message
- )}
-
-
- {
- e.stopPropagation();
- onClose();
- }}
- />
-
- )}
-
- {messageStatus === 'sent' &&
- );
-};
diff --git a/tdrive/frontend/src/app/molecules/message-status/message-status.stories.tsx b/tdrive/frontend/src/app/molecules/message-status/message-status.stories.tsx
deleted file mode 100644
index bb83ee0e..00000000
--- a/tdrive/frontend/src/app/molecules/message-status/message-status.stories.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import MessageDeliveryStatus from './index';
-
-export default {
- title: 'molecules/Message-delivery-status',
- component: MessageDeliveryStatus,
-} as ComponentMetaAll
,
- Chats
,
-
-