Hotel Raxa - Advanced Booking System Implementation
🏨 Hotel Booking Enhancements: - Implemented Eagle Booking Advanced Pricing add-on - Added Booking.com-style rate management system - Created professional calendar interface for pricing - Integrated deals and discounts functionality 💰 Advanced Pricing Features: - Dynamic pricing models (per room, per person, per adult) - Base rates, adult rates, and child rates management - Length of stay discounts and early bird deals - Mobile rates and secret deals implementation - Seasonal promotions and flash sales 📅 Availability Management: - Real-time availability tracking - Stop sell and restriction controls - Closed to arrival/departure functionality - Minimum/maximum stay requirements - Automatic sold-out management 💳 Payment Integration: - Maintained Redsys payment gateway integration - Seamless integration with existing Eagle Booking - No modifications to core Eagle Booking plugin 🛠️ Technical Implementation: - Custom database tables for advanced pricing - WordPress hooks and filters integration - AJAX-powered admin interface - Data migration from existing Eagle Booking - Professional calendar view for revenue management 📊 Admin Interface: - Booking.com-style management dashboard - Visual rate and availability calendar - Bulk operations for date ranges - Statistics and analytics dashboard - Modal dialogs for quick editing 🔧 Code Quality: - WordPress coding standards compliance - Secure database operations with prepared statements - Proper input validation and sanitization - Error handling and logging - Responsive admin interface 🤖 Generated with Claude Code (https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Hotel Raxa Dev
284
wp-content/plugins/envato-market/js/envato-market.js
Normal file
284
wp-content/plugins/envato-market/js/envato-market.js
Normal file
@@ -0,0 +1,284 @@
|
||||
/* global _envatoMarket, tb_click */
|
||||
|
||||
/**
|
||||
* Envato Market sripts.
|
||||
*
|
||||
* @since 1.0.0
|
||||
*/
|
||||
(function( $ ) {
|
||||
'use strict';
|
||||
var dialog, envatoMarket = {
|
||||
|
||||
cache: {},
|
||||
|
||||
init: function () {
|
||||
this.bindEvents()
|
||||
},
|
||||
|
||||
bindEvents: function () {
|
||||
const self = this
|
||||
|
||||
self.addItem()
|
||||
self.removeItem()
|
||||
self.tabbedNav()
|
||||
|
||||
$(document).on('click', '.envato-card a.thickbox', function () {
|
||||
tb_click.call(this)
|
||||
$('#TB_title').css({ 'background-color': '#23282d', color: '#cfcfcf' })
|
||||
return false
|
||||
})
|
||||
},
|
||||
|
||||
addItem: function () {
|
||||
$(document).on('click', '.add-envato-market-item', function (event) {
|
||||
const id = 'envato-market-dialog-form'
|
||||
event.preventDefault()
|
||||
|
||||
if ($('#' + id).length === 0) {
|
||||
$('body').append(wp.template(id))
|
||||
}
|
||||
|
||||
dialog = $('#' + id).dialog({
|
||||
autoOpen: true,
|
||||
modal: true,
|
||||
width: 350,
|
||||
buttons: {
|
||||
Save: {
|
||||
text: _envatoMarket.i18n.save,
|
||||
click: function () {
|
||||
const form = $(this)
|
||||
let request; let token; let input_id
|
||||
|
||||
form.on('submit', function (event) {
|
||||
event.preventDefault()
|
||||
})
|
||||
|
||||
token = form.find('input[name="token"]').val()
|
||||
input_id = form.find('input[name="id"]').val()
|
||||
|
||||
request = wp.ajax.post(_envatoMarket.action + '_add_item', {
|
||||
nonce: _envatoMarket.nonce,
|
||||
token,
|
||||
id: input_id
|
||||
})
|
||||
|
||||
request.done(function (response) {
|
||||
const item = wp.template('envato-market-item')
|
||||
const card = wp.template('envato-market-card')
|
||||
const button = wp.template('envato-market-auth-check-button')
|
||||
|
||||
$('.nav-tab-wrapper').find('[data-id="' + response.type + '"]').removeClass('hidden')
|
||||
|
||||
response.item.type = response.type
|
||||
$('#' + response.type + 's').append(card(response.item)).removeClass('hidden')
|
||||
|
||||
$('#envato-market-items').append(item({
|
||||
name: response.name,
|
||||
token: response.token,
|
||||
id: response.id,
|
||||
key: response.key,
|
||||
type: response.type,
|
||||
authorized: response.authorized
|
||||
}))
|
||||
|
||||
if ($('.auth-check-button').length === 0) {
|
||||
$('p.submit').append(button)
|
||||
}
|
||||
|
||||
dialog.dialog('close')
|
||||
envatoMarket.addReadmore()
|
||||
})
|
||||
|
||||
request.fail(function (response) {
|
||||
const template = wp.template('envato-market-dialog-error')
|
||||
const data = {
|
||||
message: (response.message ? response.message : _envatoMarket.i18n.error)
|
||||
}
|
||||
|
||||
dialog.find('.notice').remove()
|
||||
dialog.find('form').prepend(template(data))
|
||||
dialog.find('.notice').fadeIn('fast')
|
||||
})
|
||||
}
|
||||
},
|
||||
Cancel: {
|
||||
text: _envatoMarket.i18n.cancel,
|
||||
click: function () {
|
||||
dialog.dialog('close')
|
||||
}
|
||||
}
|
||||
},
|
||||
close: function () {
|
||||
dialog.find('.notice').remove()
|
||||
dialog.find('form')[0].reset()
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
removeItem: function () {
|
||||
$(document).on('click', '#envato-market-items .item-delete', function (event) {
|
||||
const self = this; const id = 'envato-market-dialog-remove'
|
||||
event.preventDefault()
|
||||
|
||||
if ($('#' + id).length === 0) {
|
||||
$('body').append(wp.template(id))
|
||||
}
|
||||
|
||||
dialog = $('#' + id).dialog({
|
||||
autoOpen: true,
|
||||
modal: true,
|
||||
width: 350,
|
||||
buttons: {
|
||||
Save: {
|
||||
text: _envatoMarket.i18n.remove,
|
||||
click: function () {
|
||||
const form = $(this)
|
||||
let request; let id
|
||||
|
||||
form.on('submit', function (submit_event) {
|
||||
submit_event.preventDefault()
|
||||
})
|
||||
|
||||
id = $(self).parents('li').data('id')
|
||||
|
||||
request = wp.ajax.post(_envatoMarket.action + '_remove_item', {
|
||||
nonce: _envatoMarket.nonce,
|
||||
id
|
||||
})
|
||||
|
||||
request.done(function () {
|
||||
const item = $('.col[data-id="' + id + '"]')
|
||||
const type = item.find('.envato-card').hasClass('theme') ? 'theme' : 'plugin'
|
||||
|
||||
item.remove()
|
||||
|
||||
if ($('#' + type + 's').find('.col').length === 0) {
|
||||
$('.nav-tab-wrapper').find('[data-id="' + type + '"]').addClass('hidden')
|
||||
$('#' + type + 's').addClass('hidden')
|
||||
}
|
||||
|
||||
$(self).parents('li').remove()
|
||||
|
||||
$('#envato-market-items li').each(function (index) {
|
||||
$(this).find('input').each(function () {
|
||||
$(this).attr('name', $(this).attr('name').replace(/\[\d\]/g, '[' + index + ']'))
|
||||
})
|
||||
})
|
||||
|
||||
if ($('.auth-check-button').length !== 0 && $('#envato-market-items li').length === 0) {
|
||||
$('p.submit .auth-check-button').remove()
|
||||
}
|
||||
|
||||
dialog.dialog('close')
|
||||
})
|
||||
|
||||
request.fail(function (response) {
|
||||
const template = wp.template('envato-market-dialog-error')
|
||||
const data = {
|
||||
message: response.message ? response.message : _envatoMarket.i18n.error
|
||||
}
|
||||
|
||||
dialog.find('.notice').remove()
|
||||
dialog.find('form').prepend(template(data))
|
||||
dialog.find('.notice').fadeIn('fast')
|
||||
})
|
||||
}
|
||||
},
|
||||
Cancel: {
|
||||
text: _envatoMarket.i18n.cancel,
|
||||
click: function () {
|
||||
dialog.dialog('close')
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
tabbedNav: function () {
|
||||
const self = this
|
||||
const $wrap = $('.about-wrap')
|
||||
|
||||
// Hide all panels
|
||||
$('div.panel', $wrap).hide()
|
||||
|
||||
const tab = self.getParameterByName('tab')
|
||||
const hashTab = window.location.hash.substr(1)
|
||||
|
||||
// Listen for the click event.
|
||||
$(document, $wrap).on('click', '.nav-tab-wrapper a', function () {
|
||||
// Deactivate and hide all tabs & panels.
|
||||
$('.nav-tab-wrapper a', $wrap).removeClass('nav-tab-active')
|
||||
$('div.panel', $wrap).hide()
|
||||
|
||||
// Activate and show the selected tab and panel.
|
||||
$(this).addClass('nav-tab-active')
|
||||
$('div' + $(this).attr('href'), $wrap).show()
|
||||
|
||||
self.maybeLoadhealthcheck()
|
||||
|
||||
return false
|
||||
})
|
||||
|
||||
if (tab) {
|
||||
$('.nav-tab-wrapper a[href="#' + tab + '"]', $wrap).click()
|
||||
} else if (hashTab) {
|
||||
$('.nav-tab-wrapper a[href="#' + hashTab + '"]', $wrap).click()
|
||||
} else {
|
||||
$('div.panel:not(.hidden)', $wrap).first().show()
|
||||
}
|
||||
},
|
||||
|
||||
getParameterByName: function (name) {
|
||||
let regex, results
|
||||
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]')
|
||||
regex = new RegExp('[\\?&]' + name + '=([^&#]*)')
|
||||
results = regex.exec(location.search)
|
||||
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '))
|
||||
},
|
||||
|
||||
maybeLoadhealthcheck: function () {
|
||||
// We only load the health check ajax call when the envato-market-healthcheck div is visible on the page.
|
||||
const $healthCheckOutput = $('.envato-market-healthcheck')
|
||||
if ($healthCheckOutput.is(':visible')) {
|
||||
$healthCheckOutput.text('Loading...')
|
||||
|
||||
// Use our existing wp.ajax.post pattern from above to call the healthcheck API endpoint
|
||||
const request = wp.ajax.post(_envatoMarket.action + '_healthcheck', {
|
||||
nonce: _envatoMarket.nonce
|
||||
})
|
||||
|
||||
request.done(function (response) {
|
||||
if (response && response.limits) {
|
||||
const $healthCheckUL = $('<ul></ul>')
|
||||
const limits = Object.keys(response.limits)
|
||||
for (let i = 0; i < limits.length; i++) {
|
||||
const $healthCheckLI = $('<li></li>')
|
||||
const healthCheckItem = response.limits[limits[i]]
|
||||
$healthCheckLI.addClass(healthCheckItem.ok ? 'healthcheck-ok' : 'healthcheck-error')
|
||||
$healthCheckLI.attr('data-limit', limits[i])
|
||||
$healthCheckLI.append('<span class="healthcheck-item-title">' + healthCheckItem.title + '</span>')
|
||||
$healthCheckLI.append('<span class="healthcheck-item-message">' + healthCheckItem.message + '</span>')
|
||||
$healthCheckUL.append($healthCheckLI)
|
||||
}
|
||||
$healthCheckOutput.html($healthCheckUL)
|
||||
} else {
|
||||
window.console.log(response)
|
||||
$healthCheckOutput.text('Health check failed to load. Please check console for errors.')
|
||||
}
|
||||
})
|
||||
|
||||
request.fail(function (response) {
|
||||
window.console.log(response)
|
||||
$healthCheckOutput.text('Health check failed to load. Please check console for errors.')
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$(window).on('load', function () {
|
||||
envatoMarket.init()
|
||||
})
|
||||
})(jQuery)
|
||||
Reference in New Issue
Block a user