Tango: ugly proof-of-concept for cue timing shift buttons

for correcting timing offsets when importing from other software
ronso0 · Apr 30, 2020 · 312e2b3 · 312e2b3
1 parent d890dce
commit 312e2b3
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 4 deletions.
diff --git a/res/skins/Tango/skin_settings.xml b/res/skins/Tango/skin_settings.xml
@@ -138,7 +138,7 @@ Description:
             <SetVariable name="Setting">[Skin],show_intro_outro_cues</SetVariable>
           </Template>
 
-          
+
           <Template src="skin:../Tango/skin_settings_button_2state.xml">
             <SetVariable name="text">Loop / Beatjump Buttons</SetVariable>
             <SetVariable name="Setting">[Skin],show_loop_beatjump_controls</SetVariable>
@@ -455,6 +455,12 @@ Description:
               </WidgetGroup><!-- /small/BIG selector, hidden mixer -->
             </Children>
           </WidgetGroup><!-- /small/BIG selector -->
+
+          <Template src="skin:../Tango/skin_settings_button_2state.xml">
+            <SetVariable name="text">Cue Timing Correction Buttons</SetVariable>
+            <SetVariable name="Setting">[Skin],timing_shift_buttons</SetVariable>
+          </Template>
+
           <!-- /Decks -->
 
           <WidgetGroup>

diff --git a/res/skins/Tango/style.qss b/res/skins/Tango/style.qss
@@ -457,14 +457,18 @@ WWidgetGroup {
 #BeatgridSlower,
 #BeatgridFaster,
 #BeatgridEarlier,
-#BeatgridLater {
+#BeatgridLater,
+#ShiftEarlier,
+#ShiftLater {
   background-color: #333;
   }
   #BeatgridCurpos:hover,
   #BeatgridSlower:hover,
   #BeatgridFaster:hover,
   #BeatgridEarlier:hover,
-  #BeatgridLater:hover {
+  #BeatgridLater:hover,
+  #ShiftEarlier:hover,
+  #ShiftLater:hover {
     background-color: #0f0f0f;
   }
   #BeatgridCurpos {
@@ -482,7 +486,12 @@ WWidgetGroup {
   #BeatgridLater {
     image: url(skin:/buttons/btn_beats_later.svg) no-repeat center center;
   }
-
+  #ShiftEarlier {
+    image: url(skin:/buttons/btn_arrow_left.svg) no-repeat center center;
+  }
+  #ShiftLater {
+    image: url(skin:/buttons/btn_arrow_right.svg) no-repeat center center;
+  }
 
 /*################################################################
  ######  Mic & Aux  #############################################

diff --git a/res/skins/Tango/waveform.xml b/res/skins/Tango/waveform.xml
@@ -170,6 +170,24 @@ Variables:
                     <SetVariable name="Size">28f,24f</SetVariable>
                     <SetVariable name="ConfigKey"><Variable name="group"/>,beats_adjust_faster</SetVariable>
                   </Template>
+
+                  <WidgetGroup>
+                    <Layout>vertical</Layout>
+                    <Size>f,f</Size>
+                    <Children>
+                      <Template src="skin:button_1state_right.xml">
+                        <SetVariable name="TooltipId">FIXME</SetVariable>
+                        <SetVariable name="ObjectName">ShiftEarlier</SetVariable>
+                        <SetVariable name="Size">28f,24f</SetVariable>
+                        <SetVariable name="ConfigKey"><Variable name="group"/>,shift_times_earlier</SetVariable>
+                        <SetVariable name="ConfigKeyRight"><Variable name="group"/>,shift_times_earlier_small</SetVariable>
+                      </Template>
+                    </Children>
+                    <Connection>
+                      <ConfigKey persist="true">[Skin],timing_shift_buttons</ConfigKey>
+                      <BindProperty>visible</BindProperty>
+                    </Connection>
+                  </WidgetGroup>
                 </Children>
               </WidgetGroup><!-- /beats earlier & faster -->
 
@@ -194,6 +212,24 @@ Variables:
                     <SetVariable name="Size">28f,24f</SetVariable>
                     <SetVariable name="ConfigKey"><Variable name="group"/>,beats_adjust_slower</SetVariable>
                   </Template>
+
+                  <WidgetGroup>
+                    <Layout>vertical</Layout>
+                    <Size>f,f</Size>
+                    <Children>
+                      <Template src="skin:button_1state_right.xml">
+                        <SetVariable name="TooltipId">FIXME</SetVariable>
+                        <SetVariable name="ObjectName">ShiftLater</SetVariable>
+                        <SetVariable name="Size">28f,24f</SetVariable>
+                        <SetVariable name="ConfigKey"><Variable name="group"/>,shift_times_later</SetVariable>
+                        <SetVariable name="ConfigKeyRight"><Variable name="group"/>,shift_times_later_small</SetVariable>
+                      </Template>
+                    </Children>
+                    <Connection>
+                      <ConfigKey persist="true">[Skin],timing_shift_buttons</ConfigKey>
+                      <BindProperty>visible</BindProperty>
+                    </Connection>
+                  </WidgetGroup>
                 </Children>
               </WidgetGroup><!-- /beats later & slower -->
             </Children>