jeresig/pharos-images

Function renderUploadImagesForm has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderUploadImagesForm() {
        return <div className="panel panel-default">
            <div className="panel-heading">
                <h3 className="panel-title">
                    {this.props.gettext("Upload Images")}

Function renderDataImport has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderDataImport(batch) {
        const results = batch.getFilteredResults();
        let columns;

        if (batch.state === "error") {

Function renderUploadDataFormContents has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderUploadDataFormContents() {
        const files = this.props.source.getExpectedFiles();
        const imagesImported = this.props.imageImport.some((batch) =>
            batch.state === "completed");

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

Open

        return <tr key={batch._id}>
            <td><a href={this.props.URL(batch)}>{batch.fileName}</a></td>
            <td>{this.props.relativeDate(batch.modified)}</td>
            {columns}
        </tr>;

• Read up
  Read up

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

Open

        return <tr key={batch._id}>
            <td><a href={this.props.URL(batch)}>{batch.fileName}</a></td>
            <td>{this.props.relativeDate(batch.modified)}</td>
            {columns}
        </tr>;

• Read up
  Read up

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

Open

        if (batch.state === "error") {
            columns = <td colSpan="4">
                {this.props.format(this.props.gettext("Error: %(error)s"),
                    {error: this.props.batchError(batch)})}
            </td>;

• Read up
  Read up

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

Open

        if (batch.state === "error") {
            columns = <td colSpan="7">
                {this.props.format(this.props.gettext("Error: %(error)s"),
                    {error: this.props.batchError(batch)})}
            </td>;

• Read up
  Read up

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

Open

        return <form action={this.props.URL(
                `/source/${this.props.source._id}/upload-data`)}
            method="POST" encType="multipart/form-data"
        >
            <input type="hidden" name="lang" value={this.props.lang}/>

• Read up
  Read up

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

Open

                <form action={this.props.URL(
                        `/source/${this.props.source._id}/upload-images`)}
                    method="POST" encType="multipart/form-data"
                >
                    <input type="hidden" name="lang" value={this.props.lang}/>

• Read up
  Read up

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

Open

        const title = this.props.format(
            this.props.gettext("%(name)s Admin Area"),
            {name: this.props.fullName(this.props.source)});

• Read up
  Read up

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

Open

            <div className="panel-heading">
                <h3 className="panel-title">
                    {this.props.gettext("Upload Images")}
                </h3>
            </div>

• Read up
  Read up

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

Open

            <div className="panel-heading">
                <h3 className="panel-title">
                    {this.props.gettext("Upload Metadata")}
                </h3>
            </div>

• Read up
  Read up