/// <reference path="uikit.d.ts" />

function testModal() {
    UIkit.modal.alert("Attention!");
    UIkit.modal.confirm("Are you sure?", function () {
        // will be executed on confirm.
    });
    UIkit.modal.prompt("Name:", 'value', function (newvalue:string) {
        // will be executed on submit.
    });
    var modal = UIkit.modal.blockUI("Any content...");
    modal.hide();
    modal.show();
    var modal = UIkit.modal(".modalSelector");

    if (modal.isActive()) {
        modal.hide();
    } else {
        modal.show();
    }
}

function testOffCanvas() {
    UIkit.offcanvas.show("#id");
    UIkit.offcanvas.hide();
    UIkit.offcanvas.hide(true);
}

function testLightBox() {
    var element = "#group";
    var lightbox = UIkit.lightbox(element, {/* options */});
    var lightbox2 = UIkit.lightbox.create([
        {source: 'http://url/to/video.mp4', 'type': 'video'},
        {'source': 'http://url/to/image.jpg', 'type': 'image'}
    ]);
    lightbox2.show();
    var lightbox3 = UIkit.lightbox(element)
}

function testAutoComplete() {
    UIkit.autocomplete("#group", {});
    UIkit.autocomplete("#group");
}

function testDatepicker() {
    var datepicker = UIkit.datepicker("#element", {});
}

function testHtmlEditor() {
    var htmleditor = UIkit.htmleditor("textarea", {/* options */});
}

function testSlider() {
    var slider = UIkit.slider("element", {})
}
function testSlideSet() {
    var slideset = UIkit.slideset("element", {})
}
function testSlideShow() {
    var slideshow = UIkit.slideshow("element", {})
}

function testParallax() {
    var parallax = UIkit.parallax("element", {})
}
function testAccordion() {
    var accordion = UIkit.accordion("element", {})
}


function testNotify() {
    UIkit.notify({
        message: 'Bazinga!',
        status: 'info',
        timeout: 5000,
        pos: 'top-center'
    });


// Shortcuts
    UIkit.notify('My message');
    UIkit.notify('My message', status);
    UIkit.notify('My message', {/* options */});

    UIkit.notify("Message...", {timeout: 0});
    UIkit.notify("...", {pos: 'top-center'});
    UIkit.notify("...", {status: 'info'});
}


function testSearch() {
    var search = UIkit.search("element", {})
}

function testNestable() {
    var nestable = UIkit.nestable('element', {});
}
function testSortable() {
    var sortable = UIkit.sortable('element', {});
}
function testStick() {
    var sticky = UIkit.sticky('element', {});
}
function testTimePicker() {
    var timepicker = UIkit.timepicker('element', {})
}

function testTooltip() {
    var tooltip = UIkit.tooltip('element', {})
}

function testUpload() {
    $(function(){

        var progressbar = $("#progressbar"),
            bar         = progressbar.find('.uk-progress-bar'),
            settings    = {

                action: '/', // upload url

                allow : '*.(jpg|jpeg|gif|png)', // allow only images

                loadstart: function() {
                    bar.css("width", "0%").text("0%");
                    progressbar.removeClass("uk-hidden");
                },

                progress: function(percent: number) {
                    percent = Math.ceil(percent);
                    bar.css("width", percent+"%").text(percent+"%");
                },

                allcomplete: function(response: any) {

                    bar.css("width", "100%").text("100%");

                    setTimeout(function(){
                        progressbar.addClass("uk-hidden");
                    }, 250);

                    alert("Upload Completed")
                }
            };

        var select = UIkit.uploadSelect($("#upload-select"), settings),
            drop   = UIkit.uploadDrop($("#upload-drop"), settings);
    });

    // Test with object literal
    var select2 = UIkit.uploadSelect($("#upload-select"), {

        action: '/', // upload url

        allow: '*.(jpg|jpeg|gif|png)', // allow only images

        loadstart: function () {

        },

        progress: function (percent:number) {

        },

        allcomplete: function (response:any) {

        }
    });
    var drop2 = UIkit.uploadDrop($("#upload-drop"), {

        action: '/', // upload url

        allow: '*.(jpg|jpeg|gif|png)', // allow only images

        loadstart: function () {

        },

        progress: function (percent:number) {

        },

        allcomplete: function (response:any) {
        }
    });

}