gistfile1.js

Sample.TireView = SC.View.design({
	childViews: ['mangpartLabel','mangpartField','partLabel','partField','partwhsLabel','partwhsField','makeLabel','makeField','modelLabel','modelField','tdateLabel','tdateField','serialnoLabel','serialnoField','metertypeLabel','metertypeField','lifemLabel','lifemField','metertype2Label','metertype2Field','lifem2Label','lifem2Field','treadLabel','treadField','addcostLabel','addcostField','priceLabel','priceField','tiresizeLabel','tiresizeField','overdiamLabel','overdiamField','availLabel','availField','capperLabel','capperField','inactLabel','inactField','loadsingLabel','loadsingField','speedLabel','speedField','loaddualLabel','loaddualField','mindualspLabel','mindualspField','bufradiusLabel','bufradiusField','basewidthLabel','basewidthField','steerLabel','steerField','driveLabel','driveField','trailerLabel','trailerField','recappedLabel','recappedField'],

	mangpartLabel: SC.LabelView.design({ layout: { left:0, top:0, width:200, height:20 }, value: 'Use Managed Part' }),
	mangpartField: SC.CheckboxView.design({ layout: { top:0, left:205, width:20, height:20 }, hint: 'mangpart' }),

	partLabel: SC.LabelView.design({ layout: { left:0, top:23, width:200, height:20 }, value: 'Part' }),
	partField: SC.TextFieldView.design({ layout: { top:23, left:205, width:300, height:20 }, hint: 'part' }),

	partwhsLabel: SC.LabelView.design({ layout: { left:0, top:46, width:200, height:20 }, value: 'Alt. Warehouse' }),
	partwhsField: SC.TextFieldView.design({ layout: { top:46, left:205, width:300, height:20 }, hint: 'partwhs' }),

	makeLabel: SC.LabelView.design({ layout: { left:0, top:69, width:200, height:20 }, value: 'Make' }),
	makeField: SC.TextFieldView.design({ layout: { top:69, left:205, width:300, height:20 }, hint: 'make' }),

	modelLabel: SC.LabelView.design({ layout: { left:0, top:92, width:200, height:20 }, value: 'Model' }),
	modelField: SC.TextFieldView.design({ layout: { top:92, left:205, width:300, height:20 }, hint: 'model' }),

	tdateLabel: SC.LabelView.design({ layout: { left:0, top:115, width:200, height:20 }, value: 'Date' }),
	tdateField: SC.TextFieldView.design({ layout: { top:115, left:205, width:75, height:20 }, hint: 'tdate' }),

	serialnoLabel: SC.LabelView.design({ layout: { left:0, top:138, width:200, height:20 }, value: 'Serial No' }),
	serialnoField: SC.TextFieldView.design({ layout: { top:138, left:205, width:300, height:20 }, hint: 'serialno' }),

	metertypeLabel: SC.LabelView.design({ layout: { left:0, top:161, width:200, height:20 }, value: 'Meter Type' }),
	metertypeField: SC.TextFieldView.design({ layout: { top:161, left:205, width:300, height:20 }, hint: 'metertype' }),

	lifemLabel: SC.LabelView.design({ layout: { left:0, top:184, width:200, height:20 }, value: 'Life Meter' }),
	lifemField: SC.TextFieldView.design({ layout: { top:184, left:205, width:300, height:20 }, hint: 'lifem' }),

	metertype2Label: SC.LabelView.design({ layout: { left:0, top:207, width:200, height:20 }, value: 'Meter Type 2' }),
	metertype2Field: SC.TextFieldView.design({ layout: { top:207, left:205, width:300, height:20 }, hint: 'metertype2' }),

	lifem2Label: SC.LabelView.design({ layout: { left:0, top:230, width:200, height:20 }, value: 'Life Meter 2' }),
	lifem2Field: SC.TextFieldView.design({ layout: { top:230, left:205, width:300, height:20 }, hint: 'lifem2' }),

	treadLabel: SC.LabelView.design({ layout: { left:0, top:253, width:200, height:20 }, value: 'Tread Depth' }),
	treadField: SC.TextFieldView.design({ layout: { top:253, left:205, width:300, height:20 }, hint: 'tread' }),

	addcostLabel: SC.LabelView.design({ layout: { left:0, top:276, width:200, height:20 }, value: 'Add. Cost/Tire' }),
	addcostField: SC.TextFieldView.design({ layout: { top:276, left:205, width:300, height:20 }, hint: 'addcost' }),

	priceLabel: SC.LabelView.design({ layout: { left:0, top:299, width:200, height:20 }, value: 'Total' }),
	priceField: SC.TextFieldView.design({ layout: { top:299, left:205, width:300, height:20 }, hint: 'price' }),

	tiresizeLabel: SC.LabelView.design({ layout: { left:0, top:322, width:200, height:20 }, value: 'Tire Size' }),
	tiresizeField: SC.TextFieldView.design({ layout: { top:322, left:205, width:300, height:20 }, hint: 'tiresize' }),

	overdiamLabel: SC.LabelView.design({ layout: { left:0, top:345, width:200, height:20 }, value: 'Overall Diameter' }),
	overdiamField: SC.TextFieldView.design({ layout: { top:345, left:205, width:300, height:20 }, hint: 'overdiam' }),

	availLabel: SC.LabelView.design({ layout: { left:0, top:368, width:200, height:20 }, value: 'Available' }),
	availField: SC.CheckboxView.design({ layout: { top:368, left:205, width:20, height:20 }, hint: 'avail' }),

	capperLabel: SC.LabelView.design({ layout: { left:0, top:391, width:200, height:20 }, value: 'Sent to Capper' }),
	capperField: SC.CheckboxView.design({ layout: { top:391, left:205, width:20, height:20 }, hint: 'capper' }),

	inactLabel: SC.LabelView.design({ layout: { left:0, top:414, width:200, height:20 }, value: 'Tire is Inactive' }),
	inactField: SC.CheckboxView.design({ layout: { top:414, left:205, width:20, height:20 }, hint: 'inact' }),

	loadsingLabel: SC.LabelView.design({ layout: { left:525, top:0, width:200, height:20 }, value: 'Load Single' }),
	loadsingField: SC.TextFieldView.design({ layout: { top:0, left:730, width:300, height:20 }, hint: 'loadsing' }),

	speedLabel: SC.LabelView.design({ layout: { left:525, top:23, width:200, height:20 }, value: 'Speed' }),
	speedField: SC.TextFieldView.design({ layout: { top:23, left:730, width:300, height:20 }, hint: 'speed' }),

	loaddualLabel: SC.LabelView.design({ layout: { left:525, top:46, width:200, height:20 }, value: 'Load Dual' }),
	loaddualField: SC.TextFieldView.design({ layout: { top:46, left:730, width:300, height:20 }, hint: 'loaddual' }),

	mindualspLabel: SC.LabelView.design({ layout: { left:525, top:69, width:200, height:20 }, value: 'Min. Dual Spacing' }),
	mindualspField: SC.TextFieldView.design({ layout: { top:69, left:730, width:300, height:20 }, hint: 'mindualsp' }),

	bufradiusLabel: SC.LabelView.design({ layout: { left:1050, top:0, width:200, height:20 }, value: 'Buffering Radius' }),
	bufradiusField: SC.TextFieldView.design({ layout: { top:0, left:1255, width:300, height:20 }, hint: 'bufradius' }),

	basewidthLabel: SC.LabelView.design({ layout: { left:1050, top:23, width:200, height:20 }, value: 'Base Width Range' }),
	basewidthField: SC.TextFieldView.design({ layout: { top:23, left:1255, width:300, height:20 }, hint: 'basewidth' }),

	steerLabel: SC.LabelView.design({ layout: { left:1050, top:46, width:200, height:20 }, value: 'Steer' }),
	steerField: SC.CheckboxView.design({ layout: { top:46, left:1255, width:20, height:20 }, hint: 'steer' }),

	driveLabel: SC.LabelView.design({ layout: { left:1050, top:69, width:200, height:20 }, value: 'Drive' }),
	driveField: SC.CheckboxView.design({ layout: { top:69, left:1255, width:20, height:20 }, hint: 'drive' }),

	trailerLabel: SC.LabelView.design({ layout: { left:1050, top:92, width:200, height:20 }, value: 'Trailer' }),
	trailerField: SC.CheckboxView.design({ layout: { top:92, left:1255, width:20, height:20 }, hint: 'trailer' }),

	recappedLabel: SC.LabelView.design({ layout: { left:1050, top:115, width:200, height:20 }, value: 'Recapped' }),
	recappedField: SC.CheckboxView.design({ layout: { top:115, left:1255, width:20, height:20 }, hint: 'recapped' })				
}) ;

Sample.mainPage = SC.Page.design({
	
	mainPane: SC.MainPane.design({
		childViews: 'scrollView'.w(),
		
		scrollView: SC.ScrollView.design({
			layout: { centerX:0, centerY:0, width:800, height:400 },
			contentView: Sample.TireView.design({ layout: {width:1600, height:800} })
		})
	})
}) ;