Decorated product selection without radio btn

* Resolves Issue agama-project#1415

* Entire card is clickable, selection of card
  is still marked by blue boarder

* Add icon to structures, pass it to dbus, etc
  (please do not mix product icon with pattern icon)
  fallback to default.svg in case that no icon is set

* Rework button layout to clickable layout

* We might need to use table or similar in case that
  description is longer than the

* Supply icon for all products including default icon

products.d/leap_160.yaml

@@ -8,6 +8,7 @@ name: Leap 16.0 Alpha
 description: 'Leap 16.0 is the latest version of a community distribution based
   on the latest SUSE Linux Enterprise Server.'
 # Do not manually change any translations! See README.md for more details.
+icon: Leap16.svg
 translations:
   description:
     ca: El Leap 16.0 és la darrera versió d'una distribució comunitària basada en

products.d/microos.yaml

@@ -9,6 +9,7 @@ description: 'A quick, small distribution designed to host container workloads
   with automated administration & patching. openSUSE MicroOS provides
   transactional (atomic) updates upon a read-only btrfs root file system. As
   rolling release distribution the software is always up-to-date.'
+icon: MicroOS.svg
 # Do not manually change any translations! See README.md for more details.
 translations:
   description:

products.d/sles_160.yaml

@@ -10,6 +10,7 @@ description: "SUSE Linux Enterprise Server is the open, reliable, compliant, and
   continuity. It is the secure and adaptable OS for long-term supported,
   innovation-ready infrastructure running business-critical workloads
   on-premises, in the cloud, and at the edge."
+icon: SUSE.svg
 # Do not manually change any translations! See README.md for more details.
 translations:
   description:

products.d/tumbleweed.yaml

@@ -9,6 +9,7 @@ description: 'The Tumbleweed distribution is a pure rolling release version of
   openSUSE containing the latest "stable" versions of all software instead of
   relying on rigid periodic release cycles. The project does this for users that
   want the newest stable software.'
+icon: Tumbleweed.svg
 # Do not manually change any translations! See README.md for more details.
 translations:
   description:

rust/agama-lib/share/profile.schema.json

@@ -30,6 +30,7 @@
         "id": {
           "title": "Product identifier",
           "description": "The id field from a products.d/foo.yaml file",
+          "icon": "Product Icon path specified in products.d/foo.yaml file",
           "type": "string"
         },
         "registrationCode": {

rust/agama-lib/src/product/client.rs

@@ -16,6 +16,8 @@ pub struct Product {
     pub name: String,
     /// Product description
     pub description: String,
+    /// Product icon (e.g., "default.svg")
+    pub icon: String,
 }
 
 #[derive(Clone, Debug, Serialize, Deserialize, utoipa::ToSchema)]
@@ -74,10 +76,15 @@ impl<'a> ProductClient<'a> {
                     Some(value) => value.try_into().unwrap(),
                     None => "",
                 };
+                let icon = match data.get("icon") {
+                    Some(value) => value.try_into().unwrap(),
+                    None => "default.svg",
+                };
                 Product {
                     id,
                     name,
                     description: description.to_string(),
+                    icon: icon.to_string(),
                 }
             })
             .collect();

service/lib/agama/dbus/software/product.rb

@@ -54,7 +54,8 @@ def issues
 
         def available_products
           backend.products.map do |product|
-            [product.id, product.display_name, { "description" => product.localized_description }]
+            [product.id, product.display_name, { "description" => product.localized_description,
+                                                  "icon" => product.icon }]
           end
         end
 

service/lib/agama/software/product.rb

@@ -48,6 +48,13 @@ class Product
       # @return [String, nil] E.g., "1.0".
       attr_accessor :version
 
+      # Product icon. Please use specify filename with svg suffix and ensure referenced
+      # file exists inside agama/web/src/assests/product.
+      # default.svg unless be used nless specified otherwise.
+      #
+      # @return [String, "default.svg"] E.g., "1.0".
+      attr_accessor :icon
+
       # List of repositories.
       #
       # @return [Array<String>] Empty if the product requires registration.
@@ -99,6 +106,7 @@ class Product
       # @param id [string] Product id.
       def initialize(id)
         @id = id
+        @icon = "default.svg"
         @repositories = []
         @labels = []
         @mandatory_packages = []

service/lib/agama/software/product_builder.rb

@@ -64,6 +64,8 @@ def initialize_product(id, data, attrs)
           product.description = attrs["description"]
           product.name = data[:name]
           product.version = data[:version]
+          product.icon = attrs["icon"] if attrs.key?("icon") && !attrs["icon"].nil?
+          @logger.info(product.name + " uses icon " + product.icon)
         end
       end
 
@@ -98,6 +100,7 @@ def product_data_from_config(id)
         {
           name:               config.products.dig(id, "software", "base_product"),
           version:            config.products.dig(id, "software", "version"),
+          icon:               config.products.dig(id, "software", "icon"),
           labels:             config.arch_elements_from(
             id, "software", "installation_labels", property: :label
           ),