anchor.diff:  	    	<h3 class="panel-title"><%= _t 'Public catalog access' %></h3>
   	  	</div>
   		<div class="panel-body">
  -			<div class="pull-right" id="qrcode-public-catalog-area"></div>
  +			<div class="pull-right" id="qrcode-public-catalog"></div>
   			<div>
   				<p>
   					<%= _h 'help-public-catalog-access' %><br /><br />
  -					<b id="url-public-catalog-area"></b>
  +					<b id="url-public-catalog"></b>
   				</p>
   			</div>
   		 </div>
  
positive.code: <div class="col-md-3">
  	<div class="panel panel-info">
  		<div class="panel-heading">
  	    	<h3 class="panel-title"><%= _t 'Mobile access' %></h3>
  	  	</div>
  		<div class="panel-body">
  			<div class="pull-right" id="qrcode-admin-list-area"></div>
  			<div>
  				<p>
  					<%= _h 'help-tablet-access' %><br /><br />
  					<b id="url-area"></b>
  				</p>
  			</div>
  		 </div>
  
negative.code: 
  <script>
  $(document).ready( function() {
  	function generate_qr(id, url) {
  		var ip = "<%= @ip %>";
  		var path = "http://<%= @ip %>:<%= APP_PORT %><%= APP_PATH %>/";
  		if (ip != "") {
  			$("#qrcode-" + id + "").qrcode({
  			    "size": 100,
  			    "color": "#3a3",
  			    "text": path + url
  			});
  			$("#url-" + id + "").html(url);
  		} else {
  			$("#qrcode-" + id + "").html("<%= _h 'help-no-lan' %>");
  		}
  	}
  
  	// admin qrcode
  	generate_qr("admin-list", "list");
  	// Public qrcode
  	generate_qr("public-catalog", "catalog");
  	});
  </script>
  
  