/*
	This file is part of Bolixo.

	Bolixo is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	Bolixo is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with Bolixo.  If not, see <https://www.gnu.org/licenses/>.
*/
#include <string.h>
#include <time.h>
#include <sys/stat.h>
#include <tlmpweb.h>
#include <tlmplib.h>
#include <trlitool.h>
#include <string>
#include <tlmpweb.h>
#include <set>
#define DEFINE_TBFTYPE
#include "../bolixo.h"
#define DEFINE_USERINFO
#include "util.h"
#include <translat.h>
#include "../bolixo.m"
#include "../helper.h"
#define INSTRUMENT_EXTERN
#include "../instrument.h"
#include "w_var.h"
#include "steps.h"

using namespace std;
USERLOGINFO userinfo;
string w_session;

#define bo_sessiond_client_test_NOTNEED
#define bo_sessiond_client_getsessioninfovars_NOTNEED
#define bod_client_createsession_NOTNEED
#define bod_client_login_NOTNEED
#define bod_client_logout_NOTNEED
#define bod_client_adduser_NOTNEED
#define bod_client_confirmuser_NOTNEED
#define bod_client_deleteuser_NOTNEED
#define bod_client_confirmdelete_NOTNEED
#define bod_client_addfile_NOTNEED
#define bod_client_addfile_bob_NOTNEED
#define bod_client_appendfile_NOTNEED
#define bod_client_delfile_NOTNEED
#define bod_client_undelete_NOTNEED
#define bod_client_modifyfile_NOTNEED
#define bod_client_modifyfile_bob_NOTNEED
#define bod_client_rename_NOTNEED
#define bod_client_copy_NOTNEED
#define bod_client_readfile_NOTNEED
#define bod_client_mkdir_NOTNEED
#define bod_client_rmdir_NOTNEED
#define bod_client_listdir_NOTNEED
#define bod_client_set_access_NOTNEED
#define bod_client_create_group_list_NOTNEED
#define bod_client_create_group_NOTNEED
#define bod_client_set_group_NOTNEED
#define bod_client_set_member_NOTNEED
#define bod_client_delete_list_NOTNEED
#define bod_client_delete_group_NOTNEED
#define bod_client_list_lists_NOTNEED
#define bod_client_list_groups_NOTNEED
#define bod_client_list_inboxes_NOTNEED
#define bod_client_list_msgs_NOTNEED
#define bod_client_sendmsg_NOTNEED
#define bod_client_sendmsg_project_NOTNEED
#define bod_client_replymsg_NOTNEED
#define bod_client_replymsg_project_NOTNEED
#define bod_client_sendattach_NOTNEED
#define bod_client_create_project_dir_NOTNEED
#define bod_client_verifysign_NOTNEED
#define bod_client_sendtalk_NOTNEED
#define bod_client_list_talk_NOTNEED
#define bod_client_contact_list_NOTNEED
#define bod_client_public_checkuser_NOTNEED
#define bod_client_public_listdir_NOTNEED
#define bod_client_public_list_talk_NOTNEED
#define bod_client_config_write_NOTNEED
#define bod_client_config_read_NOTNEED
#define bod_client_contact_manage_NOTNEED
#define bod_client_contact_request_NOTNEED
#define bod_client_sendtalk_file_NOTNEED
#define bod_client_set_group_desc_NOTNEED
#define bod_client_set_list_desc_NOTNEED
#define bod_client_form_readvar_NOTNEED
#define bod_client_form_savevar_NOTNEED
#define bod_client_form_deletevar_NOTNEED
#define bod_client_form_deleteall_NOTNEED
#define bod_client_interest_set_NOTNEED
#define bod_client_interest_unset_NOTNEED
#define bod_client_interest_list_NOTNEED
#define bod_client_interest_check_NOTNEED
#define bod_client_info_read_NOTNEED
#define bod_client_info_write_NOTNEED
#define bod_client_systempubkey_NOTNEED
#define bod_client_systemsign_NOTNEED
#define bod_client_registernode_NOTNEED
#define bod_client_getpubkey_NOTNEED
#define bod_client_remotelogin_NOTNEED
#define bod_client_remotepass_NOTNEED
#define bod_client_nodelogin_NOTNEED
#define bod_client_nodepass_NOTNEED
#define bod_client_remote_interest_set_NOTNEED
#define bod_client_remote_interest_unset_NOTNEED
#define bod_client_sendtalk_anon_NOTNEED
#define bod_client_list_contacts_NOTNEED
#define bod_client_get_notification_NOTNEED
#define bod_client_set_notification_NOTNEED

#include "../proto/bod_client.protoch"

#define bo_sessiond_client_getsessioninfo_NOTNEED
#define bo_sessiond_client_setvar_NOTNEED
#include "../proto/bo-sessiond_client.protoch"
W_UNSIGNED w_robot ("robot");
static W_SSTRING w_file("file");
static float small_size=0.9;
static unsigned draw_tab_height()
{
	unsigned fontsize = tlmpweb_fontsize();
	unsigned height = fontsize*1.3*small_size;
	if (height < 20) height = 20;
	return height+2;	// Keep some space at the top
}
unsigned draw_tab (
	unsigned width,		// TAB width or 0 (computed from the title)
	const char *fill,	// Fill color
	const char *fill_in, 	// Fill color for mouseover
	bool close,		// Close the path or not
	const char *title,
	bool drawx,		// Put an X at the end (normally to close the TAB)
	PARAM_STRING href,	// URL when the TAB is clicked
	PARAM_STRING xref)	// URL when the X is clicked
{
	unsigned height = draw_tab_height();
	static STATIC_ID alloc_id;
	unsigned id = alloc_id++;
	if (width == 0){
		width = tlmpweb_displaylen(title,small_size);	// See the .small css entry above
		if (drawx){
			width += 10+5+15;
		}else{
			// We put 10 pixels on each side
			width += 10+10;
		}
	}
	htmlprintf ("<svg width=%u height=%u>\n",width,height);
	htmlprintf ("<a href='#' onclick=formsubmit('%s') onmouseover=changefill2('tabrect%u','tabsrect%u','%s')"
		" onmouseout=changefill2('tabrect%u','tabsrect%u','%s')"
		,href.ptr,id,id,fill_in,id,id,fill);
	if (drawx){
		// For mobile, it is difficult (impossible) to reach the X to close a tab. So we do not even try to draw it.
		// But we use a trick. We use the oncontextmenu, normally used to popup a ... context menu.
		// But this menu would only hold one option: close tab.
		// To activate a context menu, you have to put your finger on the tab and wait. The single
		// line menu appears below, hidden by your finger.
		// On instead of poping a menu, we execute the action
		htmlprintf (" oncontextmenu='formsubmit(\"%s\"); return false;'",xref.ptr);
	}
	htmlprintf (">\n<path id=tabrect%u fill='%s' stroke=black stroke-width=1\n",id,fill);
	htmlout ("d=\"\n");
	htmlprintf ("M0,%u\n",height);
	htmlout ("H1\n");
	htmlout ("V12\n");
	htmlout ("Q1,2 12,2\n");
	htmlprintf ("H%u\n",width-12);
	htmlprintf ("Q%u,2 %u,12\n",width-2,width-2);
	htmlprintf ("V%u\n",height);
	htmlprintf ("H%u\n",width);
	if (close) htmlout ("z\n");
	htmlout ("\"/>\n");
	htmlprintf ("\t<text x=10 y=%u class=small>%s</text>\n",height-tlmpweb_fontsize()/4-1,title);
	htmlout ("</a>\n");
	if (drawx && !tlmpweb_ismobile()){
		unsigned x=width-17;
		htmlprintf ("<a href='#' onclick=formsubmit('%s') onmouseover=changefill('tabxrect%u','#D0D0D0') onmouseout=changefill('tabxrect%u','none')>\n",xref.ptr,id,id);
		// First rect is there to make the a tag larger. fill=none does not work. So we have to give it the same color
		// as the tab and changefill2 will change the color of the tab and this rect.
		// The second rect is used to highlit the X
		htmlprintf ("<rect id='tabsrect%u' x=%u y=%u width=16 height=%u fill=%s />\n",id,x-5,4,height-6,fill);
		unsigned hmiddle = height/2+2;
		unsigned h14 = height-8;
		unsigned h8=height/3;
		if (h8 & 1) h8++;	// Make sure h8 is even.
		htmlprintf ("<rect id='tabxrect%u' x=%u y=%u rx=2 ry=2 width=%u height=%u fill=none />\n",id,x-3,4,h14,height-4);
		htmlprintf ("<path stroke=black stroke-width=1 d='M%u,%u l%u,%u M%u,%u l%u,-%u'/>\n"
			,x,hmiddle-h8/2,h8,h8
			,x,hmiddle+h8/2,h8,h8);
		htmlout ("</a>\n");
	}
	htmlout ("</svg>\n");
	return width;
}
// Same thing with no X
unsigned draw_tab (unsigned width, const char *fill, const char *fill_in, bool close, const char *title, PARAM_STRING href)
{
	return draw_tab (width,fill,fill_in,close,title,false,href,"");
}
void draw_left_arrow(bool visible, PARAM_STRING xref)
{
	unsigned height = draw_tab_height();
	htmlprintf ("<svg width=20 height=%u>\n",height);
	if (visible){
		static STATIC_ID alloc_id;
		unsigned id=alloc_id++;
		htmlprintf ("<a href='#' onclick=formsubmit('%s') onmouseover=changefill('larrow%u','#D0D0D0') onmouseout=changefill('larrow%u','none')>\n",xref.ptr,id,id);
		htmlprintf ("<rect id='larrow%u' x=2 y=2 rx=2 ry=2 width=16 height=%u fill=none />\n",id,height-4);
	}
	const char *color = visible ? "black" : "white";
	unsigned h2=height/2;
	htmlprintf ("<path fill=%s stroke=%s stroke-width=1 d='M4,%u L12,%u L12,%u z' />\n",color,color,h2,h2-8,h2+8);
	if (visible) htmlout ("</a>\n");
	// Always put the underline
	htmlprintf ("<path stroke=black stroke-width=1 d='M0,%u l20,0'/>\n",height);
	htmlout ("</svg>\n");	
}
void draw_right_arrow(bool visible, PARAM_STRING xref)
{
	unsigned height = draw_tab_height();
	htmlprintf ("<svg width=20 height=%u>\n",height);
	if (visible){
		static STATIC_ID alloc_id;
		unsigned id=alloc_id++;
		htmlprintf ("<a href='#' onclick=formsubmit('%s') onmouseover=changefill('rarrow%u','#D0D0D0') onmouseout=changefill('rarrow%u','none')>\n",xref.ptr,id,id);
		htmlprintf ("<rect id='rarrow%u' x=2 y=2 rx=2 ry=2 width=16 height=%u fill=none />\n",id,height-4);
	}
	const char *color = visible ? "black" : "white";
	unsigned h2=height/2;
	htmlprintf ("<path fill=%s stroke=%s stroke-width=1 d='M16,%u L8,%u L8,%u z' />\n",color,color,h2,h2-8,h2+8);
	if (visible) htmlout ("</a>\n");
	// Always put the underline
	htmlprintf("<path stroke=black stroke-width=1 d='M0,%u l20,0'/>\n",height);
	htmlout ("</svg>\n");	
}

