Replace Mootools with JQuery
We are running a website for holiday rentals. Our website is based on three interfaces front end, owner section and admin interface.
Our website was coded mainly with mootools version 1.1.11. But now we want to move towards latest version of JQuery. And we want to start from our owner section. You can have a look at our owner section at:
The most critical section here is the listing process (you can check the 8 steps by selecting apartment number 8682) and managing the calendar for active apartments. And we have a multi file uploader which will also need to be changed/modified to be compatible with JQuery. Once the current website is modified with JQuery, then we will need to implement a photo editor as well where owners can modify the photos.
So, have a look at the website and let us know how much time you will need to do this modification.
Please remember, our website is based upon PHP (Zend Framework), MySQL. So knowledge of MVC frameworks especially Zend will be beneficial.
We have three different sections related to apartment listing and editing. Please see the details below and what you have to review regarding each different type.
1) Active Apartment (The apartments which are currently available to be booked on our website).
In the test account, we have added Apartment 18 (You can see under My Apartments->View All). If you click on Edit against this apartment, you can see a number of tabs named Calendar, Apartment Info, Price, Distances, Amenities and Description. Review all of these tabs and especially the Calendar Tab as here the owners can block/unblock dates either by clicking a specific date, or clicking the Month name on top of Calendar, or giving in a date range. There is also an iCal field where they submit the URL for their iCal based calendar i.e. Google Calendar.
2) Beta Apartment (The apartments currently in listing process and under review).
Apartment 8682 is of this type. If you click Edit, you will see 7 steps as tabs. You can click on all of the tabs and review. Under these tabs, the owner can edit basic detail, description, address, upload pictures (step 5) and Manage Calendar (Step 6).
3) Quick Listings (It is same as Beta Listing, but have very few input fields).
Apartment 8685 is of this type. If you click Edit, you will see a form consisting apartment details. Once you click on Save, you will be taken to Picture upload page.
If you are on "View All" page, there is a Calendar icon against each apartment. For Active Apartment, it is one of the tab already mentioned in (1). But it is different for Beta Apartment and Quick Listing.
Other than this, you should also review the general pages and review the forms there as these are also programmed using Mootools for client side actions and ajax request.
If you have any questions, please write to us.