From 5b9d2b756b56e99666784ff08b93384986d7364e Mon Sep 17 00:00:00 2001
From: Clara Dautermann <git@cdaut.de>
Date: Tue, 13 May 2025 23:11:36 +0200
Subject: [PATCH] make skills cards expandable

---
 DBTApp/.idea/codeStyles/Project.xml           | 117 ++++++++++++++++++
 DBTApp/.idea/codeStyles/codeStyleConfig.xml   |   5 +
 .../de/cdaut/dbtapp/components/SkillsList.kt  |  34 ++++-
 DBTApp/app/src/main/res/values-de/strings.xml |   1 +
 DBTApp/app/src/main/res/values/strings.xml    |   1 +
 5 files changed, 152 insertions(+), 6 deletions(-)
 create mode 100644 DBTApp/.idea/codeStyles/Project.xml
 create mode 100644 DBTApp/.idea/codeStyles/codeStyleConfig.xml

diff --git a/DBTApp/.idea/codeStyles/Project.xml b/DBTApp/.idea/codeStyles/Project.xml
new file mode 100644
index 0000000..4bec4ea
--- /dev/null
+++ b/DBTApp/.idea/codeStyles/Project.xml
@@ -0,0 +1,117 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <codeStyleSettings language="XML">
+      <option name="FORCE_REARRANGE_MODE" value="1" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="4" />
+      </indentOptions>
+      <arrangement>
+        <rules>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>xmlns:android</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>xmlns:.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*:id</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*:name</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>name</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>style</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>ANDROID_ATTRIBUTE_ORDER</order>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>.*</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+        </rules>
+      </arrangement>
+    </codeStyleSettings>
+  </code_scheme>
+</component>
\ No newline at end of file
diff --git a/DBTApp/.idea/codeStyles/codeStyleConfig.xml b/DBTApp/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..79ee123
--- /dev/null
+++ b/DBTApp/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>
\ No newline at end of file
diff --git a/DBTApp/app/src/main/java/de/cdaut/dbtapp/components/SkillsList.kt b/DBTApp/app/src/main/java/de/cdaut/dbtapp/components/SkillsList.kt
index 3f93d07..38a51de 100644
--- a/DBTApp/app/src/main/java/de/cdaut/dbtapp/components/SkillsList.kt
+++ b/DBTApp/app/src/main/java/de/cdaut/dbtapp/components/SkillsList.kt
@@ -1,5 +1,6 @@
 package de.cdaut.dbtapp.components
 
+import androidx.annotation.StringRes
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
@@ -21,6 +22,8 @@ import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowDropDown
+import androidx.compose.material.icons.filled.ArrowDropUp
 import androidx.compose.material.icons.filled.Star
 import androidx.compose.material.icons.outlined.Star
 import androidx.compose.material.icons.outlined.StarOutline
@@ -66,17 +69,36 @@ private fun SkillsCategoryCardPrev() {
 
 @Composable
 fun SkillsCategoryCard(skills: List<Skill>, title: String) {
+    var enabled by remember {
+        mutableStateOf(false)
+    }
+
     Card(
         Modifier
             .fillMaxWidth()
             .padding(10.dp)
     ) {
-        TitleText(
-            modifier = Modifier.padding(10.dp),
-            content = title
-        )
-        skills.forEach { skill ->
-            SingleSkillCard(skill.title, skill.description)
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.SpaceBetween,
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            TitleText(
+                modifier = Modifier.padding(10.dp),
+                content = title
+            )
+            Icon(
+                modifier = Modifier
+                    .padding(5.dp)
+                    .clickable(onClick = { enabled = !enabled }),
+                imageVector = if (enabled) Icons.Filled.ArrowDropUp else Icons.Filled.ArrowDropDown,
+                contentDescription = stringResource(R.string.desc_btn_expand)
+            )
+        }
+        if (enabled) {
+            skills.forEach { skill ->
+                SingleSkillCard(skill.title, skill.description)
+            }
         }
     }
 }
diff --git a/DBTApp/app/src/main/res/values-de/strings.xml b/DBTApp/app/src/main/res/values-de/strings.xml
index e45a695..bcd3ea3 100644
--- a/DBTApp/app/src/main/res/values-de/strings.xml
+++ b/DBTApp/app/src/main/res/values-de/strings.xml
@@ -8,4 +8,5 @@
     <string name="label_skillschains">Skillsketten</string>
     <string name="emergency_button_description">Notfallknopf</string>
     <string name="desc_btn_fav">Favorisieren Button</string>
+    <string name="desc_btn_expand">Ausklappen</string>
 </resources>
\ No newline at end of file
diff --git a/DBTApp/app/src/main/res/values/strings.xml b/DBTApp/app/src/main/res/values/strings.xml
index 51849cb..8a63e78 100644
--- a/DBTApp/app/src/main/res/values/strings.xml
+++ b/DBTApp/app/src/main/res/values/strings.xml
@@ -7,4 +7,5 @@
     <string name="label_skillschains">Skills Chains</string>
     <string name="emergency_button_description">Emergency Button</string>
     <string name="desc_btn_fav">Favourte Button</string>
+    <string name="desc_btn_expand">Expand</string>
 </resources>
\ No newline at end of file