static void print_href_c (const char *title, PARAM_STRING href, const char *color)
{
	bool close = strcmp(color,"white")==0 ? false : true;
	draw_tab (0,color,color,close,title,href);
}
void print_href (const char *title, PARAM_STRING href, bool notify)
{
	print_href_c(title, href,notify ? "pink" : "#EAEAEA");
}
void print_aref (const char *page, const char *title, int step, bool notify)
{
	string href = string_f ("%s?webstep=%d",page,step);
	print_href (title,href,notify);
}
void print_aref (const char *title, int step, bool notify)
{
	print_aref (tlmpweb_curpage(),title,step,notify);
}
void print_aref_selected (const char *page, const char *title, int step)
{
	string href = string_f ("%s?webstep=%d",page,step);
	print_href_c (title,href,"white");
}
void print_aref_selected (const char *title, int step)
{
	print_aref_selected (tlmpweb_curpage(),title,step);
}
#if 0
void print_aref_selected (const char *page, const char *title, int step, W_VAR &var)
{
	SSTRING val;
	var.getvalstr(val);
	string href = string_f ("%s?webstep=%d&%s=%s",page,step,var.getname(),val.c_str());
	print_href_c (title,href,"#220022");
}
void print_aref_selected (const char *title, int step, W_VAR &var)
{
	print_aref_selected (tlmpweb_curpage(),title,step,var);
}
void print_aref (const char *page, const char *title, int step, W_VAR &var)
{
	SSTRING val;
	var.getvalstr(val);
	string href = string_f ("%s?webstep=%d&%s=%s",page,step,var.getname(),val.c_str());
	print_href (title,href);
}
void print_aref (const char *title, int step, W_VAR &var)
{
	print_aref (tlmpweb_curpage(),title,step,var);
}
void print_aref (const char *title, int step, W_VAR &var1, W_VAR &var2)
{
	SSTRING val1,val2;
	var1.getvalstr(val1);
	var2.getvalstr(val2);
	string href = string_f ("%s?webstep=%d&%s=%s&%s=%s",tlmpweb_curpage(),step
		,var1.getname(),val1.c_str()
		,var2.getname(),val2.c_str());
	print_href (title,href);
}
void print_aref (const char *title, int step, W_VAR &var1, const char *varname2, const char *val2)
{
	SSTRING val1;
	var1.getvalstr(val1);
	string href = string_f ("%s?webstep=%d&%s=%s&%s=%s",tlmpweb_curpage(),step
		,var1.getname(),val1.c_str()
		,varname2,val2);
	print_href (title,href);
}
void print_aref (const char *title, int step, W_VAR &var1, W_VAR &var2, W_VAR &var3)
{
	SSTRING val1,val2,val3;
	var1.getvalstr(val1);
	var2.getvalstr(val2);
	var3.getvalstr(val3);
	string href = string_f ("%s?webstep=%d&%s=%s&%s=%s&%s=%s",tlmpweb_curpage(),step
		,var1.getname(),val1.c_str()
		,var2.getname(),val2.c_str()
		,var3.getname(),val3.c_str());
	print_href (title,href);
}
#endif
const char *format_line (const char *s)
{
	while (*s != '\0' && *s != '\n'){
		char car = *s++;
		if (car == '<'){
			htmlout ("&lt;");
		}else if (car == '>'){
			htmlout ("&gt;");
		}else{
			htmlout (car);
		}
	}
	return s;
}
const char *format_url (const char *s)
{
	if (strncmp(s,"http://",7)!=0 && strncasecmp(s,"https://",8)!=0) htmlout ("http://");
	return format_line (s);
}

void format_href(const char *s)
{
	htmlout ("<a href=");
	format_url(s);
	htmlout (">");
	if (strlen(s) > 50){
		string tmp = string(s,80) + "...";
		format_url(tmp.c_str());
	}else{
		format_url(s);
	}
	htmlout("</a>");
}

void format_content (const char *s, int nbline, bool &more)
{
	more = false;
	bool ol_on = false;
	bool ul_on = false;
	bool quote_on = false;
	int noline = 0;
	while (*s != '\0' && noline < nbline){
		if (*s == '\n'){
			if (ul_on){
				htmlout ("</ul>");
				ul_on = false;
			}else if (ol_on){
				htmlout ("</ol>");
				ol_on = false;
			}else if (quote_on){
				htmlout ("</blockquote>");
				quote_on = false;
			}
			htmlout ("<p>\n");
			s++;
			noline++;
		}else{
			const char *closing = "";
			if (*s == '*'){
				if (ol_on){
					ol_on = false;
					htmlout ("</ol>");
				}
				if (!ul_on){
					htmlout ("<ul>");
					ul_on = true;
				}
				htmlout ("<li>");
				s++;
			}else if (*s == '#'){
				if (ul_on){
					htmlout ("</ul>");
					ul_on = false;
				}
				if (!ol_on){
					htmlout ("<ol>");
					ol_on = true;
				}
				htmlout ("<li>");
				s++;
			}else if (*s == '?'){
				s++;
				while (*s == ' ') s++;
				htmlout ("<a href=\"");
				format_url (s);
				htmlout ("\">");
				s = format_url (s);
				htmlout ("</a>");
			}else if (*s == '!'){
				s++;
				if (*s == '!'){
					s++;
					htmlout ("<h2>");
					closing = "</h2>";
				}else{
					htmlout ("<strong>");
					closing = "</strong>";
				}
			}else if (*s == '>'){
				quote_on=true;
				s++;
				htmlout ("<blockquote>");
			}
			s = format_line (s);
			noline++;
			htmlout (closing);
			if (*s == '\n'){
				s++;
				htmlout ('\n');
			}
		}
	}
	if (ul_on){
		htmlout ("</ul>");
	}
	if (ol_on){
		htmlout ("</ol>");
	}
	if (*s != '\0') more = true;
}
void format_content (const char *s)
{
	bool more;
	format_content(s,10000,more);
}
void formatting_tips()
{
	printhref ("/marker.html","Formatting tips",false);
}

