236 style extractor page to match the mockup

[longshuicy]

Finished in this PR:

• Extractor tables
• Search endpint
• Search box
• Click button interaction

TODOS:

• Dialog that contains the steps and forms
• Submit button
• Result

[longshuicy]

To test:
you can direct insert below documents into mongodb listeners collection

{
    "_id" : ObjectId("63976e98fab4333f1d6d0ae4"),
    "@context" : "http://clowder.ncsa.illinois.edu/contexts/extractors.jsonld",
    "name" : "ncsa.landsat.pipeline",
    "version" : "1.0",
    "description" : "Populates a dataset for the landsat extractor.",
    "author" : "Luigi Marini <[email protected]>",
    "contributors" : [

    ],
    "contexts" : [
        {
            "lines" : "http://clowder.ncsa.illinois.edu/metadata/ncsa.wordcount#lines"
        }
    ],
    "repository" : [
        {
            "repType" : "git",
            "repUrl" : "https://github.com/PermafrostDiscoveryGateway/landsattrend-pipeline.git"
        }
    ],
    "process" : {
        "dataset" : [
            "*"
        ]
    },
    "external_services" : [

    ],
    "dependencies" : [
        "MAPLE"
    ],
    "bibtex" : [

    ],
    "parameters" : {
        "schema" : {
            "X_MIN_START" : {
                "type" : "integer",
                "title" : "X_MIN_START"
            },
            "X_MIN_END" : {
                "type" : "integer",
                "title" : "X_MIN_END"
            },
            "Y_MIN_START" : {
                "type" : "integer",
                "title" : "Y_MIN_START"
            },
            "Y_MIN_END" : {
                "type" : "integer",
                "title" : "Y_MIN_END"
            },
            "ZONE" : {
                "type" : "string",
                "title" : "ZONE"
            }
        }
    }
}
// Newly added document
{
    "author" : "Rob Kooper <[email protected]>",
    "name" : "ncsa.wordcount",
    "version" : "2.0",
    "description" : "WordCount extractor. Counts the number of characters, words and lines in the text file that was uploaded.",
    "creator" : null,
    "created" : ISODate("2022-12-06T20:04:00.160+0000"),
    "modified" : ISODate("2022-12-06T20:04:00.160+0000"),
    "properties" : null,
    "_id" : ObjectId("6398051ce9a88b5076a487c4")
}
// Newly added document
{
    "@context" : "http://clowder.ncsa.illinois.edu/contexts/extractors.jsonld",
    "name" : "ncsa.archival.s3",
    "version" : "1.0.1",
    "description" : "Archive files from Clowder to AWS S3",
    "author" : "Mike Lambert <[email protected]>",
    "contributors" : [

    ],
    "contexts" : [

    ],
    "repository" : [
        {
            "repType" : "git",
            "repUrl" : "https://git.ncsa.illinois.edu/syngenta/extractors-archival-s3.git"
        },
        {
            "repType" : "docker",
            "repUrl" : "clowder/extractors-archival-s3"
        }
    ],
    "process" : {
        "file" : [
            "s3/manualsubmission"
        ]
    },
    "external_services" : [

    ],
    "dependencies" : [

    ],
    "bibtex" : [

    ],
    "categories" : [
        "EXTRACT"
    ],
    "parameters" : {
        "schema" : {
            "operation" : {
                "type" : "string",
                "title" : "Operation",
                "enum" : [
                    "archive",
                    "unarchive"
                ],
                "default" : "archive"
            }
        },
        "form" : [
            {
                "key" : "operation",
                "type" : "select"
            }
        ]
    },
    "changelog" : {
        "1.0.0" : [
            "initial release"
        ]
    },
    "_id" : ObjectId("63980555e9a88b5076a487c5")
}

[lmarini]

Worked well. I wasn't able to add the middle extractor definition in the comment, but I just used the other two.

Maybe you can trigger the search every time a user adds a character instead of required enter?

[longshuicy]

Worked well. I wasn't able to add the middle extractor definition in the comment, but I just used the other two.

Maybe you can trigger the search every time a user adds a character instead of required enter?

ok i can try that!