c_meyer/pxt-ev3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updates to the download dialog. Fixes #424 (#443)

Browse Source 
* Updates to the download dialog. Fixes #424
This commit is contained in:
Sam El-Husseini 2018-04-09 17:20:38 -07:00 committed by GitHub
parent 6d29cd40cb
commit 9147cb98c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
docs/troubleshoot.md Normal file
View File

27
editor/extension.ts
View File

@ -51,7 +51,7 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
const saveAs = pxt.BrowserUtils.hasSaveAs(); const saveAs = pxt.BrowserUtils.hasSaveAs();
const htmlBody = ` const htmlBody = `
<div class="ui three column grid stackable"> <div class="ui two column grid stackable">
<div class="column"> <div class="column">
<div class="ui"> <div class="ui">
<div class="image"> <div class="image">
@ -67,21 +67,6 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
</div> </div>
</div> </div>
</div> </div>
<div class="column">
<div class="ui">
<div class="image">
<img class="ui medium rounded image" src="./static/download/firmware.svg" style="height:109px;width:261px;margin-bottom:1rem;">
</div>
<div class="content">
<div class="description">
<span class="ui blue circular label">2</span>
<strong>${lf("Make sure you have the latest EV3 firmware")}</strong>
<br/>
<a href="https://ev3manager.education.lego.com/" target="_blank">${lf("Click here to update to latest firmware")}</a>
</div>
</div>
</div>
</div>
<div class="column"> <div class="column">
<div class="ui"> <div class="ui">
<div class="image"> <div class="image">
@ -89,9 +74,7 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
</div> </div>
<div class="content"> <div class="content">
<div class="description"> <div class="description">
<span class="ui blue circular label">3</span> <span class="ui blue circular label">2</span>
${lf("Move the .uf2 file to EV3 brick")}
<br/>
${lf("Locate the downloaded .uf2 file and drag it to the EV3 drive")} ${lf("Locate the downloaded .uf2 file and drag it to the EV3 drive")}
</div> </div>
</div> </div>
@ -106,7 +89,11 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
hideCancel: true, hideCancel: true,
hideAgree: false, hideAgree: false,
agreeLbl: lf("I got it"), agreeLbl: lf("I got it"),
buttons: [downloadAgain ? { buttons: [{
label: lf("I don't see the EV3 drive"),
url: '/troubleshoot',
class: 'troubleshoot left floated'
}, downloadAgain ? {
label: fn, label: fn,
icon: "download", icon: "download",
class: "lightgrey focused", class: "lightgrey focused",

6
theme/style.less
View File

@ -109,6 +109,12 @@
background: @legoGreyLight; background: @legoGreyLight;
} }
/* Editor download dialog */
.ui.button.troubleshoot {
background: none !important;
color: @blue;
}
/* Mobile */ /* Mobile */
@media only screen and (max-width: @largestMobileScreen) { @media only screen and (max-width: @largestMobileScreen) {
#filelist { #filelist {