void util_google_code()
{
	#if 0
	htmlout ("<script async src=\"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script>\n");
	htmlout ("<script>\n");
	htmlout ("   (adsbygoogle = window.adsbygoogle || []).push({\n");
	htmlout ("    google_ad_client: \"ca-pub-8720824140107899\",\n");
	htmlout ("    enable_page_level_ads: true\n");
	htmlout ("  });\n");
	htmlout ("</script>\n");
	#endif
}
static unsigned mobile_body_font_size=300;
static unsigned mobile_input_font_size=80;

void util_setmobilespecs (unsigned body_font_size, unsigned input_font_size)
{
	mobile_body_font_size = body_font_size;
	mobile_input_font_size = input_font_size;
}
/*
	Javascript needed at the end of the HTML
*/
void util_endscript(PARAM_STRING urlparam)
{
	// Script to make sure the webtabs tabs use the full height of the screen
	// Then it takes the webtables and grows them too.
	<?
	<script>
		document.onreadystatechange = function () {
			var state = document.readyState;
			if (state == 'interactive') {
				fixsize();
			} else if (state == 'complete') {
			}
		};
		var diff = 0;
		function allDescendants (node,total) {
			//console.log ('Enter ' + node.className + ' ' + node.id);
			if (node.className == "tabs" || node.className == "subtabs"){
				var bord=(node.offsetHeight-node.clientHeight);
				//var style = node.currentStyle || window.getComputedStyle(node);
				var style = window.getComputedStyle(node);
				var margins = parseInt(style.marginTop,10) + parseInt(style.marginBottom,10);
				var paddings = parseInt(style.paddingTop,10) + parseInt(style.paddingBottom,10);
				total += bord + margins + paddings;
				console.log ("border cls=" + node.className + " node.id=" + node.id + " total="+total+" bord="+bord + " margins="+margins+ " paddings="+paddings);
				if (node.className == "subtabs"){
					console.log ("Set subtabs "+node.id+" total="+total+" oldheight="+node.offsetHeight);
					node.style.height = diff - total;
				}
			}
			for (var i = 0; i < node.childNodes.length; i++) {
				var child = node.childNodes[i];
				if (child.id != null
					&& (child.id == "tabs"
						|| child.id == "tab_form"
						|| child.id == "webtable-top")){
					total += child.offsetHeight;
					var style = window.getComputedStyle(child);
					total += parseInt(style.getPropertyValue('margin-top'));
					total += parseInt(style.getPropertyValue('margin-bottom'));
					if (child.id == "tab_form") total += 2;	// Bug scrollbar ???
					console.log ("child.id=" + child.id + " total="+total+" height="+child.offsetHeight);
				}else{
					if (child.id != null && child.id == "vframe2h"){
						var bord=(child.offsetWidth-child.clientWidth);
						total += bord;
						console.log ("border child.id=" + child.id + " total="+total+" border="+bord);
					}else if (child.className == "webtable" || child.className == "textgrow"){
						console.log ("Set webtable "+child.id+" total="+total+" oldheight="+child.offsetHeight);
						child.style.height = diff - total;
						break;
					}
					total = allDescendants(child,total);
				}
			}
			return total;
		}
		function fixsize(){
			var t = document.getElementById('head').offsetHeight;
			diff = window.innerHeight-t;
			console.log ("diff="+diff);
			document.getElementById('body').style.height = diff-1;
			document.getElementById('main').style.height = window.innerHeight-1;
			var tabs = document.getElementsByClassName("tabs");
			for (var i=0; i<tabs.length; i++){
				var node = tabs[i];
				var style = node.currentStyle || window.getComputedStyle(node);
				var margins = parseInt(style.marginTop,10);
				margins += parseInt(style.marginBottom,10);
				node.style.height = diff-2-margins;
			}
			console.log ('tabs.length=' + tabs.length);
			var i;
			for (i=0; i<tabs.length; i++){
				allDescendants (tabs[i],0);
			}
			var tables = document.getElementsByClassName('webtable');
			for (i = 0; i < tables.length; i++) {
				var table = tables[i];
				console.log (table.id+" "+table.offsetHeight+" "+table.offsetWidth);
			}
	
	?>
	webtable_setscroll();
	if (tlmpweb_some_geometry_missing()){
		const char *sep1 = "?";
		const char *sep2 = "&";
		if (urlparam.ptr[0] == '\0'){
			sep1 = sep2 = "";
		}
		htmlprintf ("formsubmit(\"%s%s%s\");\n",tlmpweb_curpage(),sep1,urlparam.ptr);
	}
	<?
		}
	</script>
	?>
}

void util_defstyles()
{
	unsigned body_font_size=100;
	unsigned input_font_size=100;
	unsigned input_checkbox=1;
	if (tlmpweb_ismobile()){
		body_font_size = mobile_body_font_size;
		input_font_size = mobile_input_font_size;
		small_size = 1.0;
		input_checkbox = 3;
	}
	htmlout ("<meta name=\"mobile-web-app-capable\" content=\"yes\">\n");
	htmlout ("<style>\n");
	htmlprintf ("body{\n"
		"	font-size: %u%%\n"
		"}\n",body_font_size);
	htmlprintf ("input,select{\n"
		"	font-size: %u%%\n"
		"}\n",input_font_size);
	htmlprintf ("input[type=checkbox],input[type=radio] {\n"
		"	transform: scale(%u);\n"
		"}\n",input_checkbox);
	htmlprintf (
		"textarea{\n"
		"	resize: none;\n"
		"	font-size: %u%%;\n"
		"}\n",input_font_size);
	htmlout (
		"table, tr, td {\n"
		"	font-size: 1em;\n"
		"}\n"
		"a{\n"
		"	text-decoration: none;\n"
		"}\n"
		"table{\n"
		"	border-radius: 5px;\n"
		"	border-spacing : 0;\n"
		"	border-collapse : collapse;\n"
		"}\n"
		"blockquote{\n"
		"	font-style: italic;\n"
		"	font-size: 18px;\n"
		"	margin-left: 32px;\n"
		"	font-family: Consolas, \"Times New Roman\", Verdana;\n"
		"	border-left: 4px solid #CCC;\n"
		"	padding-left: 8px;\n"
		"}\n"
		"#date0_7b{\n"
		"	font-size: 0.8em;\n"
		"	color: white;\n"
		"}\n"
		"#date0_7{\n"
		"	font-size: 0.8em;\n"
		"}\n"
		".smsg {\n"
		"	font-size: 1em;\n"
		"	display: block;\n"
		"	overflow-wrap: anywhere;\n"	//break-word;\n"
		"	background-color: #F0F0F0;\n"
		"	border-radius: 10px;\n"
		"	padding-left: 5px;\n"
		"	padding-right: 5px;\n"
		"	padding-top: 5px;\n"
		"	padding-bottom: 5px;\n"
		//"	word-wrap: break-word;\n"
		"}\n"
		//".webtable tr {\n"
		//"	white-space: nowrap;\n"
		//"}\n"
		);
	htmlprintf (
		".small {\n"
		"	font-size: %0.2fem;\n"
		"	file: gray;\n"
		"}\n",small_size);
	htmlout("</style>\n");
	tlmpweb_setscripts();
	htmlout ("<script>\n");
	if (tlmpweb_ismobile()){
		htmlout (
			"document.addEventListener('touchstart', handleTouchStart, false);\n"
			"document.addEventListener('touchmove', handleTouchMove, false);\n"
			"document.addEventListener('touchend', handleTouchEnd, false);\n"
			"\n"
			"var swipelefthref = null;\n"
			"var swiperighthref = null;\n"
			"var smallswipelefthref = null;\n"
			"var smallswiperighthref = null;\n"
			"var swipeStart = null;\n"
			"var xDown = null;\n"
			"var xDiff = null;\n"
			"var yDown = null;\n"
			"var yDiff = null;\n"
			"\n"
			"function getTouches(evt) {\n"
			"	return evt.touches ||\n"		// browser API
			"		evt.originalEvent.touches;\n"	// jQuery
			"}\n"
			"\n"
			"function handleTouchStart(evt) {\n"
			"	const firstTouch = getTouches(evt)[0];\n"
			"	xDown = firstTouch.clientX;\n"
			"	yDown = firstTouch.clientY;\n"
			"	var d = new Date();\n"
			"	swipeStart = d.getTime();\n"
			"}\n"                                                
			"function handleTouchEnd(evt) {\n"
			//"	console.log ('END xDiff = ' + xDiff);\n"
			"	var d = new Date();\n"
			"	var duration = d.getTime() - swipeStart;\n"
			"	if (duration > 400){\n"
					// Do nothing
			"	}else if (xDiff > 400){\n"
					// right swipe
			"		if (swiperighthref) formsubmit(swiperighthref);\n"
			"	}else if (xDiff < -400){\n"
					// left swipe
			"		if (swipelefthref) formsubmit(swipelefthref);\n"
			"	}else if (Math.abs(yDiff) < 200){\n"
			"		if (xDiff > 0){\n"
						// small right swipe
			"			if (smallswiperighthref) formsubmit(smallswiperighthref);\n"
			"		}else if (xDiff < 0){\n"
						// small left swipe
			"			if (smallswipelefthref) formsubmit(smallswipelefthref);\n"
			"		}\n"
			"	}\n"
			"	xDown = null;\n"
			"	yDown = null;\n"
			"}\n"                                                
			"\n"
			"function handleTouchMove(evt) {\n"
			"	if ( ! xDown || ! yDown ) {\n"
			"		return;\n"
			"	}\n"
			"\n"
			"	var last = evt.touches.length-1;\n"
			"	var xUp = evt.touches[last].clientX;\n"
			"	var yUp = evt.touches[last].clientY;\n"
			"\n"
			"	xDiff = xDown - xUp;\n"
			"	yDiff = yDown - yUp;\n"
			//"	console.log ('xd '+xDown + ' ' + xUp + ' ' + xDiff+ ' ' + last);\n"
			"\n"
			"}\n"
			);
	}
	htmlout (
		"function dropmenu(dropdown,menu,width){\n"
		"	var drop = document.getElementById(dropdown);\n"
		"	var dot = document.getElementById(menu);\n"
		"	var atags = drop.getElementsByTagName('a');\n"
		"	for (var i = 0; i < atags.length; i++) {\n"
		"		var child = atags[i];\n"
		"		child.classList.remove ('hide');\n"
		"		child.classList.add ('show');\n"
		"		child.style.color = 'black';\n"
		"	}\n"
		"	drop.style.minWidth = width;\n"
		"	var rect = dot.getBoundingClientRect();\n"
		"	drop.style.left = rect.right - width - 10;\n"
		"	drop.style.top = rect.bottom;\n"
		"	drop.classList.toggle('show');\n"
		"	return false;\n"
		"}\n"
		"function openintab(event,href){\n"
		"	window.open(href,'_blank');\n"
		"	event.stopPropagation();\n"
		"	return false;\n"
		"}\n"
		);
	htmlout ("</script>\n");
}

