mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

moved Previouse version

Browse Source
pull/351/head
LianaHus 4 years ago
parent 842a8a2395
commit 9f542e53f9
1 changed files with 73 additions and 89 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 72
      apps/remix-ide/src/app/ui/landing-page/landing-page.js

72
apps/remix-ide/src/app/ui/landing-page/landing-page.js
Unescape View File

@ -61,9 +61,6 @@ let css = csjs`
height: 150px; height: 150px;
opacity: 0.7; opacity: 0.7;
} }
.enviroments {
display: flex;
}
.envLogo { .envLogo {
height: 16px; height: 16px;
} }
@ -184,11 +181,6 @@ export class LandingPage extends ViewPlugin {
this.appManager.ensureActivated('solidityUnitTesting') this.appManager.ensureActivated('solidityUnitTesting')
this.verticalIcons.select('solidity') this.verticalIcons.select('solidity')
} }
const startVyper = () => {
this.appManager.ensureActivated('vyper')
this.appManager.ensureActivated('udapp')
this.verticalIcons.select('vyper')
}
/* /*
const startWorkshop = () => { const startWorkshop = () => {
this.appManager.ensureActivated('box') this.appManager.ensureActivated('box')
@ -238,14 +230,13 @@ export class LandingPage extends ViewPlugin {
globalRegistry.get('themeModule').api.events.on('themeChanged', (theme) => { globalRegistry.get('themeModule').api.events.on('themeChanged', (theme) => {
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('remixLogo')) globalRegistry.get('themeModule').api.fixInvert(document.getElementById('remixLogo'))
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('solidityLogo')) globalRegistry.get('themeModule').api.fixInvert(document.getElementById('solidityLogo'))
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('vyperLogo'))
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('pipelineLogo')) globalRegistry.get('themeModule').api.fixInvert(document.getElementById('pipelineLogo'))
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('debuggerLogo')) globalRegistry.get('themeModule').api.fixInvert(document.getElementById('debuggerLogo'))
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('workshopLogo')) globalRegistry.get('themeModule').api.fixInvert(document.getElementById('workshopLogo'))
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('moreLogo')) globalRegistry.get('themeModule').api.fixInvert(document.getElementById('moreLogo'))
}) })
const createEnvButton = (imgPath, envID, envText, callback) => { const createLargeButton = (imgPath, envID, envText, callback) => {
return yo` return yo`
<button class="btn border-secondary d-flex mr-3 text-nowrap justify-content-center flex-column align-items-center ${css.envButton}" data-id="landingPageStartSolidity" onclick=${() => callback()}> <button class="btn border-secondary d-flex mr-3 text-nowrap justify-content-center flex-column align-items-center ${css.envButton}" data-id="landingPageStartSolidity" onclick=${() => callback()}>
<img class="m-2 align-self-center ${css.envLogo}" id=${envID} src="${imgPath}"> <img class="m-2 align-self-center ${css.envLogo}" id=${envID} src="${imgPath}">
@ -255,19 +246,17 @@ export class LandingPage extends ViewPlugin {
} }
// main // main
const solEnv = createEnvButton('assets/img/solidityLogo.webp', 'solidityLogo', 'Solidity', startSolidity) const solEnv = createLargeButton('assets/img/solidityLogo.webp', 'solidityLogo', 'Solidity', startSolidity)
const vyperEnv = createEnvButton('assets/img/vyperLogo.webp', 'vyperLogo', 'Vyper', startVyper)
// Featured // Featured
const pipelineEnv = createEnvButton('assets/img/pipelineLogo.webp', 'pipelineLogo', 'Pipeline', startPipeline) const pipelineEnv = createLargeButton('assets/img/pipelineLogo.webp', 'pipelineLogo', 'Pipeline', startPipeline)
const debuggerEnv = createEnvButton('assets/img/debuggerLogo.webp', 'debuggerLogo', 'Debugger', startDebugger) const debuggerEnv = createLargeButton('assets/img/debuggerLogo.webp', 'debuggerLogo', 'Debugger', startDebugger)
const mythXEnv = createEnvButton('assets/img/mythxLogo.webp', 'mythxLogo', 'MythX', startMythX) const mythXEnv = createLargeButton('assets/img/mythxLogo.webp', 'mythxLogo', 'MythX', startMythX)
const sourceVerifyEnv = createEnvButton('assets/img/sourceVerifyLogo.webp', 'sourceVerifyLogo', 'Sourcify', startSourceVerify) const sourceVerifyEnv = createLargeButton('assets/img/sourceVerifyLogo.webp', 'sourceVerifyLogo', 'Sourcify', startSourceVerify)
const moreEnv = createEnvButton('assets/img/moreLogo.webp', 'moreLogo', 'More', startPluginManager) const moreEnv = createLargeButton('assets/img/moreLogo.webp', 'moreLogo', 'More', startPluginManager)
const themeQuality = globalRegistry.get('themeModule').api.currentTheme().quality const themeQuality = globalRegistry.get('themeModule').api.currentTheme().quality
const invertNum = (themeQuality === 'dark') ? 1 : 0 const invertNum = (themeQuality === 'dark') ? 1 : 0
solEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` solEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})`
vyperEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})`
pipelineEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` pipelineEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})`
debuggerEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` debuggerEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})`
mythXEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` mythXEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})`
@ -286,30 +275,32 @@ export class LandingPage extends ViewPlugin {
const container = yo` const container = yo`
<div class="${css.homeContainer} d-flex" data-id="landingPageHomeContainer"> <div class="${css.homeContainer} d-flex" data-id="landingPageHomeContainer">
<div class="${css.mainContent} bg-light"> <div class="${css.mainContent} bg-light">
<div>
<span class="${css.text} text-secondary" onclick=${() => switchToPreviousVersion()}>Previous version</span>
<div class="border-bottom clearfix py-3 ${css.thisJumboton}"> <div class="border-bottom clearfix py-3 ${css.thisJumboton}">
<div class="mx-4 ${css.logoContainer}">${img}</div> <div class="mx-4 ${css.logoContainer}">${img}</div>
</div><!-- end of jumbotron --> </div>
</div><!-- end of jumbotron container -->
<div class="row ${css.hpSections} mx-4" data-id="landingPageHpSections"> <div class="row ${css.hpSections} mx-4" data-id="landingPageHpSections">
<div id="col1" class="col-sm-5"> <div class="ml-3">
<div class="mb-5"> <div class="plugins mb-5">
<h4>Environments</h4> <h4>Featured Plugins</h4>
<div class="${css.enviroments} pt-2"> <div class="d-flex flex-row pt-2">
${solEnv} ${solEnv}
${vyperEnv} ${pipelineEnv}
${mythXEnv}
${sourceVerifyEnv}
${debuggerEnv}
${moreEnv}
</div> </div>
</div> </div>
<div class="d-flex">
<div class="file"> <div class="file">
<h4>File</h4> <h4>File</h4>
<p class="mb-1"> <p class="mb-1">
<i class="mr-1 far fa-file"></i> <i class="mr-1 far fa-file"></i>
<span class="mb-1 ${css.text}" onclick=${() => createNewFile()}>New File</span> <span class="ml-1 mb-1 ${css.text}" onclick=${() => createNewFile()}>New File</span>
</p> </p>
<p class="mb-1"> <p class="mb-1">
<i class="mr-1 far fa-file-alt"></i> <i class="mr-1 far fa-file-alt"></i>
<span class="${css.labelIt} ${css.text}"> <span class="ml-1 ${css.labelIt} ${css.text}">
Open Files Open Files
<input title="open file" type="file" onchange="${ <input title="open file" type="file" onchange="${
(event) => { (event) => {
@ -322,7 +313,7 @@ export class LandingPage extends ViewPlugin {
</p> </p>
<p class="mb-1"> <p class="mb-1">
<i class="far fa-hdd"></i> <i class="far fa-hdd"></i>
<span class="${css.text}" onclick=${() => connectToLocalhost()}>Connect to Localhost</span> <span class="ml-1 ${css.text}" onclick=${() => connectToLocalhost()}>Connect to Localhost</span>
</p> </p>
<p class="mt-3 mb-0"><label>IMPORT FROM:</label></p> <p class="mt-3 mb-0"><label>IMPORT FROM:</label></p>
<div class="btn-group"> <div class="btn-group">
@ -334,19 +325,7 @@ export class LandingPage extends ViewPlugin {
<button class="btn mx-1 btn-secondary text-nowrap" onclick="${() => load('@resolver-engine', 'resolver-engine URL', ['github:OpenZeppelin/openzeppelin-solidity/contracts/ownership/Ownable.sol#v2.1.2'], yo`<span>please checkout <a class='text-primary' href="https://github.com/Crypto-Punkers/resolver-engine" target='_blank'>https://github.com/Crypto-Punkers/resolver-engine</a> for more information</span>`)}">Resolver-engine</button> <button class="btn mx-1 btn-secondary text-nowrap" onclick="${() => load('@resolver-engine', 'resolver-engine URL', ['github:OpenZeppelin/openzeppelin-solidity/contracts/ownership/Ownable.sol#v2.1.2'], yo`<span>please checkout <a class='text-primary' href="https://github.com/Crypto-Punkers/resolver-engine" target='_blank'>https://github.com/Crypto-Punkers/resolver-engine</a> for more information</span>`)}">Resolver-engine</button>
</div><!-- end of btn-group --> </div><!-- end of btn-group -->
</div><!-- end of div.file --> </div><!-- end of div.file -->
</div><!-- end of #col1 --> <div class="ml-3">
<div id="col2" class="col-sm-7">
<div class="plugins mb-5">
<h4>Featured Plugins</h4>
<div class="d-flex flex-row pt-2">
${pipelineEnv}
${mythXEnv}
${sourceVerifyEnv}
${debuggerEnv}
${moreEnv}
</div>
</div>
<div class="resources">
<h4>Resources</h4> <h4>Resources</h4>
<p class="mb-1"> <p class="mb-1">
<i class="mr-1 fas fa-book"></i> <i class="mr-1 fas fa-book"></i>
@ -360,8 +339,13 @@ export class LandingPage extends ViewPlugin {
<i class="mr-1 fab fa-medium"></i> <i class="mr-1 fab fa-medium"></i>
<a class="${css.text}" target="__blank" href="https://medium.com/remix-ide">Medium Posts</a> <a class="${css.text}" target="__blank" href="https://medium.com/remix-ide">Medium Posts</a>
</p> </p>
<p>
<i class="fab fa-ethereum"></i>
<span class="ml-2 ${css.text}" onclick=${() => switchToPreviousVersion()}>Old experience</span>
</p>
</div>
</div>
</div> </div>
</div><!-- end of #col2 -->
</div><!-- end of hpSections --> </div><!-- end of hpSections -->
</div> </div>
<div class="d-flex"> <div class="d-flex">

Write Preview
Loading…
Cancel
Save