1 Form {
  2   name: "headerForm"
  3   borders {
  4     matte [ insets="0,0,1,0", color="black" ]
  5   }
  6   layout: forms
  7   rows: "d,d,4dlu"
  8   columns: "14dlu,d,d,d,14px,d,32dlu,d,d:g,14dlu,d,4dlu"
  9   widgets {
 10     {
 11       PushButton {
 12         name: "rewind"
 13         borders{}
 14         bgColor: "transparent"
 15         bounds {
 16           x: "1"
 17           y: "1"
 18         }
 19         contentPadding {
 20           top: "0"
 21           right: "0"
 22           bottom: "0"
 23           left: "0"
 24         }
 25         enabled: false
 26         focusable: false
 27         icon: "lib:images/rewind.png"
 28         disabledIcon: "lib:images/rewind_disabled.png"
 29         buttonStyle: toolbar
 30       }
 31     }
 32     {
 33       PushButton {
 34         name: "play"
 35         borders{}
 36         bgColor: "transparent"
 37         bounds {
 38           x: "2"
 39           y: "1"
 40         }
 41         contentPadding {
 42           top: "0"
 43           right: "0"
 44           bottom: "0"
 45           left: "0"
 46         }
 47         focusable: false
 48         icon: "resource:icon_play"
 49         pressedIcon: "resource:icon_play_pressed"
 50         buttonStyle: toolbar
 51       } [ onAction="toggleSongsPlaying()" ]
 52     }
 53     {
 54       PushButton {
 55         name: "fastForward"
 56         borders{}
 57         bgColor: "transparent"
 58         bounds {
 59           x: "3"
 60           y: "1"
 61         }
 62         contentPadding {
 63           top: "0"
 64           right: "0"
 65           bottom: "0"
 66           left: "0"
 67         }
 68         enabled: false
 69         focusable: false
 70         icon: "lib:images/fast_forward.png"
 71         disabledIcon: "lib:images/fast_forward_disabled.png"
 72         buttonStyle: toolbar
 73       }
 74     }
 75     {
 76       Slider {
 77         bounds {
 78           x: "5"
 79           y: "1"
 80           width: "100"
 81         }
 82         focusable: false
 83         leftIcon: "lib:images/volume_low.png"
 84         rightIcon: "lib:images/volume_high.png"
 85         thumbIcon: "lib:images/volume_thumb.png"
 86         trackPainter {
 87           y: "3"
 88           height: "6"
 89           bgColor: "#666666, #838383"
 90           borders {
 91             line_3d [ color="#505050", cornerArc="4" ]
 92           }
 93         }
 94         sliderOffset: 3
 95       }
 96     }
 97     {
 98       Form {
 99         name: "songInfo"
100         borders {
101           bevel_raised [ color="#d5d5d5,#c1c6ac,#56584c,#959985", cornerArc="6" ]
102         }
103         columnSpan: 2
104         bgColor: "#feffe8, #d6dbbf"
105         bounds {
106           x: "7"
107           y: "1"
108         }
109         layout: forms
110         rows: "10pt,12pt,d"
111         columns: "d,d,d:g,d,d"
112         widgets {
113           {
114             Slider {
115               bounds {
116                 x: "2"
117                 y: "2"
118                 height: "-1"
119               }
120               focusable: false
121               minorTickSpacing: 1
122               majorTickSpacing: 0
123               showTicks: true
124               leftLabel: "2.07"
125               rightLabel: "-1.03"
126               thumbIcon: "lib:images/playing_thumb.png"
127               paintInnerTicks: true [ color="controlShadow", offset="1" ]
128               trackPainter {
129                 borders {
130                   line [ color="black" ]
131                 }
132               }
133               sliderOffset: 8
134             }
135           }
136           {
137             Label {
138               font {
139                 size: "95%"
140               }
141               bounds {
142                 x: "2"
143                 y: "1"
144               }
145               textHAlignment: center
146             }
147           }
148           {
149             Label {
150               font {
151                 size: "95%"
152               }
153               bounds {
154                 x: "2"
155                 y: "0"
156                 height: "1ln"
157               }
158               textHAlignment: center
159             }
160           }
161         }
162       }
163     }
164     {
165       Label {
166         name: "tunesLabel"
167         horizontalAlign: center
168         font {
169           family: "Arial"
170           style: bold
171         }
172         bounds {
173           x: "8"
174           y: "0"
175         }
176         value: "sTunes"
177       } [ onConfigure="window.addWindowDragger(widget.dataComponent)" ]
178     }
179     {
180       MenuBar {
181         name: "menuBar"
182         borders {
183           empty [ insets="2,2,0,0" ]
184         }
185         columnSpan: 8
186         bgColor: "transparent"
187         bounds {
188           x: "0"
189           y: "0"
190           height: "-1"
191         }
192         popupMenu {
193           {
194             name: "Sage.menu.file"
195           }
196           {
197             name: "Sage.menu.edit"
198           }
199           {
200             value: "&View"
201             subMenu {
202               {
203                 value: "Menu Item"
204               }
205             }
206           }
207           {
208             value: "&Controls"
209             subMenu {
210               {
211                 value: "Menu Item"
212               }
213             }
214           }
215           {
216             value: "&Store"
217             subMenu {
218               {
219                 value: "Menu Item"
220               }
221             }
222           }
223           {
224             value: "&Advanced"
225             subMenu {
226               {
227                 value: "Menu Item"
228               }
229             }
230           }
231           {
232             value: "&Help"
233             subMenu {
234               {
235                 value: "Menu Item"
236               }
237             }
238           }
239         }
240       }
241     }
242     {
243       Form {
244         columnSpan: 1
245         bounds {
246           x: "10"
247           y: "1"
248         }
249         layout: forms
250         rows: "14dlu,14dlu"
251         columns: "d,14dlu,d,14dlu"
252         widgets {
253           {
254             Label {
255               bounds {
256                 x: "0"
257                 y: "1"
258               }
259               value: "View"
260               textHAlignment: center
261             }
262           }
263           {
264             Navigator {
265               bgColor: "#fcfcfc, #b1b1b1"
266               bounds {
267                 x: "0"
268                 y: "0"
269               }
270               type: toggle
271               selectedIndex: 2
272               selectionPainter {
273                 bgColor: "#000000, #333333"
274               }
275               actions {
276                 {
277                   tooltip: "Show items in a list."
278                   icon: "lib:images/list_view.png"
279                 } [ onAction="tunesView.switchTo('list')" ]
280                 {
281                   tooltip: "Show items in a grid"
282                   icon: "lib:images/grid_view.png"
283                 } [ onAction="tunesView.switchTo('grid')" ]
284                 {
285                   tooltip: "Show items in a list with CoverFlow."
286                   icon: "lib:images/cover_flow.png"
287                   selectedIcon: "lib:images/cover_flow_pressed.png"
288                 } [ onAction="tunesView.switchTo('coverflow')" ]
289               }
290             }
291           }
292           {
293             TextField {
294               borders {
295                 none
296               }
297               bgColor: "transparent"
298               bounds {
299                 x: "2"
300                 y: "0"
301               }
302               contentPadding {
303                 right: "4"
304                 left: "25"
305               }
306               bgImageURL: "lib:images/searchfield.png" [ opacity="100", renderType="stretched", renderSpace="component" ]
307               visibleCharacters: 10
308             }
309           }
310           {
311             Label {
312               bounds {
313                 x: "2"
314                 y: "1"
315               }
316               value: "Search"
317               textHAlignment: center
318             }
319           }
320         }
321       }
322     }
323     {
324       Label {
325         name: "windowControls"
326         verticalAlign: top
327         horizontalAlign: right
328         bounds {
329           x: "10"
330           y: "0"
331         }
332         icon: "resource:icon_window_controls_norm"
333         iconPosition: top_center
334       } [ onMouseMoved="winControlMouseMoved()", onMouseOut="winControlMouseOut()", onClick="winControlMouseClick()" ]
335     }
336   }
337 } [ onCreated="header_onCreated()", onConfigure="if(!sage.isUnix()) {window.addWindowDragger(widget.dataComponent)}", onClick="toggleMaximize()" ]
338 
339