Jump to content
netcarver

Module: FieldtypeTime & InputfieldTime

Recommended Posts

I've just posted a Fieldtype and Inputfield module combination that support the use of MySQL time fields in ProcessWire. Ryan's Datetime module is great but I needed something that dealt specifically with times for a scheduling system and this is one of the results.

FieldtypeTime_001.png

FieldtypeTime_002.png

For 24 hour clock format ('HH24MM') you now get a clock-picker pop-up by default...

2015-02-12-02.png

...but you can inhibit it if you don't want it...

2015-02-13-01.png

Although the input time format is selectable, as this is stored as a MySQL time field, you currently need to specify values in selectors in full "H:MM:SS" format. So if you wanted to get all events starting on or after 9am you'd do something like this...

$events = $pages->find("template=events, starts>=9:00:00")->sort("starts");

This is definitely a beta module as I've not tested every single input format yet.

Currently does not support negative time-periods or fractions of a second.

FieldtypeTime on Github

FieldtypeTime in the Module Repository 

 

Releases

Version 0.2.0: Adds support for the use of this input field in repeaters and repeater matrix types.

Version 0.1.0: Adds clock picker.

  • Like 22

Share this post


Link to post
Share on other sites

I have sneaked around this feature many times with dirty solutions. Thanks for making this Steve.

Share this post


Link to post
Share on other sites

Now added to the module repo and the opening post has been updated. Please report any issues with installation/use here.

Thank you!

Share this post


Link to post
Share on other sites

Thank you for the module.

I'm using it on a site in development as input for publishing times. Discovered no problems so far. All is running smoothly.

Have you considered adding optional JS to the field for user friendly input through a time picker like http://jonthornton.github.io/jquery-timepicker/ ?

  • Like 2

Share this post


Link to post
Share on other sites

@gebeer

Thank you for the feedback - glad this is working for you. For this Inputfield I deliberately wanted to have a way of quickly entering things from the keyboard but I do appreciate that some folks might want a way of adding a JS picker to this. When I'm less busy with my current project I'll look at re-visiting this to add one. If anyone else has additional suggestions for a candidate time-picker, please drop a note below. 

  • Like 1

Share this post


Link to post
Share on other sites

@netcarver

here are some more timepickers that I was looking at when trying to quickly implement one with your field:

https://fgelinas.com/code/timepicker/ : this one is based on jQuery UI

http://jdewit.github.io/bootstrap-timepicker/ : personally, I like this one best, but it relies on Bootstrap and I couldn't get it to work with BS 3 and with other date fields present in the same form

http://weareoutman.github.io/clockpicker/jquery.html : funny picker looks like a clock

http://amsul.ca/pickadate.js/

  • Like 1

Share this post


Link to post
Share on other sites

@gebeer

I'm starting to play with adding clockpicker (which I find really intuitive) to the inputfield. Here's a screenshot...

post-465-0-56632800-1423751672_thumb.png

...what do you think? Of course, this is only valid for HH24MM format times.

  • Like 12

Share this post


Link to post
Share on other sites

I just pushed a new branch to the github repository that adds the clockpicker popup as seen in the screenshot above. If you want to try it simply use the files from the clockpicker branch. If all goes well with your testing I'll merge this change into the master branch and bump the version.

Thanks!

  • Like 2

Share this post


Link to post
Share on other sites

I've now added clock-picker to the master branch and bumped the version number. Please see the opening post for more details. 

  • Like 3

Share this post


Link to post
Share on other sites

Thanks for the module.

How can I prevent it from populating the field (with 00:00:00) by default?

Share this post


Link to post
Share on other sites

Hi Beluga,

Do you need a configurable value or just a blank as a default?

Share this post


Link to post
Share on other sites

Hi Beluga,

Do you need a configurable value or just a blank as a default?

Blank by default would be the best as it's in line with how Datetime behaves. Configurable is fine by me, though, if you have a usecase for populating by default.

Share this post


Link to post
Share on other sites

I updated my site from 2.5.2 to 2.6.3 with the ProcessUpgrade Module.

When updating InputfieldTime (also through ProcessUpgrade Module) I got a worning that it is not compatible with 2.6. I went ahead anyways to see what will happen.

After upgrade I got 2 Warnings:

ModulesDuplicates: There appear to be multiple copies of module "FieldtypeTime" on the file system. Please edit the module settings to tell ProcessWire which one to use:FieldtypeTime
ModulesDuplicates: There appear to be multiple copies of module "InputfieldTime" on the file system. Please edit the module settings to tell ProcessWire which one to use:InputfieldTime

and a message:

InputfieldTime was updated successfully.

Button: Continue to module settings

In the module settings I got:

There are multiple copies of this module. Select the module file you want to use.
 
/site/modules/InputfieldTime/InputfieldTime.module (the new one after update)
/site/modules/PW-FieldtypeTime/InputfieldTime.module (the old one)
 
I chose the new one.
 
