<commit_before>{% extends "@pulsar/pulsar/components/tab.html.twig" %}
{% set i = 200 %}

{%- block actions_left -%}
    {{
        html.actions_menu({
            'items': [
                [
                    {
                        'label': 'Create New Page',
                        'href': '#create',
                        'icon': 'file-text-o'
                    }
                ],
                [
                    {
                        'label': 'Save',
                        'href': '#save',
                        'icon': 'save'
                    }
                ],
                [
                    {
                        'label': 'Lock',
                        'href': '#lock',
                        'icon': 'lock'
                    },
                    {
                        'label': 'Collaborate',
                        'href': '#collaborate',
                        'icon': 'user-plus'
                    }
                ],
                [
                    {
                        'label': 'Preview',
                        'href': '#preview',
                        'icon': 'eye-open'
                    },
                    {
                        'label': 'View history',
                        'href': '#history',
                        'icon': 'history'
                    }
                ],
                [
                    {
                        'class': 'link--danger',
                        'label': 'Delete',
                        'href': '#delete',
                        'icon': 'remove'
                    }
                ],
            ]
        })
    }}
{%- endblock -%}

{%- block actions_right -%}
    {{
        html.button({
            'label': 'Save',
            'class': ''
        })
    }}
    {{
        html.button({
            'label': 'Send for Approval',
            'class': 'btn--primary',
            'data-toggle': 'modal',
            'type': 'link',
            'href': '#workflow-submit'
        })
    }}
{%- endblock -%}

{% block tab_content %}
    <div class="panel with-timeline u-margin-top-none">
        <i aria-hidden="true" class="icon-check panel__icon"></i>
        <div class="panel__title u-display-inline-block">Content Approved &amp; Published</div>
        <div class="panel__body">
            <div class="timeline__item" data-timestamp="2018-03-29T10:59:04+00:00" data-id="2650349">
                <div class="timeline-avatar timeline-avatar--user"><span>LS</span></div>
                <div class="timeline-content">
                    <div class="timeline-content__inner"><h4 class="timeline-content__title">Lord Sugar [Admin]:</h4>
                        <div class="timeline-content__date"><i aria-hidden="true" class="icon-clock-o icon--info u-hidden-print cursor-help"></i><time class="u-visible-print-inline">29 Mar 2018, 11:59 AM</time><time class="timeago u-hidden-print" datetime="Thu, 29 Mar 2018 11:59:04 +0100" data-timezone="Europe/London"> Thursday 29th March 2018 (11:59)</time></div>
                        <div class="timeline-content__body" data-id="2650349">
                            <p id="message-120530" class="timeline-content__text">"Test"</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel__actions panel__actions--right">
                {{
                    html.button({
                        'label': 'View detailed history of comments',
                        'class': 'btn--naked',
                        'type': 'link',
                        'href': '#document-history'
                    })
                }}
            </div>
        </div>
    </div>

    <div class="u-text-align-center">PANEL VARIATION WITH NO MESSAGE</div>

    <div class="panel with-timeline u-margin-top-none">
        <i aria-hidden="true" class="icon-check panel__icon"></i>
        <div class="panel__title u-display-inline-block">Content Approved &amp; Published</div>
        <div class="panel__body">
            <div class="panel__actions panel__actions--right">
                {{
                    html.button({
                        'label': 'View detailed history of comments',
                        'class': 'btn--naked',
                        'type': 'link',
                        'href': '#document-history'
                    })
                }}
            </div>
        </div>
    </div>

    <div class="u-text-align-center">UI CONTENT GOES HERE</div>

    <div id="workflow-submit" class="modal modal__large">
        <div class="modal__dialog"><commit_msg>Fix approved modal in workflow playground<commit_after>{% extends "@pulsar/pulsar/components/tab.html.twig" %}
{% set i = 200 %}

{%- block actions_left -%}
    {{
        html.actions_menu({
            'items': [
                [
                    {
                        'label': 'Create New Page',
                        'href': '#create',
                        'icon': 'file-text-o'
                    }
                ],
                [
                    {
                        'label': 'Save',
                        'href': '#save',
                        'icon': 'save'
                    }
                ],
                [
                    {
                        'label': 'Lock',
                        'href': '#lock',
                        'icon': 'lock'
                    },
                    {
                        'label': 'Collaborate',
                        'href': '#collaborate',
                        'icon': 'user-plus'
                    }
                ],
                [
                    {
                        'label': 'Preview',
                        'href': '#preview',
                        'icon': 'eye-open'
                    },
                    {
                        'label': 'View history',
                        'href': '#history',
                        'icon': 'history'
                    }
                ],
                [
                    {
                        'class': 'link--danger',
                        'label': 'Delete',
                        'href': '#delete',
                        'icon': 'remove'
                    }
                ],
            ]
        })
    }}
{%- endblock -%}

{%- block actions_right -%}
    {{
        html.button({
            'label': 'Send for Approval',
            'class': '',
            'data-toggle': 'modal',
            'type': 'link',
            'href': '#workflow-submit-2'
        })
    }}
    {{
        html.button({
            'label': 'Save',
            'class': 'btn--primary'
        })
    }}
{%- endblock -%}

{% block tab_content %}
    <div class="panel with-timeline u-margin-top-none">
        <i aria-hidden="true" class="icon-check panel__icon"></i>
        <div class="panel__title u-display-inline-block">Content Approved &amp; Published</div>
        <div class="panel__body">
            <div class="timeline__item" data-timestamp="2018-03-29T10:59:04+00:00" data-id="2650349">
                <div class="timeline-avatar timeline-avatar--user"><span>LS</span></div>
                <div class="timeline-content">
                    <div class="timeline-content__inner"><h4 class="timeline-content__title">Lord Sugar [Admin]:</h4>
                        <div class="timeline-content__date"><i aria-hidden="true" class="icon-clock-o icon--info u-hidden-print cursor-help"></i><time class="u-visible-print-inline">29 Mar 2018, 11:59 AM</time><time class="timeago u-hidden-print" datetime="Thu, 29 Mar 2018 11:59:04 +0100" data-timezone="Europe/London"> Thursday 29th March 2018 (11:59)</time></div>
                        <div class="timeline-content__body" data-id="2650349">
                            <p id="message-120530" class="timeline-content__text">"Test"</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel__actions panel__actions--right">
                {{
                    html.button({
                        'label': 'View detailed history of comments',
                        'class': 'btn--naked',
                        'type': 'link',
                        'href': '#document-history'
                    })
                }}
            </div>
        </div>
    </div>

    <div class="u-text-align-center">PANEL VARIATION WITH NO MESSAGE</div>

    <div class="panel with-timeline u-margin-top-none">
        <i aria-hidden="true" class="icon-check panel__icon"></i>
        <div class="panel__title u-display-inline-block">Content Approved &amp; Published</div>
        <div class="panel__body">
            <div class="panel__actions panel__actions--right">
                {{
                    html.button({
                        'label': 'View detailed history of comments',
                        'class': 'btn--naked',
                        'type': 'link',
                        'href': '#document-history'
                    })
                }}
            </div>
        </div>
    </div>

    <div class="u-text-align-center">UI CONTENT GOES HERE</div>

    <div id="workflow-submit-2" class="modal modal__large">
        <div class="modal__dialog">
{'fraction_non_alphanumeric': 0.14511986301369864, 'fraction_numerical': 0.017123287671232876, 'mean_word_length': 1.0803650934995548, 'pattern_counts': {'":': 0, '<': 103, '<?xml version=': 0, '>': 103, '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': '3750908', 'n_tokens_mistral': 2623, 'n_tokens_neox': 2328, 'n_words': 438}