org.rapidoid.gui.InfiniteStream Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of rapidoid-gui Show documentation
Rapidoid GUI
There is a newer version: 5.5.5
/*-
 * #%L
 * rapidoid-gui
 * %%
 * Copyright (C) 2014 - 2018 Nikolche Mihajlovski and contributors
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * #L%
 */

package org.rapidoid.gui;


import org.rapidoid.annotation.Authors;
import org.rapidoid.annotation.Since;
import org.rapidoid.commons.Str;
import org.rapidoid.gui.base.AbstractWidget;
import org.rapidoid.gui.reqinfo.ReqInfo;
import org.rapidoid.html.Tag;
import org.rapidoid.u.U;

@Authors("Nikolche Mihajlovski")
@Since("5.1.0")
public class InfiniteStream extends AbstractWidget {

	private volatile Object template;

	private volatile String dataUrl;

	private volatile int cols = 1;

	private volatile int page = 1;

	private volatile String after;

	private volatile String rowClass = "row-separated-mini row-stream";

	@Override
	protected Tag render() {
		String url = U.or(dataUrl, defaultDataUrl());

		Tag tmpla = div(div(template).ng("if", "it()"))
			.ng("controller", "StreamItemController");

		Tag columns = div(tmpla)
			.class_("col-md-{{12 / cols}}")
			.ng("repeat", "colN in [] | rangex:0:cols");

		Tag tmpl = div(columns)
			.ng("repeat", "rowN in items | rowCount:cols")
			.class_("row " + rowClass);

		Tag loading = GUI.row("Loading data...")
			.attr("ng-show", "stream.busy");

		Tag scroll = infiniteScroll(tmpl, loading);

		Tag stream = div(scroll)
			.ng("controller", "StreamController")
			.data("url", url)
			.data("cols", cols)
			.data("page", page)
			.data("after", U.safe(after));

		return stream;
	}

	protected Tag infiniteScroll(Object... contents) {
		Tag scroll = div(contents);

		scroll = scroll.attr("infinite-scroll-disabled", "stream.busy");
		scroll = scroll.attr("infinite-scroll", "stream.nextPage()");
		scroll = scroll.attr("infinite-scroll-distance", 1);

		return scroll;
	}

	protected String defaultDataUrl() {
		String url = Str.trimr(Str.trimr(ReqInfo.get().path(), "/"), ".html");

		if (U.isEmpty(url)) {
			url = "/index";
		}

		return url + ".js";
	}

	public Object template() {
		return template;
	}

	public InfiniteStream template(Object template) {
		this.template = template;
		return this;
	}

	public String dataUrl() {
		return dataUrl;
	}

	public InfiniteStream dataUrl(String dataUrl) {
		this.dataUrl = dataUrl;
		return this;
	}

	public int cols() {
		return cols;
	}

	public InfiniteStream cols(int cols) {
		this.cols = cols;
		return this;
	}

	public String rowClass() {
		return rowClass;
	}

	public InfiniteStream rowClass(String rowClass) {
		this.rowClass = rowClass;
		return this;
	}

	public int page() {
		return page;
	}

	public InfiniteStream page(int page) {
		this.page = page;
		return this;
	}

	public String after() {
		return after;
	}

	public InfiniteStream after(String after) {
		this.after = after;
		return this;
	}
}