{{ define "right-side-actions" }}
    {{- if .IsDir }}
    <a aria-label="Switch View" href="?display={{- if eq .Display "mosaic" }}list{{ else }}mosaic{{ end }}" class="action">
        <i class="material-icons">{{- if eq .Display "mosaic" }}view_list{{ else }}view_module{{ end }}</i>
        <span>Switch view</span>
    </a>

    <button aria-label="Select multiple" class="action mobile-only" id="multiple-selection-activate">
        <i class="material-icons">check_circle</i>
        <span>Select</span>
    </button>
    {{- end }}

    {{- if and (.User.AllowNew) (.IsDir) }}
    <button aria-label="Upload" title="Upload" class="action" id="upload">
        <i class="material-icons">file_upload</i>
        <span>Upload</span>
    </button>
    {{- end }}

    {{- if and .User.AllowEdit (not .IsDir) }}
    <button aria-label="Delete"  title="Delete" class="action" id="delete">
        <i class="material-icons">delete</i>
        <span>Delete</span>
    </button>
    {{- end }}

    <button {{ if .IsDir }}data-dropdown{{ end }} aria-label="Download" title="Download" class="action" id="download">
        {{- if not .IsDir}}<a href="?download=true">{{ end }}
        <i class="material-icons">file_download</i><span>Download</span>
        {{- if not .IsDir}}</a>{{ end }}

        {{- if .IsDir }}
        <ul class="dropdown" id="download-drop">
            <a tabindex="0" aria-label="Download as Zip" data-format="zip" href="?download=zip"><li>zip</li></a>
            <a tabindex="0" aria-label="Download as Tar" data-format="tar" href="?download=tar"><li>tar</li></a>
            <a tabindex="0" aria-label="Download as TarGz" data-format="targz" href="?download=targz"><li>tar.gz</li></a>
            <a tabindex="0" aria-label="Download as TarBz2" data-format="tarbz2" href="?download=tarbz2"><li>tar.bz2</li></a>
            <a tabindex="0" aria-label="Download as TarXz" data-format="tarbz2" href="?download=tarxz"><li>tar.xz</li></a>
        </ul>
        {{- end }}
    </button>

    <button title="Info" aria-label="Info" class="action" id="info">
        <i class="material-icons">info</i>
        <span>Info</span>
    </button>
{{ end }}

{{ define "left-side-actions" }}
    {{- if and (not .IsDir) (.User.AllowEdit) }}
    {{- if .Editor}}

    {{- if eq .Data.Mode "markdown" }}
    <button aria-label="Preview" class="action" id="preview" onclick="notImplemented(event);">
        <i class="material-icons" title="Preview">remove_red_eye</i>
    </button>
    {{- end }}

    {{- if eq .Data.Visual true }}
    <button aria-label="Toggle edit source" class="action" id="edit-source">
        <i class="material-icons" title="Toggle edit source">code</i>
    </button>
    {{- end }}

    {{/* end if editor */}}
    {{- end }}

    <button aria-label="Save" class="action" id="save">
        <i class="material-icons" title="Save">save</i>
    </button>

    {{/* end if not dir and AllowEdit */}}
    {{- end }}

    {{- if and .IsDir .User.AllowEdit }}
    <button aria-label="Edit" class="action" id="rename">
        <i class="material-icons" title="Edit">mode_edit</i>
        <span>Rename</span>
    </button>

    <button aria-label="Move" class="action" id="move">
        <i class="material-icons" title="Move">forward</i>
        <span>Move file</span>
    </button>

    <button aria-label="Delete" class="action" id="delete">
    <i class="material-icons" title="Delete">delete</i><span>Delete</span>
    </button>
    {{- end }}
{{ end }}