[cvs-annodex] commit (/annodex):
AnnodexFirefoxExtension/trunk/Core/chrome/afeview/content/afeview.xul
andre
nobody at lists.annodex.net
Wed Jul 13 17:01:37 EST 2005
Update of /annodex (new revision 1365)
Modified files:
AnnodexFirefoxExtension/trunk/Core/chrome/afeview/content/afeview.xul
Log Message:
AnnodexFirefoxExtension:
* Major changes to the XUL layout, to make skinnable interfaces a bit easier
Modified: AnnodexFirefoxExtension/trunk/Core/chrome/afeview/content/afeview.xul
===================================================================
--- AnnodexFirefoxExtension/trunk/Core/chrome/afeview/content/afeview.xul 2005-07-13 06:00:12 UTC (rev 1364)
+++ AnnodexFirefoxExtension/trunk/Core/chrome/afeview/content/afeview.xul 2005-07-13 07:01:37 UTC (rev 1365)
@@ -116,313 +116,329 @@
<!-- table of contents -->
- <vbox id="table-of-contents-box" orient="vertical" pack="justify" flex="1" class="inset" maxwidth="300">
+ <vbox id="metal-box" orient="horizontal" pack="justify" flex="1">
- <!-- clip list -->
+ <vbox id="table-of-contents-box" orient="vertical" pack="justify" flex="1" class="inset">
- <vbox flex="1">
+ <!-- clip list -->
- <!-- we encapsulate the listbox and the "follow mode" checkbox in a vbox,
- so that when they're resized, they're kept together. (otherwise
- there's a great ugly big space between them) -->
-
- <listbox
- id="clips"
- flex="1"
- onselect="clipSelected(event)"
- command="AFEView_transport_go_to_clip"
- ondblclick="transportGoToClip(event)"
- datasources="urn:null"
- ref="urn:clips-root">
+ <vbox flex="1" id="clip-box" maxwidth="247" maxheight="269">
+
+ <!-- we encapsulate the listbox and the "follow mode" checkbox in a vbox,
+ so that when they're resized, they're kept together. (otherwise
+ there's a great ugly big space between them) -->
- <listcols>
- <listcol width="66"/>
- <listcol flex="4"/>
- </listcols>
+ <listbox
+ id="clips"
+ flex="1"
+ onselect="clipSelected(event)"
+ command="AFEView_transport_go_to_clip"
+ ondblclick="transportGoToClip(event)"
+ datasources="urn:null"
+ ref="urn:clips-root">
+
+ <listcols>
+ <listcol width="66"/>
+ <listcol flex="4"/>
+ </listcols>
+
+ <template>
+ <!-- we really should do better than hardcoding to 64x48, but I'm not
+ sure how to make it scale properly -->
+ <listitem uri="rdf:*"
+ id="rdf:http://www.annodex.net/cmml/rdf#id"
+ label="rdf:http://www.annodex.net/cmml/rdf#title"
+
+ clip-id="rdf:http://www.annodex.net/cmml/rdf#clip-id"
+ clip-start="rdf:http://www.annodex.net/cmml/rdf#start"
+ clip-anchor-text="rdf:http://www.annodex.net/cmml/rdf#anchor-text"
+ clip-anchor-href="rdf:http://www.annodex.net/cmml/rdf#anchor-href"
+ clip-img-src="rdf:http://www.annodex.net/cmml/rdf#img-src"
+ clip-description="rdf:http://www.annodex.net/cmml/rdf#description"
+ clip-title="rdf:http://www.annodex.net/cmml/rdf#title"
+ tooltiptext="rdf:http://www.annodex.net/cmml/rdf#tooltiptext"
+ >
+
+ <listcell height="48" width="66">
+ <vbox flex="4" align="center" pack="center">
+ <image src="rdf:http://www.annodex.net/cmml/rdf#img-src" height="48" width="64"/>
+ </vbox>
+ </listcell>
+
+ <listcell flex="4">
+ <description flex="4"><textnode value="rdf:http://www.annodex.net/cmml/rdf#title"/></description>
+ </listcell>
+
+ </listitem>
+ </template>
+
+ </listbox>
+
+ <checkbox id="follow-mode-checkbox" checked="true" label="Selected clip follows movie time"
+ oncommand="updateInterface()"/>
+
+ </vbox>
- <listhead flex="5">
- <listheader label="Clips"/>
- <listheader label="" flex="5"/>
- </listhead>
+ <!-- draw a thin line to separate the clip list from the clip description (this is probably
+ a total violation of the non-existent firefox UI guidelines or something, but it just looks
+ really ... bad ... without _some_ sort of separator there) -->
- <template>
- <!-- we really should do better than hardcoding to 64x48, but I'm not
- sure how to make it scale properly -->
- <listitem uri="rdf:*"
- id="rdf:http://www.annodex.net/cmml/rdf#id"
- label="rdf:http://www.annodex.net/cmml/rdf#title"
+ <separator maxheight="8"/>
- clip-id="rdf:http://www.annodex.net/cmml/rdf#clip-id"
- clip-start="rdf:http://www.annodex.net/cmml/rdf#start"
- clip-anchor-text="rdf:http://www.annodex.net/cmml/rdf#anchor-text"
- clip-anchor-href="rdf:http://www.annodex.net/cmml/rdf#anchor-href"
- clip-img-src="rdf:http://www.annodex.net/cmml/rdf#img-src"
- clip-description="rdf:http://www.annodex.net/cmml/rdf#description"
- clip-title="rdf:http://www.annodex.net/cmml/rdf#title"
- tooltiptext="rdf:http://www.annodex.net/cmml/rdf#tooltiptext"
- >
-
- <listcell height="48" width="66">
- <vbox flex="4" align="center" pack="center">
- <image src="rdf:http://www.annodex.net/cmml/rdf#img-src" height="48" width="64"/>
- </vbox>
- </listcell>
+ <!-- description for the currently selected clip in the clip list:
+ this is initially hidden since the progress meter will be displayed
+ in its place while the table of contents is loading -->
- <listcell flex="4">
- <description flex="4"><textnode value="rdf:http://www.annodex.net/cmml/rdf#title"/></description>
- </listcell>
-
- </listitem>
- </template>
+ <vbox id="toc-clip-info-box" flex="1" hidden="false" align="stretch" pack="justify">
- </listbox>
+ <vbox id="hyperlink-box" flex="0">
- <checkbox id="follow-mode-checkbox" checked="true" label="Selected clip follows movie time"
- oncommand="updateInterface()"/>
+ <vbox id="hyperlink-inner-box" flex="0">
- </vbox>
-
- <!-- draw a thin line to separate the clip list from the clip description (this is probably
- a total violation of the non-existent firefox UI guidelines or something, but it just looks
- really ... bad ... without _some_ sort of separator there) -->
+ <box flex="0">
+ <box flex="1" id="toc-clip-anchor-text-box">
+ <description id="toc-clip-anchor-text" onclick="activateSelectedClipHyperlink(event)" flex="1">
+ </description>
+ </box>
+ </box>
- <separator maxheight="4"/>
- <splitter collapse="after"/>
- <separator maxheight="4"/>
+ </vbox>
- <!-- description for the currently selected clip in the clip list:
- this is initially hidden since the progress meter will be displayed
- in its place while the table of contents is loading -->
+ </vbox>
- <vbox id="toc-clip-info-box" flex="1" hidden="true">
+ <separator maxheight="8"/>
- <label value="Hyperlink:"/>
+ <box id="description-box" flex="1">
- <box flex="0" pack="left">
- <box flex="1" id="toc-clip-anchor-text-box">
- <description id="toc-clip-anchor-text" onclick="activateSelectedClipHyperlink(event)" flex="1">
- </description>
- </box>
- </box>
+ <box id="description-inner-box" flex="1">
- <separator maxheight="8"/>
+ <box id="toc-clip-description-box" class="box-inset" flex="1">
+ <description id="toc-clip-description" flex="1"
+ observes="tableOfContentsIsActive" onbroadcast="updateTableOfContentsDisplay()"> </description>
+ </box>
- <label value="Description:"/>
+ </box>
- <box id="toc-clip-description-box" class="box-inset" flex="6">
- <description id="toc-clip-description" flex="1"
- observes="tableOfContentsIsActive" onbroadcast="updateTableOfContentsDisplay()"> </description>
- </box>
+ </box>
- </vbox>
+ </vbox>
- <vbox id="toc-loading-progress" flex="1" observes="tableOfContentsIsActive"
- onbroadcast="updateTableOfContentsDisplay()">
- <progressmeter id="toc_loading_progressmeter" mode="undetermined"/>
- <description id="toc_loading_progress_message" flex="1">
- Downloading the table of contents,<html:br/>
- please wait …
- </description>
+ <vbox id="toc-loading-progress" flex="1" observes="tableOfContentsIsActive"
+ onbroadcast="updateTableOfContentsDisplay()" hidden="true">
+ <progressmeter id="toc_loading_progressmeter" mode="undetermined"/>
+ <description id="toc_loading_progress_message" flex="1">
+ Downloading the table of contents,<html:br/>
+ please wait …
+ </description>
+ </vbox>
+
</vbox>
- </vbox>
+ <!-- seperator between clip list and main view -->
- <!-- seperator between clip list and main view -->
+ <separator/>
- <separator/>
+ <!-- note that Firefox doesn't have a grippy (and thus doesn't have
+ double-click behaviour for splitters), so we implement collapsing
+ the splitter ourselves. the splitter isn't currently enabled, because
+ of various resizing problems and general ugly-looking-ness. -->
+ <splitter id="clip-list-view-splitter" state="open" collapse="before"
+ ondblclick="hideOrShowClipList()" hidden="true">
+ <grippy/>
+ </splitter>
- <!-- note that Firefox doesn't have a grippy (and thus doesn't have
- double-click behaviour for splitters), so we implement collapsing
- the splitter ourselves. the splitter isn't currently enabled, because
- of various resizing problems and general ugly-looking-ness. -->
- <splitter id="clip-list-view-splitter" state="open" collapse="before"
- ondblclick="hideOrShowClipList()" hidden="true">
- <grippy/>
- </splitter>
+ <!-- main view -->
- <!-- main view -->
+ <vbox align="stretch" pack="left" flex="1" id="main-view">
- <vbox align="stretch" pack="center" flex="1" id="main-view">
+ <!-- movie view goes here: it contains video-view-box (which is
+ dynamically created in afeview.js) -->
- <!-- movie view goes here: it contains video-view-box (which is
- dynamically created in afeview.js) -->
+ <hbox pack="center" id="anchor-text-box" align="center">
- <separator/>
+ <hbox pack="justify" id="anchor-text-inside-box" align="stretch" flex="1">
- <hbox class="inset" pack="center">
+ <!-- clip description or anchor text -->
- <!-- clip description or anchor text -->
+ <hbox align="center" pack="justify" flex="1" id="anchor-text-inner-box">
- <hbox align="center" pack="justify" flex="50">
+ <!-- we put a non-breaking space (" " in HTML) into the active anchor text, so that
+ the active anchor text field always takes up at least one line vertically -->
+ <description id="active-anchor-text" onclick="activateActiveHyperlink(event)" flex="1">
+  
+ </description>
- <!-- we put a non-breaking space (" " in HTML) into the active anchor text, so that
- the active anchor text field always takes up at least one line vertically -->
- <description id="active-anchor-text" onclick="activateActiveHyperlink(event)" flex="1">
-  
- </description>
+ </hbox>
- </hbox>
+ <hbox align="center" pack="right">
- <hbox align="center" pack="right">
+ <label hidden="true" id="current-time" value="--:--" class="time-display"/>
- <label hidden="true" id="current-time" value="--:--" class="time-display"/>
+ <hbox id="media-loading-throbber-box">
- <hbox id="media-loading-throbber-box">
-
- <image
- src="chrome://afeview/skin/Throbber-small.gif"
- height="16" width="16"/>
+ <image
+ src="chrome://afeview/skin/Throbber-small.gif"
+ height="16" width="16"/>
- <separator minwidth="8" maxwidth="8"/>
+ <separator minwidth="8" maxwidth="8"/>
- </hbox>
+ </hbox>
- </hbox>
+ </hbox>
- </hbox>
+ </hbox>
+
+ </hbox>
- <separator/>
+ <separator/>
- <!-- transport controls: note that all buttons are initially disabled;
- they'll be enabled programmatically later when the movie's loaded -->
+ <!-- transport controls: note that all buttons are initially disabled;
+ they'll be enabled programmatically later when the movie's loaded -->
- <hbox pack="justify" align="stretch">
+ <hbox pack="justify" align="stretch">
- <space flex="1"/>
+ <space flex="1"/>
- <hbox pack="center">
+ <hbox pack="center">
- <toolbox align="center" class="boxed">
+ <hbox align="center" orient="horizontal">
- <toolbar id="transport-toolbar"
- tbautostretch="always" grippyhidden="true">
+ <toolbar id="transport-toolbar" class="controls"
+ tbautostretch="always" grippyhidden="true">
- <toolbarseparator class="noline"/>
+ <toolbarseparator class="noline" minwidth="16" maxwidth="16"/>
- <toolbarbutton
- class="toolbarbutton-text"
- disabled="true"
- id="transport-go-to-beginning-button"
- observes="movieIsActive"
- tooltiptext="Go to the beginning of the movie"
- command="AFEView_transport_go_to_beginning"/>
+ <toolbarbutton
+ disabled="true"
+ id="transport-go-to-beginning-button"
+ observes="movieIsActive"
+ tooltiptext="Go to the beginning of the movie"
+ command="AFEView_transport_go_to_beginning"/>
- <toolbarseparator class="noline" minwidth="12"/>
+ <toolbarbutton
+ disabled="true"
+ id="transport-previous-clip-button"
+ observes="movieIsActive"
+ tooltiptext="Go to the previous clip"
+ command="AFEView_transport_go_to_previous_clip"/>
- <toolbarbutton
- disabled="true"
- id="transport-previous-clip-button"
- observes="movieIsActive"
- tooltiptext="Go to the previous clip"
- command="AFEView_transport_go_to_previous_clip"/>
+ <toolbarbutton
+ disabled="true"
+ id="transport-stop-button"
+ observes="movieIsActive"
+ tooltiptext="Stop"
+ command="AFEView_transport_stop"/>
- <toolbarseparator class="noline"/>
+ <toolbarbutton
+ command="AFEView_transport_pause"
+ disabled="true"
+ id="transport-pause-button"
+ onbroadcast="updatePlayPauseButtons()"
+ tooltiptext="Pause">
+ <observes element="movieIsPlaying" attribute="*"/>
+ <observes element="movieIsActive" attribute="disabled"/>
+ </toolbarbutton>
- <toolbarbutton
- disabled="true"
- id="transport-stop-button"
- observes="movieIsActive"
- tooltiptext="Stop"
- command="AFEView_transport_stop"/>
+ <toolbarbutton
+ command="AFEView_transport_play"
+ disabled="true"
+ hidden="true"
+ id="transport-play-button"
+ onbroadcast="updatePlayPauseButtons()"
+ tooltiptext="Play">
+ <observes element="movieIsPlaying" attribute="*"/>
+ <observes element="movieIsActive" attribute="disabled"/>
+ </toolbarbutton>
- <toolbarseparator class="noline"/>
+ <toolbarbutton
+ disabled="true"
+ id="transport-next-clip-button"
+ observes="movieIsActive"
+ tooltiptext="Go to the next clip"
+ command="AFEView_transport_go_to_next_clip"/>
- <toolbarbutton
- command="AFEView_transport_pause"
- disabled="true"
- id="transport-pause-button"
- onbroadcast="updatePlayPauseButtons()"
- tooltiptext="Pause">
- <observes element="movieIsPlaying" attribute="*"/>
- <observes element="movieIsActive" attribute="disabled"/>
- </toolbarbutton>
+ <toolbarbutton
+ disabled="true"
+ hidden="true"
+ id="transport-go-to-end-button"
+ observes="movieIsActive"
+ tooltiptext="Go to the end of the movie"
+ command="AFEView_transport_go_to_end"/>
- <toolbarbutton
- command="AFEView_transport_play"
- disabled="true"
- hidden="true"
- id="transport-play-button"
- onbroadcast="updatePlayPauseButtons()"
- tooltiptext="Play">
- <observes element="movieIsPlaying" attribute="*"/>
- <observes element="movieIsActive" attribute="disabled"/>
- </toolbarbutton>
+ <toolbarseparator class="noline" minwidth="16" maxwidth="16"/>
- <toolbarseparator class="noline"/>
+ </toolbar>
- <toolbarbutton
- disabled="true"
- id="transport-next-clip-button"
- observes="movieIsActive"
- tooltiptext="Go to the next clip"
- command="AFEView_transport_go_to_next_clip"/>
+ <separator minwidth="8" maxwidth="8"/>
- <toolbarseparator class="noline"/>
+ <toolbar id="send-link-toolbar" grippyhidden="true">
- <toolbarbutton
- disabled="true"
- hidden="true"
- id="transport-go-to-end-button"
- observes="movieIsActive"
- tooltiptext="Go to the end of the movie"
- command="AFEView_transport_go_to_end"/>
+ <!-- "send link" button -->
- <space flex="1"/>
+ <toolbarseparator class="noline"/>
- <toolbarseparator class="noline" minwidth="16" maxwidth="16"/>
+ <toolbarbutton
+ class="normal"
+ disabled="true"
+ observes="movieIsActive"
+ id="send-link-button"
+ label="Send Link …"
+ command="AFEView_send_link"/>
- <!-- "send link" button -->
+ <!-- "edit link" button -->
- <button
- label="Send Link…"
- disabled="true"
- observes="movieIsActive"
- command="AFEView_send_link"/>
+ <button
+ label="Edit…"
+ disabled="true"
+ hidden="true"
+ observes="movieIsEditable"
+ command="AFEView_link_edit"/>
- <!-- "edit link" button -->
+ <!-- volume control -->
- <button
- label="Edit…"
- disabled="true"
- hidden="true"
- observes="movieIsEditable"
- command="AFEView_link_edit"/>
+ <hbox hidden="true">
- <!-- volume control -->
+ <toolbarseparator class="noline" minwidth="16" maxwidth="16"/>
- <hbox hidden="true">
+ <toolbarbutton id="volume-down-button" class="no-border" command="AFEView_volume_down"/>
- <toolbarseparator class="noline" minwidth="16" maxwidth="16"/>
+ <vbox id="foxytunes-volume-slider-widget">
+ <spacer flex="2"/>
+ <slider id="foxytunes-volume-slider"
+ curpos="50"
+ dirty="0"
+ onmouseover="refreshVolumeSliderPosition();">
+ <thumb id="foxytunes-volume-thumb"/>
+ </slider>
+ <spacer flex="2"/>
+ </vbox>
- <toolbarbutton id="volume-down-button" class="no-border" command="AFEView_volume_down"/>
+ <toolbarbutton id="volume-up-button" class="no-border" command="AFEView_volume_up"/>
- <vbox id="foxytunes-volume-slider-widget">
- <spacer flex="2"/>
- <slider id="foxytunes-volume-slider"
- curpos="50"
- dirty="0"
- onmouseover="refreshVolumeSliderPosition();">
- <thumb id="foxytunes-volume-thumb"/>
- </slider>
- <spacer flex="2"/>
- </vbox>
+ </hbox>
- <toolbarbutton id="volume-up-button" class="no-border" command="AFEView_volume_up"/>
+ <toolbarseparator class="noline"/>
- </hbox>
+ </toolbar>
- <toolbarseparator class="noline"/>
+ </hbox>
- </toolbar>
+ </hbox>
- </toolbox>
+ <space flex="1"/>
</hbox>
- <space flex="1"/>
+ <separator/>
- </hbox>
+ <hbox id="logo-container-box" align="right">
+ <box id="logo-box"/>
+
+ </hbox>
+
+ </vbox>
+
</vbox>
</page>
--
andre
More information about the cvs-annodex
mailing list