UI (#40)

* code generator changes for updated ui

* changes in codegenerator for ui update

* changes in codegenerator for ui update removed key

* overall code cleaning

* removed unwanted folders

Author: Keval545

.gitignore

@@ -0,0 +1,2 @@
+1_638711472506933004
+node_modules

CodeGenerator/Properties/launchSettings.json

@@ -5,8 +5,11 @@
       "environmentVariables": {
         "PARAMETER": "{project_id:1,server:localhost,uid:1,username:root,password:,databaseName:dataroom,script:http://localhost/dataroom.sql,statusOfGeneration:,projectName:DataRoomApp,DBexists:Yes,port:3306,rabbitMQConn:https://localhost:5001/v1/api/,redisConn:localhost:6379,password=yourredispassword,apiflowurl:,fronttemplateurl:,Technology_Frontend:reactts,Backend_technology:,buttonClicked:generate,projectType:dnd,swgurl:,noderedurl:}"
 
+
       },
         "remoteDebugEnabled": false
       }
   }
 }
+
+

CodeGenerator/ReactTsTemplate1/AutoCompleteTemplate.txt

@@ -1,19 +1,15 @@
-import { AutoCompleteComponent, DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';
-import { AxiosResponse } from 'axios';
-import { useEffect, useRef, useState } from 'react';
+import { AutoCompleteComponent } from '@syncfusion/ej2-react-dropdowns';
+import { useEffect, useState } from 'react';
 import { getAll{modelName} } from 'services/{tableName}Service';
 import './style.css'
-import { DndProvider, useDrag } from 'react-dnd';
-import { SIDEBAR_ITEM } from 'Dnd/Dnd Designer/Utility/constants';
+import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 
 export const {componentName}: React.FC = () => {
-    const ref = useRef(null);
-
+   
     const [data, setData] = useState([]);
     const [content, setContent] = useState([]);
-    const fields: object = { text: '{secondaryKeyList}', value: '{primaryKeyList}' };
-
+    
     useEffect(() => {
         getAll{modelName}(1, 100).then(
             data => {
@@ -24,13 +20,6 @@ export const {componentName}: React.FC = () => {
         )
     }, [])
 
-    let itemTemplate = (data: any): JSX.Element => {
-       //console.log("Item Template data :- ", data)
-        return (
-            <span><span className='name'>{data.{primaryKeyList}}</span><span className='city'>{data.{secondaryKeyList}}</span></span>
-        );
-    }
-
 
     return (
         <DndProvider backend={HTML5Backend}>
@@ -48,53 +37,3 @@ export const {componentName}: React.FC = () => {
         </DndProvider>
     )
 }
-
-
-// fields={fields}
-// popupHeight="250px"
-// popupWidth="350px"
-// width="350px"
-// change={onChange}
-
-
-// import { AutoCompleteComponent, DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';
-// import { AxiosResponse } from 'axios';
-// import { useEffect, useState } from 'react';
-// import { getAllBackend_Stacks } from 'services/{tableName}Service';
-// import './style.css'
-
-// export const AutoComplete: React.FC = () => {
-//     const [data, setData] = useState([]);
-//     const [content, setContent] = useState([]);
-//     const fields: object = { text: '{secondaryKeyList}', value: '{primaryKeyList}' };
-
-//     useEffect(() => {
-//         getAllBackend_Stacks(1, 100).then(
-//             data => {
-//                 setData(data.data.document.records);
-//                 setContent((data.data.document.records).map(obj => obj.{secondaryKeyList}));
-//                //console.log("data :- ", data);
-//             }
-//         )
-//     }, [])
-
-//     let itemTemplate = (data: any): JSX.Element => {
-//        //console.log("Item Template data :- ", data)
-//         return (
-//             <span><span className='name'>{data.{primaryKeyList}}</span><span className='city'>{data.{secondaryKeyList}}</span></span>
-//         );
-//     }
-
-//     return (
-//         <div>
-//             <h1>Autocompletion</h1>
-//             <AutoCompleteComponent id="atcelement"
-//                 dataSource={content}
-//                 placeholder="Type a Field Name"
-//                 width="350px"
-//             // itemTemplate={itemTemplate = itemTemplate.bind(this)}
-//             />
-//             <hr />
-//         </div>
-//     )
-// }