diff --git a/src/templates/nodes/custom/group/view_embed.pug b/src/templates/nodes/custom/group/view_embed.pug
index b400ee39..87d2c0dc 100644
--- a/src/templates/nodes/custom/group/view_embed.pug
+++ b/src/templates/nodes/custom/group/view_embed.pug
@@ -23,60 +23,8 @@ include ../../../mixins/components
i.pi-list
+card-deck(class="px-2")
- | {% for child in children %}
- | {# Browse type: List #}
- a(
- href="{{ url_for_node(node=child) }}",
- data-node_id="{{ child._id }}",
- class="js-item-open list-node-children-item browse-list")
- .list-node-children-item-thumbnail
-
- | {% if child.picture %}
- img(
- src="{{ child.picture.thumbnail('t', api=api)}} ")
- | {% else %}
- .cloud-logo
- i.pi-blender-cloud
- | {% endif %}
-
- | {% if child.permissions.world %}
- .list-node-children-item-ribbon
- span free
- | {% endif %}
-
- .list-node-children-item-thumbnail-icon
- | {% if child.properties.content_type and child.properties.content_type == 'video' %}
- i.pi-play
- | {% elif child.properties.content_type and child.properties.content_type == 'image' %}
- i.pi-image
- | {% elif child.properties.content_type and child.properties.content_type == 'file' %}
- i.pi-file-archive
- | {% else %}
- i.pi-folder
- | {% endif %}
-
- .list-node-children-item-name {{ child.name }}
-
- .list-node-children-item-meta
- | {% if child.properties.status != 'published' %}
- span.status {{ child.properties.status }}
- | {% endif %}
-
- span.type
- | {% if child.properties.content_type %}
- | {{ child.properties.content_type | undertitle }} ·
- | {% elif child.node_type == 'group' %}
- | Folder ·
- | {% else %}
- | {{ child.node_type | undertitle }} ·
- | {% endif %}
-
- span(title="Created on {{ child._created }}") {{ child._created | pretty_date }}
-
- | {# Browse type: Icon #}
-
+ | {% for child in children %}
| {{ asset_list_item(child, current_user) }}
-
| {% endfor %}
| {% else %}
.list-node-children-container
@@ -115,14 +63,12 @@ include ../../../mixins/components
// Browse type: icon or list
function projectBrowseTypeIcon() {
- $(".list-node-children-item.browse-list").hide();
- $(".list-node-children-item.browse-icon").show();
+ $(".card-deck").removeClass('card-deck-vertical');
$(".js-btn-browsetoggle").html(' List View');
};
function projectBrowseTypeList() {
- $(".list-node-children-item.browse-list").show();
- $(".list-node-children-item.browse-icon").hide();
+ $(".card-deck").addClass('card-deck-vertical');
$(".js-btn-browsetoggle").html(' Grid View');
};