* MM-61173 - channel settings modal: base modal, initial commit, file creation and base component * new enhancements to the base modal creation * revert changes on textbox_links and edit channel header * fix types and add back unintentioned deleted value * add the preview textbox component * extract logic for info tab into its own component * add the purpose input to the window * move other component logic to its own component and code clean up * ability to update channel type * more advances on the archive channel tab * fix unit test in textbox * fix translations * do not show the archive modal in default channel * fix issue with url editor not being resetted on undo action * adjust text and styling for the header and purpose inputs * remove textboxlinks and use button eye icon * adjust test and preview button style * add unit test to channel patch * move logic from parent modal to info tab component * fix border issues and focus back to preview textareas * prevent saving changes when pressing enter when selecting an icon * enhance input component to cover limits validations and enhances tests * set default error message for save changes panel * add props to provide custom value to the buttons * remove channel input errors on reset button click * create new component settings textbox * rename component to advanced textbox and add unit tests * styling of the info tab and add error state to advanced textbox * add logic to prevent tab switch with unsaved changes * adjust url error logic and code clean up * code clean up and enhance comments * add char min length to advanced textbox logic * add the channel settings modal to the new menu * add new test files and fix reset error * remove unused error variables * adjust translations and remove unncesary import * enhance permissions for archive channels and manage channel settings * Adjust permission tree so channel admins can convert from private to public * enhance the test suit around channel conversion type * fix some e2e tests and solve channel input name issue * fix unit test by interacting first with the input element * adjust e2e tests to channel settings modal changes * remove commented tests and implement pr feedback * adjust more pr feedback to the code * more pr feedback enhancements * further enhancements to tab navigation, and adjust more e2e tests * remove unused components and fix e2e tests * revert unnecessary permissions changes * Add name label to textboxes * adjust e2e and unit tests * revert min lenght change value and adjust tests and snapshots * Channel banner settings (#30721) * Added channel banner setting header * Updated section styling * handled animation * handled min and max lengths * cleanup * color change fix * general improvements * Fixed API test * removed unused param className * added e2e tests * test: add channel settings configuration tab test file * Based on the context, here's a concise commit message for this change: feat: Add comprehensive tests for ChannelSettingsConfigurationTab * added some more tests * CI * reverted package-lock.json changes in Playwright * remove extra border from advaced textbox * adjust styling for name label in advance texbox and restart preview state on modal close * sync package.lock in playwright --------- Co-authored-by: Mattermost Build <build@mattermost.com> Co-authored-by: Harshil Sharma <harshilsharma63@gmail.com> Co-authored-by: Harshil Sharma <18575143+harshilsharma63@users.noreply.github.com>
62 строки
1.7 KiB
TypeScript
62 строки
1.7 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {v4 as uuidv4} from 'uuid';
|
|
|
|
const second = 1000;
|
|
const minute = 60 * 1000;
|
|
|
|
export const duration = {
|
|
half_sec: second / 2,
|
|
one_sec: second,
|
|
two_sec: second * 2,
|
|
four_sec: second * 4,
|
|
ten_sec: second * 10,
|
|
half_min: minute / 2,
|
|
one_min: minute,
|
|
two_min: minute * 2,
|
|
four_min: minute * 4,
|
|
};
|
|
|
|
/**
|
|
* Explicit `wait` should not normally used but made available for special cases.
|
|
* @param {number} ms - duration in millisecond
|
|
* @return {Promise} promise with timeout
|
|
*/
|
|
export const wait = async (ms = 0) => {
|
|
return new Promise((resolve) => setTimeout(resolve, ms));
|
|
};
|
|
|
|
/**
|
|
* @param {Number} length - length on random string to return, e.g. 7 (default)
|
|
* @return {String} random string
|
|
*/
|
|
export function getRandomId(length = 7): string {
|
|
const MAX_SUBSTRING_INDEX = 27;
|
|
|
|
return uuidv4()
|
|
.replace(/-/g, '')
|
|
.substring(MAX_SUBSTRING_INDEX - length, MAX_SUBSTRING_INDEX);
|
|
}
|
|
|
|
// Default team is meant for sysadmin's primary team,
|
|
// selected for compatibility with existing local development.
|
|
// It should not be used for testing.
|
|
export const defaultTeam = {name: 'ad-1', displayName: 'eligendi', type: 'O'};
|
|
|
|
export const illegalRe = /[/?<>\\:*|":&();]/g;
|
|
export const simpleEmailRe = /\S+@\S+\.\S+/;
|
|
|
|
export function hexToRgb(hex: string): string {
|
|
// Remove the # if present
|
|
hex = hex.replace(/^#/, '');
|
|
|
|
// Parse the hex values
|
|
const r = parseInt(hex.substring(0, 2), 16);
|
|
const g = parseInt(hex.substring(2, 4), 16);
|
|
const b = parseInt(hex.substring(4, 6), 16);
|
|
|
|
// Return the RGB string
|
|
return `rgb(${r}, ${g}, ${b})`;
|
|
}
|