sakura | : cherry_blossom : a minimal css framework/theme | Theme library

animes = {'request_hash': 'request:search:ebd66e81d77d207550efbdf3ff068c39ead7915c', 'request_cached': True, 'request_cache_expiry': 430532, 'results': [{'image_url': 'https://cdn.myanimelist.net/images/anime/9/77809.jpg?s=5e4f31284abea2059db7fe1b07ff1fa5', 'title': 'Noragami', 'airing': False, 'type': 'TV', 'episodes': 12, 'score': 7.99}, {'image_url': 'https://cdn.myanimelist.net/images/anime/1689/94850.jpg?s=fab6fe8f945df387aa69be2dc6c48870', 'title': 'Noragami Aragoto', 'airing': False, 'type': 'TV', 'episodes': 13, 'score': 8.2}]}

results = animes['results']
output = []

for result in results:
    animes_data = {

        'Title' : result["title"],
        'Episodes' : result["episodes"],
        'Image' : result["image_url"]
    }
    output.append(animes_data)


[print(json.dumps(item, indent=4)) for item in output]

var table = $("#example").DataTable();
class IonRangeWrapper {
    inputFrom = null;
    inputTo = null;
    table = null;
    slider_range = { from: 0, to: 0 };
    constructor(range, min, max, inputFrom, inputTo, table) {
        var _this = this;
        this.inputFrom = inputFrom;
        this.inputTo = inputTo;
        this.table = table;

        range.ionRangeSlider({
            type: "double",
            min: min,
            max: max,
            from: min,
            to: max,
            onStart: (data) => _this.update(data),
            onFinish: (data) => _this.update(data)
        });
        var instance = range.data("ionRangeSlider");

        inputFrom.on("input", function () {
            var { to } = _this.slider_range;
            var val = $(this).prop("value");
            if (val < min) { val = min; }
            else if (val > to) { val = to; }
            instance.update({ from: val });
        });

        inputTo.on("input", function () {
            var { from } = _this.slider_range;
            var val = $(this).prop("value");
            if (val < from) { val = from; }
            else if (val > max) { val = max; }
            instance.update({ to: val });
        });
    }
    update(data) {
        var from = data.from;
        var to = data.to;
        this.slider_range = { from, to };
        this.inputFrom.prop("value", from);
        this.inputTo.prop("value", to);
        this.table.draw();
    }
}

// Age Slider
var rangeAge = $(".rangeAge");
var inputFromAge = $(".inputFromAge");
var inputToAge = $(".inputToAge");
var minAge = 10;
var maxAge = 70;

new IonRangeWrapper(rangeAge, minAge, maxAge, inputFromAge, inputToAge, table);