heldercervantes

Rimaa Order Status

Recommended Posts

Hi guys / gals.

Rimaa deals with logistics and moving products around. They needed an interface for their clients to check the status on their orders and that's where I came in.

Not much you can see just by visiting the site, because this is actually a private mobile oriented web-app. But see some screenshots below.

This project features some cool things under the hood:

  1. First, the content is managed from a Google Spreadsheet. PW connects to the spreadsheet on an interval (that can be configured), parses the sheet and updates the orders list. So the various people that share that spreadsheet and keep it updated for internal control, are also maintaining this platform without even knowing it.
     
  2. PW users templates was modified to allow for this platform's different roles:
    • Client : only sees his orders
    • Agent : has a set of clients he can overview
    • Super-agent : sees all clients
       
  3. Updated orders visual cue: Comparing the current version of an order (by $page->modified) with last viewed version's date (stored in an repeater on each client), the app turns on a visual cue that the order has been updated since it was last seen. Viewing an order is an accordion-style CSS toggle, so at that point an Ajax call tells PW to update the last version viewed by the current user.

All in all, a very little project that once more shows the flexibility we get from this awesome API. Being able to modify users to have the fields we need to get something like this working is a beautiful thing.

rimaa.jpg

 

  • Like 10

Share this post


Link to post
Share on other sites

Very cool project! That's a great use case for PW you got!

  • Like 3

Share this post


Link to post
Share on other sites
Quote

 

First, the content is managed from a Google Spreadsheet. PW connects to the spreadsheet on an interval (that can be configured), parses the sheet and updates the orders list. So the various people that share that spreadsheet and keep it updated for internal control, are also maintaining this platform without even knowing it.


 

I'd love to see the code that does this.  I have a Google Spreadsheet of all the employees with their contact information.  I would like to easily import and update each employees info so that each employee can have their own contact page on our site.

  • Like 1

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 clsource
      Hello,
      I just want to point out this framework for making html apps https://onsen.io/
      it's compatible with jquery, angular, vue, react or any other js framework.
      So far I made an app using this and bootstrap with https://propeller.in/
      for the desing and some libs like jquery and lodash for the app logic
      I prefer this to other alternatives like ionic since it does not bound you to angular or react.
       
      Cheers
    • By FrancisChung
      Hi there,
      I'm experiencing a real weird caching issue with Safari (Desktop) and all mobile browsers where it is loading the old version of the site and refusing to reload the website.
      I don't seem to have the problem with Chrome where a reload did correctly reload the latest version of the website.
      Has anyone come across this issue before?
       
      Things I have tried (and failed) :
      1) I've replaced our .htaccess file with the standard one that comes with Processswire 2.8
      2) Everything here
      https://stackoverflow.com/questions/1922910/force-browser-to-clear-cache
      3) Deleted everything under /assets/pwpc folder. 
      4) Deleted all local wesbite data on laptop/mobile and reloaded.

      Much appreciate if anyone can help me 
    • By regesh
      Hi all.
      I need to change $config->paths->data['templates'] value from "templates" to "m_templates" for example.
      I think this wil be more easy to use specific folder for mobile view.
      How to change depending on some actions? (detecting if site viewing on mobile browser)
      Thanks
    • By microcipcip
      I have a VueJS single page app with a router, how do I redirect all requestes to the index.php page? The processwire .htaccess file is quite big I am not sure how to change it. This is what is suggested in the router docs:
      <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule>  
    • By clsource
      Here my friends at Jumpitt Labs
      used Processwire as the Main Framework for their website (because I recommend it to them)
      http://labs.jumpitt.com
      They are nice folks and make mobile apps
      and applications in Valparaíso, Chile.

      I didn´t make their website, I´m just post it to show it here
      Verification
      http://isit.pw/?url=http%3A%2F%2Flabs.jumpitt.com
      Image