package jumpstart.web.pages.examples.ajax;

import java.util.Date;

import org.apache.tapestry5.annotations.Import;
import org.apache.tapestry5.annotations.InjectComponent;
import org.apache.tapestry5.corelib.components.Zone;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.services.Request;
import org.apache.tapestry5.services.ajax.AjaxResponseRenderer;

@Import(stylesheet = "css/examples/js.css")
public class AjaxPeriodicUpdateMixin {

    // Generally useful bits and pieces

    @InjectComponent
    private Zone timeZone;

    @Inject
    private AjaxResponseRenderer ajaxResponseRenderer;

    @Inject
    private Request request;

    // The code

    void onRefreshTimeZone() {
        if (request.isXHR()) {
            ajaxResponseRenderer.addRender(timeZone);
        }
    }

    public Date getServerTime() {
        return new Date();
    }
}

.eg {
                margin: 20px 0;
                padding: 14px;
                color: #888;
                border: 1px solid #ddd;
                border-radius: 6px;
                -webkit-border-radius: 6px;
                -mox-border-radius: 6px;
}

.js-required {
                color: red;
                display: block;
                margin-bottom: 14px;
}

.js-recommended {
                color: red;
                display: block;
                margin-bottom: 14px;
}

/**
 * A simple mixin for attaching javascript to a Zone that periodically issues an AJAX request to update the Zone.
 * Loosely based on Tapestry's ZoneRefresh.
 */
package jumpstart.web.mixins;

import org.apache.tapestry5.BindingConstants;
import org.apache.tapestry5.ComponentResources;
import org.apache.tapestry5.annotations.InjectContainer;
import org.apache.tapestry5.annotations.Parameter;
import org.apache.tapestry5.corelib.components.Zone;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.services.javascript.JavaScriptSupport;

public class ZonePeriodicUpdater {

    // Parameters

    @Parameter(required = true, defaultPrefix = BindingConstants.LITERAL)
    private String event;

    @Parameter
    private Object[] context;

    @Parameter(defaultPrefix = BindingConstants.LITERAL, required = true)
    private int frequencySecs;

    @Parameter(defaultPrefix = BindingConstants.LITERAL, required = true)
    private int maxUpdates;

    // Useful bits and pieces

    @Inject
    private ComponentResources componentResources;

    @Inject
    private JavaScriptSupport javaScriptSupport;

    /**
     * The element we attach ourselves to, which must be a Zone
     */
    @InjectContainer
    private Zone zone;

    // The code

    void afterRender() {
        String eventURL = componentResources.createEventLink(event, context).toAbsoluteURI();

        javaScriptSupport.require("zone-periodic-updater")
                .with(zone.getClientId(), eventURL, frequencySecs, maxUpdates);
    }

}

// For a zone (zoneElementId), periodically issues an AJAX request (eventURL) to update it.

define(["jquery", "t5/core/zone"], function($, zoneManager) {

    return function(zoneElementId, eventURL, frequencySecs, maxUpdates) {

        var frequencyMillis = frequencySecs * 1000;
        var updatesCount = 0;

        var interval = setInterval(updateZone, frequencyMillis);

        function updateZone() {
            if (updatesCount++ < maxUpdates) {
                // Update the zone.
                zoneManager.deferredZoneUpdate(zoneElementId, eventURL);
            }
            else {
                // Stop updating.
                clearInterval(interval);
            }
        }
    }

});