superdesk/superdesk-client-core

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        this.eventListenersToRemoveBeforeUnmounting.push(
            addWebsocketEventListener(
                'resource:updated',
                (event: IWebsocketMessage<IResourceUpdateEvent>) => {
                    const {resource, _id, fields} = event.extra;

• Read up
  Read up

File FileUploadModal.tsx has 299 lines of code (exceeds 250 allowed). Consider refactoring.

Open

// External modules
import * as React from 'react';

// Types
import {superdeskApi} from '../apis';

VideoEditor has 27 functions (exceeds 20 allowed). Consider refactoring.

Open

export class VideoEditor extends React.Component<IProps, IState> {
    private videoRef: React.RefObject<HTMLVideoElement>;
    private reactCropRef: React.RefObject<ReactCrop>;
    private reactCropInitImage: string;
    private intervalThumbnails: number;

Function activate has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    activate: (superdesk: ISuperdesk) => {
        const {gettext} = superdesk.localization;

        return superdesk.session.getCurrentUser().then((user) => {
            const personalSpaceSections: Array<IPersonalSpaceSection> = [

Function render has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

        render() {
            const {articles, desks} = this.state;

            if (articles === null || desks == null) {
                return null;

Function link has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

        link: function(scope, elem) {
            scope.data = null;
            scope.error = null;
            scope.userLookup = desks.userLookup;
            scope.label = null;

Function link has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

        link: function(scope, element, attrs, ctrl) {
            var MODEL_TIME_FORMAT = appConfig.model.timeformat;
            var VIEW_TIME_FORMAT = appConfig.view.timeformat || MODEL_TIME_FORMAT;
            var ESC = 27;
            var DOWN_ARROW = 40;

Similar blocks of code found in 3 locations. Consider refactoring.

Open

export const getLookupFields = () => [
    {name: 'mobile', label: gettext('mobile')},
    {name: 'contact_phone', label: gettext('phone')},
    {name: 'contact_email', label: gettext('email')},
    {name: 'twitter', label: gettext('twitter')},

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    var sortOptions = [
        {field: 'versioncreated', label: gettext('Updated')},
        {field: 'firstcreated', label: gettext('Created')},
        {field: 'urgency', label: gettext('Urgency')},
        {field: 'anpa_category.name', label: gettext('Category')},

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

        this.sortOptions = [
            {field: 'versioncreated', label: gettext('Updated')},
            {field: 'firstcreated', label: gettext('Created')},
            {field: 'urgency', label: gettext('Urgency')},
            {field: 'priority', label: gettext('Priority')},

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export function getValueTemplate(config: IDropdownConfigRemoteSource): React.ComponentType<{item: unknown}> {
    function defaultTemplate({item}) {
        return (
            <span>{config.getLabel(item)}</span>
        );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export function getValueTemplate(config: IDropdownTreeConfig): React.ComponentType<{item: unknown}> {
    function defaultTemplate({item}) {
        return (
            <span>{config.getLabel(item)}</span>
        );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function SelectDirective() {
    return {
        scope: {
            label: '@',
            model: '=',

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function InputDirective() {
    return {
        scope: {
            id: '@',
            type: '@',

• Read up
  Read up

Function render has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const {items1, items2, getId} = this.props;
        const Template = this.props.template;

        const items1Lookup = keyBy(items1, getId);

Function render has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const {contentProfile} = this.props;
        const allFields = contentProfile.header.merge(contentProfile.content);
        const unresolvedComments = this.getUnresolvedComments();
        const resolvedComments = this.getResolvedComments();

Function render has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render(): React.ReactNode {
        return (
            <Container>
                <Spacer v gap="8">
                    <Button

Function render has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        if (this.state.macros == null) {
            return null;
        }

Function getActions has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

            function getActions(item: IArticle): void {
                scope.menuGroups = [];

                const actionsFromExtensions = getArticleActionsFromExtensions(item);
                let intent = {action: 'list', type: getType(item)};

Function render has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        return (
            <div className="sd-content-wrapper__main-content-area sd-main-content-grid">
                <HeaderComponent
                    activeTab={this.state.currentTab}