Then I did the same for Fieldtype Time module.
 
Everything seems to be working fine with 2.6.3
 
Just wanted to let you know.
 

Share this post


Link to post
Share on other sites

@netcarver,

first of all thanx for the awesome module.

Are there any news about a blank value as Beluga pointed out? I also need a blank value for opening hours.

Best regards

Share this post


Link to post
Share on other sites

@Beluga, @Juergen

Thanks for pressing me on this. I've just been testing this in PhpMyAdmin and there seems to be a problem with trying to set a blank value to MySQL time fields; MySQL itself sees the blank as an invalid time and sets it to '00:00:00'. There is some more detail about this in the MySQL Time type manual page. Here's a quote from the linked manual page...

Illegal TIME values are converted to '00:00:00'. Note that because '00:00:00' is itself a legal TIME value, there is no way to tell, from a value of '00:00:00' stored in a table, whether the original value was specified as '00:00:00' or whether it was illegal.

You could setup your own test table with a TIME field and try it yourself. Please let me know if you find a workable solution and I'll try and work it into the module. At this point in time I'm not sure how to prevent PW from trying to save a blank value into the DB if nothing is entered in the Inputfield.

Share this post


Link to post
Share on other sites

@geeber

I'm not sure how the duplicate modules got into your filesystem but I've updated the module information to show compatibility with 2.6.

  • Like 1

Share this post


Link to post
Share on other sites

I'm using Netcarver's FieldtypeTime module and I'm trying to sort results by time (in 24hr format hh:mm) but the following doesn't seem to work. My time field is fde_racetime.

foreach ($page->children("fde_date>$todaysDate,sort=fde_date,sort=fde_racetime") as $alldays) {
    foreach ($alldays->fde as $entry) {
      if ($entry->fde_declared == 1) {
        $section_main .= showFDE($alldays, $entry);

      }
    }
  }

Would I need to create a specific sort condition?

http://modules.processwire.com/modules/inputfield-time/

Edited by kongondo
Moved: For modules that have support forums, please post such questions in their respective forums

Share this post


Link to post
Share on other sites

Hello Pete,

I'm trying to sort results by time (in 24hr format hh:mm) but the following doesn't seem to work.

Just to clarify; are you getting a non-empty, but incorrectly sorted, result set for that selector?

Share this post


Link to post
Share on other sites

Hi Steve

When i use this field in the profields repeater matrix, the clock picker no longer works.

But outside of the repeater matrix, it works fine.

Within the repeater, we do not get <script type="text/javascript">$('.clockpicker').clockpicker();</script> added. I guess that  is the cause.

Any ideas what could cause that and how we can get it to show up?

Cheers

 

Share this post


Link to post
Share on other sites

@Zahari Majini

Apa khabar, Zahari? I guess that the JS and/or the CSS file from InputfieldTime isn't getting loaded in that context, I don't know why yet.

