Skip to content

Updated bootloader dialog to include images and forcing platform choice #762

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
enyanil merged 4 commits into from
Oct 29, 2025
Merged

Updated bootloader dialog to include images and forcing platform choice #762

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e6a4612
Updated bootloader dialog to include images and making the user choos…
enyanil Oct 28, 2025
c61de47
Fixed indentation in bootloader.py
enyanil Oct 28, 2025
7d8cdb5
Updated pictures and other small changes
enyanil Oct 29, 2025
d056bee
Updated flapper image
enyanil Oct 29, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added docs/images/bl_no_bg.png
View file
Open in desktop
Comment thread
enyanil marked this conversation as resolved.
Outdated
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/bolt_no_bg.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/cf_no_bg.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/flapper_no_bg.png
View file
Open in desktop
Comment thread
gemenerik marked this conversation as resolved.
Outdated
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/tag_no_bg.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
50 changes: 44 additions & 6 deletions src/cfclient/ui/dialogs/bootloader.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,8 @@
import zipfile

from PyQt6 import QtWidgets, uic
from PyQt6.QtCore import pyqtSlot, pyqtSignal, QThread
from PyQt6.QtCore import pyqtSlot, pyqtSignal, QThread, Qt
from PyQt6.QtGui import QPixmap

import cfclient
import cflib.crazyflie
Expand Down Expand Up @@ -132,10 +133,25 @@ def __init__(self, helper, *args):

self._platform_filter_checkboxes = []

self._set_image(self.image_1, "docs/images/bolt_no_bg.png")
self._set_image(self.image_2, "docs/images/cf_no_bg.png")
self._set_image(self.image_3, "docs/images/bl_no_bg.png")
self._set_image(self.image_4, "docs/images/flapper_no_bg.png")
self._set_image(self.image_5, "docs/images/tag_no_bg.png")
Comment thread
enyanil marked this conversation as resolved.
Outdated

def _ui_connection_fail(self, message):
self._cold_boot_error_message = message
self.setUiState(self.UIState.DISCONNECTED)

def _set_image(self, image_label, image_path):
pixmap = QPixmap(image_path)
scaled_pixmap = pixmap.scaled(
100, 100,
Qt.AspectRatioMode.KeepAspectRatio,
Qt.TransformationMode.SmoothTransformation
)
image_label.setPixmap(scaled_pixmap)
Comment thread
enyanil marked this conversation as resolved.
Outdated

def setUiState(self, state):
self._state = state

Expand Down Expand Up @@ -163,7 +179,10 @@ def setUiState(self, state):
elif (state == self.UIState.COLD_CONNECTED):
self._cold_boot_error_message = None
self.resetButton.setEnabled(True)
self.programButton.setEnabled(True)
if any(button.isChecked() for button in self._platform_filter_checkboxes):
self.programButton.setEnabled(True)
else:
self.programButton.setToolTip("Select a platform before programming.")
self.setStatusLabel("Connected to bootloader")
self.coldBootButton.setEnabled(False)
self.imagePathBrowseButton.setEnabled(True)
Expand All @@ -189,7 +208,10 @@ def setUiState(self, state):
self.setStatusLabel("Connected using USB")
self.setSourceSelectionUiEnabled(False)
else:
self.programButton.setEnabled(True)
if any(button.isChecked() for button in self._platform_filter_checkboxes):
self.programButton.setEnabled(True)
else:
self.programButton.setToolTip("Select a platform before programming.")
self.setStatusLabel("Connected in firmware mode")
self.setSourceSelectionUiEnabled(True)
elif (state == self.UIState.FW_SCANNING):
Expand All @@ -216,6 +238,7 @@ def setUiState(self, state):
self.coldBootButton.setEnabled(False)
self.setSourceSelectionUiEnabled(True)
self._helper.connectivity_manager.set_enable(False)
self._update_program_button_state()

def setSourceSelectionUiEnabled(self, enabled):
self.imagePathBrowseButton.setEnabled(enabled)
Expand Down Expand Up @@ -267,17 +290,32 @@ def _populate_firmware_dropdown(self, releases):
for platform in sorted(platforms, reverse=True):
radio_button = QtWidgets.QRadioButton(platform)

# Use cf2 as default platform
if platform == 'cf2':
radio_button.setChecked(True)
radio_button.setFixedWidth(100)
Comment thread
enyanil marked this conversation as resolved.
Outdated

radio_button.toggled.connect(self._update_firmware_dropdown)
radio_button.toggled.connect(self._update_program_button_state)

self._platform_filter_checkboxes.append(radio_button)
self.filterLayout.insertWidget(0, radio_button)

self._update_firmware_dropdown(True)

