Skip to content
This repository has been archived by the owner on Nov 6, 2020. It is now read-only.

App Layout

Norman Fomferra edited this page Nov 18, 2016 · 3 revisions

General UI Layout

The Cate app uses the so called Holy Grail Layout: Header, footer with flexible width, fixed height and a midsection with both flexible width and height. The header contains a horizontal tool bar, either as a classic button group or a ribbon menu. The footer displays status such as progress, errors, memory used. The midsection is subdivided into left and right sides of both fixed widths and a center area which takes all the remaining available space. The left and right sides are contain tool windows arranged in vertical columns. By default, tool windows are docked, expansible, closable panels (which may later in the project be made floating/undocked). The center area will contain view windows. The header of the center area is a tab bar with closable tab items which represent each view window. A view window fills the remaining area of the center area.

Tool windows are usually singletons while there can be unlimited view window instances of various types.

View Windows

Globe

Map

Plots

Workflow Graph

Tool Windows

Datasets

Display and open datasets.

Comprises a

  • data store selector,
  • a dataset filter,
  • a dataset list and
  • a dataset details field.

The data store selector switches between the available data stores (=> Python cate.core.io.DataStoreRegistry). The dataset filter quickly filters dataset by name, id, variable, facet The dataset list displays all datasets of a data store. Datasets can be selected. Double-clicking creates a new load_dataset operation in the current workspace. A dataset has an icon (CCI!), text and numerous metadata properties. The dataset info field displays the details (metadata) of the selected dataset.

Operations

Display available operations.

Comprises a

  • a list mode switch
  • an operation filter,
  • an operation list and
  • an operation details field.

The list mode switch has two modes

  1. list operations and list the tags of an operation
  2. list the tags and list the operations for each tag

The operation filter quickly filters operations by name or tag depending on the list mode switch. The operation list displays all operations either by tag or operation (=> Python cate.core.op.OperationRegistry). Operations can be selected. Double-clicking creates a new operation workflow step in the current workspace. The operation details field displays the details (description, inputs, outputs) of the selected operation.

Workspace

Display and edit current workspace and its workflow.

Comprises a

  • List of workflow steps and their outputs (--> resources)
  • List of resources and their producers (--> operation)
  • Workspace details field

Analysis

Display the possible analysis actions for for a selected workspace resource.

Views:

  • Add vector/raster data layer to new/existing Globe/Map view window (resource types: dataset, image)
  • Add plot to new/existing Plot Grid view window (resource types: dataset, image)

Layers

Displays list of layers in selected view. List items can be switched on/off and can be expanded to show more layer info, e.g. legend info. Layers can have an icon, title, etc. Layers can be selected.

Layer Details

Display and edit details (properties) of selected layer.

Credits

Displays credits to data originator. Applies to used datasets and displayed imageries in a layer.

Output

Console output from processing / operations (from Python backend)