Page MenuHome

view_embed.jade
No OneTemporary

view_embed.jade

| {% block body %}
#node-container.texture
.texture-title#node-title
| {{node.name}}
| {% if node.picture %}
.texture-backdrop(
style="background-image: url({{ node.picture.thumbnail('m', api=api) }})")
| {% endif %}
| {% if children %}
section.node-row.texture-info
span.texture-info-files {{ children|length }} item{% if children|length != 1 %}s{% endif %}
| {% endif %}
section.node-children.group.texture
| {% if children %}
| {% for child in children %}
| {% if child.properties.status == 'published' %}
a.list-node-children-container(
href="#",
data-node_id="{{ child._id }}",
class="item_icon {{child.node_type}} {% if child.picture %}thumbnail{% endif %}")
.list-node-children-item-preview
span.texture-name {{child.name}}
| {% if child.picture %}
img.texture-preview(
src="",
data-preview="{{ child.picture.thumbnail('m', api=api)}}",
alt='{{child.name}}')
| {% endif %}
.list-node-children-item(class="{{child.node_type}}")
.list-node-children-item-thumbnail
| {% if child.picture %}
img.texture-thumbnail(src="{{ child.picture.thumbnail('b', api=api)}}")
| {% else %}
.list-node-children-item-thumbnail-icon
| {% if child.node_type == 'group_hdri' %}
i.pi-folder-texture
| {% else %}
i.pi-texture
| {% endif %}
| {% endif %}
| {% if child.properties.status != 'published' %}
.list-node-children-item-status {{ child.properties.status }}
| {% endif %}
| {% if child.permissions.world %}
.list-node-children-item-ribbon
span free
| {% endif %}
| {% if child.node_type == 'hdri' %}
.list-node-children-item-name
span.sizes {{ child.name }}
| {% if child.properties.files %}
span.variations
| {% if child.properties.files|length > 6 %}
span {{ child.properties.files|length }} resolutions
span from {{ child.properties.files[0].resolution }}
span to {{ child.properties.files[-1].resolution }}
| {% else %}
| {% for f in child.properties.files %}
span {{ f.resolution }}
| {% endfor %}
| {% endif %}
| {% endif %}
| {% endif %}
| {% if child.node_type == 'group_hdri' %}
.list-node-children-item-name
i.pi-folder-texture
span {{ child.name }}
| {% endif %}
| {% endif %}
| {% endfor %}
| {% else %}
.list-node-children-container
.list-node-children-empty No textures... yet!
| {% endif %}
script.
// Generate GA pageview
ga('send', 'pageview', location.href);
// Display texture preview on mouse hover
$('a.list-node-children-container.texture.thumbnail').hover(
function(){
var thumbnail = $(this);
var src = thumbnail.find('.texture-thumbnail').attr('src');
var src_xl = thumbnail.find('.texture-preview').data('preview');
// Load the bigger preview
var preview_img = thumbnail.find('.texture-preview');
preview_img.attr('src', src_xl);
if (preview_img) {
preview_img.load(function() {
var preview = thumbnail.find('.list-node-children-item-preview');
// Positioning stuff
var offset = thumbnail.offset();
var offset_min_x = $('.node-children').width() - preview.width();
var offset_min_y = $('.node-children').height() - preview.height();
if (preview && offset.top > 300) {
$(preview).css({'top': (preview.height() * (-1))});
};
if (offset.left > offset_min_x) {
$(preview).css({'right': 0});
};
$(preview).addClass('active');
});
}
},
function(){
$('.list-node-children-item-preview').removeClass('active');
});
// hide preview on mouse hover itself
$('.list-node-children-item-preview').hover(function(){
$(this).removeClass('active');
});
$('a.item_icon')
.unbind("click")
.click(function(e){
e.preventDefault();
// When clicking on a node preview, we load its content
var nodeId = $(this).data('node_id');
// displayNode will run asynchronously and set the bcloud_current_node_id
// as well, but we set it manually in the next line as well, to make sure
// that select_node on jstree works as expected, preventing the node to be
// loaded twice.
Cookies.set('bcloud_current_node_id', nodeId);
displayNode(nodeId);
// Update tree with current selection
$('#project_tree').jstree('select_node', 'n_' + nodeId);
});
include ../_scripts
| {% endblock %}

File Metadata

Mime Type
text/x-asm
Expires
Tue, Aug 16, 3:31 PM (2 d)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
a4/84/f5b73f48669b1cd1b813118e8fb5

Event Timeline