<h2>Bestanden overzicht</h2>

<p>Middels deze module is het mogelijk om bestanden te beheren</p>
<?=$this->getData("message")?>
<div id="divMessage" class="message-error" style="display: none;">
    <table>
        <tr>
            <td><img src="<?=$this->getData("S:SETTING_ROOT")?>/images/stop.png"/></td>
            <td><span id="spanMessage"></span></td>
        </tr>
    </table>
</div>
<br/>
<form method="post" enctype="multipart/form-data">
    <div class="form-field">
        <div class="label">
            Selecteer bestand
        </div>
        <div class="field">
            <input type="file" name="flFile" id="flFile"/>
        </div>
        <br style="clear:both;"/>
    </div>
    <div class="form-field">
        <div class="label">
            Naam<br/>
            <span class="hint">Selecteer een bestandsnaam</span>
        </div>
        <div class="field">
            <input type="text" name="txtFileName" id="txtFileName"/>
        </div>
        <br style="clear:both;"/>
    </div>
    <input type="submit" name="btnUpload" id="btnUpload" value="Uploaden" disabled="disabled" class="button"/>
</form>
<br/>
<h3>Bestanden wijzigen</h3>
<form method="post">
    <table class="table-wrap">
        <thead>
        <tr>
            <td>#</td>
            <td>Bestand</td>
            <td>Naam</td>
            <td>Aangemaakt</td>
            <td>Verwijderen</td>
        </tr>
        </thead>
        <tbody>
        <?=$this->getData("fileList")?>
        </tbody>
    </table>
    <input type="submit" name="btnUpdate" value="Wijzigingen opslaan" onclick="checkName();" class="button"/>
</form>
<script type="text/javascript">
    $(function () {
        $("#btnUpload").click(function () {
            var trimmed = $.trim($("#txtFileName").val());
            $("#txtFileName").val(trimmed.replace(" ", "-"));
            return checkName();
        });

        $("#flFile").change(function (e) {
            var name = $("#flFile").val().replace(/C:\\fakepath\\/i, '');
            name = name.split(".");
            $("#txtFileName").val(name[0]);
            checkName();
        });

        $("#txtFileName").keyup(function () {
            checkName();
        });

        function checkName() {
            if (($.trim($("#txtFileName").val()) != "") && ($.trim($("#txtFileName").val().lenght > 3))) {
                $("#flFile").removeAttr("disabled");
                $("#btnUpload").removeAttr("disabled");
                var jsonData = {
                    type:"getFileName",
                    value:$("#txtFileName").val()
                };

                $.ajax({
                    type:"POST",
                    url:root + '/ajax',
                    data:"data=" + JSON.stringify(jsonData),
                    cache:false,
                    context:this,
                    success:function (data) {
                        var info = JSON.parse(data);
                        if (info.status == "OK" && info.result == "OK") {
                            $("#divMessage").fadeOut();
                            return true;
                        }
                        else {
                            if (info.status == "OK" && info.result == "exists") {
                                $("#spanMessage").html(info.message);
                                $("#divMessage").fadeIn();
                                return false;
                            }
                            else {
                                return false;
                            }
                        }
                    }
                });
            }
            else {
                $("#divMessage").fadeIn();
                $("#spanMessage").html("De bestandsnaam dient langer dan 3 karakters te zijn.");
                $("#btnUpload").attr("disabled", "");
                return false;
            }
        }
    });

</script>