diff options
Diffstat (limited to 'frontend/main.js')
-rw-r--r-- | frontend/main.js | 772 |
1 files changed, 633 insertions, 139 deletions
diff --git a/frontend/main.js b/frontend/main.js index 931d7ae..9d33498 100644 --- a/frontend/main.js +++ b/frontend/main.js | |||
@@ -5430,7 +5430,7 @@ var $author$project$Product$Product = F7( | |||
5430 | return {description: description, id: id, iosSrc: iosSrc, kind: kind, name: name, price: price, src: src}; | 5430 | return {description: description, id: id, iosSrc: iosSrc, kind: kind, name: name, price: price, src: src}; |
5431 | }); | 5431 | }); |
5432 | var $author$project$Product$emptyProduct = A7($author$project$Product$Product, -1, '', $elm$core$Maybe$Nothing, 0, $elm$core$Maybe$Nothing, '', ''); | 5432 | var $author$project$Product$emptyProduct = A7($author$project$Product$Product, -1, '', $elm$core$Maybe$Nothing, 0, $elm$core$Maybe$Nothing, '', ''); |
5433 | var $author$project$Product$init = A6($author$project$Product$Model, $author$project$Product$NotLoaded, $author$project$Product$emptyProduct, _List_Nil, 0, '', $author$project$Product$NotSubmitted); | 5433 | var $author$project$Product$init = A6($author$project$Product$Model, $author$project$Product$NotLoaded, $author$project$Product$emptyProduct, _List_Nil, 5, '', $author$project$Product$NotSubmitted); |
5434 | var $author$project$Signup$Empty = {$: 'Empty'}; | 5434 | var $author$project$Signup$Empty = {$: 'Empty'}; |
5435 | var $author$project$Signup$Model = F6( | 5435 | var $author$project$Signup$Model = F6( |
5436 | function (username, password, phoneNumber, emailId, address, status) { | 5436 | function (username, password, phoneNumber, emailId, address, status) { |
@@ -6382,13 +6382,13 @@ var $author$project$Product$fetchListing = function (id) { | |||
6382 | var $author$project$Catalog$ProductsLoaded = function (a) { | 6382 | var $author$project$Catalog$ProductsLoaded = function (a) { |
6383 | return {$: 'ProductsLoaded', a: a}; | 6383 | return {$: 'ProductsLoaded', a: a}; |
6384 | }; | 6384 | }; |
6385 | var $author$project$Catalog$Product = F6( | 6385 | var $author$project$Catalog$Product = F8( |
6386 | function (id, name, kind, price, description, averageRating) { | 6386 | function (id, name, kind, price, description, averageRating, src, iosSrc) { |
6387 | return {averageRating: averageRating, description: description, id: id, kind: kind, name: name, price: price}; | 6387 | return {averageRating: averageRating, description: description, id: id, iosSrc: iosSrc, kind: kind, name: name, price: price, src: src}; |
6388 | }); | 6388 | }); |
6389 | var $elm$json$Json$Decode$map6 = _Json_map6; | 6389 | var $elm$json$Json$Decode$map8 = _Json_map8; |
6390 | var $author$project$Catalog$decodeProduct = A7( | 6390 | var $author$project$Catalog$decodeProduct = A9( |
6391 | $elm$json$Json$Decode$map6, | 6391 | $elm$json$Json$Decode$map8, |
6392 | $author$project$Catalog$Product, | 6392 | $author$project$Catalog$Product, |
6393 | A2($elm$json$Json$Decode$field, 'id', $elm$json$Json$Decode$int), | 6393 | A2($elm$json$Json$Decode$field, 'id', $elm$json$Json$Decode$int), |
6394 | A2($elm$json$Json$Decode$field, 'name', $elm$json$Json$Decode$string), | 6394 | A2($elm$json$Json$Decode$field, 'name', $elm$json$Json$Decode$string), |
@@ -6404,7 +6404,9 @@ var $author$project$Catalog$decodeProduct = A7( | |||
6404 | A2( | 6404 | A2( |
6405 | $elm$json$Json$Decode$field, | 6405 | $elm$json$Json$Decode$field, |
6406 | 'average_rating', | 6406 | 'average_rating', |
6407 | $elm$json$Json$Decode$nullable($elm$json$Json$Decode$float))); | 6407 | $elm$json$Json$Decode$nullable($elm$json$Json$Decode$float)), |
6408 | A2($elm$json$Json$Decode$field, 'src', $elm$json$Json$Decode$string), | ||
6409 | A2($elm$json$Json$Decode$field, 'ios_src', $elm$json$Json$Decode$string)); | ||
6408 | var $author$project$Catalog$decodeResponse = $elm$json$Json$Decode$list($author$project$Catalog$decodeProduct); | 6410 | var $author$project$Catalog$decodeResponse = $elm$json$Json$Decode$list($author$project$Catalog$decodeProduct); |
6409 | var $author$project$Catalog$fetchProducts = function () { | 6411 | var $author$project$Catalog$fetchProducts = function () { |
6410 | var _v0 = A2($elm$core$Debug$log, 'err', 'fetching products'); | 6412 | var _v0 = A2($elm$core$Debug$log, 'err', 'fetching products'); |
@@ -10086,6 +10088,7 @@ var $rtfeldman$elm_css$Css$prop1 = F2( | |||
10086 | }); | 10088 | }); |
10087 | var $rtfeldman$elm_css$Css$display = $rtfeldman$elm_css$Css$prop1('display'); | 10089 | var $rtfeldman$elm_css$Css$display = $rtfeldman$elm_css$Css$prop1('display'); |
10088 | var $rtfeldman$elm_css$Css$border = $rtfeldman$elm_css$Css$prop1('border'); | 10090 | var $rtfeldman$elm_css$Css$border = $rtfeldman$elm_css$Css$prop1('border'); |
10091 | var $rtfeldman$elm_css$Css$borderRadius = $rtfeldman$elm_css$Css$prop1('border-radius'); | ||
10089 | var $rtfeldman$elm_css$Html$Styled$button = $rtfeldman$elm_css$Html$Styled$node('button'); | 10092 | var $rtfeldman$elm_css$Html$Styled$button = $rtfeldman$elm_css$Html$Styled$node('button'); |
10090 | var $rtfeldman$elm_css$Css$color = function (c) { | 10093 | var $rtfeldman$elm_css$Css$color = function (c) { |
10091 | return A2($rtfeldman$elm_css$Css$property, 'color', c.value); | 10094 | return A2($rtfeldman$elm_css$Css$property, 'color', c.value); |
@@ -10541,6 +10544,8 @@ var $author$project$Styles$furbyButton = A2( | |||
10541 | $rtfeldman$elm_css$Css$px(40)), | 10544 | $rtfeldman$elm_css$Css$px(40)), |
10542 | $rtfeldman$elm_css$Css$border( | 10545 | $rtfeldman$elm_css$Css$border( |
10543 | $rtfeldman$elm_css$Css$px(0)), | 10546 | $rtfeldman$elm_css$Css$px(0)), |
10547 | $rtfeldman$elm_css$Css$borderRadius( | ||
10548 | $rtfeldman$elm_css$Css$px(2)), | ||
10544 | A2( | 10549 | A2( |
10545 | $rtfeldman$elm_css$Css$padding2, | 10550 | $rtfeldman$elm_css$Css$padding2, |
10546 | $rtfeldman$elm_css$Css$px(6), | 10551 | $rtfeldman$elm_css$Css$px(6), |
@@ -10717,7 +10722,9 @@ var $author$project$Main$viewHeader = function (model) { | |||
10717 | [ | 10722 | [ |
10718 | $rtfeldman$elm_css$Css$listStyle($rtfeldman$elm_css$Css$none), | 10723 | $rtfeldman$elm_css$Css$listStyle($rtfeldman$elm_css$Css$none), |
10719 | $rtfeldman$elm_css$Css$padding( | 10724 | $rtfeldman$elm_css$Css$padding( |
10720 | $rtfeldman$elm_css$Css$px(0)) | 10725 | $rtfeldman$elm_css$Css$px(0)), |
10726 | $rtfeldman$elm_css$Css$margin( | ||
10727 | $rtfeldman$elm_css$Css$px(24)) | ||
10721 | ])) | 10728 | ])) |
10722 | ]), | 10729 | ]), |
10723 | _Utils_ap( | 10730 | _Utils_ap( |
@@ -11228,70 +11235,260 @@ var $author$project$Catalog$viewFilters = function (model) { | |||
11228 | ])) | 11235 | ])) |
11229 | ])); | 11236 | ])); |
11230 | }; | 11237 | }; |
11238 | var $elm$virtual_dom$VirtualDom$attribute = F2( | ||
11239 | function (key, value) { | ||
11240 | return A2( | ||
11241 | _VirtualDom_attribute, | ||
11242 | _VirtualDom_noOnOrFormAction(key), | ||
11243 | _VirtualDom_noJavaScriptOrHtmlUri(value)); | ||
11244 | }); | ||
11245 | var $rtfeldman$elm_css$VirtualDom$Styled$attribute = F2( | ||
11246 | function (key, value) { | ||
11247 | return A3( | ||
11248 | $rtfeldman$elm_css$VirtualDom$Styled$Attribute, | ||
11249 | A2($elm$virtual_dom$VirtualDom$attribute, key, value), | ||
11250 | _List_Nil, | ||
11251 | ''); | ||
11252 | }); | ||
11253 | var $rtfeldman$elm_css$Html$Styled$Attributes$attribute = $rtfeldman$elm_css$VirtualDom$Styled$attribute; | ||
11254 | var $author$project$Utils$arIosSrc = function (src) { | ||
11255 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'ios-src', src); | ||
11256 | }; | ||
11257 | var $author$project$Utils$arModes = function (mode) { | ||
11258 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'ar-modes', mode); | ||
11259 | }; | ||
11260 | var $author$project$Utils$arSrc = function (src) { | ||
11261 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'src', src); | ||
11262 | }; | ||
11263 | var $author$project$Utils$autoRotate = A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'auto-rotate', ''); | ||
11264 | var $rtfeldman$elm_css$Css$bold = {fontWeight: $rtfeldman$elm_css$Css$Structure$Compatible, value: 'bold'}; | ||
11265 | var $rtfeldman$elm_css$Css$border3 = $rtfeldman$elm_css$Css$prop3('border'); | ||
11266 | var $author$project$Utils$cameraControls = A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'camera-controls', ''); | ||
11267 | var $author$project$Styles$cardPrimaryText = $rtfeldman$elm_css$Css$fontSize( | ||
11268 | $rtfeldman$elm_css$Css$px(18)); | ||
11269 | var $rtfeldman$elm_css$Css$batch = $rtfeldman$elm_css$Css$Preprocess$ApplyStyles; | ||
11270 | var $author$project$Styles$cardSecondaryText = $rtfeldman$elm_css$Css$batch( | ||
11271 | _List_fromArray( | ||
11272 | [ | ||
11273 | $rtfeldman$elm_css$Css$color($author$project$Styles$theme.fgLight), | ||
11274 | $rtfeldman$elm_css$Css$fontSize( | ||
11275 | $rtfeldman$elm_css$Css$px(12)) | ||
11276 | ])); | ||
11277 | var $author$project$Styles$cardSupportingText = $rtfeldman$elm_css$Css$fontSize( | ||
11278 | $rtfeldman$elm_css$Css$px(16)); | ||
11279 | var $rtfeldman$elm_css$Css$fontVariant = $rtfeldman$elm_css$Css$prop1('font-variant'); | ||
11280 | var $rtfeldman$elm_css$Css$fontWeight = function (_v0) { | ||
11281 | var value = _v0.value; | ||
11282 | return A2($rtfeldman$elm_css$Css$property, 'font-weight', value); | ||
11283 | }; | ||
11284 | var $author$project$Utils$loading = function (mode) { | ||
11285 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'loading', mode); | ||
11286 | }; | ||
11287 | var $rtfeldman$elm_css$Css$marginBottom = $rtfeldman$elm_css$Css$prop1('margin-bottom'); | ||
11288 | var $rtfeldman$elm_css$Css$maxWidth = $rtfeldman$elm_css$Css$prop1('max-width'); | ||
11289 | var $author$project$Utils$modelViewer = F2( | ||
11290 | function (attributes, children) { | ||
11291 | return A3($rtfeldman$elm_css$Html$Styled$node, 'model-viewer', attributes, children); | ||
11292 | }); | ||
11293 | var $rtfeldman$elm_css$Css$Structure$PseudoElement = function (a) { | ||
11294 | return {$: 'PseudoElement', a: a}; | ||
11295 | }; | ||
11296 | var $rtfeldman$elm_css$Css$Preprocess$WithPseudoElement = F2( | ||
11297 | function (a, b) { | ||
11298 | return {$: 'WithPseudoElement', a: a, b: b}; | ||
11299 | }); | ||
11300 | var $rtfeldman$elm_css$Css$pseudoElement = function (element) { | ||
11301 | return $rtfeldman$elm_css$Css$Preprocess$WithPseudoElement( | ||
11302 | $rtfeldman$elm_css$Css$Structure$PseudoElement(element)); | ||
11303 | }; | ||
11304 | var $rtfeldman$elm_css$Css$before = $rtfeldman$elm_css$Css$pseudoElement('before'); | ||
11305 | var $author$project$Styles$money = $rtfeldman$elm_css$Css$before( | ||
11306 | _List_fromArray( | ||
11307 | [ | ||
11308 | A2($rtfeldman$elm_css$Css$property, 'content', '\"₹ \"') | ||
11309 | ])); | ||
11310 | var $rtfeldman$elm_css$Css$smallCaps = {fontVariant: $rtfeldman$elm_css$Css$Structure$Compatible, fontVariantCaps: $rtfeldman$elm_css$Css$Structure$Compatible, value: 'small-caps'}; | ||
11311 | var $rtfeldman$elm_css$Css$width = $rtfeldman$elm_css$Css$prop1('width'); | ||
11231 | var $author$project$Catalog$viewProduct = function (p) { | 11312 | var $author$project$Catalog$viewProduct = function (p) { |
11232 | return A2( | 11313 | return A2( |
11233 | $rtfeldman$elm_css$Html$Styled$div, | 11314 | $rtfeldman$elm_css$Html$Styled$div, |
11234 | _List_Nil, | ||
11235 | _List_fromArray( | 11315 | _List_fromArray( |
11236 | [ | 11316 | [ |
11237 | A2( | 11317 | $rtfeldman$elm_css$Html$Styled$Attributes$css( |
11238 | $rtfeldman$elm_css$Html$Styled$div, | ||
11239 | _List_Nil, | ||
11240 | _List_fromArray( | 11318 | _List_fromArray( |
11241 | [ | 11319 | [ |
11242 | $rtfeldman$elm_css$Html$Styled$text(p.name) | 11320 | $rtfeldman$elm_css$Css$marginBottom( |
11243 | ])), | 11321 | $rtfeldman$elm_css$Css$px(20)), |
11322 | A3( | ||
11323 | $rtfeldman$elm_css$Css$border3, | ||
11324 | $rtfeldman$elm_css$Css$px(1), | ||
11325 | $rtfeldman$elm_css$Css$solid, | ||
11326 | $author$project$Styles$theme.primary), | ||
11327 | $rtfeldman$elm_css$Css$borderRadius( | ||
11328 | $rtfeldman$elm_css$Css$px(4)), | ||
11329 | $rtfeldman$elm_css$Css$padding( | ||
11330 | $rtfeldman$elm_css$Css$px(20)), | ||
11331 | $rtfeldman$elm_css$Css$width( | ||
11332 | $rtfeldman$elm_css$Css$pct(100)), | ||
11333 | $rtfeldman$elm_css$Css$maxWidth( | ||
11334 | $rtfeldman$elm_css$Css$px(650)) | ||
11335 | ])) | ||
11336 | ]), | ||
11337 | _List_fromArray( | ||
11338 | [ | ||
11244 | A2( | 11339 | A2( |
11245 | $rtfeldman$elm_css$Html$Styled$div, | 11340 | $rtfeldman$elm_css$Html$Styled$div, |
11246 | _List_Nil, | ||
11247 | _List_fromArray( | 11341 | _List_fromArray( |
11248 | [ | 11342 | [ |
11249 | $rtfeldman$elm_css$Html$Styled$text( | 11343 | $rtfeldman$elm_css$Html$Styled$Attributes$css( |
11250 | A2($elm$core$Maybe$withDefault, '', p.kind)) | 11344 | _List_fromArray( |
11251 | ])), | 11345 | [ |
11252 | A2( | 11346 | $rtfeldman$elm_css$Css$float($rtfeldman$elm_css$Css$left), |
11253 | $rtfeldman$elm_css$Html$Styled$div, | 11347 | $rtfeldman$elm_css$Css$width( |
11254 | _List_Nil, | 11348 | $rtfeldman$elm_css$Css$pct(50)) |
11349 | ])) | ||
11350 | ]), | ||
11255 | _List_fromArray( | 11351 | _List_fromArray( |
11256 | [ | 11352 | [ |
11257 | $rtfeldman$elm_css$Html$Styled$text( | 11353 | A2( |
11258 | A2($elm$core$Maybe$withDefault, '', p.description)) | 11354 | $author$project$Utils$modelViewer, |
11355 | _List_fromArray( | ||
11356 | [ | ||
11357 | $author$project$Utils$cameraControls, | ||
11358 | $author$project$Utils$autoRotate, | ||
11359 | $author$project$Utils$arSrc(p.src), | ||
11360 | $author$project$Utils$arIosSrc(p.iosSrc), | ||
11361 | $author$project$Utils$loading('eager'), | ||
11362 | $author$project$Utils$arModes('webxr') | ||
11363 | ]), | ||
11364 | _List_Nil) | ||
11259 | ])), | 11365 | ])), |
11260 | A2( | 11366 | A2( |
11261 | $rtfeldman$elm_css$Html$Styled$div, | 11367 | $rtfeldman$elm_css$Html$Styled$div, |
11262 | _List_Nil, | ||
11263 | _List_fromArray( | 11368 | _List_fromArray( |
11264 | [ | 11369 | [ |
11265 | $rtfeldman$elm_css$Html$Styled$text( | 11370 | $rtfeldman$elm_css$Html$Styled$Attributes$css( |
11266 | $elm$core$String$fromFloat(p.price)) | 11371 | _List_fromArray( |
11267 | ])), | 11372 | [ |
11268 | function () { | 11373 | $rtfeldman$elm_css$Css$float($rtfeldman$elm_css$Css$left), |
11269 | var _v0 = p.averageRating; | 11374 | $rtfeldman$elm_css$Css$width( |
11270 | if (_v0.$ === 'Just') { | 11375 | $rtfeldman$elm_css$Css$pct(50)) |
11271 | var v = _v0.a; | 11376 | ])) |
11272 | return $rtfeldman$elm_css$Html$Styled$text( | 11377 | ]), |
11273 | 'Avg Rating: ' + $elm$core$String$fromFloat(v)); | ||
11274 | } else { | ||
11275 | return $rtfeldman$elm_css$Html$Styled$text('No Ratings'); | ||
11276 | } | ||
11277 | }(), | ||
11278 | A2( | ||
11279 | $rtfeldman$elm_css$Html$Styled$div, | ||
11280 | _List_Nil, | ||
11281 | _List_fromArray( | 11378 | _List_fromArray( |
11282 | [ | 11379 | [ |
11283 | A2( | 11380 | A2( |
11284 | $rtfeldman$elm_css$Html$Styled$a, | 11381 | $rtfeldman$elm_css$Html$Styled$div, |
11285 | _List_fromArray( | 11382 | _List_fromArray( |
11286 | [ | 11383 | [ |
11287 | $rtfeldman$elm_css$Html$Styled$Attributes$href( | 11384 | $rtfeldman$elm_css$Html$Styled$Attributes$css( |
11288 | '/product/' + $elm$core$String$fromInt(p.id)) | 11385 | _List_fromArray( |
11386 | [ | ||
11387 | $author$project$Styles$cardSecondaryText, | ||
11388 | $rtfeldman$elm_css$Css$paddingBottom( | ||
11389 | $rtfeldman$elm_css$Css$px(3)), | ||
11390 | $rtfeldman$elm_css$Css$fontVariant($rtfeldman$elm_css$Css$smallCaps) | ||
11391 | ])) | ||
11289 | ]), | 11392 | ]), |
11290 | _List_fromArray( | 11393 | _List_fromArray( |
11291 | [ | 11394 | [ |
11292 | $rtfeldman$elm_css$Html$Styled$text('View Product') | 11395 | $rtfeldman$elm_css$Html$Styled$text( |
11396 | A2($elm$core$Maybe$withDefault, '', p.kind)) | ||
11397 | ])), | ||
11398 | A2( | ||
11399 | $rtfeldman$elm_css$Html$Styled$div, | ||
11400 | _List_fromArray( | ||
11401 | [ | ||
11402 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11403 | _List_fromArray( | ||
11404 | [ | ||
11405 | $author$project$Styles$cardPrimaryText, | ||
11406 | $rtfeldman$elm_css$Css$paddingBottom( | ||
11407 | $rtfeldman$elm_css$Css$px(3)) | ||
11408 | ])) | ||
11409 | ]), | ||
11410 | _List_fromArray( | ||
11411 | [ | ||
11412 | A2( | ||
11413 | $rtfeldman$elm_css$Html$Styled$a, | ||
11414 | _List_fromArray( | ||
11415 | [ | ||
11416 | $rtfeldman$elm_css$Html$Styled$Attributes$href( | ||
11417 | '/product/' + $elm$core$String$fromInt(p.id)) | ||
11418 | ]), | ||
11419 | _List_fromArray( | ||
11420 | [ | ||
11421 | $rtfeldman$elm_css$Html$Styled$text(p.name) | ||
11422 | ])) | ||
11423 | ])), | ||
11424 | A2( | ||
11425 | $rtfeldman$elm_css$Html$Styled$div, | ||
11426 | _List_fromArray( | ||
11427 | [ | ||
11428 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11429 | _List_fromArray( | ||
11430 | [ | ||
11431 | $author$project$Styles$cardSecondaryText, | ||
11432 | $rtfeldman$elm_css$Css$paddingBottom( | ||
11433 | $rtfeldman$elm_css$Css$px(12)) | ||
11434 | ])) | ||
11435 | ]), | ||
11436 | _List_fromArray( | ||
11437 | [ | ||
11438 | function () { | ||
11439 | var _v0 = p.averageRating; | ||
11440 | if (_v0.$ === 'Just') { | ||
11441 | var v = _v0.a; | ||
11442 | return $rtfeldman$elm_css$Html$Styled$text( | ||
11443 | 'Avg Rating: ' + $elm$core$String$fromFloat(v)); | ||
11444 | } else { | ||
11445 | return $rtfeldman$elm_css$Html$Styled$text('No Ratings'); | ||
11446 | } | ||
11447 | }() | ||
11448 | ])), | ||
11449 | A2( | ||
11450 | $rtfeldman$elm_css$Html$Styled$div, | ||
11451 | _List_fromArray( | ||
11452 | [ | ||
11453 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11454 | _List_fromArray( | ||
11455 | [ | ||
11456 | $author$project$Styles$cardSupportingText, | ||
11457 | $rtfeldman$elm_css$Css$paddingBottom( | ||
11458 | $rtfeldman$elm_css$Css$px(6)) | ||
11459 | ])) | ||
11460 | ]), | ||
11461 | _List_fromArray( | ||
11462 | [ | ||
11463 | $rtfeldman$elm_css$Html$Styled$text( | ||
11464 | A2($elm$core$Maybe$withDefault, 'No description provided', p.description)) | ||
11465 | ])), | ||
11466 | A2( | ||
11467 | $rtfeldman$elm_css$Html$Styled$div, | ||
11468 | _List_fromArray( | ||
11469 | [ | ||
11470 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11471 | _List_fromArray( | ||
11472 | [ | ||
11473 | $rtfeldman$elm_css$Css$fontWeight($rtfeldman$elm_css$Css$bold), | ||
11474 | $rtfeldman$elm_css$Css$fontSize( | ||
11475 | $rtfeldman$elm_css$Css$px(14)), | ||
11476 | $author$project$Styles$money | ||
11477 | ])) | ||
11478 | ]), | ||
11479 | _List_fromArray( | ||
11480 | [ | ||
11481 | $rtfeldman$elm_css$Html$Styled$text( | ||
11482 | $elm$core$String$fromFloat(p.price)) | ||
11293 | ])) | 11483 | ])) |
11294 | ])) | 11484 | ])), |
11485 | A2( | ||
11486 | $rtfeldman$elm_css$Html$Styled$div, | ||
11487 | _List_fromArray( | ||
11488 | [ | ||
11489 | A2($rtfeldman$elm_css$Html$Styled$Attributes$style, 'clear', 'both') | ||
11490 | ]), | ||
11491 | _List_Nil) | ||
11295 | ])); | 11492 | ])); |
11296 | }; | 11493 | }; |
11297 | var $author$project$Catalog$viewStatus = function (s) { | 11494 | var $author$project$Catalog$viewStatus = function (s) { |
@@ -11304,7 +11501,6 @@ var $author$project$Catalog$viewStatus = function (s) { | |||
11304 | return 'Not loaded ...'; | 11501 | return 'Not loaded ...'; |
11305 | } | 11502 | } |
11306 | }; | 11503 | }; |
11307 | var $rtfeldman$elm_css$Css$width = $rtfeldman$elm_css$Css$prop1('width'); | ||
11308 | var $author$project$Catalog$view = function (model) { | 11504 | var $author$project$Catalog$view = function (model) { |
11309 | var _v0 = model.pageStatus; | 11505 | var _v0 = model.pageStatus; |
11310 | if (_v0.$ === 'Loading') { | 11506 | if (_v0.$ === 'Loading') { |
@@ -11380,7 +11576,8 @@ var $author$project$Catalog$view = function (model) { | |||
11380 | _List_fromArray( | 11576 | _List_fromArray( |
11381 | [ | 11577 | [ |
11382 | $rtfeldman$elm_css$Css$padding( | 11578 | $rtfeldman$elm_css$Css$padding( |
11383 | $rtfeldman$elm_css$Css$px(0)) | 11579 | $rtfeldman$elm_css$Css$px(0)), |
11580 | $rtfeldman$elm_css$Css$listStyle($rtfeldman$elm_css$Css$none) | ||
11384 | ])) | 11581 | ])) |
11385 | ]), | 11582 | ]), |
11386 | A2( | 11583 | A2( |
@@ -11685,7 +11882,6 @@ var $author$project$Product$AddRatingComment = function (a) { | |||
11685 | return {$: 'AddRatingComment', a: a}; | 11882 | return {$: 'AddRatingComment', a: a}; |
11686 | }; | 11883 | }; |
11687 | var $author$project$Product$AddRatingPressed = {$: 'AddRatingPressed'}; | 11884 | var $author$project$Product$AddRatingPressed = {$: 'AddRatingPressed'}; |
11688 | var $author$project$Product$AddToCartPressed = {$: 'AddToCartPressed'}; | ||
11689 | var $author$project$Product$viewInput = F4( | 11885 | var $author$project$Product$viewInput = F4( |
11690 | function (t, p, v, toMsg) { | 11886 | function (t, p, v, toMsg) { |
11691 | return A2( | 11887 | return A2( |
@@ -11699,80 +11895,37 @@ var $author$project$Product$viewInput = F4( | |||
11699 | ]), | 11895 | ]), |
11700 | _List_Nil); | 11896 | _List_Nil); |
11701 | }); | 11897 | }); |
11702 | var $elm$virtual_dom$VirtualDom$attribute = F2( | 11898 | var $author$project$Product$AddToCartPressed = {$: 'AddToCartPressed'}; |
11703 | function (key, value) { | ||
11704 | return A2( | ||
11705 | _VirtualDom_attribute, | ||
11706 | _VirtualDom_noOnOrFormAction(key), | ||
11707 | _VirtualDom_noJavaScriptOrHtmlUri(value)); | ||
11708 | }); | ||
11709 | var $rtfeldman$elm_css$VirtualDom$Styled$attribute = F2( | ||
11710 | function (key, value) { | ||
11711 | return A3( | ||
11712 | $rtfeldman$elm_css$VirtualDom$Styled$Attribute, | ||
11713 | A2($elm$virtual_dom$VirtualDom$attribute, key, value), | ||
11714 | _List_Nil, | ||
11715 | ''); | ||
11716 | }); | ||
11717 | var $rtfeldman$elm_css$Html$Styled$Attributes$attribute = $rtfeldman$elm_css$VirtualDom$Styled$attribute; | ||
11718 | var $author$project$Utils$arIosSrc = function (src) { | ||
11719 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'ios-src', src); | ||
11720 | }; | ||
11721 | var $author$project$Utils$arModes = function (mode) { | ||
11722 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'ar-modes', mode); | ||
11723 | }; | ||
11724 | var $author$project$Utils$arSrc = function (src) { | ||
11725 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'src', src); | ||
11726 | }; | ||
11727 | var $author$project$Utils$autoRotate = A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'auto-rotate', ''); | ||
11728 | var $author$project$Utils$cameraControls = A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'camera-controls', ''); | ||
11729 | var $author$project$Utils$loading = function (mode) { | ||
11730 | return A2($rtfeldman$elm_css$Html$Styled$Attributes$attribute, 'loading', mode); | ||
11731 | }; | ||
11732 | var $author$project$Utils$modelViewer = F2( | ||
11733 | function (attributes, children) { | ||
11734 | return A3($rtfeldman$elm_css$Html$Styled$node, 'model-viewer', attributes, children); | ||
11735 | }); | ||
11736 | var $author$project$Product$viewProduct = function (p) { | 11899 | var $author$project$Product$viewProduct = function (p) { |
11737 | return A2( | 11900 | return A2( |
11738 | $rtfeldman$elm_css$Html$Styled$div, | 11901 | $rtfeldman$elm_css$Html$Styled$div, |
11739 | _List_Nil, | ||
11740 | _List_fromArray( | 11902 | _List_fromArray( |
11741 | [ | 11903 | [ |
11742 | A2( | 11904 | $rtfeldman$elm_css$Html$Styled$Attributes$css( |
11743 | $rtfeldman$elm_css$Html$Styled$div, | ||
11744 | _List_Nil, | ||
11745 | _List_fromArray( | ||
11746 | [ | ||
11747 | $rtfeldman$elm_css$Html$Styled$text(p.name) | ||
11748 | ])), | ||
11749 | A2( | ||
11750 | $rtfeldman$elm_css$Html$Styled$div, | ||
11751 | _List_Nil, | ||
11752 | _List_fromArray( | ||
11753 | [ | ||
11754 | $rtfeldman$elm_css$Html$Styled$text( | ||
11755 | A2($elm$core$Maybe$withDefault, '', p.kind)) | ||
11756 | ])), | ||
11757 | A2( | ||
11758 | $rtfeldman$elm_css$Html$Styled$div, | ||
11759 | _List_Nil, | ||
11760 | _List_fromArray( | 11905 | _List_fromArray( |
11761 | [ | 11906 | [ |
11762 | $rtfeldman$elm_css$Html$Styled$text( | 11907 | $rtfeldman$elm_css$Css$marginBottom( |
11763 | A2($elm$core$Maybe$withDefault, '', p.description)) | 11908 | $rtfeldman$elm_css$Css$px(20)), |
11764 | ])), | 11909 | $rtfeldman$elm_css$Css$padding( |
11910 | $rtfeldman$elm_css$Css$px(20)), | ||
11911 | $rtfeldman$elm_css$Css$width( | ||
11912 | $rtfeldman$elm_css$Css$pct(100)) | ||
11913 | ])) | ||
11914 | ]), | ||
11915 | _List_fromArray( | ||
11916 | [ | ||
11765 | A2( | 11917 | A2( |
11766 | $rtfeldman$elm_css$Html$Styled$div, | 11918 | $rtfeldman$elm_css$Html$Styled$div, |
11767 | _List_Nil, | ||
11768 | _List_fromArray( | 11919 | _List_fromArray( |
11769 | [ | 11920 | [ |
11770 | $rtfeldman$elm_css$Html$Styled$text( | 11921 | $rtfeldman$elm_css$Html$Styled$Attributes$css( |
11771 | $elm$core$String$fromFloat(p.price)) | 11922 | _List_fromArray( |
11772 | ])), | 11923 | [ |
11773 | A2( | 11924 | $rtfeldman$elm_css$Css$float($rtfeldman$elm_css$Css$left), |
11774 | $rtfeldman$elm_css$Html$Styled$div, | 11925 | $rtfeldman$elm_css$Css$width( |
11775 | _List_Nil, | 11926 | $rtfeldman$elm_css$Css$pct(50)) |
11927 | ])) | ||
11928 | ]), | ||
11776 | _List_fromArray( | 11929 | _List_fromArray( |
11777 | [ | 11930 | [ |
11778 | A2( | 11931 | A2( |
@@ -11787,21 +11940,348 @@ var $author$project$Product$viewProduct = function (p) { | |||
11787 | $author$project$Utils$arModes('webxr') | 11940 | $author$project$Utils$arModes('webxr') |
11788 | ]), | 11941 | ]), |
11789 | _List_Nil) | 11942 | _List_Nil) |
11790 | ])) | 11943 | ])), |
11944 | A2( | ||
11945 | $rtfeldman$elm_css$Html$Styled$div, | ||
11946 | _List_fromArray( | ||
11947 | [ | ||
11948 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11949 | _List_fromArray( | ||
11950 | [ | ||
11951 | $rtfeldman$elm_css$Css$float($rtfeldman$elm_css$Css$left), | ||
11952 | $rtfeldman$elm_css$Css$width( | ||
11953 | $rtfeldman$elm_css$Css$pct(50)) | ||
11954 | ])) | ||
11955 | ]), | ||
11956 | _List_fromArray( | ||
11957 | [ | ||
11958 | A2( | ||
11959 | $rtfeldman$elm_css$Html$Styled$div, | ||
11960 | _List_fromArray( | ||
11961 | [ | ||
11962 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11963 | _List_fromArray( | ||
11964 | [ | ||
11965 | $author$project$Styles$cardSecondaryText, | ||
11966 | $rtfeldman$elm_css$Css$paddingBottom( | ||
11967 | $rtfeldman$elm_css$Css$px(3)), | ||
11968 | $rtfeldman$elm_css$Css$fontVariant($rtfeldman$elm_css$Css$smallCaps) | ||
11969 | ])) | ||
11970 | ]), | ||
11971 | _List_fromArray( | ||
11972 | [ | ||
11973 | $rtfeldman$elm_css$Html$Styled$text( | ||
11974 | A2($elm$core$Maybe$withDefault, '', p.kind)) | ||
11975 | ])), | ||
11976 | A2( | ||
11977 | $rtfeldman$elm_css$Html$Styled$div, | ||
11978 | _List_fromArray( | ||
11979 | [ | ||
11980 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11981 | _List_fromArray( | ||
11982 | [ | ||
11983 | $author$project$Styles$cardPrimaryText, | ||
11984 | $rtfeldman$elm_css$Css$paddingBottom( | ||
11985 | $rtfeldman$elm_css$Css$px(12)) | ||
11986 | ])) | ||
11987 | ]), | ||
11988 | _List_fromArray( | ||
11989 | [ | ||
11990 | $rtfeldman$elm_css$Html$Styled$text(p.name) | ||
11991 | ])), | ||
11992 | A2( | ||
11993 | $rtfeldman$elm_css$Html$Styled$div, | ||
11994 | _List_fromArray( | ||
11995 | [ | ||
11996 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
11997 | _List_fromArray( | ||
11998 | [ | ||
11999 | $author$project$Styles$cardSupportingText, | ||
12000 | $rtfeldman$elm_css$Css$paddingBottom( | ||
12001 | $rtfeldman$elm_css$Css$px(6)) | ||
12002 | ])) | ||
12003 | ]), | ||
12004 | _List_fromArray( | ||
12005 | [ | ||
12006 | $rtfeldman$elm_css$Html$Styled$text( | ||
12007 | A2($elm$core$Maybe$withDefault, 'No description provided', p.description)) | ||
12008 | ])), | ||
12009 | A2( | ||
12010 | $rtfeldman$elm_css$Html$Styled$div, | ||
12011 | _List_fromArray( | ||
12012 | [ | ||
12013 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
12014 | _List_fromArray( | ||
12015 | [ | ||
12016 | $rtfeldman$elm_css$Css$fontWeight($rtfeldman$elm_css$Css$bold), | ||
12017 | $rtfeldman$elm_css$Css$fontSize( | ||
12018 | $rtfeldman$elm_css$Css$px(14)), | ||
12019 | $author$project$Styles$money | ||
12020 | ])) | ||
12021 | ]), | ||
12022 | _List_fromArray( | ||
12023 | [ | ||
12024 | $rtfeldman$elm_css$Html$Styled$text( | ||
12025 | $elm$core$String$fromFloat(p.price)), | ||
12026 | A2( | ||
12027 | $rtfeldman$elm_css$Html$Styled$div, | ||
12028 | _List_Nil, | ||
12029 | _List_fromArray( | ||
12030 | [ | ||
12031 | A2( | ||
12032 | $author$project$Styles$furbyButton, | ||
12033 | _List_fromArray( | ||
12034 | [ | ||
12035 | $rtfeldman$elm_css$Html$Styled$Events$onClick($author$project$Product$AddToCartPressed) | ||
12036 | ]), | ||
12037 | _List_fromArray( | ||
12038 | [ | ||
12039 | $rtfeldman$elm_css$Html$Styled$text('Add To Cart') | ||
12040 | ])) | ||
12041 | ])) | ||
12042 | ])) | ||
12043 | ])), | ||
12044 | A2( | ||
12045 | $rtfeldman$elm_css$Html$Styled$div, | ||
12046 | _List_fromArray( | ||
12047 | [ | ||
12048 | A2($rtfeldman$elm_css$Html$Styled$Attributes$style, 'clear', 'both') | ||
12049 | ]), | ||
12050 | _List_Nil) | ||
11791 | ])); | 12051 | ])); |
11792 | }; | 12052 | }; |
11793 | var $author$project$Product$viewRating = function (r) { | 12053 | var $elm$core$List$repeatHelp = F3( |
12054 | function (result, n, value) { | ||
12055 | repeatHelp: | ||
12056 | while (true) { | ||
12057 | if (n <= 0) { | ||
12058 | return result; | ||
12059 | } else { | ||
12060 | var $temp$result = A2($elm$core$List$cons, value, result), | ||
12061 | $temp$n = n - 1, | ||
12062 | $temp$value = value; | ||
12063 | result = $temp$result; | ||
12064 | n = $temp$n; | ||
12065 | value = $temp$value; | ||
12066 | continue repeatHelp; | ||
12067 | } | ||
12068 | } | ||
12069 | }); | ||
12070 | var $elm$core$List$repeat = F2( | ||
12071 | function (n, value) { | ||
12072 | return A3($elm$core$List$repeatHelp, _List_Nil, n, value); | ||
12073 | }); | ||
12074 | var $rtfeldman$elm_css$VirtualDom$Styled$unstyledNode = $rtfeldman$elm_css$VirtualDom$Styled$Unstyled; | ||
12075 | var $rtfeldman$elm_css$Html$Styled$fromUnstyled = $rtfeldman$elm_css$VirtualDom$Styled$unstyledNode; | ||
12076 | var $elm$svg$Svg$Attributes$class = _VirtualDom_attribute('class'); | ||
12077 | var $elm$svg$Svg$Attributes$fill = _VirtualDom_attribute('fill'); | ||
12078 | var $elm$svg$Svg$Attributes$height = _VirtualDom_attribute('height'); | ||
12079 | var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map; | ||
12080 | var $elm$svg$Svg$Attributes$stroke = _VirtualDom_attribute('stroke'); | ||
12081 | var $elm$svg$Svg$Attributes$strokeLinecap = _VirtualDom_attribute('stroke-linecap'); | ||
12082 | var $elm$svg$Svg$Attributes$strokeLinejoin = _VirtualDom_attribute('stroke-linejoin'); | ||
12083 | var $elm$svg$Svg$Attributes$strokeWidth = _VirtualDom_attribute('stroke-width'); | ||
12084 | var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg'); | ||
12085 | var $elm$svg$Svg$svg = $elm$svg$Svg$trustedNode('svg'); | ||
12086 | var $elm$svg$Svg$Attributes$viewBox = _VirtualDom_attribute('viewBox'); | ||
12087 | var $elm$svg$Svg$Attributes$width = _VirtualDom_attribute('width'); | ||
12088 | var $1602$elm_feather$FeatherIcons$toHtml = F2( | ||
12089 | function (attributes, _v0) { | ||
12090 | var src = _v0.a.src; | ||
12091 | var attrs = _v0.a.attrs; | ||
12092 | var strSize = $elm$core$String$fromFloat(attrs.size); | ||
12093 | var baseAttributes = _List_fromArray( | ||
12094 | [ | ||
12095 | $elm$svg$Svg$Attributes$fill('none'), | ||
12096 | $elm$svg$Svg$Attributes$height( | ||
12097 | _Utils_ap(strSize, attrs.sizeUnit)), | ||
12098 | $elm$svg$Svg$Attributes$width( | ||
12099 | _Utils_ap(strSize, attrs.sizeUnit)), | ||
12100 | $elm$svg$Svg$Attributes$stroke('currentColor'), | ||
12101 | $elm$svg$Svg$Attributes$strokeLinecap('round'), | ||
12102 | $elm$svg$Svg$Attributes$strokeLinejoin('round'), | ||
12103 | $elm$svg$Svg$Attributes$strokeWidth( | ||
12104 | $elm$core$String$fromFloat(attrs.strokeWidth)), | ||
12105 | $elm$svg$Svg$Attributes$viewBox(attrs.viewBox) | ||
12106 | ]); | ||
12107 | var combinedAttributes = _Utils_ap( | ||
12108 | function () { | ||
12109 | var _v1 = attrs._class; | ||
12110 | if (_v1.$ === 'Just') { | ||
12111 | var c = _v1.a; | ||
12112 | return A2( | ||
12113 | $elm$core$List$cons, | ||
12114 | $elm$svg$Svg$Attributes$class(c), | ||
12115 | baseAttributes); | ||
12116 | } else { | ||
12117 | return baseAttributes; | ||
12118 | } | ||
12119 | }(), | ||
12120 | attributes); | ||
12121 | return A2( | ||
12122 | $elm$svg$Svg$svg, | ||
12123 | combinedAttributes, | ||
12124 | A2( | ||
12125 | $elm$core$List$map, | ||
12126 | $elm$svg$Svg$map($elm$core$Basics$never), | ||
12127 | src)); | ||
12128 | }); | ||
12129 | var $1602$elm_feather$FeatherIcons$Icon = function (a) { | ||
12130 | return {$: 'Icon', a: a}; | ||
12131 | }; | ||
12132 | var $1602$elm_feather$FeatherIcons$withSize = F2( | ||
12133 | function (size, _v0) { | ||
12134 | var attrs = _v0.a.attrs; | ||
12135 | var src = _v0.a.src; | ||
12136 | return $1602$elm_feather$FeatherIcons$Icon( | ||
12137 | { | ||
12138 | attrs: _Utils_update( | ||
12139 | attrs, | ||
12140 | {size: size}), | ||
12141 | src: src | ||
12142 | }); | ||
12143 | }); | ||
12144 | var $author$project$Icons$convert = A2( | ||
12145 | $elm$core$Basics$composeL, | ||
12146 | A2( | ||
12147 | $elm$core$Basics$composeL, | ||
12148 | $rtfeldman$elm_css$Html$Styled$fromUnstyled, | ||
12149 | $1602$elm_feather$FeatherIcons$toHtml(_List_Nil)), | ||
12150 | $1602$elm_feather$FeatherIcons$withSize(14)); | ||
12151 | var $1602$elm_feather$FeatherIcons$defaultAttributes = function (name) { | ||
12152 | return { | ||
12153 | _class: $elm$core$Maybe$Just('feather feather-' + name), | ||
12154 | size: 24, | ||
12155 | sizeUnit: '', | ||
12156 | strokeWidth: 2, | ||
12157 | viewBox: '0 0 24 24' | ||
12158 | }; | ||
12159 | }; | ||
12160 | var $1602$elm_feather$FeatherIcons$makeBuilder = F2( | ||
12161 | function (name, src) { | ||
12162 | return $1602$elm_feather$FeatherIcons$Icon( | ||
12163 | { | ||
12164 | attrs: $1602$elm_feather$FeatherIcons$defaultAttributes(name), | ||
12165 | src: src | ||
12166 | }); | ||
12167 | }); | ||
12168 | var $elm$svg$Svg$Attributes$points = _VirtualDom_attribute('points'); | ||
12169 | var $elm$svg$Svg$polygon = $elm$svg$Svg$trustedNode('polygon'); | ||
12170 | var $1602$elm_feather$FeatherIcons$xmlns = function (s) { | ||
12171 | return A2( | ||
12172 | $elm$virtual_dom$VirtualDom$property, | ||
12173 | 'xmlns', | ||
12174 | $elm$json$Json$Encode$string(s)); | ||
12175 | }; | ||
12176 | var $1602$elm_feather$FeatherIcons$star = A2( | ||
12177 | $1602$elm_feather$FeatherIcons$makeBuilder, | ||
12178 | 'star', | ||
12179 | _List_fromArray( | ||
12180 | [ | ||
12181 | A2( | ||
12182 | $elm$svg$Svg$svg, | ||
12183 | _List_fromArray( | ||
12184 | [ | ||
12185 | $1602$elm_feather$FeatherIcons$xmlns('http://www.w3.org/2000/svg'), | ||
12186 | $elm$svg$Svg$Attributes$width('24'), | ||
12187 | $elm$svg$Svg$Attributes$height('24'), | ||
12188 | $elm$svg$Svg$Attributes$viewBox('0 0 24 24'), | ||
12189 | $elm$svg$Svg$Attributes$fill('none'), | ||
12190 | $elm$svg$Svg$Attributes$stroke('currentColor'), | ||
12191 | $elm$svg$Svg$Attributes$strokeWidth('2'), | ||
12192 | $elm$svg$Svg$Attributes$strokeLinecap('round'), | ||
12193 | $elm$svg$Svg$Attributes$strokeLinejoin('round'), | ||
12194 | $elm$svg$Svg$Attributes$class('feather feather-star') | ||
12195 | ]), | ||
12196 | _List_fromArray( | ||
12197 | [ | ||
12198 | A2( | ||
12199 | $elm$svg$Svg$polygon, | ||
12200 | _List_fromArray( | ||
12201 | [ | ||
12202 | $elm$svg$Svg$Attributes$points('12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2') | ||
12203 | ]), | ||
12204 | _List_Nil) | ||
12205 | ])) | ||
12206 | ])); | ||
12207 | var $author$project$Icons$starIcon = $author$project$Icons$convert($1602$elm_feather$FeatherIcons$star); | ||
12208 | var $author$project$Product$viewStarRating = function (i) { | ||
11794 | return A2( | 12209 | return A2( |
11795 | $rtfeldman$elm_css$Html$Styled$div, | 12210 | $rtfeldman$elm_css$Html$Styled$div, |
11796 | _List_Nil, | 12211 | _List_Nil, |
12212 | A2($elm$core$List$repeat, i, $author$project$Icons$starIcon)); | ||
12213 | }; | ||
12214 | var $author$project$Product$viewRating = function (r) { | ||
12215 | return A2( | ||
12216 | $rtfeldman$elm_css$Html$Styled$div, | ||
11797 | _List_fromArray( | 12217 | _List_fromArray( |
11798 | [ | 12218 | [ |
11799 | $rtfeldman$elm_css$Html$Styled$text(r.customerName + ' posted on '), | 12219 | $rtfeldman$elm_css$Html$Styled$Attributes$css( |
11800 | $rtfeldman$elm_css$Html$Styled$text(r.commentDate + ' '), | 12220 | _List_fromArray( |
11801 | $rtfeldman$elm_css$Html$Styled$text( | 12221 | [ |
11802 | A2($elm$core$Maybe$withDefault, '', r.commentText)), | 12222 | A3( |
11803 | $rtfeldman$elm_css$Html$Styled$text( | 12223 | $rtfeldman$elm_css$Css$border3, |
11804 | ' Stars: ' + $elm$core$String$fromInt(r.stars)) | 12224 | $rtfeldman$elm_css$Css$px(1), |
12225 | $rtfeldman$elm_css$Css$solid, | ||
12226 | $author$project$Styles$theme.primary), | ||
12227 | $rtfeldman$elm_css$Css$borderRadius( | ||
12228 | $rtfeldman$elm_css$Css$px(4)), | ||
12229 | $rtfeldman$elm_css$Css$marginBottom( | ||
12230 | $rtfeldman$elm_css$Css$px(20)), | ||
12231 | $rtfeldman$elm_css$Css$padding( | ||
12232 | $rtfeldman$elm_css$Css$px(20)) | ||
12233 | ])) | ||
12234 | ]), | ||
12235 | _List_fromArray( | ||
12236 | [ | ||
12237 | A2( | ||
12238 | $rtfeldman$elm_css$Html$Styled$div, | ||
12239 | _List_fromArray( | ||
12240 | [ | ||
12241 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
12242 | _List_fromArray( | ||
12243 | [ | ||
12244 | $rtfeldman$elm_css$Css$fontSize( | ||
12245 | $rtfeldman$elm_css$Css$px(16)), | ||
12246 | $rtfeldman$elm_css$Css$fontWeight($rtfeldman$elm_css$Css$bold), | ||
12247 | $rtfeldman$elm_css$Css$paddingBottom( | ||
12248 | $rtfeldman$elm_css$Css$px(3)) | ||
12249 | ])) | ||
12250 | ]), | ||
12251 | _List_fromArray( | ||
12252 | [ | ||
12253 | $rtfeldman$elm_css$Html$Styled$text(r.customerName) | ||
12254 | ])), | ||
12255 | $author$project$Product$viewStarRating(r.stars), | ||
12256 | A2( | ||
12257 | $rtfeldman$elm_css$Html$Styled$div, | ||
12258 | _List_fromArray( | ||
12259 | [ | ||
12260 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
12261 | _List_fromArray( | ||
12262 | [ | ||
12263 | $author$project$Styles$cardSecondaryText, | ||
12264 | $rtfeldman$elm_css$Css$paddingBottom( | ||
12265 | $rtfeldman$elm_css$Css$px(12)) | ||
12266 | ])) | ||
12267 | ]), | ||
12268 | _List_fromArray( | ||
12269 | [ | ||
12270 | $rtfeldman$elm_css$Html$Styled$text('Reviewed on ' + r.commentDate) | ||
12271 | ])), | ||
12272 | (!_Utils_eq(r.commentText, $elm$core$Maybe$Nothing)) ? A2( | ||
12273 | $rtfeldman$elm_css$Html$Styled$div, | ||
12274 | _List_fromArray( | ||
12275 | [ | ||
12276 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
12277 | _List_fromArray( | ||
12278 | [$author$project$Styles$cardSupportingText])) | ||
12279 | ]), | ||
12280 | _List_fromArray( | ||
12281 | [ | ||
12282 | $rtfeldman$elm_css$Html$Styled$text( | ||
12283 | A2($elm$core$Maybe$withDefault, '', r.commentText)) | ||
12284 | ])) : $rtfeldman$elm_css$Html$Styled$text('') | ||
11805 | ])); | 12285 | ])); |
11806 | }; | 12286 | }; |
11807 | var $author$project$Product$AddRatingStars = function (a) { | 12287 | var $author$project$Product$AddRatingStars = function (a) { |
@@ -11827,7 +12307,7 @@ var $author$project$Product$viewStars = A2( | |||
11827 | ])); | 12307 | ])); |
11828 | }, | 12308 | }, |
11829 | _List_fromArray( | 12309 | _List_fromArray( |
11830 | [0, 1, 2, 3, 4, 5]))); | 12310 | [1, 2, 3, 4, 5]))); |
11831 | var $author$project$Product$viewStatus = function (s) { | 12311 | var $author$project$Product$viewStatus = function (s) { |
11832 | switch (s.$) { | 12312 | switch (s.$) { |
11833 | case 'Loading': | 12313 | case 'Loading': |
@@ -11852,7 +12332,16 @@ var $author$project$Product$view = function (model) { | |||
11852 | } else { | 12332 | } else { |
11853 | return A2( | 12333 | return A2( |
11854 | $rtfeldman$elm_css$Html$Styled$div, | 12334 | $rtfeldman$elm_css$Html$Styled$div, |
11855 | _List_Nil, | 12335 | _List_fromArray( |
12336 | [ | ||
12337 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
12338 | _List_fromArray( | ||
12339 | [ | ||
12340 | $rtfeldman$elm_css$Css$width( | ||
12341 | $rtfeldman$elm_css$Css$pct(60)), | ||
12342 | $rtfeldman$elm_css$Css$margin($rtfeldman$elm_css$Css$auto) | ||
12343 | ])) | ||
12344 | ]), | ||
11856 | _List_fromArray( | 12345 | _List_fromArray( |
11857 | [ | 12346 | [ |
11858 | A2( | 12347 | A2( |
@@ -11863,8 +12352,29 @@ var $author$project$Product$view = function (model) { | |||
11863 | $author$project$Product$viewProduct(model.listing) | 12352 | $author$project$Product$viewProduct(model.listing) |
11864 | ])), | 12353 | ])), |
11865 | A2( | 12354 | A2( |
12355 | $rtfeldman$elm_css$Html$Styled$div, | ||
12356 | _List_fromArray( | ||
12357 | [ | ||
12358 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
12359 | _List_fromArray( | ||
12360 | [$author$project$Styles$cardPrimaryText])) | ||
12361 | ]), | ||
12362 | _List_fromArray( | ||
12363 | [ | ||
12364 | $rtfeldman$elm_css$Html$Styled$text('User Reviews') | ||
12365 | ])), | ||
12366 | _Utils_eq(model.ratings, _List_Nil) ? $rtfeldman$elm_css$Html$Styled$text('Be the first to add a review.') : A2( | ||
11866 | $rtfeldman$elm_css$Html$Styled$ul, | 12367 | $rtfeldman$elm_css$Html$Styled$ul, |
11867 | _List_Nil, | 12368 | _List_fromArray( |
12369 | [ | ||
12370 | $rtfeldman$elm_css$Html$Styled$Attributes$css( | ||
12371 | _List_fromArray( | ||
12372 | [ | ||
12373 | $rtfeldman$elm_css$Css$padding( | ||
12374 | $rtfeldman$elm_css$Css$px(0)), | ||
12375 | $rtfeldman$elm_css$Css$listStyle($rtfeldman$elm_css$Css$none) | ||
12376 | ])) | ||
12377 | ]), | ||
11868 | A2($elm$core$List$map, $author$project$Product$viewRating, model.ratings)), | 12378 | A2($elm$core$List$map, $author$project$Product$viewRating, model.ratings)), |
11869 | A2( | 12379 | A2( |
11870 | $rtfeldman$elm_css$Html$Styled$div, | 12380 | $rtfeldman$elm_css$Html$Styled$div, |
@@ -11897,22 +12407,6 @@ var $author$project$Product$view = function (model) { | |||
11897 | _List_fromArray( | 12407 | _List_fromArray( |
11898 | [ | 12408 | [ |
11899 | A2( | 12409 | A2( |
11900 | $rtfeldman$elm_css$Html$Styled$button, | ||
11901 | _List_fromArray( | ||
11902 | [ | ||
11903 | $rtfeldman$elm_css$Html$Styled$Events$onClick($author$project$Product$AddToCartPressed) | ||
11904 | ]), | ||
11905 | _List_fromArray( | ||
11906 | [ | ||
11907 | $rtfeldman$elm_css$Html$Styled$text('Add To Cart') | ||
11908 | ])) | ||
11909 | ])), | ||
11910 | A2( | ||
11911 | $rtfeldman$elm_css$Html$Styled$div, | ||
11912 | _List_Nil, | ||
11913 | _List_fromArray( | ||
11914 | [ | ||
11915 | A2( | ||
11916 | $rtfeldman$elm_css$Html$Styled$a, | 12410 | $rtfeldman$elm_css$Html$Styled$a, |
11917 | _List_fromArray( | 12411 | _List_fromArray( |
11918 | [ | 12412 | [ |