Search jQuery

jQuery Forum

Using jQuery UI

Glück Wol..

TABS and click reactions

in Using jQuery UI • 7 years ago

Hi all

Just developing a user interface for robot control on a windows machine.

I'm using TABs from JQueryUI. For that I created a index.html containing the widget header with 3 TABS

- inndex.html (contains js)

- TAB0 is loaded from a static file called Panel.html (nearly empty)

- TAB2 is loaded from a static file called Map.html (nearly empty)

- TAB1 is loaded from a static file called Alarmlist.html (contains js)

After calling http://192.168.1.200:8080/Robbi/index.html with Chrome I get a proper working TAB site with the defined contents. TAB1 is shown by default.

Alarmlist has a button acknowledge and I defined a reaction to the browser console.

The key works proper after a new call of the index.html

after a TAB Change from TAB1 to TAB0 and back the key doesn't work at all, no output to the console!

herewith my sites

- index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Robot user interface</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="description" content="Robot user interface" />
<meta name="author" content="Wolfgang Glück" />
<meta name="editor" content="html-editor phase 5" />
<link rel="icon" href="/static/icons/favicon-16x16.png" type="image/png">
</head>
<body>
<div class="ui-widget">
<div id="tabs"
class="ui-widget-header
ui-corner-top">
<ul>
<li><a href="Panel.html"> Panel</a></li>
<li><a href="Alarmlist.html"> Alarm list</a></li>
<li><a href="Map.html"> Map</a></li>
</ul>
</div>
</div>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/blitzer/jquery-ui.css">
<script src="../static/js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="../static/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="../static/js/AlarmlistScripts.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tabs').tabs({active: 1});
});
</script>
</body>
</html>

-TAB1 Alarmlist

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Robot user interface</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="description" content="Alarm list" />
<meta name="author" content="Wolfgang Glück" />
<meta name="editor" content="html-editor phase 5" />
<link rel="icon" href="/static/icons/favicon-16x16.png" type="image/png">
</head>
<body>
<div class="ui-widget-content
ui-state-default
ui-corner-top
ui-corner-bottom">
<div id="AlarmListHeader">
<table width="30%" border="0" bgcolor="#F0F0F0" cellpadding="0" cellspacing="2">
<tr>
<td align="left" >
<button id="acknowledge">Acknowledge</button>
</td>
<td width="20">
</td>
<td>Page:
</td>
<td align="center" id="actual">?actual
</td>
<td width="20">
</td>
<td>
<button type="button" id="button4">first</button>
</td>
<td align="center">
<button type="button" id="button2"><</button>
</td>
<td align="center">
<button type="button" id="button3">></button>
</td>
<td align="center">
<button type="button" id="button5">last</button>
</td>
<td width="20">
</td>
<td align="center" id="last">?last
</td>
</tr>
</table>
</div>
<div id="AlarmListBody">
<table width="100%" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="2">
<caption><h2>Robot alarm list</h2></caption>
<tr>
<td width="130" align="left" bgcolor="#A0A0A0" id="0.1">Date / Time</td>
<td width="420" align="left" bgcolor="#A0A0A0" id="0.2">Message</td>
<td width="20" align="right" bgcolor="#A0A0A0" id="0.3">Limit</td>
<td width="20" align="right" bgcolor="#A0A0A0" id="0.4">Value</td>
<td width="10" align="left" bgcolor="#A0A0A0" id="0.5">Dim.</td>
<td width="10" align="center" bgcolor="#A0A0A0" id="0.6">C/G</td>
<td width="10" align="center" bgcolor="#A0A0A0" id="0.7">A</td>
</tr>
<tr>
<td id="1.1"> </td>
<td id="1.2"> </td>
<td align="right" id="1.3"> </td>
<td align="right" id="1.4"> </td>
<td align="left" id="1.5"> </td>
<td align="center" id="1.6"> </td>
<td align="center" id="1.7"> </td>
</tr>
<tr>
<td bgcolor="#F0F0F0" id="2.1"> </td>
<td bgcolor="#F0F0F0" id="2.2"> </td>
<td align="right" bgcolor="#F0F0F0" id="2.3"> </td>
<td align="right" bgcolor="#F0F0F0" id="2.4"> </td>
<td align="left" bgcolor="#F0F0F0" id="2.5"> </td>
<td align="center" bgcolor="#F0F0F0" id="2.6"> </td>
<td align="center" bgcolor="#F0F0F0" id="2.7"> </td>
</tr>
</table>
</div>
</div>
<script src="../static/js/AlarmlistScripts.js" type="text/javascript"></script>
</body>
</html>

