malar
/
fs-walle-react-ts
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1. showing the currently loaded xmlfile in the topbar 

2. new file show save
master
Malar Kannan 2017-07-31 11:23:24 +05:30
parent 6c92ac627c
commit c1952dc8ac
2 changed files with 41 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
config/webpack.config.flask.js
View File

@ -255,32 +255,32 @@ module.exports = {
new ManifestPlugin({
fileName: 'asset-manifest.json',
}),
new SWPrecacheWebpackPlugin({
// By default, a cache-busting query parameter is appended to requests
// used to populate the caches, to ensure the responses are fresh.
// If a URL is already hashed by Webpack, then there is no concern
// about it being stale, and the cache-busting can be skipped.
dontCacheBustUrlsMatching: /\.\w{8}\./,
filename: 'service-worker.js',
logger(message) {
if (message.indexOf('Total precache size is') === 0) {
// This message occurs for every build and is a bit too noisy.
return;
}
console.log(message);
},
minify: true,
// For unknown URLs, fallback to the index page
navigateFallback: publicUrl + '/index.html',
// Ignores URLs starting from /__ (useful for Firebase):
// https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
navigateFallbackWhitelist: [/^(?!\/__).*/],
// Don't precache sourcemaps (they're large) and build asset manifest:
staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
// Work around Windows path issue in SWPrecacheWebpackPlugin:
// https://github.com/facebookincubator/create-react-app/issues/2235
stripPrefix: paths.appBuild.replace(/\\/g, '/') + '/',
}),
// new SWPrecacheWebpackPlugin({
// // By default, a cache-busting query parameter is appended to requests
// // used to populate the caches, to ensure the responses are fresh.
// // If a URL is already hashed by Webpack, then there is no concern
// // about it being stale, and the cache-busting can be skipped.
// dontCacheBustUrlsMatching: /\.\w{8}\./,
// filename: 'service-worker.js',
// logger(message) {
// if (message.indexOf('Total precache size is') === 0) {
// // This message occurs for every build and is a bit too noisy.
// return;
// }
// console.log(message);
// },
// minify: true,
// // For unknown URLs, fallback to the index page
// navigateFallback: publicUrl + '/index.html',
// // Ignores URLs starting from /__ (useful for Firebase):
// // https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
// navigateFallbackWhitelist: [/^(?!\/__).*/],
// // Don't precache sourcemaps (they're large) and build asset manifest:
// staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
// // Work around Windows path issue in SWPrecacheWebpackPlugin:
// // https://github.com/facebookincubator/create-react-app/issues/2235
// stripPrefix: paths.appBuild.replace(/\\/g, '/') + '/',
// }),
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
// new WriteFilePlugin()
],

26
src/LexSetup.tsx
View File

@ -10,29 +10,31 @@ export class LexXMLSelect extends React.Component<any, any> {
constructor(props: any) {
super(props);
this.state = {
xmlFiles: [], xmlFileName: 'new_es.xml'
xmlFiles: [], xmlFileName: props.xmlFileName
};
}
public componentDidMount() {
this.getXMLFiles();
}
render() {
let files: string[] = [].concat(this.state.xmlFiles);
if (files.indexOf(this.state.xmlFileName as string) === -1) {
files.push(this.state.xmlFileName);
}
let dropOptions = files.map((k: any, i: any, c: any) => {
let dropOptions = this.state.xmlFiles.map((k: any, i: any, c: any) => {
return { key: i, value: k, text: k };
});
let onFileChange = (e: any, d: any) => {
this.setState({ xmlFileName: d.value as string });
this.props.onFileSelected(d.value);
let xmlFileName = d.value as string;
let xmlFiles: string[] = [].concat(this.state.xmlFiles);
if (xmlFiles.indexOf(xmlFileName as string) === -1) {
xmlFiles.push(xmlFileName);
this.props.onFileSelected(xmlFileName, true);
} else {
this.props.onFileSelected(xmlFileName, false);
}
this.setState({ xmlFileName, xmlFiles });
};
return (
<Dropdown
options={dropOptions}
onChange={onFileChange}
onAddItem={onFileChange}
value={this.state.xmlFileName}
compact={true}
selection={true}
@ -97,9 +99,11 @@ export class LexSetup extends React.Component<any, any> {
{saveButton}
{loadButton}
<LexXMLSelect
onFileSelected={(nf: string) => {
this.xmlFileName = nf;
onFileSelected={(fileName: string, newFile: Boolean) => {
this.xmlFileName = fileName;
this.setState({ dirty: newFile });
}}
xmlFileName={this.xmlFileName}
/>
<Icon name="edit" size="small" />
<Header.Content>