ProgressBarMenu prototype

Progress bar displayed in a Slider and controlled by a MenuBar.
It can also display an image and two texts (message and status).
The progress bar can also display in an "unknown step" mode where the progress bar just bounces from left to right each time the step field is updated.

PROTO ProgressBarMenu [
  
  # Events
  exposedField SFFloat step 0
  eventOut SFBool selection # return TRUE: left soft key, FALSE: right soft key
  exposedField SFBool hide TRUE
  
  # Data
  field MFString title ""
  field MFString message ""
  field MFString status ""
  field MFString rightLabel	""
  field MFString leftLabel ""
  
  # Style
  field MFString style "ProgressBarMenu"
  field MFString images ""
  field MFString progressbarStyle "ProgressBar"
  field MFString progressbarImages "progressBg.png"
  field MFString sliderStyle "Slider"
  field MFString sliderTitleStyle "Slider-title"
  field MFString sliderImages ""
  field SFVec2f screenSize -1 -1
  field SFVec2f textScale 1 1
]

Data fields

MFString title - Title text
MFString message - Message text displayed over the ProgressBar
MFString status - Status text displayed under the ProgressBar
MFString rightLabel - Menu right label
MFString leftLabel - Menu left label

Style fields

MFString style - Path to the CSS node associated to ProgressBarMenu prototype.
MFString images - Image of the optional icon.
SFVec2f screenSize - Size of the screen where the application is displayed
SFVec2f textScale - Use for scaling text if necessary (phone with small fonts)

Warning:
Define style is required (we can use the default style - see Style node).

ProgressBar style fields

MFString progressbarStyle - Path to the CSS node associated to ProgressBar prototype.
MFString progressbarImages - Image of the ProgressBar prototype.

Slider style fields

MFString sliderStyle - Path to the CSS node specific to the Slider prototype.
MFString sliderTitleStyle - Path to the CSS node specific to the title of the Slider prototype.
MFString sliderImages - Image of the background slider

Exposed Fields

SFBool hide - Hide/display progress bar
SFFloat step - Progress from 0 (0%) to 1 (100%), other values will force the unknown mode.

Event Out

SFBool selection - return TRUE: left soft key, FALSE: right soft key

ProgressBarMenu {
  image-size: 12.5% 12.5%; // size of icon
  image-position: -40% 8%; // translation of icon 
  text-position: 8% 8%; // translation of message
  text-size: 82% 12.5%; // size of message
  position: 0 -6.5%; // translation of status
  horizontal-align: left;
  vertical-align: middle;
}

Slider, MenuBar, ProgressBar, Ticker

EXTERNPROTO SizeNotifier [] "SizeNotifier.wrl"
EXTERNPROTO ProgressBar [] "ProgressBarMenu.wrl"

Group {
  children [
    
    DEF SIZE_NOTIFIER SizeNotifier {}
    
    Shape {
      appearance  Appearance {
        material Material2D { emissiveColor 0.8 0.8 0.8 }
      }
      geometry DEF BACKGROUND Rectangle {
        size 0 0
      }
    }
    
    DEF TIMER TimeSensor {
      loop TRUE
      cycleInterval 5
      isActive TRUE
    }
    
    DEF PROGRESSBARMENU ProgressBarMenu {
      title      ["My title"]
      message    ["My message"]
			status     ["My status"]
			rightLabel ["Right"]
      leftLabel  ["Left"]
      
      hide FALSE
      
      step 0
  	}
    
    ROUTE TIMER.fraction_changed TO PROGRESSBARMENU.step
    
    ROUTE SIZE_NOTIFIER.screenSize TO BACKGROUND.size
    
    ROUTE SIZE_NOTIFIER.screenSize TO PROGRESSBARMENU.screenSize
    ROUTE SIZE_NOTIFIER.textScale TO PROGRESSBARMENU.textScale
    
  ]
}