From 7fe2a1f4be6edfccc22a4dc2ddd23da954d6dd1f Mon Sep 17 00:00:00 2001
From: frakod <frakod@pm.me>
Date: Wed, 27 Mar 2024 17:36:43 +0530
Subject: [PATCH] v1.2 - Added Percentage based Cropping

---
 CMakeLists.txt |   5 +--
 main.cpp       |  37 ++++++++++++++--
 main.ui        | 112 +++++++++++++++++++++++++++----------------------
 3 files changed, 97 insertions(+), 57 deletions(-)

diff --git a/CMakeLists.txt b/CMakeLists.txt
index 6b9f742..40035bc 100644
--- a/CMakeLists.txt
+++ b/CMakeLists.txt
@@ -1,11 +1,8 @@
 cmake_minimum_required(VERSION 3.5)
 
-project(smol_img VERSION 1.1 LANGUAGES CXX)
+project(smol_img VERSION 1.2 LANGUAGES CXX)
 
 set(CMAKE_AUTOUIC ON)
-set(CMAKE_AUTOMOC ON)
-set(CMAKE_AUTORCC ON)
-
 set(CMAKE_CXX_STANDARD 20)
 set(CMAKE_CXX_STANDARD_REQUIRED ON)
 
diff --git a/main.cpp b/main.cpp
index 344a488..ea32027 100644
--- a/main.cpp
+++ b/main.cpp
@@ -1,4 +1,3 @@
-#include <cmath>
 #include <chrono>
 
 using namespace std::literals;
@@ -50,15 +49,45 @@ int main(int argc, char* argv[])
         img_view.scale2fit(state == Qt::Unchecked);
     });
     