/*
	Draw a 3 dots menu and the associated popup.
*/
void util_dotmenu (const vector<DOTMENU> &menu, bool is_active)
{
	static const char *id_dropdown = "dropdown-dot";
	static const char *id_menu = "dotmenu";
	unsigned popup_width = 0;
	{
		DIV d("dropdown"); d.print();
		DIV dd("dropdown-content",id_dropdown); dd.print();
		for (auto &m:menu){
			htmlprintf ("<a href='#' onclick=formsubmit('%s?webstep=%u')>%s</a>\n",tlmpweb_curpage(),m.step,m.menu);
			unsigned menu_width = tlmpweb_displaylen(m.menu);
			if (menu_width > popup_width) popup_width = menu_width;
		}
	}

	DIV d; d.id(id_menu).print();
	unsigned height = draw_tab_height();
	unsigned width = height;
	if (tlmpweb_ismobile()) width *= 2;
	unsigned w2 = width/2;
	unsigned ray=tlmpweb_ismobile() ? 2 : 1;
	htmlprintf ("<a href=# onclick='return dropmenu(\"%s\",\"%s\",%u);'>",id_dropdown,id_menu,popup_width);
	htmlprintf ("<svg width=%u height=%u>",width,height);
	htmlprintf ("<circle cx=%u cy=%u r=%u stroke=black stroke-width=1 fill=black />",w2,height/4,ray);
	htmlprintf ("<circle cx=%u cy=%u r=%u stroke=black stroke-width=1 fill=black />",w2,height/2,ray);
	htmlprintf ("<circle cx=%u cy=%u r=%u stroke=black stroke-width=1 fill=black />",w2,height*3/4,ray);
	if (!is_active) htmlprintf ("<path stroke=black stroke-width=1 d='M0,%u h%u' />",height,width);
	htmlout ("</svg>");
	htmlout ("</a>\n");
}

void printhref(const char *url, const char *text)
{
	htmlprintf ("<a href=\"%s\"><table bgcolor=\"#33cc33\"><tr><td style=\"padding:5px\"><font size=4 color=white>&nbsp;%s&nbsp;</font></table></a>",url,text);
}
void printhref_selected(const char *url, const char *text)
{
	htmlprintf ("<a href=\"%s\"><table bgcolor=\"#220022\"><tr><td style=\"padding:5px\"><font size=4 color=white>&nbsp;%s&nbsp;</font></table></a>",url,text);
}
void printhref(const char *url, const char *text, bool largewindow)
{
	if (w_robot){
		htmlprintf ("<a href=\"%s\">%s</a>",url,text);
	}else{
		const char *script = largewindow ? "popup_large" : "popup_small";
		htmlprintf ("<a href=\"#\" onclick=%s(\"%s\")><table bgcolor=\"#33cc33\"><tr><td style=\"padding:5px\"><font size=4 color=white>&nbsp;%s&nbsp;</font></table></a>",script,url,text);
	}
}
void printhref_raw(const char *url, const char *text, bool largewindow)
{
	if (w_robot){
		htmlprintf ("<a href=\"%s\">%s</a>",url,text);
	}else{
		const char *script = largewindow ? "popup_large" : "popup_small";
		htmlprintf ("<a href=\"#\" onclick=%s(\"%s\")>%s</a>",script,url,text);
	}
}
string format_date (unsigned format, PARAM_STRING pdate)
{
	static TRANS_NOTLOAD *tbmonth[]={P_MSG_U(I_JANUARY,"Jan"),P_MSG_U(I_FEBRUARY,"Feb"),P_MSG_U(I_MARCH,"Mar")
		,P_MSG_U(I_APRIL,"Apr"),P_MSG_U(I_MAY,"May"),P_MSG_U(I_JUNE,"Jun")
		,P_MSG_U(I_JULY,"Jul"),P_MSG_U(I_AUGUST,"Aug"),P_MSG_U(I_SEPTEMBER,"Sep")
		,P_MSG_U(I_OCTOBER,"Oct"),P_MSG_U(I_NOVEMBER,"Nov"),P_MSG_U(I_DECEMBER,"Dec")};
	const char *date = pdate.ptr;
	if (format != 0){
		return date;
	}else if (strlen(date)==19){
		int year = atoi(date);
		int month = atoi(date+5);
		int day = atoi(date+8);
		int hour = atoi(date+11);
		int minu = atoi(date+14);
		const char *ampm = "AM";
		if (hour > 12){
			hour -= 12;
			ampm="PM";
		}
		return string_f (" %s %d %04d @%d:%02d%s",tbmonth[month-1]->get(),day,year,hour,minu,ampm);
	}else if (strlen(date)==10){
		int year = atoi(date);
		int month = atoi(date+5);
		int day = atoi(date+8);
		return string_f (" %s %d %04d",tbmonth[month-1]->get(),day,year);
	}else{
		return date;
	}
}
string format_time (unsigned format, PARAM_STRING ptime)
{
	const char *time = ptime.ptr;
	if (format != 0){
		return string(time,5);
	}else if (strlen(time)==8){
		int hour = atoi(time);
		int minu = atoi(time+3);
		const char *ampm = "AM";
		if (hour > 12){
			hour -= 12;
			ampm="PM";
		}
		return string_f ("%d:%02d%s",hour,minu,ampm);
	}else{
		return time;
	}
}

