HotSpot Login pages in Diffrent Languages

Hi all

I want to make Translation for HOTSPOT pages into different languages , so we will need help from all,

I will translate it to arabic Language ,

we need help for France , Germany … from all

and get it to support to put it in the New version of Mikrotik

any comment ?

Arabic is Ready

make folder name ar in hotspot folder

and put these file

I’m Ready for any Question


1- login.html

<html>
<head>
<title>خدمة الهوت سبوت من مايكروتك - صفحة الدخول </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<style type="text/css">

<!--
textarea,input,select {
	background-color: #FDFBFB;
	border: 1px #BBBBBB solid;
	padding: 2px;
	margin: 1px;
	font-size: 14px;
	color: #808080;
}

body{ color: #737373; font-size: 10px; font-family: verdana; }

a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 10px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 14px; color: #7A7A7A; }

-->
</style>
</head>

<body>
$(if chap-id)
	<form name="sendin" action="$(link-login-only)" method="post">
		<input type="hidden" name="username">
		<input type="hidden" name="password">
		<input type="hidden" name="dst" value="$(link-orig)">
		<input type="hidden" name="popup" value="true">
	</form>
	<script language="JavaScript" src="/md5.js">
	</script>
	<script language="JavaScript">
	<!--
	    function doLogin() {
		document.sendin.username.value = document.login.username.value;
		document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');
		document.sendin.submit();
		return false;
	    }
	//-->
	</script>
$(endif)

<div align="center">
<a href="$(link-login-only)?target=%2F&dst=$(link-orig-esc)">English</a>
</div>

<table width="100%" height="100%">

<tr>
<td align="center" valign="middle">

<div style="color: #c1c1c1; font-size: 9px">الرجاء استخدام خدمة الهوت سبوت من شركة المايكروتك</div><br>

<table width="240" height="240" style="border: 1px solid #cccccc; padding: 0px;" cellpadding="0" cellspacing="0">

<tr>
<td align="center" valign="bottom" height="175" colspan="2">

	<form name="login" action="$(link-login-only)" method="post"
	    $(if chap-id) onSubmit="return doLogin()" $(endif)>
		<input type="hidden" name="dst" value="$(link-orig)">
		<input type="hidden" name="popup" value="true">
		
			<table width="100" style="background-color: #ffffff">
				<tr><td align="right">اسم المستخدم</td>
						<td><input style="width: 80px" name="username" type="text" value="$(username)"/></td>
				</tr>
				<tr><td align="right">كلمة السر </td>
						<td><input style="width: 80px" name="password" type="password"/></td>
				</tr>
				<tr><td>&nbsp;</td>
						<td><input type="submit" value="OK"></td>
				</tr>
			</table>
		</form>
		
</td>
</tr>

<tr><td align="center"><a href="http://www.mikrotik.com" target="_blank" style="border: none;"><img src="/img/logobottom.png" /></a></td></tr>

</table>

<br><div style="color: #c1c1c1; font-size: 9px">مدعم من قبل شركة مايكروتك ( ماركة مسجله ) 2005</div>
<br><div style="color: #c1c1c1; font-size: 9px">www.ahmedramze.com  تعريب</div>

$(if error)
<br><div style="color: #FF8080; font-size: 9px">$(error)</div>
$(endif)

</td>
</tr>
</table>

<script language="JavaScript">
<!--
  document.login.username.focus();
//-->
</script>

</body>
</html>

2- stats.html

<html>
<head>
<title>خدمة الهوت سبوت من مايكروتك - صفحة حالة الاتصالات</title>
$(if refresh-timeout)
<meta http-equiv="refresh" content="$(refresh-timeout-secs)">
$(endif)
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<style type="text/css">

<!--
textarea,input,select {
	background-color: #FDFBFB;
	border: 1px #BBBBBB solid;
	padding: 2px;
	margin: 1px;
	font-size: 14px;
	color: #808080;
}

.tabula{
 
border-width: 1px; 
border-collapse: collapse; 
border-color: #c1c1c1; 
background-color: transparent;
font-family: verdana;
font-size: 11px;
}

body{ color: #737373; font-size: 12px; font-family: verdana; }

a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 12px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 12px; padding: 4px;}

-->
</style>
<script language="JavaScript">
<!--
$(if advert-pending == 'yes')
    var popup = '';
    function focusAdvert() {
	if (window.focus) popup.focus();
    }
    function openAdvert() {
	popup = open('$(link-advert)', 'hotspot_advert', '');
	setTimeout("focusAdvert()", 1000);
    }
$(endif)
    function openLogout() {
	if (window.name != 'hotspot_status') return true;
        open('$(link-logout)', 'hotspot_logout', 'toolbar=0,location=0,directories=0,status=0,menubars=0,resizable=1,width=280,height=250');
	window.close();
	return false;
    }
//-->
</script>
</head>
<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0"
$(if advert-pending == 'yes')
	onLoad="openAdvert()"
$(endif)
>
<table width="100%" height="100%">

<tr>
<td align="center" valign="middle">
<form action="$(link-logout)" name="logout" onSubmit="return openLogout()">
<table border="1" class="tabula">
$(if login-by-mac != 'yes')
	<br><div style="text-align: center;">مرحبا بـ $(username)!</div><br>
$(endif)
	<tr><td>$(ip)</td><td align="right">  لك هو IP عنوان ال :</td></tr>
	<tr><td>$(bytes-in-nice) / $(bytes-out-nice)</td><td align="right">كمية البيانات ( الداخله / الخارجة ) </td></tr>
	<tr><td>$(uptime)</td><td align="right">وقت الاتصال</td></tr>
$(if blocked == 'yes')
	<tr><td><div style="color: #FF8080">
<a href="$(link-advert)" target="hotspot_advert">الاعلانات</a> المطلوبه</div></td><td align="right">الحالة</td></tr>
$(elif refresh-timeout)
	<tr><td>$(refresh-timeout)</td><td align="right">وقت تعديل الحالة</td>
$(endif)

</table>
$(if login-by-mac != 'yes')
<br>
<input type="submit" value="الخروج "
$(endif)
</form>
</td>
</table>
</body>
</html>

3- erorr.txt

# This file contains error messages which are shown to user, when http/https
# login is used.
# These messages can be changed to make user interface more friendly, including
# translations to different languages.
#
# Various variables can be used here as well. Most frequently used ones are:
#	$(error-orig)	- original error message from hotspot
#	$(ip)		- ip address of a client
#	$(username)	- username of client trying to log in

# internal-error
# It should never happen. If it will, error page will be shown
# displaying this error message (error-orig will describe what has happened)

internal-error = الخطأ الداخلي ($(error-orig))

# config-error
# Should never happen if hotspot is configured properly.

config-error = الخطأ في التركيب والترتيب($(error-orig))

# not-logged-in
# Will happen, if status or logout page is requested by user,
# which actually is not logged in

not-logged-in = أنت لَمْ تُسجّلْ في (ip $(ip))

# ippool-empty
# IP address for user is to be assigned from ip pool, but there are no more
# addresses in that pool

ippool-empty = لا يَستطيعُ تَخصيص عنوان آي بي - لا يوجد ايبيات  أكثرَ مجّانيةً مِنْ ال poolِ

# shutting-down
# When shutdown is executed, new clients are not accepted

shutting-down = الخدمة مغلقة الان

# user-session-limit
# If user profile has limit of shared-users, then this error will be shown
# after reaching this limit

user-session-limit = لا جلساتَ أكثرَ تَسْمحُ للمستخدمِ $(username)

# license-session-limit
# Depending on licence number of active hotspot clients is limited to
# one or another amount. If this limit is reached, following error is displayed.

license-session-limit = الجلسه محدده($(error-orig))

# wrong-mac-username
# If username looks like MAC address (12:34:56:78:9a:bc), but is not
# a MAC address of this client, login is rejected

wrong-mac-username = اسم المستخدم خطأ ($(username)): ليس لك MAC هذا ال 

# chap-missing
# If http-chap login method is used, but hotspot program does not receive
# back encrypted password, this error message is shown.
# Possible reasons of failure:
#	- JavaScript is not enabled in web browser;
#	- login.html page is not valid;
#	- challenge value has expired on server (more than 1h of inactivity);
#	- http-chap login method is recently removed;
# If JavaScript is enabled and login.html page is valid,
# then retrying to login usually fixes this problem.

chap-missing = مستعرض الوب لديك لايستجيب ( حاول مره اخرى او حفز الجافا لديك ) 

# invalid-username
# Most general case of invalid username or password. If RADIUS server
# has sent an error string with Access-Reject message, then it will
# override this setting.

invalid-username = اسم المستخدم خطا او كلمة المرور

# invalid-mac
# Local users (on hotspot server) can be bound to some MAC address. If login
# from different MAC is tried, this error message will be shown.

invalid-mac = المستخدم $(username) غير مسموح لك بالدخول من هذا الماك ادريسس

# uptime-limit, traffic-limit
# For local hotspot users in case if limits are reached

uptime-limit = المستخدم $(username) وقتك انتهى حاول تجديد حسابك
traffic-limit = المستخدم $(username)  بياناتك تجاوت الحد جدد حسابك 

# radius-timeout
# User is authenticated by RADIUS server, but no response is received from it,
# following error will be shown.

radius-timeout = RADIUS خادم التخويل ( الاسماء )  لا يستجيب 

# auth-in-progress
# Authorization in progress. Client already has issued an authorization request
# which is not yet complete.

auth-in-progress = انت حاليا مخول بالدخول اصلا حاول لاحقا

# radius-reply
# Radius server returned some custom error message

radius-reply = $(error-orig)

4- radvert.htm

<html>
<head>
<title>صفحة الاعلانات</title>
<meta http-equiv="refresh" content="2; url=$(link-orig)">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<style type="text/css">
<!--
textarea,input,select {
	background-color: #FDFBFB;
	border: 1px #BBBBBB solid;
	padding: 2px;
	margin: 1px;
	font-size: 14px;
	color: #808080;
}

body{ color: #737373; font-size: 12px; font-family: verdana; }

a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 12px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 12px; color: #7A7A7A; }

-->
</style>
<script language="JavaScript">
<!--
    var popup = '';
    function openOrig() {
	if (window.focus) popup.focus();
	location.href = '$(link-orig)';
    }
    function openAd() {
	location.href = '$(link-redirect)';
    }
    function openAdvert() {
	if (window.name != 'hotspot_advert') {
		popup = open('$(link-redirect)', 'hotspot_advert', '');
		setTimeout("openOrig()", 1000);
		return;
	}
	setTimeout("openAd()", 1000);
    }
//-->
</script>
</head>
<body onLoad="openAdvert()">
<table width="100%" height="100%">
<tr>
	<td align="center" valign="middle">
	الاعلانات
	<br><br>
	<a href="$(link-redirect)" target="hotspot_advert">اذا لم يحصل شئ اضعط هنا لفتح الصفحة </a>
	</td>
</tr>
</table>
</body>
</html>

5- alogin.html

<html>
<head>
<title>صفحة التحويل </title>
<meta http-equiv="refresh" content="2; url=$(link-redirect)">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<style type="text/css">

<!--
textarea,input,select {
	background-color: #FDFBFB;
	border: 1px #BBBBBB solid;
	padding: 2px;
	margin: 1px;
	font-size: 14px;
	color: #808080;
}

body{ color: #737373; font-size: 12px; font-family: verdana; }

a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 12px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 12px; color: #7A7A7A; }

-->
</style>
<script language="JavaScript">
<!--
    function startClock() {
        $(if popup == 'true')
        open('$(link-status)', 'hotspot_status', 'toolbar=0,location=0,directories=0,status=0,menubars=0,resizable=1,width=290,height=200');
	$(endif)
	location.href = '$(link-redirect)';
    }
//-->
</script>
</head>
<body onLoad="startClock()">
<table width="100%" height="100%">
<tr>
	<td align="center" valign="middle">
	شكرا لانتضارك انت داخل 
	<br><br>
 <a href="$(link-redirect)">	اذا لم يحصل شي اضغط هنا</a></td>
</tr>
</table>
</body>
</html>

6- logout.html

<html>
<head>
<title>صفحة الخروج</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<style type="text/css">

<!--
textarea,input,select {
	background-color: #FDFBFB;
	border: 1px #BBBBBB solid;
	padding: 2px;
	margin: 1px;
	font-size: 14px;
	color: #808080;
}

.tabula{
 
border-width: 1px; 
border-collapse: collapse; 
border-color: #c1c1c1; 
background-color: transparent;
font-family: verdana;
font-size: 11px;
}

body{ color: #737373; font-size: 12px; font-family: verdana; }

a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 12px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 12px; padding: 4px;}

-->
</style>
</head>

<body>
<script language="JavaScript">
<!--
    function openLogin() {
	if (window.name != 'hotspot_logout') return true;
	open('$(link-login)', '_blank', '');
	window.close();
	return false;
    }
//-->
</script>

<table width="100%" height="100%">

<tr>
<td align="center" valign="middle">
<b>انت الان خارج الخدمه</b> <br><br>
<table class="tabula" border="1">  
<tr><td>$(username)</td><td align="right">المستخدم</td></tr>
<tr><td>$(ip)</td><td align="right">IP عنوان ال </td></tr>
<tr><td>$(mac)</td><td align="right">MAC عنوان ال </td></tr>
<tr><td>$(uptime)</td><td align="right">وقت اخر دخول</td></tr>
$(if session-timeout)
<tr><td>$(session-timeout)</td><td align="right">الوقت المتبقي لك هو</td></tr>
$(endif)
<tr><td>$(bytes-in-nice) / $(bytes-out-nice)</td><td align="right">مجمل البيانات الداخله\الخارجه </td></tr>
</table>
<br>
<form action="$(link-login)" name="login" onSubmit="return openLogin()">
<input type="submit" value="للدخول">
</form>
</td>
</table>
</body>
</html>

Hi!

Is there a chance to the user manager web interface to change language?
I like hungarian.
Hotspot pages to hungarian?

we will try to make this into the next usermanager incarnation

Hi!

Is there a chance to the user manager web interface to change language?
I like hungarian.
Hotspot pages to hungarian?

Yes you can Change the web interface into your language , you can use the abouve code and change the arabic code only by similar words in yours languages , (( you can see the diffrent with initial pages in English in hotspot folder in M.K.T box ))

Regard

Yes Thanks and I will make a arabic user manual for RouterOS to make Mikrotik MultiLanguages 100%