On This Date (D-NLS)

[Lynx]

Current Version: 1.0.5

Key(s) Used: (none)

On This Date allows you to enter events into the Dates tab with their associated events. The text field is used to describe the event, or what the event was, or whatever. Some may even find it useful to enter in upcoming events for their forum where it will automatically list it on that date.

Version 1.0.5
- Had hard-coded calls to pad-all and cap-bottom. These have been removed.

Version 1.0.4
- Removed all hard-coded breaks.
- Added custom message option when there are no events for that date. This option is located at the bottom of the Settings tab.
- Fixed a bug where, if a field was blank on the Advanced tab, it wouldn't break the formatting (now correctly sets the default on a blank field).

Version 1.0.3
- Removed the border setting from the CSS component. If you want a border, you'll have to add it back in. This also means that you can remove the border: none; from your stylesheet if you've added it to remove the border.
- Text area boxes have been replaced with HTML boxes for further customization.
- The break between the title bar and the first line of text is removed. Add a manual break in the HTML box in the first line if you want it back.
- The (There are no Events listed with today's date.) message when there are no events for that date have a break inserted before and after the text. This is non-editable. However, this message, as well as any breaks, will be editable in the next version.
- If no events for that date, Hide is "No" and Date Placement is "Title Bar", the date will now show in the title bar.

About tab:


Dates tab:


Settings tab:


Settings tab - NEW: No Event Today custom message:


Advanced tab:

Please note that the container height sizes automatically, but you can change this via CSS. Also note that dates MUST be entered in the format of MM/DD, where MM = Month and DD = Date. Do not use 2 digits for single digit months or dates. Do not include the year - use your Description field to include that.

TO USE:

(1) Install the plugin
(2) Enter your events in the Dates tab
(3) Optionally set your preferred settings in the Settings tab
(4) Optionally edit class(es) the plugin should use in the Advanced tab
(5) Make sure the plugin is enabled
(6) All that's left is to put: <div class="msg-otd"></div> where you want the plugin to display.


If there are any bugs / suggestions for this plugin, please post them here and not in the Review area in the library. I don't check those that often and I may not see it in a timely manner.

Changelog:

SPOILER: Click to show

1.0.5 - Had hard-coded calls to pad-all and cap-bottom. These have been removed.
1.0.4 - Removed all hard-coded breaks. Added custom message option when there are no events for that date. Fixed a bug where, if a field was blank on the Advanced tab, it wouldn't break the formatting (now correctly sets the default on a blank field).
1.0.3 - Removed the border setting from the CSS component. If you want a border, you'll have to add it back in. This also means that you can remove the border: none; from your stylesheet if you've added it to remove the border. Text area boxes have been replaced with HTML boxes for further customization. The break between the title bar and the first line of text is removed. Add a manual break in the HTML box in the first line if you want it back. The (There are no Events listed with today's date.) message when there are no events for that date have a break inserted before and after the text. This is non-editable. However, this message, as well as any breaks, will be editable in the next version. If no events for that date, Hide is "No" and Date Placement is "Title Bar", the date will now show in the title bar.
1.0.2 - Added more info in the About tab. Clarified the date format on the Dates tab. Added in an Advanced tab that lets you select the classes to use. Small bug fixes made.
1.0.1 - Added a bottom margin to the CSS as well as add a Settings tab for further customization.
1.0.0 - Plugin finished and released.

[ldm68]

Thanks For this, this seems a nice easy way to add events etc - Sorry if I am missing something but how do I edit the CSS on this?

I am intending to add this to a side bar and would like it to match the theme / size.
Also ideally I think it might suit my forum better if the date was not shown. As a possible wish list thing would it be possible if there were more than one event on a date that they were somehow selected randomly?

Some people are just never satisfied!

[Boy_Wonder]

I'd be interested in this as well and the random event picked if more then one!

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

I can agree that adding the date is redundant since it already says on this day. Plus if you used
parseInt(YOURDATE.split('/')[0])+'/'+parseInt(YOURDATE.split('/')[1] It would remove extra zeros, all decimal points, extra slashes, and a year if it was accidentally specified
Such as this:

for (z = 0, max2 = settings.msg_otd.length; z < max2; z++)

if ((parseInt(settings.msg_otd[z].otd_date.split('/')[0])+'/'+parseInt(settings.msg_otd[z].otd_date.split('/')[1])) == today)

eventToday.push([(parseInt(settings.msg_otd[z].otd_date.split('/')[0])+'/'+parseInt(settings.msg_otd[z].otd_date.split('/')[1])),settings.msg_otd[z].otd_desc]);

}

[Lynx]

ldm68 - You can change the CSS by targeting its class: .msg-otd

If, for example, you wanted to change the border, you'd just put this at the bottom of your stylesheet:

.msg-otd {
  border: 1px solid #00ff00;
}

which would give you a 1px thick border that's solid and is green. You may need to add the !important flag if it doesn't change without it. The colors, for the most part, should take on your current theme's colors, as I didn't override any in the CSS. What were you looking to modify? As a note, the width is on a % scale, so it should scale with width changes.

---

Boy_Wonder and ldm68:

I have a feeling that if I just make it random if there are 2 or more events on the same day, someone else will want all events for the day shown. So, how about a compromise? I'll add in an option in the UI that will let you choose to display a single random item, single first item encountered or all items. This, of course, would only be applicable if there were 2 or more events with the same date.

In addition, and I was thinking about this last night going to bed, I'll be adding an option for the date: In the header, in the content (where it is now) or no date shown. My reasoning for this is, unless you've got something running that shows the current date on your forum, some people may not be sure what the date is. I know I lose track occasionally myself - some days just run right into the next.

These sound okay?

---

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ - Thank you for that. I haven't played with split yet, so not really comfortable with it. I've gotten to the point to where I like knowing how it works before I use it. I'll definitely keep this in mind for possible future updates though! Thanks!

[ldm68]

All sounds good but to be honest it is all way above my understanding / skill.
The intention was to add this to a side bar on the forum with colours to match the theme. I am currently using the bit code initially posted to give something along the lines I wanted.

I have also downloaded the plugin above which is currently switched off until I get it looking right.
My forum can be found at driven.boards.net/ if that helps.

[Lynx]

Feb 25, 2016 5:49:36 GMT -8 ldm68 said:

All sounds good but to be honest it is all way above my understanding / skill.
The intention was to add this to a side bar on the forum with colours to match the theme. I am currently using the bit code initially posted to give something along the lines I wanted.

I have also downloaded the plugin above which is currently switched off until I get it looking right.
My forum can be found at driven.boards.net/ if that helps.

The container it uses should use your theme's colors automatically. What color isn't matching? The only colors are the title-bar background (which uses PB's .title-bar class - so it should match your other title bars) and border (of which I only set to 1px solid and didn't define a color).

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

It should match automagicallllyyyy

[ldm68]

Placing it in the side bar if I use:

Style 1 (Regular container)- The colours are fine but it shows a container within a container ie OTD 90% the size of the sidebar & black border which does not have rounded corners highlights this.

Style 2 (No title bar, inner border color)- The colours are fine but it shows a container within a container ie OTD 90% the size of the sidebar & black border highlights this. If the border wasn't visible and / or was 100% of sidebar width I think this would be the right choice maybe?

Style 3 (Blank/Placeholder)- main body is transparent and therefore doesn't match theme. Size is ok although border is visible and does not have rounded corners.

Sorry to be difficult!

[ldm68]

Also I still cant figure out how I get to the CSS (?) on this? - or has it been saved to not allow editing?

[Lynx]

I see you've got it running on your forum. Which style of the sidebar are you using?

The border can be changed with CSS. Try this to remove the border:

.msg-otd {
  border: none !important;
}


Please note that the Sidebar Redux creates its own containers. This is probably why you're seeing a container within a container.

[Lynx]

Feb 25, 2016 7:30:42 GMT -8 ldm68 said:

Also I still cant figure out how I get to the CSS (?) on this? - or has it been saved to not allow editing?

You need to go to your theme's stylesheet (Admin > Themes > Advanced Styles & CSS > Stylesheet (tab)) and add the CSS at the very bottom.

[ldm68]

Many thanks - that's a step in the right direction!
If I could get it the same size as the sidebar it would be almost perfect!

I think the loosing the date option would be great as would the displaying all / random or first facts option.

Now I know I am being really cheeky but:
would it be possible to make it say "On This Day" rather than "On This Date"?
I would also like to add two similar areas to the side bar with different headings but to work in a similar way!

Many thanks for your help ant patience.

Forgot to add what do I need to do to change the container height? - Sorry!

[Lynx]

The size difference is most likely due to the OTD container being inside the Sidebar's container. Not much I can do for that - as this really wasn't designed for use inside another container.

Working on Version 1.0.1 that will address the date display and the random event display (if more than 1 event on same date).

"Day" to me represents "Monday", "Tuesday", etc., whereas "Date" represents the actual date. However, I'll add an option in the UI for which you prefer.

[ldm68]

Thanks, the more I look at it I don't think it is a big issue and think the plugin is a nice addition.

I look forward to the next update.
Really do appreciate all the help!