void util_formanchor()
{
	htmlprintf ("<a name=\"form\">\n");
}
void button_row(_F_button_row &c, int border, const char *bgcolor, bool alignleft)
{
	vector<GRABLINE> left_lines;
	tlmpweb_pushgrab(left_lines);
	c.align="left";
	c.draw();
	tlmpweb_popgrab();
	vector<GRABLINE> right_lines;
	tlmpweb_pushgrab(right_lines);
	c.align="right";
	c.spliton = false;
	c.draw_right();
	tlmpweb_popgrab();
	if (left_lines.size() > 0 || right_lines.size()>0){
		DIV cols; cols.dispflex().flowrow();
		if (!alignleft) cols.sfloat("right");
		cols.print();
		if (c.href_arrow_left.size() > 0){
			DIV col; col.flexfixe().print();
			draw_left_arrow(c.arrow_left_visible,c.href_arrow_left);
		}
		{
			DIV col; col.flexgrow().overflow("hidden").print();
			DIV d; d.dispflex().flowrow().bg("none").overflow("hidden").print();
			if (left_lines.size() > 0){
				htmlout (left_lines);
				htmlout ("</div>\n");
			}
			if (c.endline){
				htmlout ("<div>\n");
				unsigned height = draw_tab_height();
				htmlprintf ("<svg width=%u height=%u>\n",c.endline_width,height);
				htmlprintf ("<path stroke=black stroke-width=1 d='M0,%u h%u' />\n",height,c.endline_width);
				htmlout ("</svg>\n");
				htmlout ("</div>\n");
			}
		}
		if (c.href_arrow_right.size() > 0){
			DIV col; col.flexfixe().print();
			draw_right_arrow(c.arrow_right_visible,c.href_arrow_right);
		}
		DIV end; end.flexfixe().print();
		if (right_lines.size() > 0){
			htmlout (right_lines);
			htmlout ("</div>\n");
		}
	}
}
void button_row(_F_button_row &c, int border, const char *bgcolor)
{
	button_row(c,border,bgcolor,true);
}
void button_row(_F_button_row &c, int border)
{
	button_row (c,border,"white",true);
}
void button_row(_F_button_row &c)
{
	button_row(c,0,"white",true);
}
void _F_button_row::draw_right()
{
}
void _F_button_row::reset()
{
	spliton = false;
	tlmpweb_resetgrab();
}
void _F_button_row::split()
{
	if (spliton) htmlout ("</div>\n");
	htmlout ("<div>\n");
	spliton = true;
}
void _F_button_row::drawendline(unsigned width)
{
	endline_width = width;
	endline = true;
}
void _F_button_row::drawleftarrow (PARAM_STRING href, bool visible)
{
	arrow_left_visible = visible;
	href_arrow_left = href.ptr;
}
void _F_button_row::drawrightarrow (PARAM_STRING href, bool visible)
{
	arrow_right_visible = visible;
	href_arrow_right = href.ptr;
}
static const char *tbtype[]={
        "text/html",	//FILE_UNKNOWN,
        "text/html",	//FILE_TEXT,
	"audio/mp3",	//FILE_SOUND_MP3,
	"audio/ogg",	//FILE_SOUND_OGG,
	"image/jpeg",	//FILE_IMAGE_JPG,
	"image/png",	//FILE_IMAGE_PNG,
	"image/gig",	//FILE_IMAGE_GIF,
	"video/mpeg"	 //FILE_VIDEO,
};
<mod>
static void util_sendfile_common(CONNECT_INFO &con, const READINFO_receive &info, const BOB_TYPE &content, bool more, const char *handle, const char *session)
{
	glocal CONNECT_INFO *con = &con;
	tlmpweb_setmodified(info.modified);
	tlmpweb_setexpire(time(NULL)+365*24*60*60);	// Expires in one year
	tlmpweb_doctype (tbtype[info.file_type],info.size);
	htmlwrite (content.getbuffer(),content.getsize());
	glocal bool more = more;
	while (glocal.more){
		<call bod_client_readmore>(*glocal.con,session,handle);
		<f ok>
			htmlwrite (content.getbuffer(),content.getsize());
			glocal.more = more;
			//tlmp_error ("readmore success=%d msg=%s\n",success,msg);
		</f>
		</call>
	}
}
</mod>	

static int util_sendfile (const char *fname)
{
	int ret = -1;
	FILE *fin = fopen (fname,"r");
	if (fin != NULL){
		struct stat64 st;
		time_t mod = 0;
		unsigned size = 0;
		if (fstat64(fileno(fin),&st)!=-1){
			size = st.st_size;
			mod = st.st_mtime;
		}
		tlmpweb_setmodified(mod);
		tlmpweb_doctype ("image/jpeg",size);
		char buf[64*1024];
		int n;
		while ((n=fread(buf,1,sizeof(buf),fin))>0){
			htmlwrite(buf,n);
		}
		fclose (fin);
		ret = 0;
	}
	return ret;
}
<mod>
int util_sendfile (CONNECT_INFO &con, PARAM_STRING session, PARAM_STRING filename)
{
	glocal int ret = -1;
	glocal CONNECT_INFO *con = &con;
	glocal const char *session = session.ptr;
	glocal bool is_mini_photo = strstr(filename.ptr,"/public/mini-photo.jpg")!=nullptr;
	glocal bool is_photo = strstr(filename.ptr,"/public/photo.jpg")!=nullptr;
	<call bod_client_readfile_bob>(con,session,filename,"",false);
	<f ok>
		if (success){
			glocal.ret = 0;
			util_sendfile_common(*glocal.con,info,content,more,handle,glocal.session);
		}else if (glocal.is_mini_photo){
			glocal.ret = util_sendfile("/var/www/html/no-mini-photo.jpg");
		}else if (glocal.is_photo){
			glocal.ret = util_sendfile("/var/www/html/no-photo.jpg");
		}else{
		}
	</f>
	</call>
	return glocal.ret;
}
</mod>
/*
	Send a file using the public api.
	The file is /username/file. We accept also username/file.
	So we extract the username
*/
<mod>
int util_sendpublicfile (CONNECT_INFO &con, PARAM_STRING filename)
{
	glocal int ret = -1;
	glocal CONNECT_INFO *con = &con;
	const char *pt = filename.ptr;
	if (*pt == '/') pt++;
	const char *start = pt;
	pt = strchr(pt,'/');
	if (pt != NULL){
		glocal const char *filename = pt;
		glocal string username = string(start,pt-start);
		<call bod_client_public_readfile>(con,glocal.username,pt,0);
		<f ok>
			if (!success){
				if (strcmp(glocal.filename,"/project/photo.jpg")==0){
					glocal.ret = util_sendfile ("/var/www/html/no-photo.jpg");
				}else if (strcmp(glocal.filename,"/project/mini-photo.jpg")==0){
					glocal.ret = util_sendfile ("/var/www/html/no-mini-photo.jpg");
				}
				if (glocal.ret != 0) tlmp_warning ("Can't read public file %s for user %s: %s\n",glocal.filename,glocal.username.c_str(),msg);
			}else{
				glocal.ret = 0;
				util_sendfile_common(*glocal.con,info,content,more,handle,"public");
			}
		</f>
		</call>
	}
	return glocal.ret;
}
</mod>

