C:\Users\aaleem\Desktop\DevelopedProjects\React\AQView\AQView\ClientApp>codesandbox ./ 'codesandbox' is not recognized as an internal or external command, operable program or batch file. C:\Users\aaleem\Desktop\DevelopedProjects\React\AQView\AQView\ClientApp>codesandbox ./ 'codesandbox' is not recognized as an internal or external command, operable program or batch file. C:\Users\aaleem\Desktop\DevelopedProjects\React\AQView\AQView\ClientApp>
C:\Users\aaleem\Desktop\DevelopedProjects\React\AQView\AQView\ClientApp>npm install -g codesandbox npm WARN deprecated datauri@1.1.0: Datauri 2.0 released. See more in https://github.com/data-uri/datauri/releases/tag/v2.0.0 npm WARN deprecated mimer@0.3.2: Mimer 1.0 released. See more in https://github.com/data-uri/mimer/releases/tag/v1.0.0 npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0 C:\Users\aaleem\AppData\Roaming\npm\codesandbox -> C:\Users\aaleem\AppData\Roaming\npm\node_modules\codesandbox\lib\index.js + codesandbox@2.1.10 updated 1 package in 18.971s
C:\Users\aaleem\Desktop\DevelopedProjects\React\AQView\AQView\ClientApp>codesankbox ./ 'codesankbox' is not recognized as an internal or external command, operable program or batch file.
[Produces("application/json")] [Route("api/Employee")] public class EmployeeController : Controller { EmployeeDataAccessLayer objemployee = new EmployeeDataAccessLayer(); [HttpGet("[action]")] //[Route("api/Employee/Index")] public IEnumerable<TblEmployee> Index() { return objemployee.GetAllEmployees(); } [HttpPost] public int Create(TblEmployee employee) { return objemployee.AddEmployee(employee); } [HttpGet("{id}")] //[HttpGet("{id}", Name = "Details")] public TblEmployee Details(int id) { return objemployee.GetEmployeeData(id); } [HttpPut("{id}")] public int Edit(int id, TblEmployee employee) { return objemployee.UpdateEmployee(employee); } [HttpDelete("{id}")] public int Delete(int id) { return objemployee.DeleteEmployee(id); } [HttpGet("[action]")] public IEnumerable<TblCities> GetCityList() { return objemployee.GetCities(); } }
private renderEmployeeTable(empList: EmployeeData[]) { return <table className='table'> <thead> <tr> <th></th> <th>EmployeeId</th> <th>Name</th> <th>Gender</th> <th>Department</th> <th>City</th> </tr> </thead> <tbody> {empList.map(emp => <tr key={emp.employeeId}> <td></td> <td>{emp.employeeId}</td> <td>{emp.name}</td> <td>{emp.gender}</td> <td>{emp.department}</td> <td>{emp.city}</td> <td> <a className="action" onClick={(id) => this.handleEdit(emp.employeeId)}>Edit</a> | <a className="action" onClick={(id) => this.handleDelete(emp.employeeId)}>Delete</a> </td> </tr> )} </tbody> </table>; }
private handleEdit(id: number) { this.props.history.push("api/employee/edit/" + id); }
[HttpDelete("{id}")] public int Delete(int id) { return objemployee.DeleteEmployee(id); }
[HttpPost] public int Create(TblEmployee employee) { return objemployee.AddEmployee(employee); }
import * as React from 'react'; import { RouteComponentProps
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>@ViewData["Title"] - App1</title> <base href="~/" /> <link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" /> <environment exclude="Development"> <link rel="stylesheet" href="~/dist/site.css" asp-append-version="true" /> </environment> </head> <body> @RenderBody() <script src="~/dist/vendor.js" asp-append-version="true"></script> @RenderSection("scripts", required: false) </body> </html>