{% extends "base.html" %}

{% block main_content %}

<div class="container-fluid">

    <div class="row">
    <h3>Defaults for {{user.dn|Username}}</h3>
    <div class="col-7">
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Size of image thumbnails:</label>
                {{CreateSelect( "size", user.default_size, ["XS", "S", "M", "L", "XL"], "ChangeDefault();return false", "col-2 rounded-end", { 0:64, 1:96, 2:128, 3:192, 4:256 } )|safe }}
            </div>
        </div class="row">
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end"><b>Import</b>&nbsp; path ordered by:</label>
                {{CreateSelect( "import_noo", user.default_import_noo, ["Oldest", "Newest","A to Z", "Z to A"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div class="row">
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end"><b>Storage</b>&nbsp; path ordered by:</label>
                {{CreateSelect( "storage_noo", user.default_storage_noo, ["Oldest", "Newest","A to Z", "Z to A"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end"><b>Search</b>&nbsp; path ordered by:</label>
                {{CreateSelect( "search_noo", user.default_search_noo, ["Oldest", "Newest","A to Z", "Z to A"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">How many thumbnails to show at once:</label>
                {{CreateSelect( "how_many", user.default_how_many, [10, 25, 50, 75, 100, 150, 200, 500], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Group by:</label>
                {{CreateSelect( "grouping", user.default_grouping, ["None", "Day", "Week", "Month"], "ChangeDefault();return false", "col-2 rounded-end")|safe }}
            </div class="input-group">
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Folders or Flat view of thumbnails in &nbsp;<b>import</b>&nbsp; path:</label>
                {{CreateSelect( "import_folders", user.default_import_folders, ["In Folder", "Flat View"], "ChangeDefault();return false", "col-2 rounded-end", { 0:true, 1:false } )|safe }}
            </div>
        </div>
        <div class="row">
            <div class="input-group">
                <label class="py-1 input-group-text col-7 justify-content-end">Folders or Flat view of thumbnails in &nbsp;<b>storage</b>&nbsp; path:</label>
                {{CreateSelect( "storage_folders", user.default_storage_folders, ["In Folder", "Flat View"], "ChangeDefault();return false", "col-2 rounded-end", { 0:true, 1:false } )|safe }}
            </div>
        </div>
    </div class="col-7">

    <div class="row pt-5">
        <alert class="alert alert-warning">The following values are based on the defaults above and subsequent changes as you navigate the application and are not set by hand.  The following content is for checking/debugging only.</alert>
    </div class="row">

    <div class="row">
        <table id="pa_user_state_tbl" class="table table-striped table-sm" data-toolbar="#toolbar" data-search="true">
            <thead>
                <tr class="table-primary"><th>Path</th><th>New or Oldest</th><th>How Many</th><th>Folders?</th><th>Group by</th><th>Thumb size</th><th>Fullscreen</th><th>DB retrieve offset</th><th>Root</th><th>cwd</th></tr>
            </thead>
            <tbody>
            {% for st in states %}
                <tr>
                    <td>{{st.path_type}}
                        {% if st.path_type == 'Search' %}
                            "{{st.orig_search_term}}"
                        {% endif %}
                        {% if st.path_type == 'View' %}
                            (orig: id={{st.view_eid}} in {{st.orig_ptype}})
                            {% if st.orig_ptype == 'Search' %}
                                "{{st.orig_search_term}}"
                            {% endif %}
                        {% endif %}
                        
                    </td>
                    <td>{{st.noo}}</td>
                    <td>{{st.how_many}}</td>
                    <td>{{st.folders}}</td>
                    <td>{{st.grouping}}</td>
                    <td>{{st.size}}</td>
                    <td>{{st.st_offset}}</td>
                    <td>{{st.root}}</td>
                    <td>{{st.cwd}}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div class="row">
</div class="container-fluid">
{% endblock main_content %}
{% block script_content %}
<script>
function ChangeDefault()
{
    data="dn={{user.dn}}"
    data+="&default_size="+$('#size').val()
    data+="&default_import_noo="+$('#import_noo').val()
    data+="&default_storage_noo="+$('#storage_noo').val()
    data+="&default_search_noo="+$('#search_noo').val()
    data+="&default_how_many="+$('#how_many').val()
    data+="&default_grouping="+$('#grouping').val()
    data+="&default_import_folders="+$('#import_folders').val()
    data+="&default_storage_folders="+$('#storage_folders').val()
    $.ajax({ type: 'POST', data: data, url: '/changedefaults', success: function(data){ window.location='/states'; return false; } })
}
</script>
{% endblock script_content %}