diff --git a/app/Resources/assets/js/ajax.js b/app/Resources/assets/js/ajax.js index 32c95f8..5891ad2 100644 --- a/app/Resources/assets/js/ajax.js +++ b/app/Resources/assets/js/ajax.js @@ -10,4 +10,18 @@ $(document).ready(function () { $(this).html(data); }); }) +}); + +$(document).ajaxComplete(function () { + $('.image.load img') + .visibility({ + type : 'image', + transition : 'fade in', + duration : 1000 + }) + ; + + $('.ui.rating') + .rating("disable") + ; }); \ No newline at end of file diff --git a/app/Resources/assets/js/style.js b/app/Resources/assets/js/style.js index c379249..fbb1695 100644 --- a/app/Resources/assets/js/style.js +++ b/app/Resources/assets/js/style.js @@ -1,6 +1,6 @@ -$(document).bind('ready ajaxComplete', function(){ +$(document).ready(function(){ $('.ui.dropdown') - .dropdown() + .dropdown('restore defaults') ; $('.image.load img') @@ -33,4 +33,8 @@ $(document).bind('ready ajaxComplete', function(){ inline: true }) ; + + $('.ui.modal') + .modal('attach events', '.ui.open-modal.button', 'show') + ; }); \ No newline at end of file diff --git a/app/Resources/assets/style/colors.scss b/app/Resources/assets/style/colors.scss index 9d79fc6..21506c8 100644 --- a/app/Resources/assets/style/colors.scss +++ b/app/Resources/assets/style/colors.scss @@ -1,4 +1,4 @@ -$alpha = 0.7; +$alpha: 0.7; $colors: ( -1: #0033B2, @@ -136,4 +136,10 @@ $colors: ( 1006: transparentize(#B4D4F7,$alpha), 1007: #8E5597, 9999: #05131D, -); \ No newline at end of file +); + +@each $number, $color in $colors { + .color-#{$number} { + border-bottom: 2px solid $color; + } +} \ No newline at end of file diff --git a/app/Resources/assets/style/main.scss b/app/Resources/assets/style/main.scss index bd989c4..fbe6b95 100644 --- a/app/Resources/assets/style/main.scss +++ b/app/Resources/assets/style/main.scss @@ -1,5 +1,25 @@ .default-theme { + .ui.main { + padding-top: 40px; + min-height: calc(100% - 67px); + } + + .ui.masthead { + position: relative; + + .header { + margin-bottom: 0; + } + + .breadcrumb { + right: 0; + top: 0; + position: absolute; + padding: 20px 0; + } + } + .ui.fixed + .ui.grid { border-radius: 0; border: 0; @@ -55,4 +75,8 @@ .ui.text.right { text-align: right; +} + +.ui.segment.vertical.noborder { + border-bottom: 0; } \ No newline at end of file diff --git a/app/Resources/assets/style/model.scss b/app/Resources/assets/style/model.scss new file mode 100644 index 0000000..1d48b12 --- /dev/null +++ b/app/Resources/assets/style/model.scss @@ -0,0 +1,14 @@ +.model-meta { + background: #E0E1E2; + text-align: center; + + .quantity { + font-weight: 700; + color: #444444; + } + .number { + margin: 0.2em; + display: inline-block; + color: #000000; + } +} \ No newline at end of file diff --git a/app/Resources/assets/style/modelviewer.scss b/app/Resources/assets/style/modelviewer.scss index cf9a0bc..f289b22 100644 --- a/app/Resources/assets/style/modelviewer.scss +++ b/app/Resources/assets/style/modelviewer.scss @@ -8,6 +8,14 @@ height: 100%; } + .modelviewer-wrapper { + position: absolute; + top: 0; + bottom: 0; + margin-top: 26%; + width: 100%; + } + .modelviewer-buttons { text-align: right; position: absolute; diff --git a/app/Resources/assets/style/reviews.scss b/app/Resources/assets/style/reviews.scss new file mode 100644 index 0000000..a22ed03 --- /dev/null +++ b/app/Resources/assets/style/reviews.scss @@ -0,0 +1,17 @@ +.ui.comments { + max-width: 1200px +} + +.ratings { + dl dt { + font-size: 1.2em; + margin-bottom: 0.5em; + } + dl dd { + margin-bottom: 1em; + } +} + +.ui.comments .comment > .ratings ~ .content { + +} diff --git a/app/Resources/assets/style/style.scss b/app/Resources/assets/style/style.scss index 3d8299a..c7d7b53 100644 --- a/app/Resources/assets/style/style.scss +++ b/app/Resources/assets/style/style.scss @@ -2,3 +2,7 @@ @import "main"; @import "modelviewer"; + +@import "model"; +@import "colors"; +@import "reviews"; \ No newline at end of file diff --git a/app/Resources/translations/messages.en.yml b/app/Resources/translations/messages.en.yml index 4928af7..f468b74 100644 --- a/app/Resources/translations/messages.en.yml +++ b/app/Resources/translations/messages.en.yml @@ -6,7 +6,6 @@ set: parts: Count of parts minifigs: Minifig count rating: Rating - download: Download models: text: | This set inventory has been obtained from Rebrickable. @@ -19,3 +18,25 @@ set: The table below lists all instructions for this set that have been available at LEGO Customer Services. Those that are no longer listed there may still be available to download. 'NA' or 'V39' indicates the US/Canadian version. 'IN' or 'V29' indicates the international version. + + download: + title: Download - %set% + sorted: + title: Multi-Color + text: + + unsorted: + title: Uni-Color + text: + + warning: + title: + text: Models of some parts could not be found in LDraw library + +page: + model.index: Browse models + +filter: + model: + search: Search Model + category: Category \ No newline at end of file diff --git a/app/Resources/views/base.html.twig b/app/Resources/views/base.html.twig index 8717292..460c69a 100644 --- a/app/Resources/views/base.html.twig +++ b/app/Resources/views/base.html.twig @@ -1,7 +1,6 @@ {% extends 'html.html.twig' %} {% import 'macros/elements.html.twig' as elements %} -{% import 'macros/blocks.html.twig' as blocks %} {% block body %}