string util_flipspaces(PARAM_STRING src)
{
	string ret = src.ptr;
	for (auto &c:ret){
		if (c == ' ') c = '_';
	}
	return ret;
}
static bool util_is_url(const char *txt, const char *&end,string &url)
{
	bool ret = false;
	const char *pt;
	if (is_start_any_ofnc(txt,pt,"http://","https://")){
		pt = txt;
		while (*pt > ' ' && is_not_in(*pt,'"','>')) pt++;
		url = string(txt,pt-txt);
		end = pt;
		ret = true;
	}
	return ret;
}
/*
	Format and print a <span> ... </span> with openitab()
*/
void util_print_span(PARAM_STRING url)
{
	htmlprintf ("<span style=color:blue;cursor:pointer onclick=openintab(event,'%s')>%s</span>\n",url.ptr,url.ptr);
}
/*
	Format a <span> ... </span> with openitab()
*/
static string util_span(PARAM_STRING url)
{
	return string("<span style=color:blue;cursor:pointer onclick=openintab(event,'") + url.ptr + "')>" + url.ptr + "</span>";
}
/*
	Format an open <span> ... with openitab()
	(no closing </span>
*/
static string util_open_span(PARAM_STRING url)
{
	return string("<span style=color:blue;cursor:pointer onclick=openintab(event,'") + url.ptr + "')>";
}
void util_clickable_img (PARAM_STRING url, const char *image_width, unsigned border)
{
	htmlout ("<span style=color:blue onclick=openintab(event,'");
	htmlout (url.ptr);
	htmlout ("')>");
	htmlprintf ("<img width=%s border=%u src=%s>",image_width,border,url.ptr);
	htmlout ("</span>");
}
/*
	Create the HTML for a clickable image (using javascript openintab())
*/
string util_clickable_img (PARAM_STRING url, unsigned image_width)
{
	string ret;
	ret.reserve(500);
	ret = util_open_span(url);
	ret += string_f("<img width=%u src=",image_width);
	ret += url.ptr;
	ret += '>';
	ret += "</span>";
	return ret;
}
/*
	Format a short message, remove the signature
	Escapes < and >
	Supports ? for URL
*/
string util_format_shortmsg (PARAM_STRING msg, unsigned nblines, size_t size, unsigned image_width)
{
	const char *txt = msg.ptr;
	string ret;
	ret.reserve(nblines > 0 ? nblines*100 : 1000);
	unsigned pos=0;
	unsigned noline=0;
	if (nblines == 0) nblines=(unsigned)-1;
	while (*txt != '\0' && noline < nblines){
		if (*txt == '\n'){
			ret += "<br>\n";
			pos=0;
			noline++;
		}else{
			const char *pt;
			string url;
			if (util_is_url(txt,pt,url)){
				ret += util_span (string(txt,pt-txt));
				txt = pt-1;
			}else if (*txt == '<'){
				if (is_start_any_ofnc(txt,pt,"<br>","<sup>","</sup>","<sub>","</sub>","<em>","</em>","<strong>","</strong>","<b>","</b>")){
					while (txt < pt) ret += *txt++;
					txt--;	// There is a txt++ at the end of the loop.
				}else{
					ret += "&lt;";
				}
			}else if (*txt == '>'){
				ret += "&gt;";
			}else if (*txt == '\t'){
				unsigned nb = 4 - (pos%4);
				for (unsigned i=0; i<nb; i++) ret += "&nbsp;";
			}else if (is_start_any_of(txt,pt,"_IMG=")){
				txt = pt;
				if (util_is_url(txt,pt,url)){
					txt = pt;
					ret += util_clickable_img(url,image_width);
				}else{
					ret += "_IMG=";
				}
				txt--;
			}else if (is_start_any_of(txt,pt,"_VIDEO=")){
				txt = pt;
				if (util_is_url(txt,pt,url)){
					txt = pt;
					ret += util_open_span(url);
					ret += string_f ("<video width=%u controls>\n"
						"<source src=\"%s\" type=\"video/mp4\">\n"
						"Your browser does not support the video tag.\n"
						"</video>\n"
						,image_width,url.c_str());
					ret += "</span>";
				}else{
					ret += "_VIDEO=";
				}
				txt--;
			}else if (is_start_any_of(txt,pt,"_IFRAME=")){
				txt = pt;
				if (util_is_url(txt,pt,url)){
					txt = pt;
					ret += util_open_span(url);
					ret += "<div style=\"position:relative;padding-top:56.25%;\">\n";
					ret += string_f ("<iframe\n"
						"style=\"position:absolute;top:0;left:0;width:100%%;height:100%%;\"\n"
						"src=\"%s\"\n"
						"allowfullscreen"
						"></iframe>\n"
						,url.c_str());
					ret += "</div></span>";
				}else{
					ret += "_IFRAME=";
				}
				txt--;
			}else{
				ret += *txt;
				pos++;
			}
		}
		txt++;
	}
	if (*txt != '\0' || (size != 0 && size != strlen(msg.ptr))){
		if (ret.size() > 0 && ret[ret.size()-1] != '\n') ret += "<br>\n";
		ret += "...";
	}
	return ret;
}
string util_format_shortmsg (PARAM_STRING txt, unsigned image_width)
{
	return util_format_shortmsg (txt,0,0,image_width);
}

// Send an HTML document. Does some remaping of relative URLs. Prevent scripting as well.
void _F_public_page::sendhtml (const BOB_TYPE &content)
{
	string tmp((const char*)content.getbuffer(),content.getsize());
	const char *txt = tmp.c_str();
	const char *tosend = txt;
	while (*txt != '\0'){
		if (*txt == '<'){
			// Check if this is  <script>
			const char *pt = txt+1;
			while (isspace(*pt)) pt++;
			if (strncasecmp(pt,"script",6)==0){
				if (tosend < txt) htmlout (tosend,txt-tosend);
				htmlout ("&lt;");
				txt++;
				tosend = txt;	
			}else{
				txt++;
			}
		}else{
			bool is_href = strncmp(txt,"href=",5)==0;
			if (strncmp(txt,"src=",4)==0 || is_href){
				if (is_href){
					txt += 5;
				}else{
					txt += 4;
				}
				char space = ' ';	// Spaces are not part of the URL unless there is a quote
				if (*txt == '"' || *txt == '\''){
					txt++;
					space = '\0';
				}
				if (is_start_any_ofnc(txt,NONEED,"http:","https:") || *txt == '/'){
					txt++;
				}else{
					const char *pt = txt;
					while (*pt > space && is_not_in(*pt,'"','\'','>')) pt++;
					string url(txt,pt-txt);
					string newurl = projecturl (url,"",!is_href);
					if (tosend < txt) htmlout (tosend,txt-tosend);
					htmlout (newurl);
					txt = pt;
					tosend = txt;
				}
			}else{
				txt++;
			}
		}
	}
	if (tosend < txt) htmlout (tosend,txt-tosend);
}
/*
	Display the public page of a user either in the front-end (preview mode) or in the public.hc page
*/
void public_page (_F_public_page &c)
{
	c.process();
}
static void util_urls (_F_public_page &c, const SHORTMSG &m, string &content, bool large)
{
	string url = c.msgurl(m.uuid,m.submit);
	unsigned width = 300;
	const char *percent = "";
	if (tlmpweb_ismobile()){
		if (large){
			width = 100;
			percent = "%";
		}else{
			width = 700;
		}
	}else if (large){
		width = 800;
	}
	if (m.content[0] != '\0'){
		content = util_format_shortmsg (m.content,width);
	}else if (file_is_sound(m.file_type)){
		content = string_f("<audio controls>\n"
			"<source src=\"%s\" type=\"audio/%s\">\n"
			"</audio>"
			,url.c_str(),tbftype[m.file_type]);
	}else if (file_is_image(m.file_type)){
		content = string_f("<img width=%u%s src=%s>",width,percent,url.c_str());
	}else if (file_is_video(m.file_type)){
		content = string_f(
			"<video width=\"%u%s\" height=\"%u%s\" controls>\n"
			"<source src=\"%s\" type=\"video/mp4\">\n"
			"Your browser does not support the video tag.\n"
			"</video>"
			,width,percent,width,percent,url.c_str());
	}
}
<mod>
static void public_messages(_F_public_page &c, CONNECT_INFO &con, PARAM_STRING user)
{       
        glocal CONNECT_INFO *con = &con;
        glocal _F_public_page *c = &c;
        glocal const char *user = user.ptr;

	DIV d("subtabs");
	if (!tlmpweb_ismobile()) d.borderradius(5).border(1,"black").paddings(5,5).vpaddings(5,5);
	d.h(100).bg("white").print();
	<call webtable>(WEBID("talkpublic"));
	<f click>
		util_defstyles();
		tlmpweb_body("white",NULL);
		vector<SHORTMSG> messages;
		if (glocal.c->list_talk(noline,1,messages) != -1){
			auto &m = messages[0];
			string content;
			util_urls(*glocal.c,m,content,true);
			htmlout (content);
		}
	</f>
	<f load>
		setrowstyle ("hline","bgcolor=gray valign=top");
		setrowstyle ("sep","bgcolor=ghostwhite valign=top");
		setrowstyle ("sep+current","bgcolor=lightblue valign=top");
		setrowstyle ("sep1","bgcolor=white valign=top");
		setrowstyle ("sep1+current","bgcolor=lightblue valign=top");
		setthparms ("align=left bgcolor=lightgray","");
		setrowstyle ("white","bgcolor=white");
		sethead  ("%s\a",MSG_U(H_MESSAGES,"Messages"));
		glocal unsigned rownum = nbskip;
		unsigned offset=0;
		static const char *func = "Popup";
		while (1){
			glocal bool more = false;
			vector<SHORTMSG> messages;
			if (glocal.c->list_talk(offset,50,messages) != -1){
				string day;
				static const char *line_styles[]={"sep","sep1"};
				unsigned line_style = 0;
				for (auto &m:messages){
					string now = m.submit.substr(0,10);
					if (now != day){
						day = now;
						glocal.webtable.setclickopt (true,"","");
						glocal.webtable.setrow("hline",-1,"<div id=date0_7b>%s</div>\a\a",format_date(0,day).c_str());
						line_style=0;
					}
					const char *style = line_styles[line_style];
					line_style++;
					if (line_style == 2) line_style = 0;
					if (file_is_sound(m.file_type)){
						glocal.webtable.setclickopt (true,func,"400,100");
					}else if (file_is_video(m.file_type)){
						glocal.webtable.setclickopt (true,func,"800,800");
					}else if (file_is_image(m.file_type)){
						glocal.webtable.setclickopt (true,func,"800,800");
					}else{
						glocal.webtable.setclickopt (true,func,"800,300");
					}
					string time = string_f("<div id=date0_7>%s</div>",format_time(0,m.submit.substr(11)).c_str());
					string path = string_f("/msgs/%s/short-inbox/public/%s",glocal.user,m.uuid.c_str());
					string content;
					if (m.content.size() != 0){
						content = string_f("<div class=smsg>%s</div>",util_format_shortmsg (m.content,0,m.size,100).c_str());
					}else{
						util_urls(*glocal.c,m,content,false);
					}
					glocal.webtable.setrow (style,glocal.rownum,"%s\t%s",time.c_str(),content.c_str());
					glocal.rownum++;
				}
				glocal.more = messages.size() == 50;
			}else{
				break;
			}
			if (!glocal.more) break;
			offset += 50;
		}
	</f>
	</call>
}
</mod>
static void public_top_left(_F_public_page &c, const char *website)
{
	DIV d; d.h(100).w(100).dispflex().flowrow().print();
	DIV dd; dd.margins(0,5).print();
	if (website[0] != '\0') htmlprintf ("<a href=%s>",website);
	htmlprintf ("<img width=40 src=%s>\n",c.projecturl("/mini-photo.jpg","",true).c_str());
	if (website[0] != '\0') htmlout ("</a>\n");
	dd.end();
	dd.print();
	if (website[0] != '\0') htmlprintf ("<a href=%s>",website);
	htmlprintf ("<img width=100 src=%s>\n",c.projecturl("/photo.jpg","",true).c_str());
	if (website[0] != '\0') htmlout ("</a>\n");
}
static string dirserver="https://bolixo.org";
static string nodename;
static string nodeurl;

