{% extends 'layout-page.twig' %}

{% set page = 'files' %}

{% block title %}P3X GitList{% endblock %}

{% block content %}

<script type="text/javascript"> window.gitlist.codemirror_full_limit = parseInt({{ codemirror_full_limit }});

window.gitlist.branches = {{ branches | json_encode | raw }}

window.gitlist.commit = '{{ branch }}'

</script>

{% embed 'breadcrumb.twig' with {breadcrumbs: breadcrumbs} %} {% block right %}

<div style="text-align: right;"> {% if extension == 'svg' %} <button class="btn btn-sm btn-primary" id="p3x-gitlist-file-svg-show"> <span class="fas fa-image"></span> Display SVG </button> {% endif %} <button class="btn btn-sm btn-danger" id="p3x-gitlist-file-delete"> <span class="fa fa-trash"></span> Delete

</button>

<div id="p3x-gitlist-modal-delete" class="modal fade" tabindex="-1" role="dialog">

<div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true"><i class="fas fa-times"></i></span> </button> <h4 class="modal-title">Delete</h4>

</div> <div class="modal-body">

Are you sure to delete this file? <form id="p3x-gitlist-modal-delete-form">

<div class="input-group">

<span class="input-group-addon" id="p3x-gitlist-modal-delete-name-aria"><i class="fas fa-user"></i></span>

<input type="text" class="form-control" placeholder="Name" required

aria-describedby="p3x-gitlist-modal-delete-name-aria" id="p3x-gitlist-modal-delete-name" minlength="3" maxlength="64"

autofocus> </div> <br/> <div class="input-group">

<span class="input-group-addon" id="p3x-gitlist-modal-delete-email-aria"><i class="fas fa-at"></i></span> <input required type="email" id="p3x-gitlist-modal-delete-email"

class="form-control" placeholder="E-mail"

aria-describedby="p3x-gitlist-modal-delete-email-aria" maxlength="64"

minlength="3"> </div> <br/> <div class="input-group">

<span class="input-group-addon" id="p3x-gitlist-modal-delete-comment-aria"><i class="far fa-comment"></i></span>

<input required type="text" class="form-control" placeholder="Comment"

aria-describedby="p3x-gitlist-modal-delete-email-aria" id="p3x-gitlist-modal-delete-comment" minlength="3" maxlength="64" value="P3X Gitlist Commit Delete">

</div> </form>

</div>

<div class="modal-footer">

<button id="p3x-gitlist-modal-delete-confirm" type="submit" class="btn btn-info"> <span class="fa fa-trash"></span> Delete for sure </button> <button type="button" class="btn btn-default" data-dismiss="modal"> <span class="fas fa-times"></span> Close

</button>

</div>

</div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->