def _update_program_button_state(self):
any_checked = any(button.isChecked() for button in self._platform_filter_checkboxes)
is_connected = self._state in [
self.UIState.COLD_CONNECTED,
self.UIState.FW_CONNECTED
]

self.programButton.setEnabled(any_checked and is_connected)

if not is_connected:
self.programButton.setToolTip("Connect your device before programming.")
elif not any_checked:
self.programButton.setToolTip("Select a platform before programming.")
else:
self.programButton.setToolTip("")

def _update_firmware_dropdown(self, active: bool):
if active:
platform = None
Expand Down
134 changes: 110 additions & 24 deletions src/cfclient/ui/dialogs/bootloader.ui
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<class>Form</class>
<widget class="QWidget" name="Form">
<property name="windowModality">
<enum>Qt::ApplicationModal</enum>
<enum>Qt::WindowModality::ApplicationModal</enum>
</property>
<property name="enabled">
<bool>true</bool>
Expand Down Expand Up @@ -94,7 +94,7 @@
<item>
<spacer name="horizontalSpacer">
<property name="orientation">
<enum>Qt::Horizontal</enum>
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
Expand Down Expand Up @@ -133,7 +133,7 @@
<item>
<spacer name="horizontalSpacer_5">
<property name="orientation">
<enum>Qt::Horizontal</enum>
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
Expand Down Expand Up @@ -177,36 +177,122 @@
<string>From release</string>
</attribute>
<layout class="QGridLayout" name="gridLayout">
<item row="0" column="0">
<item row="1" column="0">
<widget class="QGroupBox" name="platform_filter_gb">
<property name="title">
<string>Platform filter</string>
<string>Select a platform:</string>
</property>
<layout class="QHBoxLayout" name="horizontalLayout_7">
<item>
<layout class="QHBoxLayout" name="filterLayout">
<layout class="QVBoxLayout" name="verticalLayout_5">
<item>
<spacer name="horizontalSpacer_6">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
<layout class="QGridLayout" name="gridLayout_6">
<item row="0" column="2">
<widget class="QLabel" name="image_3">
<property name="maximumSize">
<size>
<width>100</width>
<height>100</height>
</size>
</property>
<property name="text">
<string>Image 3</string>
</property>
</widget>
</item>
<item row="0" column="1">
<widget class="QLabel" name="image_2">
<property name="maximumSize">
<size>
<width>100</width>
<height>100</height>
</size>
</property>
<property name="text">
<string>Image 2</string>
</property>
</widget>
</item>
<item row="0" column="5">
<spacer name="horizontalSpacer_7">
<property name="orientation">
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
<item row="0" column="3">
<widget class="QLabel" name="image_4">
<property name="maximumSize">
<size>
<width>100</width>
<height>100</height>
</size>
</property>
<property name="text">
<string>Image 4</string>
</property>
</widget>
</item>
<item row="0" column="0">
<widget class="QLabel" name="image_1">
<property name="maximumSize">
<size>
<width>100</width>
<height>100</height>
</size>
</property>
<property name="text">
<string>Image 1</string>
</property>
</widget>
</item>
<item row="0" column="4">
<widget class="QLabel" name="image_5">
<property name="maximumSize">
<size>
<width>100</width>
<height>100</height>
</size>
</property>
<property name="text">
<string>Image 5</string>
</property>
</widget>
</item>
</layout>
</item>
<item>
<layout class="QHBoxLayout" name="filterLayout">
<item>
<spacer name="horizontalSpacer_6">
<property name="orientation">
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
</layout>
</item>
</layout>
</item>
</layout>
</widget>
</item>
<item row="4" column="0">
<item row="5" column="0">
<spacer name="verticalSpacer">
<property name="orientation">
<enum>Qt::Vertical</enum>
<enum>Qt::Orientation::Vertical</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
Expand All @@ -216,7 +302,7 @@
</property>
</spacer>
</item>
<item row="1" column="0">
<item row="2" column="0">
<layout class="QHBoxLayout" name="horizontalLayout_2">
<item>
<widget class="QLabel" name="label_2">
Expand All @@ -231,7 +317,7 @@
<item>
<spacer name="horizontalSpacer_4">
<property name="orientation">
<enum>Qt::Horizontal</enum>
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
Expand Down Expand Up @@ -286,7 +372,7 @@
<item>
<spacer name="horizontalSpacer_3">
<property name="orientation">
<enum>Qt::Horizontal</enum>
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
Expand All @@ -305,7 +391,7 @@
<item>
<spacer name="verticalSpacer_3">
<property name="orientation">
<enum>Qt::Vertical</enum>
<enum>Qt::Orientation::Vertical</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
Expand All @@ -320,7 +406,7 @@
<item>
<spacer name="horizontalSpacer_2">
<property name="orientation">
<enum>Qt::Horizontal</enum>
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
Expand Down