<commit_before>{% extends "views/components/workbench.htm" %}
{% load i18n %}

{% block tabs %}
<div class="workbench-card-sidebar-tab" data-bind="click: function() {
    toggleTab('edit');
}, css: {
    'active': activeTab() === 'edit'
}">
    <i class="fa fa-pencil"></i>
    <span class="map-sidebar-text">{% trans "Edit" %}</span>
</div>
<div class="workbench-card-sidebar-tab" data-bind="click: function() {
    toggleTab('add');
}, css: {
    'active': activeTab() === 'add'
}">
    <i class="fa fa-plus"></i>
    <span class="map-sidebar-text">{% trans "Add" %}</span>
</div>
{{ block.super }}
{% endblock tabs %}


{% block content_management %}
<!-- ko if: card.widgets().length > 0 -->
<div style="height: inherit;">

    <div class="card-display-panel">
        <div style="height: inherit">
            <div id="hidden-dz-previews" style="display:none"></div>
            <!--ko if: displayContent() -->
            <div style="height: inherit">
                <img class="dz-img" style="width: 100%; height: 100%" data-bind="attr: {src: ko.unwrap(displayContent)}" ></img>
            </div>
            <!--/ko-->
        </div>
    </div>
    <div style="position: sticky; bottom: 0px;" data-bind="style: {display: !!self.displayContent() ? 'inherit' : 'none'}">
    <div class="thumbnail-gallery-container" data-bind="slide: showThumbnails, duration: 100, direction: {direction: 'down'}, easing: 'slide'">
        <div class='show-thumbnails-btn open' data-bind="click: function(){showThumbnails(!showThumbnails())}, text: '{% trans "close" %}'"></div>
        <div class="thumbnail-container" data-bind="gallery: photoGallery.pan, duration: 400, scrolldistance: 100, thumbnailclass: 'gallery-thumbnails'">
            <div class="thumbnail-gallery-controls left" data-bind="click: function(){photoGallery.updatePan('left')}"><i class="fa fa-angle-left"></i></div>
            <div class="gallery-thumbnails">
                <!-- ko foreach: { data: card.tiles(), as: 'tile'} -->
                <div style='position: relative'>
                    <!--ko if: $parent.getUrl(tile) -->
                    <div data-bind="click: $parent.removeTile, visible: ko.unwrap(selected)">
                        <button class="btn btn-xs dz-cancel"><i class="ion ion-close"></i></button><commit_msg>Populated gallery card UI works<commit_after>{% extends "views/components/workbench.htm" %}
{% load i18n %}

{% block tabs %}
<div class="workbench-card-sidebar-tab" data-bind="click: function() {
    toggleTab('edit');
}, css: {
    'active': activeTab() === 'edit'
}">
    <i class="fa fa-pencil"></i>
    <span class="map-sidebar-text">{% trans "Edit" %}</span>
</div>
<div class="workbench-card-sidebar-tab" data-bind="click: function() {
    toggleTab('add');
}, css: {
    'active': activeTab() === 'add'
}">
    <i class="fa fa-plus"></i>
    <span class="map-sidebar-text">{% trans "Add" %}</span>
</div>
{{ block.super }}
{% endblock tabs %}


{% block content_management %}
<!-- ko if: card.widgets().length > 0 -->
<div style="height: inherit; overflow: auto;">

    <div style="min-height: 100%; height: fit-content;">
        <div style="height: inherit;">
            <div id="hidden-dz-previews" style="display:none"></div>
            <!--ko if: displayContent() -->
            <div style="height: inherit">
                <img class="dz-img" style="width: 100%; height: 100%" data-bind="attr: {src: ko.unwrap(displayContent)}" ></img>
            </div>
            <!--/ko-->
        </div>
    </div>
    <div style="position: sticky; bottom: 0px;" data-bind="style: {display: !!self.displayContent() ? 'inherit' : 'none'}">
    <div class="thumbnail-gallery-container" data-bind="slide: showThumbnails, duration: 100, direction: {direction: 'down'}, easing: 'slide'">
        <div class='show-thumbnails-btn open' data-bind="click: function(){showThumbnails(!showThumbnails())}, text: '{% trans "close" %}'"></div>
        <div class="thumbnail-container" data-bind="gallery: photoGallery.pan, duration: 400, scrolldistance: 100, thumbnailclass: 'gallery-thumbnails'">
            <div class="thumbnail-gallery-controls left" data-bind="click: function(){photoGallery.updatePan('left')}"><i class="fa fa-angle-left"></i></div>
            <div class="gallery-thumbnails">
                <!-- ko foreach: { data: card.tiles(), as: 'tile'} -->
                <div style='position: relative'>
                    <!--ko if: $parent.getUrl(tile) -->
                    <div data-bind="click: $parent.removeTile, visible: ko.unwrap(selected)">
                        <button class="btn btn-xs dz-cancel"><i class="ion ion-close"></i></button>
{'fraction_non_alphanumeric': 0.2098051809034468, 'fraction_numerical': 0.008777563690858489, 'mean_word_length': 3.1565836298932384, 'pattern_counts': {'":': 0, '<': 91, '<?xml version=': 0, '>': 93, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5448423', 'n_tokens_mistral': 1540, 'n_tokens_neox': 1433, 'n_words': 318}