8000 Add dialog to insert user fields for board that require them to upload by silvanocerza · Pull Request #550 · arduino/arduino-ide · GitHub
[go: up one dir, main page]
Skip to content
8000

Add dialog to insert user fields for board that require them to upload #550

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
merged 11 commits into from
Nov 25, 2021
Merged

Add dialog to insert user fields for board that require them to upload #550

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
ccd44c2
Rebuild gRPC protocol interfaces
silvanocerza Oct 12, 2021
10d96fc
Implement methods to get user fields for board/port combination
silvanocerza Oct 12, 2021
33de26e
Implement dialog to input board user fields
silvanocerza Oct 18, 2021
53b4f17
Add configure and upload step when uploading to board requiring user …
silvanocerza Oct 18, 2021
97399cf
Disable Sketch > Configure and Upload menu if board doesn't support u…
silvanocerza Oct 18, 2021
624abbe
Fix serial upload not working with all boards
silvanocerza Oct 20, 2021
6f782b5
Update i18n source file
silvanocerza Nov 8, 2021
286a687
fix user fields UI
Nov 24, 2021
a330d65
regenerate cli protocol
Nov 24, 2021
8fa5705
fix localisation
Nov 24, 2021
581979c
check if user fields are empty
Nov 25, 2021
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
Prev Previous commit
Next Next commit
fix user fields UI
  • Loading branch information
Alberto Iannaccone committed Nov 24, 2021
commit 286a687bdbd585e78d9237fac24679f712626da9
44 changes: 24 additions & 20 deletions arduino-ide-extension/src/browser/dialogs/user-fields/user-fields-component.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ export const UserFieldsComponent = ({

const updateUserField =
(index: number) => (e: React.ChangeEvent<HTMLInputElement>) => {
let newBoardUserFields = [...boardUserFields];
const newBoardUserFields = [...boardUserFields];
newBoardUserFields[index].value = e.target.value;
setBoardUserFields(newBoardUserFields);
};
Expand All @@ -48,26 +48,30 @@ export const UserFieldsComponent = ({

return (
<div>
{boardUserFields.map((field, index) => {
return (
<div className="dialogSection" key={index}>
<div className="dialogRow">
<label className="field-label">{field.label}</label>
</div>
<div className="dialogRow">
<input
type={field.secret ? 'password' : 'text'}
value={field.value}
className="theia-input"
placeholder={'Enter ' + field.label}
onChange={updateUserField(index)}
/>
</div>
</div>
);
})}
<div className="user-fields-container">
<div className="user-fields-list">
{boardUserFields.map((field, index) => {
return (
<div className="dialogSection" key={index}>
<div className="dialogRow">
<label className="field-label">{field.label}</label>
</div>
<div className="dialogRow">
<input
type={field.secret ? 'password' : 'text'}
value={field.value}
className="theia-input"
placeholder={'Enter ' + field.label}
onChange={updateUserField(index)}
/>
</div>
</div>
);
})}
</div>
</div>
<div className="dialogSection">
<div className="dialogRow">
<div className="dialogRow button-container">
<button
type="button"
className="theia-button secondary install-cert-btn"
Expand Down
22 changes: 13 additions & 9 deletions arduino-ide-extension/src/browser/style/user-fields-dialog.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
.user-fields-dialog-title {
font-family: Open Sans;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 27px;
letter-spacing: 0.01em;
text-align: left;
.user-fields-container {
max-height: 332px;
overflow: auto;
padding: 2px;
}

.user-fields-list {
margin: 16px 0;
}

.user-fields-dialog-content {
width: 408px;
max-height: 491px;
}

.user-fields-dialog-content .field-label {
color: #2c353a;
font-family: Open Sans;
font-size: 14px;
font-style: normal;
font-weight: 400;
Expand All @@ -26,3 +26,7 @@
.user-fields-dialog-content .theia-input {
flex-grow: 1;
}

.user-fields-dialog-content .button-container {
justify-content: flex-end;
}
0