path: root/indra/newview/skins/default/xui/en/panel_prim_media_controls.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<panel
	follows="left|right|top|bottom"
	name="MediaControls"
	background_visible="false"
	height="160"
	layout="topleft"
	mouse_opaque="false"
	width="800">
  <string name="control_background_image_name">Inspector_Background</string>
  <panel
	  name="media_region"
	  bottom="125"
	  follows="left|right|top|bottom"
	  layout="topleft"
	  mouse_opaque="false"
	  top="20" />
  <layout_stack
	  follows="left|right|bottom"
	  height="32"
	  layout="topleft"
	  animate="false"
	  left="0"
	  orientation="horizontal"
	  top="96">
	<!-- outer layout_panels center the inner one -->
	<layout_panel
		width="0"
		layout="topleft"
		user_resize="false" />
	<panel
		name="media_progress_indicator"
		height="22"
		layout="topleft"
		visible="false"
		left="0"
		top="0"
		auto_resize="false"
		user_resize="false"
		min_width="100"
		width="200">
	  <progress_bar
		  name="media_progress_bar"
		  color_bar="1 1 1 0.96"
		  follows="left|right|top"
		  height="16"
		  layout="topleft"
		  left="0"
		  tool_tip="Media is Loading"/>
	</panel>
	<layout_panel
		width="0"
		layout="topleft"
		user_resize="false" />
  </layout_stack>
  <layout_stack
	  name="media_controls"
	  follows="left|right"
	  animate="false"
	  height="32"
	  layout="topleft"
	  left="0"
	  orientation="horizontal"
	  top="128">
	<!-- outer layout_panels center the inner one -->
	<layout_panel
		name="left_bookend"
		width="0"
		layout="topleft"
		user_resize="false" />
	<layout_panel
		name="back"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		min_width="22"
		width="22"
		top="4">
	  <button
		  image_overlay="Arrow_Left_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  auto_resize="false"
		  height="22"
		  layout="topleft"
		  tool_tip="Navigate back"
		  width="22"
		  left="0"
		  top_delta="4">
		<button.commit_callback
			function="MediaCtrl.Back" />
	  </button>
	</layout_panel>
	<layout_panel
		name="fwd"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		top="10"
		min_width="22"
		width="22">
	  <button
		  image_overlay="Arrow_Right_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  height="22"
		  layout="topleft"
		  tool_tip="Navigate forward"
		  top_delta="0"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.Forward" />
	  </button>
	</layout_panel>
	<layout_panel
		name="home"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		top="-2"
		min_width="22"
		width="22">
	  <button
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_overlay="Home_Off"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  layout="topleft"
		  tool_tip="Home page"
		  height="22"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.Home" />
	  </button>
	</layout_panel>
	<layout_panel
		name="media_stop"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		top="2"
		min_width="22"
		width="22">
	  <!-- The stop button here is temporary artwork -->
	  <button
		  image_overlay="media_btn_stoploading.png"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  height="22"
		  layout="topleft"
		  tool_tip="Stop media"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.Stop" />
	  </button>
	</layout_panel>
	<layout_panel
		name="reload"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		top="6"
		min_width="22"
		width="22">
	  <button
		  height="22"
		  image_overlay="Refresh_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  layout="topleft"
		  tool_tip="Reload"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.Reload" />
	  </button>
	</layout_panel>
	<layout_panel
		name="stop"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		top="10"
		min_width="22"
		width="22">
	  <button
		  height="22"
		  image_overlay="StopReload_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  layout="topleft"
		  tool_tip = "Stop loading"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.Stop" />
	  </button>
	</layout_panel>
	<layout_panel
		name="play"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		top="14"
		min_width="22"
		width="22">
	  <button
		  image_overlay="Play_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  layout="topleft"
		  tool_tip = "Play media"
		  height="22"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.Play" />
	  </button>
	</layout_panel>
	<layout_panel
		name="pause"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		top="18"
		min_width="22"
		width="22">
	  <button
		  image_overlay="Pause_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  layout="topleft"
		  height="22"
		  tool_tip = "Pause media">
		<button.commit_callback
			function="MediaCtrl.Pause" />
	  </button>
	</layout_panel>
	<!-- media URL entry  -->
	<layout_panel
		name="media_address"
		auto_resize="true"
		user_resize="false"
		height="24"
		follows="left|right|bottom"
		layout="topleft"
		width="190"
		min_width="90">
	  <!--
		  RE-ENABLE THIS WHEN WE HAVE A HISTORY DROP-DOWN AGAIN

