PrintABrick/app/Resources/views/model/detail.html.twig

{% extends 'base.html.twig' %}

{% import 'macros/blocks.html.twig' as blocks %}

{% block title %}#{{ model.number }} - {{ model.name }}{% endblock %}

{% block header %}#{{ model.number }} - {{ model.name }}{% endblock %}

{% block content %}

    <div class="ui grid">
        <div class="column ten wide">
            <div id="model-viewer" class="model-container">
                {{ blocks.partImage(model.number,'part_large') }}
            </div>
        </div>
        <div class="column six wide">
            <div class="item-info ui">
                <table class="ui very basic table">
                    <tr>
                        <td>{{ 'model.category' | trans }}</td>
                        <td><a href="{{ path('model_index',{}) }}">{{ model.category ? model.category.name }}</a></td>
                    </tr>
                    <tr>
                        <td>{{ 'model.author' | trans }}</td><td>{{ model.author.name }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'model.set.count' | trans }}</td><td>{{ sets|length }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'model.license' | trans }}</td>
                        <td>
                            {{ blocks.ccal2_license(model.name,model.author.name) }}
                        </td>
                    </tr>
                    <tr>
                        <td>{{ 'model.keywords' | trans }}</td>
                        <td>
                            {% for keyword in model.keywords %}
                                <span class="ui label">{{ keyword.name }}</span>
                            {% endfor %}
                        </td>
                    </tr>
                    {% if model.aliases|length %}
                        <tr>
                            <td>{{ 'model.aliases' | trans }}</td>
                            <td>
                                {% for alias in model.aliases | slice(0,10)%}
                                    <span>{{ alias.number }}</span>{%  if not loop.last %},{% endif %}
                                {% endfor %}
                            </td>
                        </tr>
                    {% endif %}
                </table>

                <a class="ui download primary button" href="{{ path('model_zip', {number: model.number}) }}">{{ 'model.download'|trans }}</a>

            </div>
        </div>
    </div>

    <div class="ui segment vertical item-info">
        <div class="ui tabular pointing secondary menu">
            <a class="item active" data-tab="subparts"><i class="cubes icon"></i> Subparts ({{ model.subparts|length }})</a>
            <a class="item" data-tab="related"><i class="cubes icon"></i> Related ({{ related|length }})</a>
            <a class="item" data-tab="parents"><i class="cubes icon"></i> Parents ({{ model.parents|length }})</a>
            <a class="item" data-tab="sets"><i class="cubes icon"></i> Sets ({{ sets|length }})</a>
        </div>
        <div class="ui vertical segment">

            <div class="ui tab active" data-tab="subparts">
                <div class="ui eight column grid">
                    {% for subpart in subparts %}
                        {{ blocks.model(subpart['model'], subpart['quantity']) }}
                    {% endfor %}
                </div>
            </div>

            <div class="ui tab" data-tab="related">
                <div class="ui eight column grid">
                    {% for subpart in related  %}
                        <div class="column">
                            {{ blocks.model(subpart) }}
                        </div>
                    {% endfor %}
                </div>
            </div>

            <div class="ui tab" data-tab="parents">
                <div class="ui eight column grid">
                    {% for subpart in model.parents  %}
                        <div class="column">
                            {{ blocks.model(subpart.parent) }}
                        </div>
                    {% endfor %}
                </div>
            </div>

            <div class="ui tab" data-tab="sets">
                <div class="ui six column doubling grid">
                    <div class="row">
                        {#{% for set in sets %}#}
                            {#<div class="column">#}
                                {#<a href="{{ url('set_detail', {number:set.number}) }}">#}
                                    {#{{ blocks.setImage(set.number,'set_min') }}#}
                                    {#<h5>{{ set.number }}</h5>#}
                                {#</a>#}
                            {#</div>#}
                        {#{% endfor %}#}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        window.onload = function() {
            $('#model-viewer').ModelViewer('{{ url('media_file', {'path': model.path }) }}');
        };
    </script>
{% endblock %}