added a save button and event

package-lock.json

@@ -3,23 +3,11 @@
   "version": "0.1.0",
   "lockfileVersion": 1,
   "dependencies": {
-    "@blueprintjs/core": {
-      "version": "https://registry.npmjs.org/@blueprintjs/core/-/core-1.20.0.tgz",
-      "integrity": "sha1-OpXLS4VLBofGymDvJqObTgFrQrA="
-    },
-    "@blueprintjs/table": {
-      "version": "https://registry.npmjs.org/@blueprintjs/table/-/table-1.17.0.tgz",
-      "integrity": "sha1-xf3JZcvIoFLkfK/8bvRE9gXJDZY="
-    },
     "@timer/detect-port": {
       "version": "https://registry.npmjs.org/@timer/detect-port/-/detect-port-1.1.3.tgz",
       "integrity": "sha1-E4Or1n+aXWg99SdvipLWC9+au5A=",
       "dev": true
     },
-    "@types/dom4": {
-      "version": "https://registry.npmjs.org/@types/dom4/-/dom4-1.5.20.tgz",
-      "integrity": "sha1-zPY207eU/mWkGR68f/l5p47+psI="
-    },
     "@types/es6-shim": {
       "version": "https://registry.npmjs.org/@types/es6-shim/-/es6-shim-0.31.34.tgz",
       "integrity": "sha1-bvdo+YmdL1rKLBnRmpb2N/KhZDA="
@@ -61,10 +49,6 @@
       "version": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-1.1.0.tgz",
       "integrity": "sha1-GexL+hyxgJ7LxFmdDDjS6f+xm/4="
     },
-    "@types/tether": {
-      "version": "https://registry.npmjs.org/@types/tether/-/tether-1.4.1.tgz",
-      "integrity": "sha1-gos4A0sB7c5E3EKTUikGeuxzb0o="
-    },
     "@types/xml2js": {
       "version": "0.0.33",
       "resolved": "https://registry.npmjs.org/@types/xml2js/-/xml2js-0.0.33.tgz",
@@ -1110,10 +1094,6 @@
       "integrity": "sha1-AB3fgWKM0ecGElxxdvU8zsVdkY4=",
       "dev": true
     },
-    "dom4": {
-      "version": "https://registry.npmjs.org/dom4/-/dom4-1.8.3.tgz",
-      "integrity": "sha1-KwqglrRjaOM7vSwnZ/DjLbszlM0="
-    },
     "domain-browser": {
       "version": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.1.7.tgz",
       "integrity": "sha1-hnqksJP6oF8d4IwG9NeyH9+GmLw=",
@@ -1236,10 +1216,6 @@
       "integrity": "sha1-3aA8qPn4m8WX5omEKSnee6jOvfA=",
       "dev": true
     },
-    "es6-shim": {
-      "version": "https://registry.npmjs.org/es6-shim/-/es6-shim-0.35.3.tgz",
-      "integrity": "sha1-m/tzY/7//4emzbbNk+QF7DxLbyY="
-    },
     "escape-html": {
       "version": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
       "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
@@ -3445,10 +3421,6 @@
       "integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
       "dev": true
     },
-    "normalize.css": {
-      "version": "https://registry.npmjs.org/normalize.css/-/normalize.css-4.1.1.tgz",
-      "integrity": "sha1-TwsdWiNTgyUrBNhWa4Zsxfytnww="
-    },
     "nth-check": {
       "version": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.1.tgz",
       "integrity": "sha1-mSms32KPwsQQmN6rgqxYDPFJquQ=",
@@ -4149,10 +4121,6 @@
       "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
       "dev": true
     },
-    "pure-render-decorator": {
-      "version": "https://registry.npmjs.org/pure-render-decorator/-/pure-render-decorator-1.2.1.tgz",
-      "integrity": "sha1-Vohw7soXoc7lNrT+lKNHf80x7rk="
-    },
     "q": {
       "version": "https://registry.npmjs.org/q/-/q-1.5.0.tgz",
       "integrity": "sha1-3QG6ydBtMObyGa7LglPunr3DCPE=",
@@ -5000,10 +4968,6 @@
       "integrity": "sha1-TYSWSwlmsAh+zDNKLOAC09k0HiY=",
       "dev": true
     },
-    "tether": {
-      "version": "https://registry.npmjs.org/tether/-/tether-1.4.0.tgz",
-      "integrity": "sha1-D5+hcfdb9YSF2BSelHmdeudNHBo="
-    },
     "text-table": {
       "version": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
@@ -5091,7 +5055,8 @@
     },
     "tslib": {
       "version": "https://registry.npmjs.org/tslib/-/tslib-1.7.1.tgz",
-      "integrity": "sha1-vIAEFkaRkjp5/oN4u+s9ogF1OOw="
+      "integrity": "sha1-vIAEFkaRkjp5/oN4u+s9ogF1OOw=",
+      "dev": true
     },
     "tslint": {
       "version": "https://registry.npmjs.org/tslint/-/tslint-5.4.3.tgz",

src/LexComponents.tsx

@@ -5,6 +5,7 @@ import {
   Input,
   Dropdown,
   Card,
+  Button
 } from 'semantic-ui-react';
 import * as XML from 'xml2js';
 import { LexSingleInput } from './LexInputComponents';
@@ -220,7 +221,7 @@ class LexEdit extends React.Component<any, any> {
         let imageSrc = imageRoot + defaultText;
         return (
           <LexSingleInput key={field} labelText={_.capitalize(field)}>
-            <Image src={imageSrc} size="tiny" bordered={true}/>
+            <Image src={imageSrc} size="tiny" bordered={true} />
           </LexSingleInput>
         );
       } else {
@@ -237,9 +238,20 @@ class LexEdit extends React.Component<any, any> {
             <Card.Meta>
               language: {_.get<any>(li, '$.id', '')}
             </Card.Meta>
+            <Card.Description>
+              {lexFields}
+            </Card.Description>
+          </Card.Content>
+          <Card.Content extra={true}>
+            <Button
+              basic={true}
+              fluid={true}
+              color="green"
+              onClick={(e, d) => this.handleOnSave(d)}
+            >
+              Save
+            </Button>
           </Card.Content>
-
-          {lexFields}
         </Card>
       </Box>
     );
@@ -248,4 +260,8 @@ class LexEdit extends React.Component<any, any> {
   private handleOnChange(event: any) {
     this.setState(event);
   }
+
+  private handleOnSave(event: any) {
+    console.log('saving object', this.props.lexItem);
+  }
 }

src/index.css

@@ -1,2 +1 @@
-@import "~normalize.css/normalize.css";
 @import "~semantic-ui-css/semantic.min.css";