Improve CircularProgressBar.py

[AhmedSaadi0]

• Improve overall class
• Add start_at
• Add end_at
• Add child

[AhmedSaadi0]

[AhmedSaadi0]

Sorry I deleted min_value and max_value as that added more complexity to the draw function especially when start_at, and end_at are set 😬

[AhmedSaadi0]

I'll try to reimplement it as soon as I get extra free time 🙃.

[its-darsh]

This looks like a complete rework, I'd rather have all other properties existing as they were before, we're not looking for compatibility issues before any releases

I have a couple of notes though...

---

You can normalize the current value based on self's [max/min]_value

---

Internal methods should follow PyGObject's naming (prefixed with do_)

---

Consider using the Ruff formatter for file post-formatting

[AhmedSaadi0]

I think now is ready

       self.widget = CircularProgressBar(
            # pie=True,
            size=24,
            line_width=1,
            name=name,
            style_classes=style_classes,
            value=initial_value,
            line_style="round",
            tooltip_text=f"{tooltip_text} ({initial_value})",
            child=child,
            start_at=0,
            end_at=0.5,
            min_value=0,
            max_value=100,
        )
        self.fabricator = Fabricator(
            poll_from=poll_from,
            interval=interval,
            stream=stream,
        )
        self.fabricator.connect("changed", self.update_widget)

[AhmedSaadi0]

css style

.cpu {
  background: rgba($color: $secondary, $alpha: 0.4);
  color: rgba($secondary, 0);
  border: solid 4px rgba($secondary, 1);
}

.cpu label {
  font-family: $icon-font-family;
  font-size: 0.8rem;
  color: $secondary;
}

[AhmedSaadi0]

I’m also considering setting radius_color = Gdk.RGBA(0.0, 0.0, 0.0, 0.0) by default. This is because the background property in CSS already handles setting the background color based on the start_at and end_at values. Therefore, there's no need to explicitly define the radius_color, as the background defined by CSS will already cover this area, so this will be the css

.cpu {
  background: rgba($color: $secondary, $alpha: 0.4); // Draws the circle background
  // color: rgba($secondary, 0); // Not needed
  border: solid 4px rgba($secondary, 1); // Draws the progress
}