<span class="p3x-gitlist-file-svg-toggle"> {% if (fileType != 'image' and fileType != 'markdown') or (enforceCodemirror) %} <button id="p3x-gitlist-file-button-edit" class="btn btn-sm btn-info"> <span class="fa fa-edit"></span> Edit </button> <button id="p3x-gitlist-file-button-edit-cancel" class="btn btn-sm btn-warning"> <i class="fas fa-eraser"></i> Cancel </button> <button id="p3x-gitlist-file-button-edit-save" class="btn btn-sm btn-info"> <span class="fa fa-save"></span> Save </button> <div id="p3x-gitlist-modal-commit" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fas fa-times"></i></span></button> <h4 class="modal-title">Commit</h4> </div> <div class="modal-body"> <form id="p3x-gitlist-modal-commit-form"> <div class="input-group"> <span class="input-group-addon" id="p3x-gitlist-modal-commit-name-aria"><i class="fas fa-user"></i></span> <input type="text" class="form-control" placeholder="Name" required aria-describedby="p3x-gitlist-modal-commit-name-aria" id="p3x-gitlist-modal-commit-name" minlength="3" maxlength="64" autofocus> </div> <br/> <div class="input-group"> <span class="input-group-addon" id="p3x-gitlist-modal-commit-email-aria"><i class="fas fa-at"></i></span> <input required type="email" id="p3x-gitlist-modal-commit-email" class="form-control" placeholder="E-mail" aria-describedby="p3x-gitlist-modal-commit-email-aria" maxlength="64" minlength="3"> </div> <br/> <div class="input-group"> <span class="input-group-addon" id="p3x-gitlist-modal-commit-comment-aria"><i class="far fa-comment"></i></span> <input required type="text" class="form-control" placeholder="Comment" aria-describedby="p3x-gitlist-modal-commit-email-aria" id="p3x-gitlist-modal-commit-comment" minlength="3" maxlength="64" value="P3X Gitlist Commit"> </div> </form> </div> <div class="modal-footer"> <button id="p3x-gitlist-modal-commit-push" type="submit" class="btn btn-info"> <span class="fas fa-caret-right"></span> Commit and Push </button> <button type="button" class="btn btn-default" data-dismiss="modal"> <span class="fas fa-times"></span> Close</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> {% elseif fileType == 'markdown' %} <a href="{{ path('blob', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}?codemirror=1&edit=1" class="btn btn-sm btn-info"> <span class="fa fa-edit"></span> Edit </a> {% endif %} </span> </div>

{% endblock %}

{% block left %}

<div class="p3x-gitlist-button">

<a href="{{ path('blob_raw', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}" class="btn btn-default btn-sm"><span class="fas fa-download"></span> Raw</a> <a href="{{ path('blame', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}" class="btn btn-default btn-sm"><span class="fa fa-fire"></span> Blame</a> <a href="{{ path('commits', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}"

class="btn btn-default btn-sm"><i class="fas fa-history"></i> History</a>

<div class="p3x-gitlist-file-svg-toggle">

{% if (fileType != 'image' and fileType != 'markdown') or enforceCodemirror %}

<span id="p3x-gitlist-file-codemirror" style="display: none;"> <div class="btn-group btn-toggle"> <button id="p3x-gitlist-file-button-scroll" class="btn btn-sm btn-default">Scroll mode</button> <button id="p3x-gitlist-file-button-full" class="btn btn-sm btn-default">Full height</button> </div> </span>

{% endif %}

{% if fileType == 'markdown' %}

{% if enforceCodemirror %} <a href="{{ path('blob', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}" class="btn btn-default btn-sm"><span class="fa fa-code"></span> Markdown rendered</a> {% else %} <a title="Click this button and you can edit/save this code." href="{{ path('blob', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}?codemirror=1" class="btn btn-default btn-sm"><span class="fa fa-code"></span> Markdown code</a> {% endif %}

{% endif %}

</div>

</div>

{% endblock %} {% endembed %}

<div id="p3x-gitlist-file-codemirror-exceeded" role="alert" class="alert-dismissable alert alert-info"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> This file ( {{ fileSize | format_size }} ) exceeds the allowed full mode ({{ codemirror_full_limit }} kb) size. The editor full hight is disabled, only scrolling is allowed..

</div>

<div>

{% if fileType == 'image' %}

<div class="text-center"><img style="max-width: 100%; max-height: auto;" src="{{ path('blob_raw', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}"

alt="{{ file }}" class="image-blob"/></div>

{% elseif fileType == 'markdown' and enforceCodemirror != true %}

{% include 'markdown.twig' with {'filename': file, 'data': blob} %}

{% else %}

<pre class="p3x-gitlist-code" id="p3x-gitlist-file-editor" language="{{ fileType }}">{{ blob|htmlentities|raw }}</pre>

{% endif %}

{% if extension == 'svg' %} <div id="p3x-gitlist-file-svg-content" style="display: none;" class="p3x-gitlist-file-svg-toggle p3x-gitlist-max-width"></div>

{% endif %}

</div>

{% endblock %}