FileMaster

Edit File: WhatsNew.vue

<page-header></page-header>

<div class="am-whats-new-welcome-title">{{ $root.labels.welcome_to_amelia }}</div>

<div class="am-whats-new-welcome-subtitle">{{ $root.labels.welcome_congratz }}</div>

<a class="am-whats-new-btn" href="https://www.youtube.com/c/AmeliaWordPressBookingPlugin" target="_blank">
            {{ $root.labels.discover_amelia }}
          </a>

</div>

</div>

<div class="am-whats-new-changelog-header">
            <div class="am-whats-new-changelog-title am-whats-new-blog-title-text">
              {{ $root.labels.amelia_changelog }}
            </div>
            <div class="am-whats-new-changelog-subtitle am-whats-new-blog-subtitle-text">
              {{ $root.labels.current_version }} {{ changelog.version }}
            </div>
          </div>

<div class="am-whats-new-changelog-version">
            <div class="am-whats-new-changelog-version-title">
              {{ $root.labels.version }} {{ changelog.version }}
            </div>
            <div class="am-whats-new-changelog-subtitle am-whats-new-blog-subtitle-text">
              {{ $root.labels.version_subtitle }}
            </div>
          </div>

<p class="am-whats-new-changelog-list-title">{{$root.labels.included_plan_your}}</p>
            <div class="am-whats-new-changelog-list-item" v-for="(item, index) in getLicencesItems(getThisAndLowerLicences())" :key="item.licence + item.type + index">
              <div class="am-whats-new-changelog-list-item-img-holder">
                <img v-if="item.type" :src="$root.getUrl+`public/img/am-${getIconType(item.type)}.svg`" />
              </div>

<p class="am-whats-new-changelog-list-title" v-if="!$root.licence.isDeveloper && getLicencesItems(getHigherLicences()).length">{{$root.labels.included_plan_higher}}</p>
            <div v-if="!$root.licence.isDeveloper" class="am-whats-new-changelog-list-item" v-for="(item, index) in getLicencesItems(getHigherLicences())" :key="index">
              <div class="am-whats-new-changelog-list-item-img-holder">
                <img v-if="item.type" :src="$root.getUrl+`public/img/am-${getIconType(item.type)}.svg`" />
              </div>

<a class="am-whats-new-changelog-link" href="https://wpamelia.com/changelog/" target="_blank" rel="nofollow">
              {{ $root.labels.see_previous_versions }}
              <img :src="$root.getUrl+'public/img/am-arrow-upper-right.svg'" />
            </a>

</div>

<div class="am-whats-new-blog-success-stories-title am-whats-new-blog-title-text">
              {{ $root.labels.take_a_look }}
            </div>

<a class="am-whats-new-btn" href="https://wpamelia.com/success-stories/" target="_blank" rel="nofollow">
              {{ $root.labels.read_success_stories }}
            </a>

</div>
        </div>

</div>

<div class="am-whats-new-blog-title am-whats-new-blog-title-text">
            {{ $root.labels.news_blog }}<img :src="$root.getUrl+'public/img/am-ringing-bel.png'" />
          </div>

<div class="am-whats-new-blog-list-item" v-for="post in blogPosts" :key="post.href">
              <p>{{post.title}}</p>
              <a :href="post.href" target="_blank" rel="nofollow"><img :src="$root.getUrl+'public/img/am-arrow-upper-right.svg'" /></a>
            </div>

</div>

<div class="am-whats-new-blog-subscribe-title">{{ $root.labels.keep_up_to_date }}</div>
              <div class="am-whats-new-blog-subscribe-subtitle am-whats-new-blog-subtitle-text">{{ $root.labels.never_miss_notifications }}</div>
              <div class="am-whats-new-blog-subscribe-form">

<form ref="emailForm" @submit.prevent="submitForm" action="https://acumbamail.com/newform/subscribe/ET8rshmNeLvQox6J8U99sSJZ8B1DZo1mhOgs408R0mHYiwgmM/39828/" method="post" class="am-whats-new-blog-subscribe-form">
                  <div class="">
                    <div style="width: 100%; position:relative;">
                      <span v-if="!isValidEmail" id="am-subscribe-error-msg" style="color: red;">Please enter a valid email address.</span><br>
                      <input v-model="email" @keyup="clearValidation" id="r0c0m1i1" name="email_1" type="email" :placeholder="$root.labels.enter_your_email" required=""/><br />

</div>

</div>

<div class="am-whats-new-blog-title-text">
              {{ $root.labels.need_help }}
            </div>

<div class="am-whats-new-blog-support-subtitle am-whats-new-blog-subtitle-text">
              {{ $root.labels.our_support_team }}
            </div>

<a class="am-whats-new-btn" href="https://wpamelia.com/contact/" target="_blank">
              {{ $root.labels.contact_our_support }}
            </a>

</div>

</div>
  </div>
</template>