void util_setnodeurl(PARAM_STRING url)
{
	const char *pt = url.ptr;
	nodeurl = pt;
	if (strncasecmp(pt,"http://",7)==0){
		pt+=7;
	}else if (strncasecmp(pt,"https://",8)==0){
		pt+=8;
	}
	nodename = pt;
}
const char *util_getnodename()
{
	return nodename.c_str();
}
const char *util_getnodeurl()
{
	return nodeurl.c_str();
}
void util_setdirserver(PARAM_STRING dir)
{
	dirserver = dir.ptr;
}
const char *util_getdirserver()
{
	return dirserver.c_str();
}
static void public_top(const char *user, const char *interest)
{
	htmlprintf ("<table border=0 width=100%%><tr><td align=center><div style=font-size:%sem>%s@%s</div>\n"
		,tlmpweb_ismobile() ? "1" : "1.5"
		,user,util_getnodename());
	htmlprintf ("<td align=right><a href=%s><img src=/bolixo.png></a>\n",dirserver.c_str());
	htmlprintf ("<tr><td>%s\n",util_format_shortmsg(interest,100).c_str());
	htmlout ("</table>\n");
}
const unsigned vframe_topleft_width=20;
const unsigned vframe_top_height=12;
<mod>
static void public_display_full (
	_F_public_page &c,
	CONNECT_INFO &con,
	PARAM_STRING user,
	const vector<FILEINFO> &files,
	PARAM_STRING website,
	PARAM_STRING interest,
	PARAM_STRING bg)	// Background-image paramater for the body
{
	glocal CONNECT_INFO *con = &con;
	glocal _F_public_page *c = &c;
	glocal const char *user = user.ptr;
	glocal const vector<FILEINFO> *files = &files;
	glocal const char *website = website.ptr;
	glocal const char *interest = interest.ptr;
	<call vframe4>(vframe_topleft_width,vframe_top_height,30);
	<f top>
		public_top(glocal.user,glocal.interest);
	</f>
	<f top_left>
		DIV d; d.w(100).vmargins(0,20).print();
		public_top_left (*glocal.c,glocal.website);
	</f>
	<f left>
		public_messages(*glocal.c,*glocal.con,glocal.user);
	</f>
	<f body>
		DIV d("webtable","pubbody"); d.w(100).autoscroll().print();
		webtable_request_scroll("pubbody");
		{
			bool guide = false;
			bool index_html = false;
			bool index_txt = false;
			for (auto &f:*glocal.files){
				if (f.name == "guide.tpl"){
					guide = true;
					break;
				}else if (f.name == "index.html"){
					index_html = true;
					break;
				}else if (f.name == "index.txt"){
					index_txt = true;
					break;
				}
			}
			if (w_file.isset()){
				BOB_TYPE content;
				if (glocal.c->readfile(w_file.c_str(),content)!=-1){
					string hidden;
					form_gethidden(hidden);
					htmlprintf ("<a href=%s?%s><img src=/back.png></a><br>\n",tlmpweb_curpage(),hidden.c_str());
					glocal.c->sendhtml(content);
				}
			}else if (guide){
				BOB_TYPE content;
				if (glocal.c->readfile("guide.tpl",content)!=-1){
					string tmp((const char *)content.getbuffer(),content.getsize());
					const char *txt = tmp.c_str();
					while (*txt != '\0'){
						txt = str_skip(txt);
						string name;
						while (*txt > ' ') name += *txt++;
						if (name.size() > 0){
							BOB_TYPE ct2;
							if (glocal.c->readfile(name,ct2)!=-1){
								glocal.c->sendhtml(ct2);
							}
						}
					}
				}
			}else if (index_html){
				BOB_TYPE content;
				if (glocal.c->readfile("index.html",content)!=-1){
					glocal.c->sendhtml(content);
				}
			}else if (index_txt){
				BOB_TYPE content;
				if (glocal.c->readfile("index.txt",content)!=-1){
					glocal.c->sendhtml(content);
				}
			}else{
				for (auto &f:*glocal.files){
					if (file_is_image(f.file_type)){
						htmlprintf ("<img width=100%% src=%s>\n",glocal.c->projecturl(f.name,f.modified,true).c_str());
					}else if (file_is_video(f.file_type)){
					}else if (file_is_sound(f.file_type)){
					}else if (file_is_text(f.file_type)){
						BOB_TYPE content;
						if (glocal.c->readfile(f.name,content)!=-1){
							glocal.c->sendhtml(content);
						}
					}
				}
			}
		}
	</f>
	</call>
}
</mod>
/*
	Display only the short messages
*/
<mod>
static void public_display_base(
	_F_public_page &c,
	CONNECT_INFO &con,
	PARAM_STRING user,
	PARAM_STRING website,
	PARAM_STRING interest,
	PARAM_STRING bg_top,	// Backgroup-image for the who top
	PARAM_STRING bg_body)	// Background-image paramater for the body
{
	glocal CONNECT_INFO *con = &con;
	glocal _F_public_page *c = &c;
	glocal const char *user = user.ptr;
	glocal const char *website = website.ptr;
	glocal const char *interest = interest.ptr;
	<call vframe3>(vframe_topleft_width,vframe_top_height,bg_top,bg_body);
	<f top>
		public_top(glocal.user,glocal.interest);
	</f>
	<f top_left>
		public_top_left (*glocal.c,glocal.website);
	</f>
	<f body>
		DIV d("subtabs","base_messages"); d.w(tlmpweb_ismobile() ? 100: 50).marginauto().print();
		public_messages(*glocal.c,*glocal.con,glocal.user);
	</f>
	</call>
}
</mod>
// Display the public page of the user
<mod>
void public_display (
	_F_public_page &c,
	CONNECT_INFO &con,
	PARAM_STRING user,
	bool pubdir,
	PARAM_STRING website,
	PARAM_STRING interest)
{
	vector<FILEINFO> files;
	if (pubdir && c.listdir("/",0,20,files)==-1){
	}else{
		// Remove photo related files
		bool some_files = false;
		string bg_top = "linear-gradient(to right,lightgray,white,lightgray)";
		string bg_body(bg_top);
		for (auto f=files.begin(); f!=files.end(); ){
			if (f->name == "background.jpg"){
				bg_body = string_f("url(\"%s%s\")",util_getnodeurl(),c.projecturl(f->name,f->modified,true).c_str());
				f = files.erase(f);
			}else if (is_any_of(f->name,"photo.jpg","mini-photo.jpg")){
				f = files.erase(f);
			}else{
				if (bolixo_isfile(f->type)) some_files = true;
				f++;
			}
		}
		//tlmp_error ("bg_body=%s\n",bg_body.c_str());
		if (some_files){
			public_display_full (c,con,user,files,website,interest,bg_top);
		}else{
			public_display_base (c,con,user,website,interest,bg_top,bg_body);
		}
	}
}
</mod>
/*
	Read the secret used to communicate with internal service
*/
<mod>
string util_readsecret()
{
	glocal string ret;
	<call loadfile>("/etc/secret",true);
	<f oneline>
		glocal.ret = line;
		return 0;
	</f>
	</call>
	return glocal.ret;
}
</mod>
string toupper (PARAM_STRING ss)
{
	const char *s = ss.ptr;
	string ret;
	while (*s != '\0'){
		ret += toupper(*s);
		s++;
	}
	return ret;
}
/*
	Format the path of a mail
*/
string index_format_mail_fname(const MESSAGE_receive &m, PARAM_STRING username)
{
	string fname;
	if (m.role[0] != '\0'){
		fname = string_f ("/msg-projects/%s/%s/%s/%s",m.manager,m.project,m.role,m.uuid);
	}else if (m.manager[0] != '\0'){
		fname = string_f ("/msg-projects/%s/%s/%s",m.manager,m.project,m.uuid);
	}else{
		fname = string_f ("/msgs/%s/inbox/%s",username.ptr,m.uuid);
	}	
	return fname;
}
<mod>
void util_delnotify(CONNECT_INFO &con_sess, PARAM_STRING id)
{
	auto f = userinfo.notifies.find(id.ptr);
	if (f != userinfo.notifies.end()){
		userinfo.notifies.erase(f);
		<call bo_sessiond_client_delnotify>(con_sess,w_session.c_str(),id);
		<f ok>
		</f>
		</call>
	}
}
</mod>
void util_delnotify(CONNECT_INFO &con_sess, PARAM_STRING prefix, PARAM_STRING id)
{
	string tmp = string_f("%s:%s",prefix.ptr,id.ptr);
	util_delnotify(con_sess,tmp);
}
<mod>
ENTRY_TYPE util_entrytype(CONNECT_INFO &con,PARAM_STRING path, FILEINFO &info)
{
	glocal FILEINFO *info = &info;
	<call bod_client_stat>(con,w_session.c_str(),path,"");
	<f ok>
		(*glocal.info) = file;
	</f>
	</call>
	return info.type;
}
</mod>
ENTRY_TYPE util_entrytype(CONNECT_INFO &con,PARAM_STRING path)
{
	FILEINFO info;
	return util_entrytype(con,path,info);
}

