แก้ไข Vouchers Template สำหรับ Mikrotik UserMan V5.xx

แก้ไข Vouchers Template สำหรับ Mikrotik UserMan V5.xx

#18/07/2013#
ค่า Constant ต่างๆใน Voucher template ในอุปกรณ์ Mikrotik ครับ
http://wiki.mikrotik.com/wiki/User_Manager/Character_constants#Voucher_template_constants


ตัวอย่างที่แก้ไข Voucher ครับ
http://www.wifitech.com.pk/mikrotik-voucher-template/


[Code HTML]

#Update 03/11/2013

โค๊ด เลือก ขยาย


<table style="color: black; font-size: 11px;" border="2" height="10">
<tr>  
<td colspan="2" bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial Black" color="#FF3300">Sysnet-Center Internet Voucher</font></b>   </td>
</tr>
<tr>  
<td bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial">Time:</font></b>   </td>  
<td bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial">%u_limitUptime%</font></b>   </td>
</tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000">     <font face="Arial" size="2"><b>Validity</b></font>   </td>  
<td bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial">%u_timeLeft%</font></b>   </td>
</tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial">Price:</font></b>   </td>  
<td bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial">%u_moneyPaid%</font></b>   </td>
</tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial">Username:</font></b>   </td>  
<td bordercolorlight="#000000" bordercolordark="#000000">     </font><b><font size="2" face="Arial">%u_username%</font></b>   </td>
</tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000">     <b><font size="2" face="Arial">Password:</font></b>   </td>  
<td bordercolorlight="#000000" bordercolordark="#000000">     <font face="Arial"><b><font size="2">%u_password%</font></b></font>   </td>
</tr>
</table>





<table style="color: black; font-size: 11px;" border="2" height="10" width="302">
<tr>
       <td colspan="2" bordercolorlight="#000000" bordercolordark="#000000" width="290">
           <p align="center"><img src="http://192.168.3.1/hotspot/logo-02.png" border="0">
<font size="2" face="Arial">Sysnet Center Wifi Hotspot
Please Contact: 081-401-5416</font></p>
       </td>
</tr>
<tr>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Time:</font></td>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_limitUptime%</font></td>
</tr>
<tr>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Price:</font></td>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_moneyPaid%</font></td>
</tr>
<tr>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Username:</font></td>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_username%</font></td>
</tr>
<tr>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Password:</font></td>
 <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font face="Arial"><font size="2">%u_password%</font></font></td>
 </tr>
</table>


แก้ไขข้อความในส่วนสีแดงครับ

จากนั้นเข้าที่ UserManager --> Settings --> Template --> เลือก Name: Vouchers




ส่วนรูปภาพ Logo ให้ Upload ลงใน Menu File จากนั้นแก้ตรง IP Address ครับ



จากตัวอย่าง IP Hotspot ของผมเป็น 192.168.3.1 (สีน้ำเงิน) ก็ต้องเป็น http://192.168.3.1/hotspot/logo-02.png และเวลาสั่งพิมพ์ต้อง Enable Hotspot ก่อนนะครับ ไม่งั้นรูปไม่ขึ้นครับ


เรียบร้อยครับ  

ผมได้ลองทำตามแล้ว logo มันไม่ขึ้น เลยปรับ code นิดหน่อยเอาแบบบ้านๆ เลย logo ใช้งานได้ครับ


<table style="color: black; font-size: 10px;" border="2" height="10" width="302">
<tr>
        <td colspan="2" bordercolorlight="#000000" bordercolordark="#000000" width="290">
            <p align="center"><img src="http://192.168.1.1/hotspot/logo.png"></p>
        </td>
</tr>
<tr>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Time:</font></td>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_limitUptime%</font></td>
</tr>
<tr>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Price:</font></td>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_moneyPaid%</font></td>
</tr>
<tr>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Username:</font></td>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_username%</font></td>
</tr>
<tr>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Password:</font></td>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font face="Arial"><font size="2">%u_password%</font></font></td>
</tr>
</table>

เพิ่มเติมหน่อยครับ เวลาจะ Print Vouchers ต้องทำการ login เข้า Hotspot ก่อนเท่านั้นครับ ภาพ logo ถึงจะขึ้น แต่ถ้าเครื่องของเรากำหนดเป็น Bypass ภาพจะไม่ขึ้น

ผม copy code ไปแปะแล้วมันเป็นอย่างนี้อ่ะครับ ผมต้องแก้ยังไงให้มันขึ้นเหมือนที่ทำเป็นตัวอย่าง

รบกวนด้วยครับ ตอนนี้แก้ไม่ได้ หรือถ้ามี code default ก็ขอด้วยครับ

  <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Price:</font></td>
  <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_moneyPaid%</font></td>



%u_moneyPaid% กำหนดที่ไหนค่ะ

เดี๋ยวขอเป็นช่วงเย็นนะครับ

<table style="color: black; font-size: 11px;" border="2" height="10" width="302"> <tr>         <td colspan="2" bordercolorlight="#000000" bordercolordark="#000000" width="290">          
  <p  <font size="2" face="Arial">Bill wifi</font></p>         </td> </tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Time:</font></td>   <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_limitUptime%</font></td> </tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Price:</font></td>   <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_moneyPaid%</font></td> </tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Username:</font></td>   <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font size="2" face="Arial">%u_username%</font></td> </tr>
<tr>   <td bordercolorlight="#000000" bordercolordark="#000000" width="136"><font size="2" face="Arial">Password:</font></td>   <td bordercolorlight="#000000" bordercolordark="#000000" width="148"><font face="Arial"><font size="2">%u_password%</font></font></td>   </tr> </table>

ลองใช้ดูครับ ว่าได้ไหม ผมก็ใช้อยู่ครับ ก็อปมาจากคุณยอดเหมือนกัน ใช้ได้ปกตินะครับ ลองก็อปแล้ว เปิด notepad แล้วเอาโค๊ดไปใส่ใน notepad ก่อนครับ จากนั้นเซฟ notepad ให้เป็น ไฟล์ html จากนั้นลองรันจาก html ที่เราเซฟไว้ครับ ถ้าผลลัพธ์ ออกมาใช้ได้ก็กอปไปวางใน userman => templates ได้เลยครับ ผลลัพธ์จะเป็นดังรูปครับ ถ้าก็อปไปใส่ใน userman ราคา เวลา user password ก็จะขึ้นมาเองครับ

รูปไม่ขึ้นเลยทำไงดีครับ
ทำตามเป๊ะๆ

ต้อง enable hotspot server ก่อนครับ

ต้อง enable hotspot server ก่อนครับ
[/quote]

ทำตามนี้แล้วรูปไม่ขึ้นครับ
enable hotspot server แล้ว
เชค url รูปแล้วก็ไม่ผิด
เป็นที่อะไรครับ