When the viewport is not high enough, the list of (e.g.) web services adds a scroll bar - but the bottom (ca.) fourth is not displayed.

Example:

Currently, from_argument and from_node are rather strict and can only be passed without additional data. Something like the following example doesn't work:

{
  "process_id": "sum",
  "arguments": {
    "data": [
      {
        "from_argument": "x"
      },
      5
    ]
  }
}

Neither can it be generated nor is it shown in the visual editor.

Also, if you have a process graph such as the one below, the parameter editor still shows that you can edit the parameter x although there is already data specified from "externally" (from_argument):

{
  "1": {
    "process_id": "apply",
    "arguments": {
      "process": {
        "callback": {
          "2": {
            "process_id": "linear_scale_range",
            "arguments": {
              "x": {
                "from_argument": "x"
              },
              "inputMin": 0,
              "inputMax": 0
            },
            "result": true
          }
        }
      }
    },
    "result": true
  }
}

I am using the web editor 0.4.0-beta.4, and when I create a process graph in visual model as shown in the Image below attached, I get the following JSON format of process graph as below, where the from_node field should be in String format but giving Integer format.

{
"1": {
"process_id": "load_collection",
"arguments": {
"id": "openEO_S2_32632_20m_L2A",
"spatial_extent": {
"west": 11.286732,
"south": 46.466714,
"east": 11.389729,
"north": 46.513988
},
"temporal_extent": [
"2018-06-23T00:00:00Z",
"2018-06-23T00:00:00Z"
],
"bands": null,
"properties": null
}
},
"2": {
"process_id": "save_result",
"arguments": {
"data": {
"from_node": 4
},
"format": "GTiff",
"options": {}
},
"result": true
},
"3": {
"process_id": "ndvi",
"arguments": {
"data": {
"from_node": "1"
}
}
},
"4": {
"process_id": "max_time",
"arguments": {
"data": {
"from_node": 3
}
}
}
}

Sometimes after specifying the login credentials and submitting the form, the web editor "reloads" (form fields are empty) and users need to login again. I couldn't reproduce it consistently, but it happens quite often. Should be fixed.

For example the add/edit forms for jobs etc. can't be submitted with pressing enter in a button.

Microsoft Edge 41.16299.371.0
Microsoft EdgeHTML 16.16299

• URLSearchParams is not defined

• When trying to drag-and-drop the S2 collection into the Model Builder pane:
  {description: "Element nicht gefunden. ", message: "Element nicht gefunden. ", number: -2147023728, stack: "Error: Element nicht gefunden. at h.methods.onDrag (http://editor.openeo.org/js/chunk-78bca8e4.91d6b7bf.js:7:105707) at on.dragstart (http://editor.openeo.org/js/chunk-78bca8e4.91d6b7bf.js:7:102572) at ne (http://editor.openeo.org/js/chunk-vendors~fdc6512a.013ee82b.js:7:11638) at n (http://editor.openeo.org/js/chunk-vendors~fdc6512a.013ee82b.js:7:13449) at o._wrapper (http://editor.openeo.org/js/chunk-vendors~fdc6512a.013ee82b.js:7:51703)"}
  Adding via the + button works

• Drawing an arrow between S2 collection and a filter_bbox process works too, but loading a process graph from a service or job doesn't paint all edges.

Added by @christophfriedrich :

• When loading the NO2 process graph from a stored web service, some of the arrows are missing:
  

• Zooming in the Model Builder doesn't work with a touchpad: neither the standard scroll gesture (going up and down with two fingers) nor pinching (the latter zooms the entire page). On Firefox both work as one would expect. (Scrolling with a real mouse wheel works though.)

Currently the WMS support is broken as it's not clear which layer to load etc. Should retrieve information from WMS GetLayers, openEO attributes or so.