AlarmlistScripts

$(document).ready(function(){
$('#acknowledge').button()
.click(function(event) {
console.log("acknowledge geclickt.");
});
$('#button2').click(function() { window.location.href = "/Robbi/2"; });
$('#button3').click(function() { window.location.href = "/Robbi/3"; });
$('#button4').click(function() { window.location.href = "/Robbi/4"; });
$('#button5').click(function() { window.location.href = "/Robbi/5"; });
});

What did I wrong?

Thanks for your support

Replies(50)

Glück Wol..

Re: TABS and click reactions

7 years ago

ok I got an idea what the problem can be!

I guess the jquery script has to be in the main page only (index.html) wright?

The selector must be modified, so that it drills down to the page containing the buttons (Alarmlist.html)

but as a newcomer to jquery i need some help how to get it working

thanks for your support

Glück Wol..

Re: TABS and click reactions

7 years ago

I tryed this, but it doesn't work at all, no console entry

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Robot</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="description" content="Robot user interface" />
<meta name="author" content="Wolfgang Glück" />
<meta name="editor" content="html-editor phase 5" />
<link rel="icon" href="../static/icons/favicon-16x16.png" type="image/png">
</head>
<body>
<div class="ui-widget">
<div id="tabs"
class="ui-widget-header
ui-corner-top">
<ul>
<li><a href="Panel.html" id="tabPanel"> Panel</a></li>
<li><a href="Alarmlist.html" id="tabAlarmlist"> Alarm list</a></li>
<li><a href="Map.html" id="tabMap"> Map</a></li>
</ul>
</div>
</div>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/blitzer/jquery-ui.css">
<link rel="stylesheet" href="../static/css/alarmlistStyle.css">
<script src="../static/js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="../static/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="../static/js/alarmlistScript.js" type="text/javascript"></script>
</body>
</html>

AlarmlistScript

$('#tabAlarmlist').load(function(){
console.log(this);
var tabDoc = $(this).contents()
$('#Backnowledge', tabDoc).button()
.click(function(event) {
console.log("acknowledge click.");
});
});

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

anybody at home here?

jakecigar

Re: TABS and click reactions

7 years ago

Did you open up the developer tools to see if there is an error? Normally the "tab" html files are just snippets with the contents of a <body> but no <body>, <html>, or <head> stuff.

JΛ̊KE

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

Sure I did

there is no fault in the browser console

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

a <script> with a src is ignored in one of those snippets. It is best to load it in the main page then call it in the "tab" page.

JΛ̊KE

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

the actual state is exactly what you propose

scripts are only loaded in index.html

// TABS
$(document).ready(function(){
console.log("function tabs called")
$('#tabs').tabs({active: 1});
$('#Backnowledge').click(function(event) {
console.log("acknowledge click.");
Send('Alarmlist/acknowledge');
});
});
// 1s cycle
//setInterval(function() {
// console.log("1s cycle has been started")
//}, 1000);
// 2s cycle
//setInterval(function() {
// AlarmlistData()
// console.log("2s cycle has been started")
//}, 2000);
// Ajax
// Alarmlist data
function AlarmlistData(){
var active = $('#tabs').tabs( "option", "active" );
if (active == 1) {
$.ajax({
type: 'GET',
url: '/ajax/Alarmlist/data',
async: true,
dataType: "JSON",
success: function(obj, textstatus, jqXhr) {
dictionary = eval("(" + jqXhr.responseText + ")");
$.each(dictionary, function(id,val) {
if (document.getElementById(id) !== null) {
document.getElementById(id).innerHTML = val;
}
});
},
error: function (jqXhr, textStatus, errorThrown) {
}
});
}
}
// Commands
function Send(command) {
$.ajax({
type: 'GET',
url: '/ajax/' + command,
async: true,
dataType: "JSON",
success: function(obj, textstatus, jqXhr) {
dictionary = eval("(" + jqXhr.responseText + ")");
},
error: function (jqXhr, textStatus, errorThrown) {
}
});
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Robot</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="description" content="Robot user interface" />
<meta name="author" content="Wolfgang Glück" />
<meta name="editor" content="html-editor phase 5" />
<link rel="icon" href="../static/icons/favicon-16x16.png" type="image/png">
</head>
<body>
<div class="ui-widget">
<div id="tabs"
class="ui-widget-header
ui-corner-top">
<ul>
<li><a href="Panel.html" id="tabPanel"> Panel</a></li>
<li><a href="Alarmlist.html" id="tabAlarmlist"> Alarm list</a></li>
<li><a href="Map.html" id="tabMap"> Map</a></li>
</ul>
</div>
</div>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/blitzer/jquery-ui.css">
<link rel="stylesheet" href="../static/css/alarmlistStyle.css">
<script src="../static/js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="../static/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="../static/js/myScripts.js" type="text/javascript"></script>
</body>
</html>

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

Try switching to a different browser or clearing your cache. It should work.

If that doesn’t do it, you will have to prepare a demo for us to see running & failing.

JΛ̊KE

jakecigar

Re: TABS and click reactions

7 years ago

I made a tiny demo http://home.jejaju.com/play/ajax-tabs/tabs.html uses a <script src=…> in the tab along. And it works. Is it possible it is a flaw in your Alarmist code?

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Robot</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="description" content="Alarm list" />
<meta name="author" content="Wolfgang Glück" />
<meta name="editor" content="html-editor phase 5" />
</head>
<body>
<div class="ui-widget-content
ui-state-default
ui-corner-top
ui-corner-bottom">
<table class="AlarmListButtons">
<tr>
<td class="left" ><button type="button" id="Backnowledge">Acknowledge</button></td>
<td class="left">Page: </td>
<td class="right" id="actual"> </td>
<td class="center"><button type="button" id="Bft">First</button></td>
<td class="center"><button type="button" id="Bbwd"><</button></td>
<td class="center"><button type="button" id="Bfwd">></button></td>
<td class="center"><button type="button" id="Blt">Last</button></td>
<td class="right" id="last"> </td>
</tr>
</table>
<table class="AlarmList">
<caption>Robot Alarm List</caption>
<thead>
<tr>
<th class= "width1 left" id="0.1">Date/Time</th>
<th class= "width2 left" id="0.2">Message</th>
<th class= "width3 right" id="0.3">Limit</th>
<th class= "width3 right" id="0.4">Value</th>
<th class= "width4 left" id="0.5">Dim.</th>
<th class= "width4 center" id="0.6">C/G</th>
<th class= "width4 center" id="0.7">A</th>
</tr>
</thead>
<tbody>
<tr>
<td class="left" id="1.1"> </td>
<td class="left" id="1.2"> </td>
<td class="right" id="1.3"> </td>
<td class="right" id="1.4"> </td>
<td class="left" id="1.5"> </td>
<td class="center" id="1.6"> </td>
<td class="center" id="1.7"> </td>
</tr>
<tr class="zebra">
<td class="left" id="2.1"> </td>
<td class="left" id="2.2"> </td>
<td class="right" id="2.3"> </td>
<td class="right" id="2.4"> </td>
<td class="left" id="2.5"> </td>
<td class="center" id="2.6"> </td>
<td class="center" id="2.7"> </td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

Wolfgang

jakecigar

Re: Re: TABS and click reactions

7 years ago

A demo is a site where I can click on the tab and see what happens. Not just a paste of the code.

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

sorry you asked for the Alarmlist

I'm just a private user with local LAN and internal webserver

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

You can install ngrok - secure introspectable tunnels to localhost

JΛ̊KE

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

ok, got it, but I'm not familiar with that tool

how ever it runs and see the webinterface

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

You need to configure and run it. It then tells you the Internet URL that you can share to get at your page from your localhost.

JΛ̊KE

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

ok i have set

ngrok 192.168.1.200:8080

in the web surface the url https://5ec81372.ngrok.io is shown

is that what you are wanted to do me?

Wolfgang

jakecigar

Re: Re: TABS and click reactions

7 years ago

That's probably the same stuff you see when you go to http://192.168.1.200:8080.

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

it is the url for the webserver

we must add the /Robbi/index.html

Wolfgang

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

should be correct now

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

https://5ec81372.ngrok.io/Robbi/index.html returns

This page contains the following errors:

error
    on line 7 at column 47: Entity 'uuml' not defined error on
    line 10 at column 8: Opening and ending tag mismatch: link line 0
    and head 

Below is a rendering of the page up to the first error.

JΛ̊KE

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

ok, are you using windows or linux?

maybe the url constructions doe not work proper

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

Macintosh. But it should not make any difference. I loaded the page in MS Edge, and get a blank screen.

I see

XML5633: End-tag name does not match the corresponding start-tag name.

It looks like you are serving broken XHTML files rather than HTML files.

JΛ̊KE

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

the files are working proper here and are in the state as I have sent

I'm using Chrome here

Wolfgang

jakecigar

Re: Re: TABS and click reactions

7 years ago

Congrats!

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

ok did some amendments in the index.html

removed ü and added changed > into />

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

but now my content pages are no more seen

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

Uncaught TypeError: Cannot read property 'ownerDocument' of null

don't understand that

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

ok did some amendmends in the code

stunning what Chrome is able to do without a fault message

new connection is http://0e931571.ngrok.io/Robbi/index.html

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

Looks pretty good now. When you were serving it as XHTML, you were inviting trouble.

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

I had a wrong content type at server side, sorry. Chrome has compensated it, how ever

Wolfgang

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

But the acknowledge doesn't work at all

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

Is there a final statement to get? Is anybody still working at this issue?

or do I have to drop this solution and use something else than TABs?

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

Not everyone is on German time.

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

just let me know if you are expecting something from my side

or if you drop the issue

Wolfgang

jakecigar

Re: Re: TABS and click reactions

7 years ago

Tunnel 0e931571.ngrok.io not found – your grok is down.

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

http://f85d0bfg.ngrok.io

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

http://f85d0bf9.ngrok.io/Robbi/index.html

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

You didn’t call AlarmlistData(). You need to call it inside an activate event .

And your data is strange!

{"15.3": " ", "20.2": " ", "14.2": " ", "12.1": " ", "23.4": " ", "23.7": " ", "16.3": " ", "20.6": " ", "17.7": " ", "13.2": " ", "10.1": " ", "22.4": " ", "16.7": " ", "21.3": " ", "4.7": " ", "1.3": "", "19.7": " ", "18.2": " ", "19.2": " ", "17.1": " ", "2.7": " ", "3.3": " ", "2.1": " ", "16.5": " ", "13.3": " ", "4.2": " ", "24.5": " ", "5.6": " ", "1.6": "C", "21.6": " ", "5.3": " ", "10.2": " ", "4.3": " ", "20.4": " ", "5.2": " ", "13.7": " ", "18.5": " ", "12.3": " ", "13.1": " ", "3.4": " ", "12.2": " ", "21.5": " ", "13.6": " ", "23.3": " ", "22.2": " ", "5.5": " ", "22.6": " ", "6.4": " ", "15.7": " ", "8.7": " ", "22.3": " ", "3.5": " ", "9.6": " ", "15.1": " ", "7.4": " ", "3.7": " ", "7.2": " ", "19.5": " ", "25.5": " ", "7.1": " ", "17.5": " ", "14.1": " ", "4.5": " ", "18.3": " ", "13.5": " ", "25.7": " ", "21.7": " ", "17.4": " ", "2.4": " ", "11.3": " ", "8.3": " ", "24.4": " ", "8.6": " ", "9.2": " ", "16.6": " ", "6.7": " ", "19.4": " ", "8.2": " ", "6.3": " ", "10.5": " ", "20.7": " ", "actual": "1", "14.7": " ", "23.5": " ", "7.7": " ", "1.7": "A", "last": "1", "15.4": " ", "14.5": " ", "12.6": " ", "14.6": " ", "23.6": " ", "25.1": " ", "19.1": " ", "3.6": " ", "18.4": " ", "25.4": " ", "3.1": " ", "3.2": " ", "14.4": " ", "25.3": " ", "24.7": " ", "25.6": " ", "13.4": " ", "20.3": " ", "20.1": " ", "21.2": " ", "12.4": " ", "11.2": " ", "25.2": " ", "9.3": " ", "1.4": "", "10.7": " ", "15.6": " ", "6.6": " ", "23.2": " ", "11.1": " ", "10.3": " ", "17.2": " ", "5.7": " ", "6.5": " ", "7.5": " ", "4.4": " ", "22.7": " ", "16.2": " ", "18.6": " ", "19.6": " ", "24.2": " ", "11.6": " ", "16.4": " ", "20.5": " ", "10.6": " ", "11.4": " ", "2.2": " ", "6.1": " ", "17.6": " ", "2.3": " ", "23.1": " ", "19.3": " ", "2.6": " ", "5.4": " ", "15.5": " ", "14.3": " ", "17.3": " ", "11.5": " ", "18.1": " ", "10.4": " ", "1.1": "2016-02-09 21:36:18.429", "22.5": " ", "2.5": " ", "11.7": " ", "24.3": " ", "15.2": " ", "4.1": " ", "8.1": " ", "8.5": " ", "1.5": "", "5.1": " ", "12.5": " ", "21.4": " ", "16.1": " ", "24.6": " ", "21.1": " ", "8.4": " ", "12.7": " ", "22.1": " ", "6.2": " ", "18.7": " ", "9.4": " ", "4.6": " ", "1.2": "USB disturbance", "9.5": " ", "24.1": " ", "9.1": " ", "7.3": " ", "9.7": " ", "7.6": " "}

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

oh dear, i switched of the cycle by test reasons

and believe me not all you don't understand is strange

if you like I can activate the 2s cycle, you will get one line data inserted, just let me know

just to remember this is not an issue, it is a feature

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

loopy = setInterval(AlarmlistData,2000) needs to be called when you get the activate event on the right tab.

loopy = clearInterval(loopy) needs to be called when you get the event for another tab.

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

I will try to explain what the alarmlist does:

on Robot side we have changes of status and limit exchanges from measured values .producing entrys in the Alarmlist image (separated process).

from client side we get operation commands like paging, acknowledge (compromizes the list). Both robot side and operation changes the content of the actual page of the Alarmlist.

What you see as data is the dictionary generated from an empty dictionary template and filled up with the lines that have to be shown. Key is the id in the Alarmlist table and value is either   for blank fields or real content. The sort function of this dictionary is maybe done by hash, not by key. That may be confusing.

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

I don't stop the cycles instead i check if the TAB is active

Wolfgang

Glück Wol..

Re: Re: TABS and click reactions

7 years ago

but again we have no problems on the direction out side!

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

So you don’t have any problems left? Great!

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

joking?

I can not use the acknowledge button at all

Wolfgang

jakecigar

Re: TABS and click reactions

7 years ago

You need to set it up inside an activate event .

Or use a deferred click

$('#Backnowledge').click(function(event) {

becomes

$(document).on("click","#Backnowledge’, function(event) {

JΛ̊KE

Glück Wol..

Re: TABS and click reactions

7 years ago

ok, will try it tomorrow, here it is 1 am now

'd prefer your second proposal because of the note

Note: Since the activate event is only fired on tab activation, it is not fired for the initial tab when the tabs widget is created. If you need a hook for widget creation use the create event.

Wolfgang

Glück Wol..

Re: TABS and click reactions

7 years ago

It works perfectly, thank you so much

Wolfgang

Top Reply

Response title

Attachments

Replies(50)

This page contains the following errors:

Below is a rendering of the page up to the first error.

Statistics

Tags

Actions

Related Posts