void _F_sendfile_common::sethandle (PARAM_STRING _handle)
{
	handle = _handle.ptr;
}
void _F_sendfile_common::setresult (bool _success, PARAM_STRING msg)
{
	success = _success;
	if (!success) htmlprintf ("sendfile failed: %s<br>\n",msg.ptr);
}
void sendfile(_F_sendfile &c, PARAM_STRING filepath, PARAM_STRING localfile, bool &fail)
{
	c.success = true;
	FILE *fin = fopen (localfile.ptr,"r");
	if (fin == NULL){
		htmlprintf ("Internal error reading temp file: :%s:<br>\n",localfile.ptr);
		fail = true;
	}else{
		char buf[40000];
		size_t nb = fread (buf,1,sizeof(buf),fin);
		bool more = (nb == sizeof(buf));
		c.start (filepath.ptr,BOB_TYPE(buf,nb,false),more);
		if (more && c.success){
			if (c.handle.empty()){
				tlmp_error ("sendfile: handle is empty for file %s\n",filepath.ptr);
				htmlprintf ("Internal error, sendfile has not handle<br>\n");
			}else{
				while (more && c.success){
					nb = fread (buf,1,sizeof(buf),fin);
					more = (nb == sizeof(buf));
					c.rest (c.handle,BOB_TYPE(buf,nb,false),more);
				}
			}
		}
		fclose (fin);
	}
	if (!c.success) fail = true;
}
void sendfile_var(_F_sendfile_var &c, PARAM_STRING filepath, const W_SSTRING &var_content, bool &fail)
{
	const char *content = var_content.c_str();
	c.success = true;
	unsigned len = strlen(content);
	unsigned nb = len;
	bool more = false;
	if (nb > 40000){
		nb = 40000;
		more = true;
	}
	c.start (filepath.ptr,BOB_TYPE(content,nb,false),more);
	if (more && c.success){
		if (c.handle.empty()){
			tlmp_error ("sendfile: handle is empty for file %s\n",filepath.ptr);
			htmlprintf ("Internal error, sendfile has not handle<br>\n");
		}else{
			unsigned offset = nb;
			while (offset < len && c.success){
				nb = len - offset;
				more = false;
				if (nb > 40000){
					nb = 40000;
					more = true;
				}
				c.rest (c.handle,BOB_TYPE(content+offset,nb,false),more);
				offset += nb;
			}
		}
	}
	if (!c.success) fail = true;
}
/*
	Format an <img tag
*/
string util_img(unsigned step, unsigned width, PARAM_STRING dirpath, PARAM_STRING filename, PARAM_STRING date)
{
	string tmp = util_flipspaces(date);
	const char *sep = "/";
	if (dirpath.ptr[0] == '\0') sep = "";
	return string_f ("<img width=%u src=%s?webstep=%u&image=%s%s%s&mod=%s>"
		,width,tlmpweb_curpage(),step,dirpath.ptr,sep,filename.ptr,tmp.c_str());
}
string util_img(unsigned step, const char *style, PARAM_STRING filepath, PARAM_STRING date)
{
	string tmp = util_flipspaces(date);
	return string_f ("<img width=100%% style='%s' src=%s?webstep=%u&image=%s&mod=%s>"
		,style,tlmpweb_curpage(),step,filepath.ptr,tmp.c_str());
}
static void index_format_large_text(const BOB_TYPE &content)
{
	string tmp = string((const char*)content.getbuffer(),content.getsize());
	tmp = util_format_shortmsg (tmp.c_str(),800);
	htmlwrite (tmp.c_str(),tmp.size());
}
<mod>
void util_popup (CONNECT_INFO &con, int step, const char *content, FILE_TYPE file_type, PARAM_STRING modified, PARAM_STRING from, PARAM_STRING filepath)
{
	glocal CONNECT_INFO *con = &con;
	const char *path = filepath.ptr;
	util_defstyles();
	tlmpweb_body("white",NULL);
	DIV d; d.w(100).h(100).dispflex().flowcol().print();
	DIV dd; dd.flexfixe().w(100).print();
	htmlprintf ("%s: %s<br>\n",MSG_R(I_FROM),from.ptr);
	htmlprintf ("%s: %s<br>\n",MSG_R(I_DATE),format_date(userinfo.dateformat,modified).c_str());
	dd.end();
	dd.flexfixe().w(100).h(95).vpaddings(5,5).bordertop(1,"black").print();	
	DIV ddd; ddd.marginauto().w(99).print();	
	if (content[0] != '\0'){
		htmlout (util_format_shortmsg (content,800));
	}else if (file_is_sound(file_type)){
		htmlprintf ("<audio controls>\n"
			"<source src=\"%s?webstep=%u&image=%s\" type=\"audio/%s\">\n"
			"</audio>"
			,tlmpweb_curpage(),step,path,tbftype[file_type]);
	}else if (file_is_video(file_type)){
		htmlprintf ("<video width=\"800\" height=\"600\" controls>\n"
			"<source src=\"%s?webstep=%u&image=%s\" type=\"video/mp4\">\n"
			"Your browser does not support the video tag.\n"
			"</video>\n"
			,tlmpweb_curpage(),step,path);
	}else if (file_is_image(file_type)){
		string img = util_img (step,"",path,modified);
		htmlout (img);
	}else if (file_is_text(file_type)){
		<call bod_client_readfile_bob>(con,w_session.c_str(),path,"",false);
		<f ok>
			if (!success){
				htmlprintf ("Can't read file: %s\n",msg);
			}else{
				index_format_large_text (content);
				glocal bool more = more;
				while (glocal.more){
					<call bod_client_readmore>(*glocal.con,w_session.c_str(),handle);
					<f ok>
						index_format_large_text (content);
						glocal.more = more;
					</f>
					</call>
				}	
			}
		</f>
		</call>
	}
}
</mod>
void util_popup (CONNECT_INFO &con, const char *content, FILE_TYPE file_type, PARAM_STRING modified, PARAM_STRING from, PARAM_STRING filepath)
{
	util_popup (con,step_image,content,file_type,modified,from,filepath);
}
<mod>
void util_markview (CONNECT_INFO &con, PARAM_STRING fname)
{
	<call bod_client_markview>(con,w_session.c_str(),fname);
	<f ok>
	</f>
	</call>
}
</mod>