pretix_cgo/src/pretix/static/pretixcontrol/js/ui/subevent.js

/*globals $, Morris, gettext, RRule, RRuleSet*/

$(document).on("pretix:bind-forms", function () {
    if (!$("div[data-formset-prefix=checkinlist_set]").length) {
        return;
    }

    function parse_weekday(wd) {
        map = {
            'MO': 0,
            'TU': 1,
            'WE': 2,
            'TH': 3,
            'FR': 4,
            'SA': 5,
            'SU': 6
        }
        if (wd.indexOf(",") > 0) {
            var wds = [];
            $.each(wd.split(","), function (k, v) {
                wds.push(map[v]);
            });
            return wds;
        } else {
            return map[wd];
        }
    }

    function rrule_preview() {
        var ruleset = new rrule.RRuleSet();

        $(".rrule-form").each(function () {
            if ($(this).find("input[name$=DELETE]").prop("checked")) {
                return;
            }

            var rule_args = {};
            var $form = $(this);
            var freq = $form.find("select[name*=freq]").val();
            if (!$form.find("input[name*=dtstart]").data("DateTimePicker")) {
                // uninitialized
                return;
            }
            var dtstart = $form.find("input[name*=dtstart]").data("DateTimePicker").date();
            dtstart = dtstart.add(dtstart.utcOffset(), 'm').add(12, 'h').utcOffset(0);
            rule_args.dtstart = dtstart.toDate();
            rule_args.interval = parseInt($form.find("input[name*=interval]").val()) || 1;

            if (freq === 'yearly') {
                rule_args.freq = rrule.RRule.YEARLY;

                var same = $form.find("input[name*=yearly_same]:checked").val();
                if (same === "off") {
                    rule_args.bysetpos = parseInt($form.find("select[name*=yearly_bysetpos]").val());
                    rule_args.byweekday = parse_weekday($form.find("select[name*=yearly_byweekday]").val());
                    rule_args.bymonth = parseInt($form.find("select[name*=yearly_bymonth]").val());
                }
            } else if (freq === 'monthly') {
                rule_args.freq = rrule.RRule.MONTHLY;

                var same = $form.find("input[name*=monthly_same]:checked").val();
                if (same === "off") {
                    rule_args.bysetpos = parseInt($form.find("select[name*=monthly_bysetpos]").val());
                    rule_args.byweekday = parse_weekday($form.find("select[name*=monthly_byweekday]").val());
                }
            } else if (freq === 'weekly') {
                rule_args.freq = rrule.RRule.WEEKLY;

                var days = [];
                $form.find("input[name*=weekly_byweekday]:checked").each(function () {
                    days.push(parse_weekday($(this).val()));
                });
                if (days.length !== 0) {
                    rule_args.byweekday = days;
                }
            } else if (freq === 'daily') {
                rule_args.freq = rrule.RRule.DAILY;
            }

            var end = $form.find("input[name*=end]:checked").val();
            if (end === "count") {
                rule_args.count = parseInt($form.find("input[name*=count]").val()) || 1;
            } else {
                var date = $form.find("input[name*=until]").data("DateTimePicker").date();
                if (date !== null) {
                    // rrule.until is non-inclusive, whereas in pretix-backend "until" is inclusive => add 1 day
                    // date is a Moment-object. Moment.add() mutates, but is save to do here
                    date.add(1, 'days');
                    rule_args.until = date;
                }
            }

            if ($form.find("input[name*=exclude]").prop("checked")) {
                ruleset.exrule(new rrule.RRule(rule_args));
                $form.closest(".panel").addClass("panel-danger").removeClass("panel-default");
            } else {
                ruleset.rrule(new rrule.RRule(rule_args));
                $form.closest(".panel").addClass("panel-default").removeClass("panel-danger");
            }
        });

        var all_dates = ruleset.all();
        var format = $("body").attr("data-longdateformat") + " (dddd)";
        $("#rrule-preview").html("");
        if (all_dates.length > 20) {
            $("#rrule-preview").html("");
            all_dates.slice(0, 10).forEach(function(element) {
                $("#rrule-preview").append($("<li>").text(moment(element).utc().format(format)));
            });
            $("#rrule-preview").append($("<li>").text(ngettext(
                    "(one more date)",
                    "({num} more dates)",
                    all_dates.length - 20
            ).replace(/\{num\}/g, all_dates.length - 20)));
            all_dates.slice(-10).forEach(function(element) {
                $("#rrule-preview").append($("<li>").text(moment(element).utc().format(format)));
            });
        } else {
            all_dates.forEach(function(element) {
                $("#rrule-preview").append($("<li>").text(moment(element).utc().format(format)));
            });
        }
    }

    $("#subevent_add_many_slots_go").on("click", function () {
        $("#time-formset [data-formset-form]").each(function () {
            var tf = $(this).find("[name$=time_from]").val()
            if (!tf) {
                $(this).remove();
            }
        })

        var first = $("#subevent_add_many_slots_first").data('DateTimePicker').date();
        var end = $("#subevent_add_many_slots_end").data('DateTimePicker').date();
        var length_m = parseFloat($("#subevent_add_many_slots_length").val()) || 0;
        var break_m = parseFloat($("#subevent_add_many_slots_break").val()) || 0;
        if (!first || !end || !length_m) {
            console.log("invalid", first, end, length_m)
            return
        }

        function closure($form, time) {
            return function () {
                console.log("setting value", time)
                $form.find("[name$=time_from]").data('DateTimePicker').date(time);
                time.add(length_m, 'minutes');
                $form.find("[name$=time_to]").data('DateTimePicker').date(time);
            }
        }

        var pointer = first.clone();
        while (pointer.isBefore(end)) {
            var $form = $("#time-formset").formset("getOrCreate").addForm();
            $form.attr("data-formset-created-at-runtime", "false");  // prevents animation
            var time = pointer.clone();
            window.setTimeout(closure($form, time), 1);
            // jquery.formset.js only calls trigger("formAdded") after a setTimeout of 0,
            // but we need to run after that to make sure the date pickers are initialized
            pointer.add(break_m + length_m, 'minutes');
        }
        $("#subevent_add_many_slots").addClass("hidden");
        $("#subevent_add_many_slots_start").removeClass("hidden");

    });
    $("#subevent_add_many_slots_start").on("click", function () {
       $("#subevent_add_many_slots").removeClass("hidden");
       $(this).addClass("hidden");
    });

    $("#rrule-formset").on("change keydown keyup keypress dp.change", "input, select", function () {
        rrule_preview();
    });
    rrule_preview();

    $("#rrule-formset").on("formAdded", "div", function (event) { rrule_bind_form($(event.target)); });

    var $namef = $("input[id^=id_name]").first();
    var lastValue = $namef.val();
    $namef.change(function () {
        var field = $("div[data-formset-prefix=checkinlist_set] input[id$=name]").first();
        if (field.val() === lastValue) {
            lastValue = $(this).val();
            field.val(lastValue);
        }
    });
});