Draw frames for top and bottom row

libs/tote_bag/juce_gui/utilities/GraphicsUtilities.cpp

@@ -22,14 +22,13 @@ void drawRoundedRect (juce::Graphics& g,
 
     auto h = croppedBounds.getHeight();
     auto lineThickness = h * .025f;
-    auto cornerSize = h * .25f;
+    auto cornerSize = h * .075f;
 
     g.setColour (colour.darker());
 
     g.drawRoundedRectangle (croppedBounds, cornerSize, lineThickness);
 
     g.setColour (colour);
-
     juce::Path p;
     p.addRoundedRectangle (croppedBounds, cornerSize);
     g.fillPath (p);

src/gui/panels/ValentineCenterPanel.cpp

@@ -1,8 +1,12 @@
 // 2023 Tote Bag Labs
 
 #include "ValentineCenterPanel.h"
+#include "BinaryData.h"
 #include "PluginProcessor.h"
 
+#include "tote_bag/juce_gui/lookandfeel/LookAndFeelConstants.h"
+#include "tote_bag/juce_gui/utilities/GraphicsUtilities.h"
+
 namespace tote_bag
 {
 namespace valentine
@@ -15,12 +19,38 @@ CenterPanel::~CenterPanel()
 {
 }
 
-void CenterPanel::paint (juce::Graphics&)
+void CenterPanel::paint (juce::Graphics& g)
 {
+    // These are used for drawing both bottom and top
+    // rows.
+    const auto h = topRowBorderBounds.getHeight();
+    const auto lineThickness = h * .01f;
+    const auto cornerSize = h * .060f;
+    const auto margin = juce::roundToInt (topRowBorderBounds.getHeight() * .025f);
+
+    // Draw outline for top row
+    const auto croppedTopRow = topRowBorderBounds.reduced (margin);
+    g.setColour (juce::Colours::black);
+    g.drawRoundedRectangle (croppedTopRow.toFloat(), cornerSize, lineThickness);
+
+    // Draw outline for bottom row
+    const auto croppedBottomRow = bottomRowBorderBounds.reduced (margin);
+    g.drawRoundedRectangle (croppedBottomRow.toFloat(), cornerSize, lineThickness);
 }
 
 void CenterPanel::resized()
 {
+    auto localBounds = getLocalBounds();
+    const auto margin = juce::roundToInt (localBounds.getHeight() * .025f);
+
+    const auto topRowHeight = localBounds.getHeight() * .6f;
+    const auto topRowWidth = localBounds.getWidth();
+
+    auto topRowBounds = localBounds.removeFromTop (juce::roundToInt (topRowHeight));
+    topRowBorderBounds = topRowBounds;
+
+    localBounds.removeFromTop (margin);
+    bottomRowBorderBounds = localBounds;
 }
 } // namespace tote_bag
 } // namespace valentine

src/gui/panels/ValentineCenterPanel.h

@@ -16,10 +16,13 @@ class CenterPanel : public juce::Component
     CenterPanel (ValentineAudioProcessor& processor);
     ~CenterPanel() override;
 
-    void paint (juce::Graphics&) override;
+    void paint (juce::Graphics& g) override;
     void resized() override;
 
 private:
+    juce::Rectangle<int> topRowBorderBounds;
+    juce::Rectangle<int> bottomRowBorderBounds;
+
     JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (CenterPanel)
 };
 } // namespace valentine

src/gui/panels/ValentineMainPanel.cpp

@@ -19,15 +19,15 @@ VMainPanel::VMainPanel (ValentineAudioProcessor& processor)
                    FFCompParameterLabel()[getParameterIndex (VParameter::bypass)],
                    FFCompParameterID()[getParameterIndex (VParameter::bypass)],
                    processor.treeState)
-    , inputMeterPanel (ReductionMeterPlacement::Right,
-                       &processor.getInputMeterSource())
+    , inputMeterPanel (ReductionMeterPlacement::Right, &processor.getInputMeterSource())
     , outputMeterPanel (ReductionMeterPlacement::Left,
                         &processor.getOutputMeterSource(),
                         &processor.getGrMeterSource())
     , centerPanel (processor)
+    , newCenterPanel (processor)
 {
     addAndMakeVisible (presetPanel);
-    addAndMakeVisible (centerPanel);
+    addAndMakeVisible (newCenterPanel);
     addAndMakeVisible (inputMeterPanel);
     addAndMakeVisible (outputMeterPanel);
 
@@ -48,7 +48,8 @@ void VMainPanel::resized()
 {
     auto panelBounds = getLocalBounds();
 
-    const auto presetBounds = panelBounds.removeFromTop (juce::roundToInt (panelBounds.getHeight() * .075f));
+    const auto presetBounds =
+        panelBounds.removeFromTop (juce::roundToInt (panelBounds.getHeight() * .075f));
     presetPanel.setBounds (presetBounds);
 
     const auto resizerMargin = juce::roundToInt (panelBounds.getHeight() * .03f);
@@ -66,5 +67,5 @@ void VMainPanel::resized()
 
     inputMeterPanel.setBounds (inMeterBounds);
     outputMeterPanel.setBounds (outMeterBounds);
-    centerPanel.setBounds (panelBounds);
+    newCenterPanel.setBounds (panelBounds);
 }

src/gui/panels/ValentineMainPanel.h

@@ -39,4 +39,5 @@ class VMainPanel : public juce::Component
     VerticalMeterPanel inputMeterPanel;
     VerticalMeterPanel outputMeterPanel;
     CenterPanel centerPanel;
+    tote_bag::valentine::CenterPanel newCenterPanel;
 };