export default {

data () {
     return {
       email: '',
       isValidEmail: true,
       blogPosts: [],
       changelog: {
         version: '8.5',
         starter: {
           feature: [
             'Option to display dropdowns in first step as separate steps, with customizable step order on Step-by-Step Booking form'
           ],
           improvement: [
             'Implemented Google reCAPTCHA on the Employee and Customer login panels to enhance security and prevent bot activity',
             'Implemented “Show Employee on site” option - Allows hiding employees on the frontend while keeping them available for backend booking by admins or managers',
             'Added quick status change option via dropdown in Frontend Employee Panel',
             'Added additional placeholders to use with Google Analytics'
           ],
           translations: [
           ],
           bugfix: [
             'Fixed issue with additional white space on the Events form on smaller/mobile screen',
             'Fixed issue with pagination on the Events list form',
             'Fixed issue with keyboard navigation on SBS',
             'Fixed issue with the form when service preselected in shortcode has the ‘Show service on site’ option disabled'
           ],
           other: [
             'Other small bug fixes and stability improvements'
           ]
         },
         basic: {
           feature: [
             'Mailchimp Integration - Direct integration with Mailchimp allows users to automatically sync customer data with mailing lists'
           ],
           improvement: [
           ],
           translations: [
           ],
           bugfix: [
             'Fixed issue with incorrect extra quantity calculation on invoices for bookings with multiple persons when "Multiply by the number of persons" is disabled',
             'Fixed issue with Issued date for invoices',
             'Fixed issue with tax calculation for Extras when Excluded taxes are enabled',
             'Fixed issue with appointment price and due amount placeholders on WooCommerce pages',
             'Fixed issue with time zone discrepancy',
             'Fixed issues with Stripe e-wallet/Link payments',
             'Fixed issue with payment status in exported attendees CSV and WooCommerce',
             'Fixed issue with going back from WooCommerce and Mollie',
             'Fixed issue with price on Invoices when Included tax option is enabled and coupon is used'
           ],
           other: [
           ]
         },
         pro: {
           feature: [
             'Pricing by Specific Date & Time - Set different service prices for holidays, certain months, or custom date ranges',
             'Pricing by Days of the Week - Apply different rates for weekdays, weekends, or specific hours'
           ],
           improvement: [
             'When a package purchase is cancelled (e.g., due to failed WooCommerce payment), all appointments within the package are now automatically cancelled'
           ],
           translations: [
           ],
           bugfix: [
             'Fixed issue with using coupons for Cart purchases',
             'Fixed issue with booking/editing package appointments on the back-end with empty customer custom fields',
             'Fixed issue with booking only the first service in the package'
           ],
           other: [
           ]
         },
         developer: {
           feature: [
           ],
           improvement: [
             'Added option to set custom API key expiration period when creating a key'
           ],
           translations: [
           ],
           bugfix: [
           ],
           other: [
           ]
         }
       },
       loading: false
     }
   },

methods: {
     clearValidation () {
       this.isValidEmail = true
     },

submitForm () {
       let emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/

if (emailRegex.test(this.email)) {
         this.isValidEmail = true
         this.$refs.emailForm.submit()
       } else {
         this.isValidEmail = false
       }
     },

getThisAndLowerLicences () {
       if (this.$root.licence.isStarter) {
         return ['starter']
       } else if (this.$root.licence.isBasic) {
         return ['starter', 'basic']
       } else if (this.$root.licence.isPro) {
         return ['starter', 'basic', 'pro']
       } else if (this.$root.licence.isDeveloper) {
         return ['starter', 'basic', 'pro', 'developer']
       }
     },

getHigherLicences () {
       if (this.$root.licence.isStarter) {
         return ['basic', 'pro', 'developer']
       } else if (this.$root.licence.isBasic) {
         return ['pro', 'developer']
       } else if (this.$root.licence.isPro) {
         return ['developer']
       } else if (this.$root.licence.isDeveloper) {
         return []
       }
     },

getLicencesItems (licences) {
       let items = []

licences.forEach((licence) => {
         this.changelog[licence].feature.forEach((item) => {
           items.push({
             licence: licence,
             type: 'Feature',
             text: item
           })
         })
       })

licences.forEach((licence) => {
         this.changelog[licence].improvement.forEach((item) => {
           items.push({
             licence: licence,
             type: 'Improvement',
             text: item
           })
         })
       })

licences.forEach((licence) => {
         this.changelog[licence].translations.forEach((item) => {
           items.push({
             licence: licence,
             type: 'Translations',
             text: item
           })
         })
       })

licences.forEach((licence) => {
         this.changelog[licence].bugfix.forEach((item) => {
           items.push({
             licence: licence,
             type: 'BugFix',
             text: item
           })
         })
       })

licences.forEach((licence) => {
         this.changelog[licence].other.forEach((item) => {
           items.push({
             licence: licence,
             text: item
           })
         })
       })

return items
     },

getNews () {
       this.loading = true

this.$http.get(`${this.$root.getAjaxUrl}/whats-new`)
         .then(response => {
           this.blogPosts = response.data.data.blogPosts ? response.data.data.blogPosts.slice(0, 6) : []

this.loading = false
         })
         .catch(e => {
           this.loading = false
           console.log(e)
         })
     },

getIconType (type) {
       let typeToReturn = type.toLowerCase()

switch (typeToReturn) {
         case 'improvement':
         case 'bugfix':
         case 'feature':
         case 'translations':
           return typeToReturn
         default:
           return 'plus'
       }
     }
   },

created () {
     this.getNews()
   },

components: {
     PageHeader
   }
 }
</script>

Back