JSFiddle - React, Tailwind, and code Playground

by JayData

HTML

<script src="http://include.jaydata.org/jaydata.min.js"></script>

JavaScript

var category1 = new NorthwindModel.Category({ CategoryName: 'Beverages', Description: 'Soft drinks, coffees, teas, beer, and ale' });
var category2 = new NorthwindModel.Category({ CategoryName: 'Condiments', Description: 'Sweet and savory sauces, relishes, spreads, and seasonings' });
var category3 = new NorthwindModel.Category({ CategoryName: 'Confections', Description: 'Desserts, candies, sweetbreads' });
var category4 = new NorthwindModel.Category({ CategoryName: 'Dairy Products', Description: 'Cheeses' });
var category5 = new NorthwindModel.Category({ CategoryName: 'Grains/Cereals', Description: 'Breads, crackers, pasta, and cereal' });
var category6 = new NorthwindModel.Category({ CategoryName: 'Meat/Poultry', Description: 'Prepared meats' });
var category7 = new NorthwindModel.Category({ CategoryName: 'Produce', Description: 'Dried fruit and bean curd' });
var category8 = new NorthwindModel.Category({ CategoryName: 'Seafood', Description: 'Seaweed and fish' });

context.Categories.add(category1);
context.Categories.add(category2);
context.Categories.add(category3);
context.Categories.add(category4);
context.Categories.add(category5);
context.Categories.add(category6);
context.Categories.add(category7);
context.Categories.add(category8);

context.Products.add(new NorthwindModel.Product({ ProductName: 'Ipoh Coffee', EnglishName: 'Malaysian Coffee', UnitPrice: 46, UnitsInStock: 17, Discontinued: false, Category: category1 }));
context.Products.add(new NorthwindModel.Product({ ProductName: 'Outback Lager', EnglishName: 'Outback Lager', UnitPrice: 15, UnitsInStock: 15, Discontinued: false, Category: category1 }));
context.Products.add(new NorthwindModel.Product({ ProductName: 'Mozzarella di Giovanni', EnglishName: 'Giovanni\'s Mozzarella', UnitPrice: 34.1, UnitsInStock: 15, Discontinued: false, Category: category1 }));
context.Products.add(new NorthwindModel.Product({ ProductName: 'Chef Anton\'s Cajun Seasoning', EnglishName: 'Chef Anton\'s Cajun Seasoning',...