InigoValentin/app/views/projects/show.html.erb

<% content_for :head do %>
    <%= stylesheet_link_tag "project", media: "all", "data-turbolinks-track": "reload" %>
    <%= javascript_include_tag "project", "data-turbolinks-track" => true  %>
<% end %>
<section>
    <h3>
        <%= @project.i18n_title %>
    </h3>
    <article>
        <div id='info_summary'>
            <h4>
                <%= @project.i18n_header %>
            </h4>
            <div id='text'>
                <% if @project.logo.attached? %>
                    <%=
                        image_tag(
                            @project.logo,
                            class: "project_image",
                            id: "project_image",
                            alt: ""
                        )
                    %>
                <% end %>
                <%= @project.i18n_text.html_safe %>
            </div>
            <% if @project.comment != nil %>
                <div id='comment'>
                    <div id='comment_title'>
                        <%= t("project.comment", name: @user.first_name) %>
                    </div>
                    <%= @project.i18n_comment.html_safe %>
                </div>
            <% end %>
        </div>
        <div id='info_details'>
            <div id='links' class='details'>
                <% @project.projectUrls.each do |url| %>
                    <%=
                        link_to(
                            image_tag(
                                url.urlTarget.logo,
                                class: "link",
                                title: url.urlTarget.i18n_summary,
                                alt: url.urlTarget.i18n_summary
                            ) + url.urlTarget.i18n_name,
                            url.url,
                            class: "link",
                            target: "_blank",
                            title: url.urlTarget.i18n_summary
                    ) %>
                <% end %>
            </div>
            <div id='technologies' class='details'>
                <% @project.technologies.each do |technology| %>
                    <span class='technology technology_<%=technology.nature%>'>
                        <%= image_tag(technology.logo, class: "technology_logo", alt: "") %>
                        <span class='technology_name'>
                            <%= technology.name %>
                        </span>
                    </span>
                <% end %>
            </div>
            <div id='license' class='details'>
                <%= t("project.license") %>:
                <%=
                    link_to(
                        image_tag(
                            @project.license.logo,
                            title: @project.license.name,
                            alt: @project.license.name
                        ),
                        @project.license.url,
                        target: "_blank",
                        title: @project.license.name
                    )
                %>
            </div> <!-- #license -->
            <% if @project.images.attached? %>
                <div id='images' class='details'>
                    <%= t("project.images") %>
                    <br/>
                    <% i = 0 %>
                    <% @project.images.each do |image| %>
                        <%=
                            link_to(
                                image_tag(
                                    image,
                                    class: "project_image",
                                    alt: ""
                                ),
                                "javascript:showImage(" + i.to_s + ");"
                        ) %>
                        <script>
                            images[<%= i %>] = '<%= url_for(image) %>';
                        </script>
                        <% i = i + 1 %>
                    <% end %>
                </div>
            <% end %>
        </div> <!-- #info_details -->
    </article>
</section>
<div id='gallery_bg'>
</div>
<section id='gallery'>
    <h3>
        <%= t("project.gallery_title", project: @project.i18n_title) %>
        <span id='gallery_close'>
            <%=
                link_to(
                    image_tag(
                        "control/close.svg", 
                        id: "gallery_close",
                        alt: t("contact.cancel")
                    ),
                    #"mailto:" + @user.mail_adresses[0].address,
                    "javascript:closeGallery()"
                )
            %>
        </span>
    </h3>
    <article>
        <div id='gallery_image_container'>
            <img id='gallery_image'/>
        </div>
        <div id='gallery_controls'>
            <div class='gallery_control' id='gallery_control_left'>
                <input type='button' value='<' onClick='javascript:previousPhoto();'/>
            </div>
            <div id='image_list'>
                <% i = 0 %>
                <% @project.images.each do |image| %>
                    <%=
                        link_to(
                            image_tag(
                                image,
                                id: "gallery_preview_" + i.to_s,
                                class: "gallery_preview",
                                alt: ""
                            ),
                            "javascript:showImage(" + i.to_s + ");"
                    ) %>
                    <script>
                        images[<%= i %>] = '<%= url_for(image) %>';
                    </script>
                    <% i = i + 1 %>
                <% end %>
            </div>
            <div class='gallery_control' id='gallery_control_right'>
                <input type='button' value='>' onClick='javascript:nextPhoto();'/>
            </div>
        </div>
    </article>
</section>