How can I render all the values of each jsonObject in a jsonArray with Pebble templetes engine and Java with vertx library?

Question

This is my template :

 <tbody id="byCountry">
         {% for dataFilm in film %}
             <tr>
                <td>{{Date}}</td>
                <td>{{Title}}</td>
                <td>{{MainActor}}</td>                    
            </tr>
        {% endfor %}
        </tbody>

But, should I define "dataFilm" in somewhere? This is my Java code with vertx :

summary.onComplete(jsonObjectAsyncResult -> {

            if (jsonObjectAsyncResult.succeeded()) {
               JsonArray summaryArray = jsonObjectAsyncResult.result().getJsonArray("Films");
                JsonObject filmInfo = new JsonObject();
                for( int i = 0; i<summaryArray.size(); i++){
                    filmInfo.put("summaryArray",summaryArray)
                            .put("Date", summaryArray.getJsonObject(i).getString("Date"))
                            .put("Title", summaryArray.getJsonObject(i).getString("Title"))
                            .put("MainActor", summaryArray.getJsonObject(i).("MainActor"));
                 engine.render(filmInfo, "webroot/templates/films.peb", res ->{
                        if (res.succeeded()) {
                             routingContext.response()
                                 .end(res.result());
                        } else {
                            routingContext.fail(res.cause());
                        }
                 });

The problem here is when I've tried to render, only rendered the first film or the last film because I have to end the response with the engine.render... Any idea that how I should to do it?

Answer 1

I don't know pebble templates, but seems you messed up your processing logic, try something like this

if (jsonObjectAsyncResult.succeeded()) {
        JsonArray summaryArray = jsonObjectAsyncResult.result().getJsonArray("Films");
        List<Map<String, Object>> list = new ArrayList<>();
        for(int i=0; i<summaryArray.size(); i++) {
             list.add(summaryArray.getJsonObject(i).getMap());
        }
        Map<String, Object> templateVars = new HashMap<>();
        templateVars.put("films", list);

        engine.render(templateVars, "webroot/templates/countries.peb", res ->{
                if (res.succeeded()) {
                        routingContext.response().setStatusCode(200).end(res.result());
                } else {
                        routingContext.fail(res.cause());
                }
        });
}

and template code:

 <tbody id="byCountry">
 {% for dataFilm in films %}
     <tr>
        <td>{{dataFilm.Date}}</td>
        <td>{{dataFilm.Title}}</td>
        <td>{{dataFilm.MainActor}}</td>                    
    </tr>
{% endfor %}
</tbody>```