WordPress.org

Ready to get started?Download WordPress

Forums

Ajax Event Calendar
[resolved] Ajax Event Calendar minicalendar widget (20 posts)

  1. guidored@gmail.com
    Member
    Posted 2 years ago #

    I would apreciate any information about the planes to create a minicalendar widget (almost the same as calendar, but only the basic) or the requirements to include one in the code ... as it uses fullcalendar code from third parts.

    I need this function to put in our departamental portal.

    Many thanks.

  2. Eran Miller
    Member
    Plugin Author

    Posted 2 years ago #

    I will consider adding this functionality to a future release of the plugin. FYI, it is unlikely that it will make it into the next release.

    Thank you for your feedback.
    Eran

  3. guidored@gmail.com
    Member
    Posted 2 years ago #

    Perhaps i can help to do it, and if i can have some guidance from you, I can make de propper code in php, not sure about css.

  4. Eran Miller
    Member
    Plugin Author

    Posted 2 years ago #

    Thanks,

    I have the php completed for this widget, php isn't the obstacle, it's the passing asynchronous data via javascript that requires lots of attention.

    Eran

  5. MacItaly
    Member
    Posted 2 years ago #

    + 1 for minicalendar widget :)

  6. tnorberg
    Member
    Posted 2 years ago #

    I just redid some of the plugin to just hack it a little. Added my own template to utilize the calendar. I didn't want to create a whole new widget but none the less it works.

    In custom template_page.php:

    <div class="layout-cell sidebar1">
    
    <div class="block-body">
    	<div class="blockheader">
    		<h3 class="t" style="font-size:22px">Custom Event Schedule</h3>
    		<h3 class="t custom-date"><?php echo date("M") . " " .date("Y"); ?></h3>
    	</div>
    	<br />
    	<br />
    	<div class="blockcontent">
    	        <div class="blockcontent-body">
    		        <?php echo do_shortcode("[calendar]"); ?>
    	        </div>
            </div>
    </div>
    </div>

    in custom_plugin.php:

    if(!is_page("calendar")){
    add_action("wp_footer", "add_custom_tcn_javascript");
    function add_custom_tcn_javascript(){
    ?>
    	<script type="text/javascript">
    		(function($) {
    			$("#aec-filter").hide();
    			$("#aec-calendar").next().hide();
    			$("#aec-menu").hide();
    			$("#aec-calendar > .fc-header").hide();
    			var monthName=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
    			if($(".custom-date").length > 0){
    			$(".fc-button-prev").live("click", function(){
    				var oldDate = $(".custom-date").html();
    				oldDate = oldDate.split(/ /);
    				var x = 0;
    				for(x in monthName)
    				{
    					if(oldDate[0] == monthName[x])
    					{
    						var newMonth = parseInt(x) - 1;
    						var newYear = parseInt(oldDate[1]);
    						if(oldDate[0] == "Jan")
    						{
    							var newMonth = parseInt(x) + 11;
    							var newYear = parseInt(oldDate[1]) - 1;
    						}
    					}
    				}
    				$(".custom-date").html(monthName[newMonth] + " " + newYear);
    			});
    			$(".fc-button-next").live("click", function(){
    				var oldDate = $(".custom-date").html();
    				oldDate = oldDate.split(/ /);
    				var newMonth = 0;
    				for(x in monthName)
    				{
    					if(oldDate[0] == monthName[x])
    					{
    						var newMonth = parseInt(x) + 1;
    						var newYear = parseInt(oldDate[1]);
    						if(oldDate[0] == "Dec")
    						{
    							var newMonth = parseInt(x) - 11;
    							var newYear = parseInt(oldDate[1]) + 1;
    						}
    					}
    				}
    				$(".custom-date").html(monthName[newMonth] + " " + newYear);
    			});
    			$(".fc-button-today").live("click", function(){
    				var newDate = new Date();
    				$(".custom-date").html(monthName[newDate.getMonth()] + " " + newDate.getFullYear());
    			});
    			}
    		})(jQuery);
    	</script>
    <?php
    }
    }// END if statement

    css:

    .content-layout .sidebar1 {
        border-right: 1px solid #6CACE6;
        max-width: 200px;
        width: 200px;
    }
    .blockcontent {
        margin: 0 auto;
        min-height: 1px;
        min-width: 1px;
        position: relative;
    }
    .blockcontent-body {
        color: #666666;
        font-family: "Century Gothic";
        font-size: 12px;
        padding: 7px;
        position: relative;
    }

    Not really the best scenario but a fun implementation to say the least. I def could have done it better and not my best work but it was fun doing it.

    Let me know if you have any questions or would like an explanation or whatever.

    This is what mine looked like after it was done:
    here

  7. guidored@gmail.com
    Member
    Posted 2 years ago #

    Thats mean that using "[calendar]" we can get the minicalendar?, so if that is true, and we also want to have the full calendar, how we can do to have working "[minicalendar] and "[calendar]" in diferent ways?

    The objetive is to present the minicalendar with days remarked on events and linked to a page with all events in that day. Is that possible?

  8. Eran Miller
    Member
    Plugin Author

    Posted 2 years ago #

    Plugin version 0.9.9.1 is now available for download.
    Due to feature prioritization, mini-calendar functionality has been postponed.

  9. Eran Miller
    Member
    Plugin Author

    Posted 2 years ago #

    I stumbled upon a solution today for a minicalendar via shortcode which I will make available in the next plugin release. The functionality will be identical to the larger calendar and in the next release I will be adding additional shortcode options that allows you to control the calendar height (the width is automatically calculated).

    Just thought I'd let you know.
    Eran

  10. MacItaly
    Member
    Posted 2 years ago #

    I stumbled upon a solution today for a minicalendar via shortcode

    Great news, Eran, could you, please, post the link to this article when you have done? I'd like to test it.
    Thanks in advance

    Mac

  11. ethanpil
    Member
    Posted 2 years ago #

    Great news, Eran, could you, please, post the link to this article when you have done? I'd like to test it.

    Yes! I am also eagerly anticipating this feature!

  12. nerdflu
    Member
    Posted 2 years ago #

    Same! can't wait for this :)

  13. Halmir
    Member
    Posted 2 years ago #

    I need it right now. No pressure :). When? Is it in beta?

  14. tnorberg
    Member
    Posted 2 years ago #

    I modded the events calendar plugin you can see it in action here: http://tottrade.net/sign-up.

  15. Eran Miller
    Member
    Plugin Author

    Posted 2 years ago #

    @Halmir: probably another week before it goes beta, then another week or two before it goes live.

  16. Halmir
    Member
    Posted 2 years ago #

    Thats great. It would not make sense to use two different calendars.
    I could make Finnish translation, or is someone making it?
    I have done in past translation to Ubuntu linux.

  17. nerdflu
    Member
    Posted 2 years ago #

    @eran awesome! :D

  18. Halmir
    Member
    Posted 2 years ago #

    Wondering why there is no month "may" in short version of months. English and some other languages it is three letter but not so in Finnish. Bit of problem translating to Finnish. If doing it properly.

    jan = Tammi or simple first letter T
    feb = helmi, h
    mar = maalis, m
    apr = huhti, h
    may(which is missing)=touko, t

    and so on.

  19. Eran Miller
    Member
    Plugin Author

    Posted 2 years ago #

    @Halmir: It's a known issue that will be fixed in the next release, expected in two weeks

  20. Eran Miller
    Member
    Plugin Author

    Posted 2 years ago #

    If you have not already done so, please take a few moments to complete this feedback form. Your answers will help determine future plugin development. Please submit your responses only once, multiple submissions are automatically excluded.

    Calling all Beta Testers! The 1.0 release is now available for testing.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic