[SOLVED] Calendar as a sidebar module

[tbones]

Hi,

I´ve tried to put this localized JS calendar (Simple calendar setup [flat calendar]) of Mihai Bazon in a sidebar module.

Therefore I´ve coded this tpl file by trial and error:

{if $user_logged_in neq ""}

<div class="tlb">
	{php}
		echo "<span><a onclick=\"new Effect.toggle('cal','blind', {queue: 'end'}); \"> <img src=\"".my_pligg_base."/templates/".The_Template."/images/expand.png\"></a></span>";
	{/php}
	<a href="#">Kalender</a>
</div>

<div id="cal" style="padding-bottom:1px">
	<ul style="list-style:none;">
		{php}
  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
  <script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript" src="lang/calendar-de.js"></script>
  <script type="text/javascript" src="calendar-setup.js"></script>

<div style="float: left; margin-left: 1em; margin-bottom: 1em;"
id="calendar-container"></div>

<script type="text/javascript">
  function dateChanged(calendar) {
    if (calendar.dateClicked) {
      var y = calendar.date.getFullYear();
      var m = calendar.date.getMonth();     // integer, 0..11
      var d = calendar.date.getDate();      // integer, 1..31
      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
    }
  };

  Calendar.setup(
    {
      flat         : "calendar-container", // ID of the parent element
      flatCallback : dateChanged           // our callback function
    }
  );
</script>


		{/php}
	</ul>
</div>
{/if}

As expected, it doesn´t work. Can you help me to implement it?

[savant]

PHP Code:

{if $user_logged_in neq ""}

<div class="tlb">
    {php}
        echo "<span><a onclick=\"new Effect.toggle('cal','blind', {queue: 'end'}); \"> <img src=\"".my_pligg_base."/templates/".The_Template."/images/expand.png\"></a></span>";
    {/php}
    <a href="#">Kalender</a>
</div>

<div id="cal" style="padding-bottom:1px">
    <ul style="list-style:none;">
  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
  <script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript" src="lang/calendar-de.js"></script>
  <script type="text/javascript" src="calendar-setup.js"></script>

<div style="float: left; margin-left: 1em; margin-bottom: 1em;"
id="calendar-container"></div>

{/literal}
<script type="text/javascript">
  function dateChanged(calendar) {
    if (calendar.dateClicked) {
      var y = calendar.date.getFullYear();
      var m = calendar.date.getMonth();     // integer, 0..11
      var d = calendar.date.getDate();      // integer, 1..31
      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
    }
  };

  Calendar.setup(
    {
      flat         : "calendar-container", // ID of the parent element
      flatCallback : dateChanged           // our callback function
    }
  );
</script>
{/literal}
    </ul>
</div>
{/if} 


try that

[tbones]

result:
Fatal error: TPL: [in yget/sidebar_modules/sidebar_calendar.tpl line 19]: syntax error: /literal function does not exist (class.compiler.php, line 485) in /srv/www/www-netbi-blog/http/blog/bewertung/class.template.php on line 923

Maybe a typo?

[savant]

yeah, my bad

PHP Code:

{if $user_logged_in neq ""}

<div class="tlb">
    {php}
        echo "<span><a onclick=\"new Effect.toggle('cal','blind', {queue: 'end'}); \"> <img src=\"".my_pligg_base."/templates/".The_Template."/images/expand.png\"></a></span>";
    {/php}
    <a href="#">Kalender</a>
</div>

<div id="cal" style="padding-bottom:1px">
    <ul style="list-style:none;">
  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
  <script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript" src="lang/calendar-de.js"></script>
  <script type="text/javascript" src="calendar-setup.js"></script>

<div style="float: left; margin-left: 1em; margin-bottom: 1em;"
id="calendar-container"></div>

{ literal }
<script type="text/javascript">
  function dateChanged(calendar) {
    if (calendar.dateClicked) {
      var y = calendar.date.getFullYear();
      var m = calendar.date.getMonth();     // integer, 0..11
      var d = calendar.date.getDate();      // integer, 1..31
      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
    }
  };

  Calendar.setup(
    {
      flat         : "calendar-container", // ID of the parent element
      flatCallback : dateChanged           // our callback function
    }
  );
</script>
{ /literal }
    </ul>
</div>
{/if} 


[tbones]

no error message anymore but also no display :-(

Just an empty sidebar module!

Edit: Could it be a problem with the size of the calendar? It should fit but maybe the padding for a module is too much.

[savant]

is the path for all the javascript file right??

[tbones]

Yes, see the link at the top: it´s directly inside the sidebar_modules folder. Otherwise I hadn´t get any error messages before.

What about making the sidebar wider? Where is the value that sets the width of the sidebars?

[savant]

standalone version might work but when adding it into pligg, the url will be

Pligg Lernumgebung @ TU KL / Schlagzeilen

and it looks for the js files in Pligg Lernumgebung @ TU KL / Schlagzeilen rather than in the sidebar_modules folder.

[tbones]

So I have to add a relative path in front of every file referenced in my tpl file?

[tbones]

Or would it be better to set a path variable?