Steve

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By joshua
      This module is (yet another) way for implementing a cookie management solution.
      Of course there are several other possibilities:
      - https://processwire.com/talk/topic/22920-klaro-cookie-consent-manager/
      - https://github.com/webmanufaktur/CookieManagementBanner
      - https://github.com/johannesdachsel/cookiemonster
      - https://www.oiljs.org/
      - ... and so on ...
      In this module you can configure which kind of cookie categories you want to manage:

      You can also enable the support for respecting the Do-Not-Track (DNT) header to don't annoy users, who already decided for all their browsing experience.
      Currently there are four possible cookie groups:
      - Necessary (always enabled)
      - Statistics
      - Marketing
      - External Media
      All groups can be renamed, so feel free to use other cookie group names. I just haven't found a way to implement a "repeater like" field as configurable module field ...
      When you want to load specific scripts ( like Google Analytics, Google Maps, ...) only after the user's content to this specific category of cookies, just use the following script syntax:
      <script type="optin" data-type="text/javascript" data-category="statistics" data-src="/path/to/your/statistic/script.js"></script> <script type="optin" data-type="text/javascript" data-category="marketing" data-src="/path/to/your/mareketing/script.js"></script> <script type="optin" data-type="text/javascript" data-category="external_media" data-src="/path/to/your/external-media/script.js"></script> <script type="optin" data-type="text/javascript" data-category="marketing">console.log("Inline scripts are also working!");</script> The type has to be "optin" to get recognized by PrivacyWire, the data-attributes are giving hints, how the script shall be loaded, if the data-category is within the cookie consents of the user. These scripts are loaded asynchronously after the user made the decision.
      If you want to give the users the possibility to change their consent, you can use the following Textformatter:
      [[privacywire-choose-cookies]] It's planned to add also other Textformatters to opt-out of specific cookie groups or delete the whole consent cookie.
      You can also add a custom link to output the banner again with a link / button with following class:
      <a href="#" class="privacywire-show-options">Show Cookie Options</a> <button class="privacywire-show-options">Show Cookie Options</button> This module is still in development, but we already use it on several production websites.
      You find it here: PrivacyWire Git Repo
      Download as .zip
      I would love to hear your feedback 🙂
      CHANGELOG
      0.0.5 Multi-language support included completely (also in TextFormatter). Added possibility to async load other assets (e.g. <img type="optin" data-category="marketing" data-src="https://via.placeholder.com/300x300">) 0.0.4 Added possibility to add an imprint link to the banner 0.0.3 Multi-language support for module config (still in development) 0.0.2 First release 0.0.1 Early development
    • By MoritzLost
      This is a new module that provides a simple solution to clearing all your cache layers at once, and an extensible interface to perform various cache-related actions.
      The simple motivation behind this module was that I was tired of manually clearing caches in several places after deploying a change on a live site. The basic purpose of this module is a simple Clear all caches link in the Setup menu which clears out all caches, no matter where they hide. You can customize what exactly the module does through it's configuration menu:
      Expire or delete all cache entries in the database, or selectively clear caches by namespace ($cache API) Clear the the template render cache. Clear out specific folders inside your site's cache directory (/site/assets/cache) Refresh version strings for static assets to bust client-side browser caches (this requires some setup, see the full documentation for details). This is the basic function of the module. However, you can also add different cache management action through the API and execute them through the module's interface. For this advanced usage, the module provides:
      An interface to see all available cache actions and execute them. A system log and logging output on the module page to see verify what the module is doing. A CacheControlTools class with utility functions to clear out different caches. An API to add cache actions, execute them programmatically and even modify the default action. Permission management, allowing you granular control over which user roles can execute which actions. The complete documentation can be found in the module's README.
      Beta release
      Note that I consider this a Beta release. Since the module is relatively aggressive in deleting some caches, I would advise you to install in on a test environment before using it on a live site.
      Let me know if you're getting any errors, have trouble using the module or if you have suggestions for improvement!
      In particular, can someone let me know if this module causes any problems with the ProCache module? I don't own or use it, so I can't check. As far as I can tell, ProCache uses a folder inside the cache directory to cache static pages, so my module should be able to clear the ProCache site cache as well, I'd appreciate it if someone can test that for me.
      Future plans
      If there is some interest in this, I plan to expand this to a more general cache management solution. I particular, I would like to add additional cache actions. Some ideas that came to mind:
      Warming up the template render cache for publicly accessible pages. Removing all active user sessions. Let me know if you have more suggestions!
      Links
      https://github.com/MoritzLost/ProcessCacheControl ProcessCacheControl in the Module directory

    • By David Karich
      Admin Page Tree Multiple Sorting
      ClassName: ProcessPageListMultipleSorting
      Extend the ordinary sort of children of a template in the admin page tree with multiple properties. For each template, you can define your own rule. Write each template (template-name) in a row, followed by a colon and then the additional field names for sorting.
      Example: All children of the template "blog" to be sorted in descending order according to the date of creation, then descending by modification date, and then by title. Type:
      blog: -created, -modified, title  Installation
      Copy the files for this module to /site/modules/ProcessPageListMultipleSorting/ In admin: Modules > Check for new modules. Install Module "Admin Page Tree Multible Sorting". Alternative in ProcessWire 2.4+
      Login to ProcessWire backend and go to Modules Click tab "New" and enter Module Class Name: "ProcessPageListMultipleSorting" Click "Download and Install"   Compatibility   I have currently tested the module only under PW 2.6+, but think that it works on older versions too. Maybe someone can give a feedback.     Download   PW-Repo: http://modules.processwire.com/modules/process-page-list-multiple-sorting/ GitHub: https://github.com/FlipZoomMedia/Processwire-ProcessPageListMultipleSorting     I hope someone can use the module. Have fun and best regards, David
    • By dimitrios
      Hello,
      this module can publish content of a Processwire page on a Facebook page, triggered by saving the Processwire page.
      To set it up, configure the module with a Facebook app ID, secret and a Page ID. Following is additional configuration on Facebook for developers:
      Minimum Required Facebook App configuration:
      on Settings -> Basics, provide the App Domains, provide the Site URL, on Settings -> Advanced, set the API version (has been tested up to v3.3), add Product: Facebook Login, on Facebook Login -> Settings, set Client OAuth Login: Yes, set Web OAuth Login: Yes, set Enforce HTTPS: Yes, add "https://www.example.com/processwire/page/" to field Valid OAuth Redirect URIs. This module is configurable as follows:
      Templates: posts can take place only for pages with the defined templates. On/Off switch: specify a checkbox field that will not allow the post if checked. Specify a message and/or an image for the post.
      Usage
      edit the desired PW page and save; it will post right after the initial Facebook log in and permission granting. After that, an access token is kept.
       
      Download
      PW module directory: http://modules.processwire.com/modules/auto-fb-post/ Github: https://github.com/kastrind/AutoFbPost   Note: Facebook SDK for PHP is utilized.


×
×
  • Create New...