status-im
/
embark-area-51
mirror of https://github.com/status-im/embark-area-51.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Importing contract and bootstrap css

This commit is contained in:
Richard Ramos 2018-05-10 12:31:10 -04:00 committed by Pascal Precht
parent c4961d69b6
commit 8acf136c01
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
3 changed files with 35 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
lib/modules/scaffolding-react/index.js
View File

@ -26,16 +26,25 @@ class ScaffoldingReact {
fs.writeFileSync(filePath, result);
}
build(contract){
_buildHTML(contract){
const filename = contract.className.toLowerCase();
this._generateFile(contract, 'index.html.tpl', 'html',
{
'title': contract.className,
'filename': filename
});
}
this._generateFile(contract, 'dapp.js.tpl', 'js', {});
build(contract){
this._buildHTML(contract);
const filename = contract.className.toLowerCase();
this._generateFile(contract, 'dapp.js.tpl', 'js',
{
'title': contract.className + ' autogenerated UI',
'contractName': contract.className
});
// Update config
const contents = fs.readFileSync("./embark.json");

19
lib/modules/scaffolding-react/templates/dapp.js.tpl
View File

@ -1,9 +1,26 @@
import EmbarkJS from 'Embark/EmbarkJS';
import {{contractName}} from 'Embark/contracts/{{contractName}}';
import React from 'react';
import ReactDOM from 'react-dom';
import { Tabs, Tab } from 'react-bootstrap';
class {{contractName}}UI extends React.Component {
constructor (props) {
super(props);
this.state = {
};
}
render(){
return (<h2>Test</h2>);
}
}
ReactDOM.render(<div>
ABCDE
<h1>{{title}}</h1>
<{{contractName}}UI />
</div>,
document.getElementById('app')
);

1
lib/modules/scaffolding-react/templates/index.html.tpl
View File

@ -2,6 +2,7 @@
<html lang="en" dir="ltr">
<head>
<title>{{title}}</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body class="container">
<div id="app"></div>