<!DOCTYPE template>
<!--
  Description:
    Deck rate slider column.
  Variables:
    group: The deck group.
-->
<Template>
  <WidgetGroup>
    <ObjectName>DeckRateSliderColumn</ObjectName>
    <Layout>vertical</Layout>
    <SizePolicy>max,min</SizePolicy>
    <Children>
      <WidgetGroup>
        <ObjectName>TempoControlButtons</ObjectName>
        <Layout>vertical</Layout>
        <Children>
          <Template src="skin:left_right_2state_button.xml">
            <SetVariable name="TooltipId">sync_enabled</SetVariable>
            <SetVariable name="ObjectName">DeckSync</SetVariable>
            <SetVariable name="MinimumSize">-1,18</SetVariable>
            <SetVariable name="MaximumSize">-1,18</SetVariable>
            <SetVariable name="SizePolicy"><Variable name="HorizontalStretchButtonSizePolicy"/></SetVariable>
            <SetVariable name="state_0_text">Sync</SetVariable>
            <SetVariable name="state_0_pressed"></SetVariable>
            <SetVariable name="state_0_unpressed"></SetVariable>
            <SetVariable name="state_1_text">Sync</SetVariable>
            <SetVariable name="state_1_pressed"></SetVariable>
            <SetVariable name="state_1_unpressed"></SetVariable>
            <SetVariable name="left_connection_control"><Variable name="group"/>,sync_enabled</SetVariable>
            <SetVariable name="right_connection_control"><Variable name="group"/>,beatsync_phase</SetVariable>
          </Template>

          <WidgetGroup>
            <ObjectName>RateTempButtons</ObjectName>
            <Layout>horizontal</Layout>
            <Children>
              <Template src="skin:left_right_1state_button.xml">
                <SetVariable name="ObjectName">TempRateDown</SetVariable>
                <SetVariable name="TooltipId">rate_temp_down_rate_temp_down_small</SetVariable>
                <SetVariable name="MinimumSize">20,20</SetVariable>
                <SetVariable name="MaximumSize">20,20</SetVariable>
                <SetVariable name="SizePolicy"><Variable name="SquareButtonSizePolicy"/></SetVariable>
                <SetVariable name="state_0_text"></SetVariable>
                <SetVariable name="state_0_pressed">icon/ic_remove_48px.svg</SetVariable>
                <SetVariable name="state_0_unpressed">icon/ic_remove_48px.svg</SetVariable>
                <SetVariable name="left_connection_control"><Variable name="group"/>,rate_temp_down</SetVariable>
                <SetVariable name="right_connection_control"><Variable name="group"/>,rate_temp_down_small</SetVariable>
              </Template>

              <Template src="skin:left_right_1state_button.xml">
                <SetVariable name="TooltipId">rate_temp_up_rate_temp_up_small</SetVariable>
                <SetVariable name="ObjectName">TempRateUp</SetVariable>
                <SetVariable name="MinimumSize">20,20</SetVariable>
                <SetVariable name="MaximumSize">20,20</SetVariable>
                <SetVariable name="SizePolicy"><Variable name="SquareButtonSizePolicy"/></SetVariable>
                <SetVariable name="state_0_text"></SetVariable>
                <SetVariable name="state_0_pressed">icon/ic_add_48px.svg</SetVariable>
                <SetVariable name="state_0_unpressed">icon/ic_add_48px.svg</SetVariable>
                <SetVariable name="left_connection_control"><Variable name="group"/>,rate_temp_up</SetVariable>
                <SetVariable name="right_connection_control"><Variable name="group"/>,rate_temp_up_small</SetVariable>
              </Template>

            </Children>
          </WidgetGroup>

        </Children>
      </WidgetGroup>

      <WidgetGroup>
        <ObjectName>RateDisplay<Variable name="i"/></ObjectName>
        <Layout>vertical</Layout>
        <Children>
          <NumberRate>
            <TooltipId>rate_display</TooltipId>
            <Channel>
                <Variable name="i"/>
            </Channel>
            <NumberOfDigits>2</NumberOfDigits>
          </NumberRate>
        </Children>
      </WidgetGroup>

      <WidgetGroup>
        <Layout>horizontal</Layout>
        <Children>
          <SliderComposed>
            <TooltipId>rate</TooltipId>
            <Size>40f,-1me</Size>
            <MaximumSize>40,200</MaximumSize>
            <Slider scalemode="STRETCH">slider-vertical.svg</Slider>
            <Handle scalemode="STRETCH_ASPECT">handle-vertical-blue.svg</Handle>
            <Connection>
              <ConfigKey><Variable name="group"/>,rate</ConfigKey>
            </Connection>
          </SliderComposed>
        </Children>
      </WidgetGroup>

    </Children>
  </WidgetGroup>
</Template>
