|
|
@ -206,9 +206,9 @@ export class LandingPage extends ViewPlugin { |
|
|
|
|
|
|
|
|
|
|
|
const invertNum = (themeQuality === 'dark') ? 1 : 0 |
|
|
|
const invertNum = (themeQuality === 'dark') ? 1 : 0 |
|
|
|
if (this.solEnv.getElementsByTagName('img')[0]) this.solEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.solEnv.getElementsByTagName('img')[0]) this.solEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.pipelineEnv.getElementsByTagName('img')[0]) this.pipelineEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
|
|
|
|
if (this.debuggerEnv.getElementsByTagName('img')[0]) this.debuggerEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.debuggerEnv.getElementsByTagName('img')[0]) this.debuggerEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.mythXEnv.getElementsByTagName('img')[0]) this.mythXEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.solhintEnv.getElementsByTagName('img')[0]) this.solhintEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
|
|
|
|
if (this.learnEthEnv.getElementsByTagName('img')[0]) this.learnEthEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.sourcifyEnv.getElementsByTagName('img')[0]) this.sourcifyEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.sourcifyEnv.getElementsByTagName('img')[0]) this.sourcifyEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.moreEnv.getElementsByTagName('img')[0]) this.moreEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.moreEnv.getElementsByTagName('img')[0]) this.moreEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
if (this.websiteIcon) this.websiteIcon.style.filter = `invert(${invertNum})` |
|
|
|
if (this.websiteIcon) this.websiteIcon.style.filter = `invert(${invertNum})` |
|
|
@ -259,16 +259,17 @@ export class LandingPage extends ViewPlugin { |
|
|
|
await this.appManager.activatePlugin(['solidity', 'udapp', 'solidityStaticAnalysis', 'solidityUnitTesting']) |
|
|
|
await this.appManager.activatePlugin(['solidity', 'udapp', 'solidityStaticAnalysis', 'solidityUnitTesting']) |
|
|
|
this.verticalIcons.select('solidity') |
|
|
|
this.verticalIcons.select('solidity') |
|
|
|
} |
|
|
|
} |
|
|
|
const startPipeline = () => { |
|
|
|
|
|
|
|
this.appManager.activatePlugin(['solidity', 'pipeline', 'udapp']) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const startDebugger = async () => { |
|
|
|
const startDebugger = async () => { |
|
|
|
await this.appManager.activatePlugin('debugger') |
|
|
|
await this.appManager.activatePlugin('debugger') |
|
|
|
this.verticalIcons.select('debugger') |
|
|
|
this.verticalIcons.select('debugger') |
|
|
|
} |
|
|
|
} |
|
|
|
const startMythX = async () => { |
|
|
|
const startSolhint = async () => { |
|
|
|
await this.appManager.activatePlugin(['solidity', 'mythx']) |
|
|
|
await this.appManager.activatePlugin(['solidity', 'solhint']) |
|
|
|
this.verticalIcons.select('mythx') |
|
|
|
this.verticalIcons.select('solhint') |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const startLearnEth = async () => { |
|
|
|
|
|
|
|
await this.appManager.activatePlugin(['solidity', 'LearnEth', 'solidityUnitTesting']) |
|
|
|
|
|
|
|
this.verticalIcons.select('LearnEth') |
|
|
|
} |
|
|
|
} |
|
|
|
const startSourceVerify = async () => { |
|
|
|
const startSourceVerify = async () => { |
|
|
|
await this.appManager.activatePlugin(['solidity', 'source-verification']) |
|
|
|
await this.appManager.activatePlugin(['solidity', 'source-verification']) |
|
|
@ -294,10 +295,11 @@ 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('pipelineLogo')) |
|
|
|
|
|
|
|
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('debuggerLogo')) |
|
|
|
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('debuggerLogo')) |
|
|
|
|
|
|
|
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('learnEthLogo')) |
|
|
|
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')) |
|
|
|
|
|
|
|
globalRegistry.get('themeModule').api.fixInvert(document.getElementById('solhintLogo')) |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const createLargeButton = (imgPath, envID, envText, callback) => { |
|
|
|
const createLargeButton = (imgPath, envID, envText, callback) => { |
|
|
@ -316,9 +318,9 @@ export class LandingPage extends ViewPlugin { |
|
|
|
// main
|
|
|
|
// main
|
|
|
|
this.solEnv = createLargeButton('assets/img/solidityLogo.webp', 'solidityLogo', 'Solidity', startSolidity) |
|
|
|
this.solEnv = createLargeButton('assets/img/solidityLogo.webp', 'solidityLogo', 'Solidity', startSolidity) |
|
|
|
// Featured
|
|
|
|
// Featured
|
|
|
|
this.pipelineEnv = createLargeButton('assets/img/pipelineLogo.webp', 'pipelineLogo', 'Pipeline', startPipeline) |
|
|
|
|
|
|
|
this.debuggerEnv = createLargeButton('assets/img/debuggerLogo.webp', 'debuggerLogo', 'Debugger', startDebugger) |
|
|
|
this.debuggerEnv = createLargeButton('assets/img/debuggerLogo.webp', 'debuggerLogo', 'Debugger', startDebugger) |
|
|
|
this.mythXEnv = createLargeButton('assets/img/mythxLogo.webp', 'mythxLogo', 'MythX', startMythX) |
|
|
|
this.solhintEnv = createLargeButton('assets/img/solhintLogo.png', 'solhintLogo', 'solhint linter', startSolhint) |
|
|
|
|
|
|
|
this.learnEthEnv = createLargeButton('assets/img/learnEthLogo.webp', 'learnEthLogo', 'LearnEth', startLearnEth) |
|
|
|
this.sourcifyEnv = createLargeButton('assets/img/sourcifyLogo.webp', 'sourcifyLogo', 'Sourcify', startSourceVerify) |
|
|
|
this.sourcifyEnv = createLargeButton('assets/img/sourcifyLogo.webp', 'sourcifyLogo', 'Sourcify', startSourceVerify) |
|
|
|
this.moreEnv = createLargeButton('assets/img/moreLogo.webp', 'moreLogo', 'More', startPluginManager) |
|
|
|
this.moreEnv = createLargeButton('assets/img/moreLogo.webp', 'moreLogo', 'More', startPluginManager) |
|
|
|
this.websiteIcon = yo`<img id='remixHhomeWebsite' class="mr-1 ${css.image}" src="${profile.icon}"></img>` |
|
|
|
this.websiteIcon = yo`<img id='remixHhomeWebsite' class="mr-1 ${css.image}" src="${profile.icon}"></img>` |
|
|
@ -326,9 +328,9 @@ export class LandingPage extends ViewPlugin { |
|
|
|
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 |
|
|
|
this.solEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.solEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.pipelineEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
|
|
|
|
this.debuggerEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.debuggerEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.mythXEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.solhintEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
|
|
|
|
this.learnEthEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.sourcifyEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.sourcifyEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.moreEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.moreEnv.getElementsByTagName('img')[0].style.filter = `invert(${invertNum})` |
|
|
|
this.websiteIcon.style.filter = `invert(${invertNum})` |
|
|
|
this.websiteIcon.style.filter = `invert(${invertNum})` |
|
|
@ -359,8 +361,8 @@ export class LandingPage extends ViewPlugin { |
|
|
|
<h4>Featured Plugins</h4> |
|
|
|
<h4>Featured Plugins</h4> |
|
|
|
<div class="d-flex flex-row pt-2"> |
|
|
|
<div class="d-flex flex-row pt-2"> |
|
|
|
${this.solEnv} |
|
|
|
${this.solEnv} |
|
|
|
${this.pipelineEnv} |
|
|
|
${this.learnEthEnv} |
|
|
|
${this.mythXEnv} |
|
|
|
${this.solhintEnv} |
|
|
|
${this.sourcifyEnv} |
|
|
|
${this.sourcifyEnv} |
|
|
|
${this.debuggerEnv} |
|
|
|
${this.debuggerEnv} |
|
|
|
${this.moreEnv} |
|
|
|
${this.moreEnv} |
|
|
|