Merge pull request #870 from ArmDeveloperEcosystem/main

Introduce WoA with Packages metadata

Author: ranimandepudi

assets/css/eco-dashboard.css

@@ -14,6 +14,12 @@
 
 
 
+#os-callout-left {
+    position: sticky;
+
+    top: 80px;
+    z-index: 50;
+}
 
 
 #sticky-search {
@@ -60,7 +66,7 @@
     margin-right: 16px;
     margin-bottom: 32px;
     border: 1px solid var(--arm-black);
-    background-color: var(--arm-color-surface);
+    background-color: #1E292D;
     color: var(--arm-light-grey);
     color: rgba(255, 255, 255, 0.8);
     padding: 16px;
@@ -213,6 +219,11 @@ table {
 .col-2-name {
     word-wrap: break-word; /* Wrap content to avoid overflow if needed */
 }
+.click-info-text {
+    font-weight: 400;
+    font-style: italic;
+    color: var(--arm-light-grey);
+}
 
 .col-3-date {
     width: 160px;            /* Set size at normal breakpoints */
@@ -253,7 +264,7 @@ table {
 
 th.col-4-download, td.col-4-download {
     /* width: max-content;      /* Set size based on header width */
-    width: 107px;            /* Consistency cross-browsers */
+    width: 120px;            /* Consistency cross-browsers */
     height: auto;            /* Adjust height based on content */
 }
     @media (max-width: 576px) { /* Small breakpoint */
@@ -306,6 +317,16 @@ th.col-4-download, td.col-4-download {
 
 
 
+.caret-spin {
+    transition: transform 0.25s ease;
+  }
+  
+.caret-spin.rotated {
+    transform: rotate(90deg);
+}
+
+
+
 /* Table styles */
 /* 5 main row states, in order of css priority ->
     1. SW row in state: default
@@ -316,7 +337,7 @@ th.col-4-download, td.col-4-download {
     6. SW row in state: hover   (while in clicked state)
 */
 .col-header {
-    background-color: #32363F!important;
+    /* background-color: #32363F!important; */
     /* background-color: var(--arm-color-surface)!important; */
     color: white!important;
     font-family: 'Lato';
@@ -347,6 +368,9 @@ tr.main-sw-row--pinned td:first-child {
 tr.main-sw-row--pinned td:last-child {
     border-right: 1px solid var(--border-color-pinned);
 }
+tr.main-sw-row--pinned:hover .caret-spin {
+    color: var(--border-color-hover);
+}
 
 /* 3. Clicked state */
 tr.main-sw-row--clicked td {
@@ -360,6 +384,9 @@ tr.main-sw-row--clicked td:first-child {
 tr.main-sw-row--clicked td:last-child {
     border-right: 1px solid var(--border-color-click);
 }
+tr.main-sw-row--clicked:hover .caret-spin {
+    color: var(--border-color-hover);
+}
 
 
 /* 4. Hover state (over default state) */
@@ -376,6 +403,9 @@ tr.main-sw-row:hover td:first-child {
 tr.main-sw-row:hover td:last-child {
     border-right: 1px solid var(--border-color-hover);
 }
+tr.main-sw-row:hover .caret-spin {
+    color: var(--border-color-hover);
+}
 
 
 /* 5 Hover state (over pinned state) */
@@ -390,6 +420,9 @@ tr.main-sw-row--pinned:hover td:first-child {
 tr.main-sw-row--pinned:hover td:last-child {
     border-right: 1px solid var(--border-color-pinned);
 }
+tr.main-sw-row--pinned:hover .caret-spin {
+    color: var(--border-color-hover);
+}
 
 /* 6. Hover state (over clicked state) */
 tr.main-sw-row--clicked:hover td {
@@ -403,7 +436,9 @@ tr.main-sw-row--clicked:hover td:first-child {
 tr.main-sw-row--clicked:hover td:last-child {
     border-right: 1px solid var(--border-color-click);
 }
-
+tr.main-sw-row--clicked:hover .caret-spin {
+    color: var(--border-color-hover);
+}
 
 
 /* expaneded container */

build_steps/update_recently_added_json.py

@@ -8,10 +8,10 @@
 script_dir = Path(__file__).parent.absolute()
 
 # Relative path to content from script, then tet absolute path to content by combining, and use Resolve to handle backwards".."
-opensource_relative_path = Path('../content/opensource_packages')
+opensource_relative_path = Path('../content/linux/opensource_packages')
 opensource_absolute_path = (script_dir / opensource_relative_path).resolve()
 
-commercial_relative_path = Path('../content/commercial_packages')
+commercial_relative_path = Path('../content/linux/commercial_packages')
 commercial_absolute_path = (script_dir / commercial_relative_path).resolve()
 
 # Same process for the YAML data file:
@@ -29,8 +29,8 @@ def get_all_package_metadata(package_path):
         metadata_dic = yaml.safe_load(metadata)
         # Add another dictionary key in addition to Params that is the File path to support GitHub editing functionality
         unused, file_name = os.path.split(package_path)
-        last_directory_name = os.path.basename(os.path.dirname(package_path))
-        file_path = os.path.join(last_directory_name,file_name).replace("\\", "/")
+        content_root = (script_dir / "../content").resolve()
+        file_path = str(Path(package_path).resolve().relative_to(content_root)).replace("\\", "/")
         metadata_mirror_hugo_page = {
             "Params": metadata_dic,
             "File": {"Path": file_path}

build_steps/validate_package_catagories.py

@@ -23,10 +23,10 @@ def isCategoryValid(string, dictionary):
 
 
     # content dirs
-    opensource_relative_path = Path('../content/opensource_packages')
+    opensource_relative_path = Path('../content/linux/opensource_packages')
     opensource_absolute_path = (script_dir / opensource_relative_path).resolve()
 
-    commercial_relative_path = Path('../content/commercial_packages')
+    commercial_relative_path = Path('../content/linux/commercial_packages')
     commercial_absolute_path = (script_dir / commercial_relative_path).resolve()
 
     content_directories = [opensource_absolute_path, commercial_absolute_path]

content/_index.html

@@ -1,8 +1,5 @@
 ---
 title: Arm Ecosystem Dashboard
-active_filters: 
-- test1
-- ttx
 ---