Show the UDF runtimes (depends on Open-EO/openeo-vue-components#12) supported by a back-end in the server info and maybe also put them into the DiscoveryToolbar.

The map on the right is only suitable for services. You should be able to switch between services and other data on the right, e.g. you could also show downloaded images or formatted JSON data.

When selecting a server it would be great if you could get a list of potential back-ends from the Hub!

Maybe also add a feature to search for an alternative back-end based on the loaded process graph.

The parameters of the function stretch_colors are stored as a string in the process_graph. However, at least the GEE back-end expect those values to be a number.

code: 2103
id: "1552571249580"
message: "The value specified for the process argument 'min' in process 'stretch_colors' is invalid: instance is not of a type(s) number"
url: "https://open-eo.github.io/openeo-api/errors/#openeo-error-codes"

Currently, changing process graphs from stored jobs/process graphs/services is a bit unintuitive as you need to load it using the visual vuilder icon and then store it again using the replace process graph button. Why not just load it with the button, but then use the save button at the top to save it to the source where it originated from?

The openEO hackathon lead to a visual process graph builder, which is a big opportunity compared to the old source code based editor. We should further implement and improve this approach.

Always update the value if it has changed so it is always available. Can be done by supporting v-model for each of the implemented types of the ParameterField and pass it through.

v-modal missing for:

• Maps
• Arrays (circular)
• Objects (circular)
• Visual Editor / Process Graphs
• Results / Parameters / Null (?)
• FileFormatOptionsEditor / File format options (circular?)
• Other custom types with native HTML element

If a service works on a limited extent, try to scroll to the extent.

The editor still tries to load job information after logging out (and logging in again). It's probably a setInterval call in JobPanel which is not cleared after the component has been destroyed.

The select boxes for collections and processes should be searchable, e.g. by using https://github.com/moreta/vue-search-select instead of a simple select box.

We may also want to introduce this type of box for server selection too (but here you'd need to be able to also input new values). We wouldn't need to open a modal for it...

The Python Client has a nice way to translate native maths expressions into process graphs. We should check whether we could introduce something as well.

To switch easily between servers it should be possible to store favorites, similar to the scripts.

We should have a method to insert the stored process graphs into the editor window. Currently, there is no good way to change small things and update them.

It would be good to make it easier to remove connections in the visual process graph builder. I know that the functionality is in the current version but I cannot do it currently without switching to the code view.

Queuing job a batch job seems to work (status is displayed as finished after a short period of time). However, it returns the following error.

TypeError: Cannot read property 'jobId' of undefined
at JobPanel.vue:166
at Array.findIndex ()
at a.updateJobData (JobPanel.vue:166)
at JobPanel.vue:231

Additional info to reproduce:

Process graph:

{
  "imagery": {
    "red": "B4",
    "nir": "B8A",
    "imagery": {
      "extent": [
        "2018-01-01T00:00:00Z",
        "2018-12-31T23:59:59Z"
      ],
      "imagery": {
        "extent": {
          "west": 4.757069,
          "south": 51.502332,
          "east": 6.020497,
          "north": 52.849645
        },
        "imagery": {
          "process_id": "get_collection",
          "name": "COPERNICUS/S2"
        },
        "process_id": "filter_bbox"
      },
      "process_id": "filter_daterange"
    },
    "process_id": "NDVI"
  },
  "process_id": "sum_time"
}

The process detail view should download the official version of the process definition and check it against the one from the back-end. Having both process definitions the editor can show a warning if a process is not compliant and potentially also show a diff, generated from a tool such as https://www.npmjs.com/package/json-diff or https://www.npmjs.com/package/jest-diff

Steps to reproduce:

1. add new collection to visual builder
2. double click to open options
3. go to bands
4. select "array"
5. click "add"
6. realise you don't know what to type there
7. click "save"
8. open information window
9. find what you're looking for
10. close information window
11. double click to open options
12. go to bands
13. see that "null" is selected again (although it was saved differently?!)
14. select "array" again
15. see errors:

fatal error: t is null

and

fatal error: e[i] is null

Instead of two different buttons for these two mutually exclusive buttons, a combined button for Subscribe and Unsubscribe (like Play and Pause in any media player) would be nicer.

Store the data in the user workspace in vuex, so that for example job id and process graph id can be used in the parameter editor.

Currently, some parts can only be used with a mouse. For example, the splitters or the visual builder. Implement touch events so that users can use the web editor on mobile devices better.

Web Editor should also work when there is no authentication / user space.

This has been started by allowing the download of files via notification bar after creating a job, but more should follow.

Add support for process graph variables.

Also implement it to be edited in the parameter editor, if needed.

That would remove the need to go to the information window and manually search for it there.

Is this possible from a technical point?

Implement process graph validation. Currentily POST /validation is not supported, but could be useful in some scenarios.

Because essentially, "null" means "all" -- if renamed, it may be less confusing for users?

Allow that multiple edges and/or nodes are selected so that you can do mass commands, e.g. copy all selected, remove all selected, move all selected etc.

Add support for OpenID Connect.

Would it be possible to render the "sub process graphs" (e.g. the callback in the EVI example) in the main model too? This would make it more "graph-y".

We should include WMTS support to load data by VITO etc.

Related #30 and #23 (we may drop WMS in favor of WMTS?)

Add native (browser-based, serverless) support for GeoTiffs and COGs.

You can add process graphs from the Hub (and other sources) in the Web Editor. When the user adds the process graph, we should ask whether the process graph should be added (in case there's already at least one node inside the builder) or whether it should be replaced completely.

Currently, dragging connections between boxes can be initiated by clicking and holding on a parameter title or the little rectangle in front of it. In my opinion, the latter is enough and the former rather confusing.

Instead, it would be helpful if (single or double) clicking on the parameter title would open the configuration modal and (at least for text inputs) focus the corresponding input field.

With a ton of process graphs at the hub, it will be slow to load, parse and show them in the Web Editor. We should only lazy-load them in the background. In addition, some copies of the Web Editor (e.g. the local EURAC instance) don't want/need to load the Hub process graphs. The should have an option to enable/disable the feature. Default to disabled?

On my machine, searching for collections and processes is quite slow, especially when deleting an existing search term.

Due to an error in the Travis CI GitHub pages plugin, the demo can't be deployed:
travis-ci/travis-ci#9312
Remove the workaround from the .travis.yml once the bug is fixed.

When a service is displayed on the map and then deleted in the Actions panel, it isn't removed from the map.

Currently, the Web Editor uses Leaflet for simplicity, but it is somewhat limited. The GeoTiff rendering is quirky and COGs are not fully implemented yet. WMTS plugins are hard to find and all the plugins lack support (i.e. have security issues). So, I'm thinking about switching to OpenLayers.

There are some good plugins to get a good amount of features into the viewer:

• XYZ
• WMS (various examples available)
• WMTS
• COGs
• GeoTiffs 1 2
• Comparison view
• BBox chooser
• GeoJSON
• Static Image (for PNG/JPEG?)
  and more (e.g. LayerSwitcher, WFS)

• Can't choose output format options after some heavy editing:
  
  No error message shows up on editor.openeo.org, Browser is Firefox.

• Getting the following console log in Firefox (probably from block.getHtml()):

Object { message: "validation failed", errors: (1) […], validation: true, ajv: true, stack: "" }
block.js:233:16
{…}
​
ajv: true
​
errors: (1) […]
​​
0: Object { message: "Invalid GeoJSON specified (no type property)." }
​​
length: 1
​​
<prototype>: Array []
​
message: "validation failed"
​
stack: ""
​
validation: true
​
<prototype>: Object { constructor: s(), stack: "" }
block.js:233:16

Related: #80, #39

General types:

• null
• string
• number
• integer
• boolean
• objects (see also #78)
• arrays
  • ToDo: Subtype selection, see #75

Missing subtypes:

• band-name (may depend on #26)
• bounding-box
• collection-id
• date
• date-time
• epsg-code
• file-path
• file-paths (via arrays)
• geojson
• input-format
• input-format-options
• job-id (see also #42)
• kernel (see #194)
• labeled-array (these can't be sent to the server)
• metadata-filter
• output-format
• output-format-options
• process-graph
• proj-definition (deprecated)
• temporal-interval
  • ToDo: missing support for open date ranges, probably by using two separate date pickers, see also https://github.com/chronotruck/vue-ctk-date-time-picker/issues/121)
• temporal-intervals (via arrays)
• time
• udf-code
• udf-runtime (see also #42)
• udf-runtime-version (see also #42)
• uri (url-textbox)
• wkt2-definition

Other types:

• Commonmark (textarea)
• Service config, see #192
• Budget
• Result Node
• Parameters
  • ToDo: see also #39
• Enum
• Service type
• Billing plan
• Multiline text (textarea)

In some cases we can show non-referenced images (jpeg/png) on the map:
Use the process graph, get the start nodes and if there's only a single load_collection use the specified spatial_extent to show the images using this OpenLayers functionality: https://openlayers.org/en/latest/examples/static-image.html
If this behavior is not possible, simply fall back to the ImageViewer we have at the moment (or replace the image viewer with the static-image map from above).

Sometimes, when one deletes the last entry from a DataTable, the component doesn't fall back to "Sorry, no data available." but remains on "Loading data..." forever. This string only appears in one place in the code. I wasn't able to reproduce the error yet, but it has occurred multiple times to Matthias and me.

The "Show on Map" button should only be shown for supported services (i.e. currently WMS, XYZ).