+    QObject::connect(ui.crop_in_percent, &QCheckBox::stateChanged, [&](int state)
+    {
+        if (input_img.isNull()) return;
+        
+        if (state == Qt::Checked)
+        {
+            // absolute to percentage
+            ui.crop_top->setValue(ui.crop_top->value()*100.f / input_img.height());
+            ui.crop_left->setValue(ui.crop_left->value()*100.f / input_img.width());
+            ui.crop_right->setValue(ui.crop_right->value()*100.f / input_img.width());
+            ui.crop_bottom->setValue(ui.crop_bottom->value()*100.f / input_img.height());
+        }
+        else
+        {
+            // percentage to absolute
+            ui.crop_top->setValue(ui.crop_top->value()/100.f * input_img.height());
+            ui.crop_left->setValue(ui.crop_left->value()/100.f * input_img.width());
+            ui.crop_right->setValue(ui.crop_right->value()/100.f * input_img.width());
+            ui.crop_bottom->setValue(ui.crop_bottom->value()/100.f * input_img.height());
+        }
+    });
+    
     bool png_mode = false;
     
     auto compute_output = [&]
     {
+        QImage img = input_img;
         int quality = png_mode ? 0 : ui.img_quality->sliderPosition(); // max compression for png
         
-        // crop
-        auto img = input_img.copy(QRect{QPoint{ui.crop_left->value(),                      ui.crop_top->value()},
-                                        QPoint{input_img.width() - ui.crop_right->value(), input_img.height() - ui.crop_bottom->value()}});
+        if (ui.crop_in_percent->isChecked())
+        {
+            img = img.copy(QRect{QPoint(    ui.crop_left->value()/100.f  * img.width(),    ui.crop_top->value()   /100.f  * img.height()),
+                                 QPoint((1-ui.crop_right->value()/100.f) * img.width(), (1-ui.crop_bottom->value()/100.f) * img.height())});
+        }
+        else // crop values in pixels
+        {
+            img = img.copy(QRect{QPoint{ui.crop_left->value(),                ui.crop_top->value()},
+                                 QPoint{img.width() - ui.crop_right->value(), img.height() - ui.crop_bottom->value()}});            
+        }
         
         // rotate
         img = img.transformed(QTransform{}.rotate(rotation));
diff --git a/main.ui b/main.ui
index 246062b..6a39144 100644
--- a/main.ui
+++ b/main.ui
@@ -7,11 +7,11 @@
     <x>0</x>
     <y>0</y>
     <width>1000</width>
-    <height>650</height>
+    <height>685</height>
    </rect>
   </property>
   <property name="windowTitle">
-   <string>smol_img tool v1.1 by frakod</string>
+   <string>smol_img tool v1.2 by frakod</string>
   </property>
   <property name="windowIcon">
    <iconset theme="zoom-fit-best"/>
@@ -28,8 +28,8 @@
         <rect>
          <x>0</x>
          <y>0</y>
-         <width>666</width>
-         <height>630</height>
+         <width>648</width>
+         <height>661</height>
         </rect>
        </property>
       </widget>
@@ -133,27 +133,8 @@
             </property>
            </widget>
           </item>
-          <item row="1" column="3" alignment="Qt::AlignLeft|Qt::AlignVCenter">
-           <widget class="QPushButton" name="rotr_btn">
-            <property name="sizePolicy">
-             <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
-              <horstretch>0</horstretch>
-              <verstretch>0</verstretch>
-             </sizepolicy>
-            </property>
-            <property name="toolTip">
-             <string>Rotate Clockwise</string>
-            </property>
-            <property name="text">
-             <string/>
-            </property>
-            <property name="icon">
-             <iconset theme="object-rotate-right"/>
-            </property>
-           </widget>
-          </item>
-          <item row="1" column="0">
-           <widget class="QSpinBox" name="crop_left">
+          <item row="2" column="2" colspan="2">
+           <widget class="QSpinBox" name="crop_bottom">
             <property name="sizePolicy">
              <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
               <horstretch>0</horstretch>
@@ -161,7 +142,7 @@
              </sizepolicy>
             </property>
             <property name="toolTip">
-             <string>Crop Left</string>
+             <string>Crop Bottom</string>
             </property>
             <property name="accelerated">
              <bool>true</bool>
@@ -190,8 +171,8 @@
             </property>
            </widget>
           </item>
-          <item row="2" column="2" colspan="2">
-           <widget class="QSpinBox" name="crop_bottom">
+          <item row="0" column="2" colspan="2">
+           <widget class="QSpinBox" name="crop_top">
             <property name="sizePolicy">
              <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
               <horstretch>0</horstretch>
@@ -199,7 +180,7 @@
              </sizepolicy>
             </property>
             <property name="toolTip">
-             <string>Crop Bottom</string>
+             <string>Crop Top</string>
             </property>
             <property name="accelerated">
              <bool>true</bool>
@@ -209,8 +190,37 @@
             </property>
            </widget>
           </item>
-          <item row="0" column="2" colspan="2">
-           <widget class="QSpinBox" name="crop_top">
+          <item row="1" column="3" alignment="Qt::AlignLeft|Qt::AlignVCenter">
+           <widget class="QPushButton" name="rotr_btn">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="toolTip">
+             <string>Rotate Clockwise</string>
+            </property>
+            <property name="text">
+             <string/>
+            </property>
+            <property name="icon">
+             <iconset theme="object-rotate-right"/>
+            </property>
+           </widget>
+          </item>
+          <item row="3" column="0" colspan="6" alignment="Qt::AlignHCenter">
+           <widget class="QCheckBox" name="crop_in_percent">
+            <property name="text">
+             <string>Crop Values in Percentage</string>
+            </property>
+            <property name="checked">
+             <bool>true</bool>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="0">
+           <widget class="QSpinBox" name="crop_left">
             <property name="sizePolicy">
              <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
               <horstretch>0</horstretch>
@@ -218,7 +228,7 @@
              </sizepolicy>
             </property>
             <property name="toolTip">
-             <string>Crop Top</string>
+             <string>Crop Left</string>
             </property>
             <property name="accelerated">
              <bool>true</bool>
@@ -548,7 +558,7 @@
           <item row="0" column="0" colspan="2" alignment="Qt::AlignHCenter">
            <widget class="QCheckBox" name="preview_original_sz">
             <property name="text">
-             <string>Preview in Original Size</string>
+             <string>Preview in Actual Size</string>
             </property>
             <property name="checked">
              <bool>false</bool>
@@ -581,6 +591,9 @@
   </widget>
  </widget>
  <tabstops>
+  <tabstop>rotl_btn</tabstop>
+  <tabstop>rotr_btn</tabstop>
+  <tabstop>crop_in_percent</tabstop>
   <tabstop>crop_top</tabstop>
   <tabstop>crop_left</tabstop>
   <tabstop>crop_right</tabstop>
@@ -596,25 +609,10 @@
   <tabstop>copy_btn</tabstop>
   <tabstop>save_btn</tabstop>
   <tabstop>image_frame</tabstop>
+  <tabstop>phony_btn</tabstop>
  </tabstops>
  <resources/>
  <connections>
-  <connection>
-   <sender>crop_left</sender>
-   <signal>valueChanged(int)</signal>
-   <receiver>phony_btn</receiver>
-   <slot>click()</slot>
-   <hints>
-    <hint type="sourcelabel">
-     <x>779</x>
-     <y>113</y>
-    </hint>
-    <hint type="destinationlabel">
-     <x>834</x>
-     <y>123</y>
-    </hint>
-   </hints>
-  </connection>
   <connection>
    <sender>crop_top</sender>
    <signal>valueChanged(int)</signal>
@@ -759,5 +757,21 @@
     </hint>
    </hints>
   </connection>
+  <connection>
+   <sender>crop_left</sender>
+   <signal>valueChanged(int)</signal>
+   <receiver>phony_btn</receiver>
+   <slot>click()</slot>
+   <hints>
+    <hint type="sourcelabel">
+     <x>779</x>
+     <y>113</y>
+    </hint>
+    <hint type="destinationlabel">
+     <x>834</x>
+     <y>123</y>
+    </hint>
+   </hints>
+  </connection>
  </connections>
 </ui>