JSFiddle - React, Tailwind, and code Playground

by toddhd

JavaScript

var offerType = function (offerTypeId, displayName, offerTypeDetailsTypes) {
	var self = this;
	self.OfferTypeId = offerTypeId;
	self.DisplayName = displayName;
	self.OfferTypeDetailsTypes = offerTypeDetailsTypes;
};

var offerTypeDetailsType = function (offerTypeDetailsTypeId, displayName, editName, value1, value2, offerTypeId) {
	var self = this;
	self.OfferTypeDetailsTypeId = offerTypeDetailsTypeId;
	self.DisplayName = displayName;
	self.EditName = editName;
	self.Value1 = value1;
	self.Value2 = value2;
	self.OfferTypeId = offerTypeId;
};

function viewModel() {
    var self = this;
    
self.offerTypes = ko.observableArray([
	new offerType('1', 'Purchase Discount'),
	new offerType('2', 'Dollar Off')
]);
    
self.offerTypeDetailsTypes = ko.observableArray([
    new offerTypeDetailsType('1', 'Spend $_____ Get $_____ Off', 'Spend $<a id="edit1" class="editable editable-click editvalue" data-original-title="Value" data-name="Value" data-pk="1" data-type="text" href="#">value</a> Get $<a id="edit2" class="editable editable-click editvalue" data-original-title="Value" data-name="Value" data-pk="1" data-type="text" href="#">value</a> Off', 'value', 'value', '1'),
    
	new offerTypeDetailsType('2', 'Spend $_____ Get %_____ Off', 'Spend $<a id="edit1" class="editable editable-click editvalue" data-original-title="Value" data-name="Value" data-pk="1" data-type="text" href="#">value</a> Get %<a id="edit2" class="editable editable-click editvalue" data-original-title="Value" data-name="Value" data-pk="1" data-type="text" href="#">value</a> Off', 'value', 'value', '1'),
    
	new offerTypeDetailsType('3', '$_____ Off', '$<a id="edit1" class="editable editable-click editvalue" data-original-title="Value" data-name="Value" data-pk="1" data-type="text" href="#">value</a> Off', 'value', 'value', '2'),
    
    new offerTypeDetailsType('4', '$_____ Off purchase of _____', '$<a id="edit1" class="editable editable-click editvalue" data-original-title="Value" data-name="Value"...