<combo_box
name="media_address_url"
allow_text_entry="true"
height="22"
layout="topleft"
max_chars="1024"
tool_tip = "Media URL"
<combo_box.commit_callback
function="MediaCtrl.CommitURL" />
</combo_box>
	  -->
	  <line_editor 
		  name="media_address_url"
		  follows="left|right" 
		  height="22"
		  top="0"
		  tool_tip="Media URL"
		  text_pad_right="16"> 
		<line_editor.commit_callback
			function="MediaCtrl.CommitURL"/>
	  </line_editor>
	  <layout_stack
		  name="media_address_url_icons"
		  animate="false"
		  follows="right"
		  height="20"
		  width="38"
		  right="-2"
		  top="-1"
		  orientation="horizontal">
		<layout_panel
			layout="topleft"
			width="16"
			auto_resize="false"
			user_resize="false">
		  <icon
			  name="media_whitelist_flag"
			  follows="top|right"
			  height="16"
			  image_name="Flag"
			  layout="topleft"
			  tool_tip="White List enabled"
			  min_width="16"
			  width="16" />
		</layout_panel>
		<layout_panel
			layout="topleft"
			width="16"
			auto_resize="false"
			user_resize="false">
		  <icon
			  name="media_secure_lock_flag"
			  height="16"
			  image_name="Lock2"
			  layout="topleft"
			  tool_tip="Secured Browsing"
			  min_width="16"
			  width="16" />
		</layout_panel>
	  </layout_stack>
	</layout_panel>
	<layout_panel
		name="media_play_position"
		auto_resize="true"
		user_resize="false"
		follows="left|right|top|bottom"
		layout="topleft"
		min_width="100"
		width="200">
	  <slider_bar
		  name="media_play_slider"
		  follows="left|right|top"
		  height="22"
		  increment="0.05"
		  initial_value="0.5"
		  layout="topleft"
		  tool_tip="Movie play progress"
		  top="8"
		  min_width="100"
		  width="200">
		<slider_bar.commit_callback
			function="MediaCtrl.JumpProgress" />
	  </slider_bar>
	</layout_panel>
	<layout_panel
		name="skip_back"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		min_width="22"
		width="22">
	  <button
		  image_overlay="SkipBackward_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  auto_resize="false"
		  height="22"
		  layout="topleft"
		  tool_tip="Step back"
		  top="-14"
		  width="22"
		  left="0">
		<button.commit_callback
			function="MediaCtrl.SkipBack" />
	  </button>
	</layout_panel>
	<layout_panel
		name="skip_forward"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		min_width="22"
		width="22">
	  <button
		  image_overlay="SkipForward_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  height="22"
		  layout="topleft"
		  tool_tip="Step forward"
		  top="-14"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.SkipForward" />
	  </button>
	</layout_panel>
	<layout_panel
		name="media_volume"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		height="22"
		min_width="22"
		width="22">
	  <!-- Note: this isn't quite right either...the mute button is not the -->
	  <!-- same as the others because it can't have the "image_overlay" be  -->
	  <!-- two different images.  -->
	  <button
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="AudioMute_Off"
		  image_unselected="Audio_Off"
		  hover_glow_amount="0.15"
		  name="media_volume_button"
		  height="22"
		  is_toggle="true"
		  layout="topleft"
		  scale_image="false" 
		  tool_tip="Mute This Media"
		  top_delta="18"
		  min_width="22"
		  width="22" >
		<button.commit_callback
			function="MediaCtrl.ToggleMute" />
	  </button>
	</layout_panel>
	<!-- We don't have a design yet for "volume", so this is a temporary -->
	<!-- solution.  See DEV-42827. -->
	<layout_panel
		name="volume_up"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		min_width="14"
		height="14"
		width="14">
	  <button
		  image_overlay="media_btn_scrollup.png"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  top="-5"
		  height="14"
		  layout="topleft"
		  tool_tip="Volume up"
		  scale_image="true"
		  min_width="14"
		  width="14" >
		<button.commit_callback
			function="MediaCtrl.CommitVolumeUp" />
	  </button>
	</layout_panel>
	<layout_panel
		name="volume_down"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		min_width="14"
		height="14"
		width="14">
	  <button
		  image_overlay="media_btn_scrolldown.png"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  layout="topleft"
		  tool_tip="Volume down"
		  scale_image="true"
		  top="-5"
		  height="14"
		  min_width="14"
		  width="14">
		<button.commit_callback
			function="MediaCtrl.CommitVolumeDown" />
	  </button>
	</layout_panel>
	<!-- Scroll pad -->
	<!-- This was removed from the design, but is still here because it is --> 
	<!-- complex, and recreating it would be hard.  In case the design -->
	<!-- changes, here it lies: --> 
	<!--
	<layout_panel
		name="media_panel_scroll"
		auto_resize="false"
		user_resize="false"
		height="32"
		follows="left|right|top|bottom"
		layout="topleft"
		min_width="32"
		width="32">
	  <icon
		  height="32"
		  image_name="media_panel_scrollbg.png"
		  layout="topleft"
		  top="0"
		  min_width="32"
		  width="32" />
	  <button
		  name="scrollup"
		  height="8"
		  image_selected="media_btn_scrollup.png"
		  image_unselected="media_btn_scrollup.png"
		  layout="topleft"
		  tool_tip="Scroll up"
		  scale_image="false"
		  left="12"
		  top_delta="4"
		  min_width="8"
		  width="8" />
	  <button
		  name="scrollleft"
		  height="8"
		  image_selected="media_btn_scrollleft.png"
		  image_unselected="media_btn_scrollleft.png"
		  layout="topleft"
		  left="3"
		  tool_tip="Scroll left"
		  scale_image="false"
		  top="12"
		  min_width="8"
		  width="8" />
	  <button
		  name="scrollright"
		  height="8"
		  image_selected="media_btn_scrollright.png"
		  image_unselected="media_btn_scrollright.png"
		  layout="topleft"
		  left_pad="9"
		  tool_tip="Scroll right"
		  scale_image="false"
		  top_delta="0"
		  min_width="8"
		  width="8" />
	  <button
		  name="scrolldown"
		  height="8"
		  image_selected="media_btn_scrolldown.png"
		  image_unselected="media_btn_scrolldown.png"
		  layout="topleft"
		  left="12"
		  tool_tip="Scroll down"
		  scale_image="false"
		  top="20"
		  min_width="8"
		  width="8" />
	</layout_panel>
	-->
	<panel
		height="28"
		layout="topleft"
		auto_resize="false"
		min_width="3"
		width="3">
	  <icon
		  height="26"
		  image_name="media_panel_divider.png"
		  layout="topleft"
		  top="0"
		  min_width="3"
		  width="3" />
	</panel>
	<layout_panel
		name="zoom_frame"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		height="28"
		min_width="22"
		width="22">
	  <button
		  image_overlay="Zoom_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  height="22"
		  layout="topleft"
		  tool_tip="Zoom into media"
		  min_width="22"
		  width="22">
		<button.commit_callback
			function="MediaCtrl.Zoom" />
	  </button>
	</layout_panel>
	<layout_panel
		name="close"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		min_width="21"
		width="21" >
	  <!-- There is no "Zoom out" icon, so we use this temporarily -->
	  <button
		  image_overlay="ForwardArrow_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  height="22"
		  layout="topleft"
		  tool_tip ="Zoom Back"
		  top_delta="-4"
		  width="21" >
		<button.commit_callback
			function="MediaCtrl.Close" />
	  </button>
	</layout_panel>
	<layout_panel
		name="new_window"
		auto_resize="false"
		user_resize="false"
		layout="topleft"
		min_width="22"
		width="22">
	  <button
		  image_overlay="ExternalBrowser_Off"
		  image_disabled="PushButton_Disabled"
		  image_disabled_selected="PushButton_Disabled"
		  image_selected="PushButton_Selected"
		  image_unselected="PushButton_Off"
		  hover_glow_amount="0.15"
		  height="22"
		  layout="topleft"
		  tool_tip = "Open URL in browser"
		  top_delta="-4"
		  min_width="24"
		  width="24" >
		<button.commit_callback
			function="MediaCtrl.Open" />
	  </button>
	</layout_panel>
	<!-- bookend panel -->
	<layout_panel
		name="right_bookend"
		width="0"
		layout="topleft"
		user_resize="false" />
  </layout_stack>
</panel>