Custom Builds & Frameworks

What are Frameworks?

A software framework is a universal, reusable software environment that provides particular functionality as part of a larger software platform to facilitate development of software applications, products and solutions. Software frameworks may include support programs, compilers, code libraries, tool sets, and application programming interfaces (APIs) that bring together all the different components to enable development of a project or system.

AngularJS

AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.

Integration with the Angular framework requires some coding.

Create an angular component for the reserve page

Add the following to the reserve html:

<div class="container">
    <div id="zingfit-embed"></div>
</div>

Reference the above in the angular.json scripts section.

Create an Angular component:

import { Component, OnInit } from '@angular/core';
declare const zingEmbed: any;

@Component({
    selector: 'app-reserve',
    templateUrl: './reserve.component.html',
    styleUrls: ['./reserve.component.scss']
})

export class ReserveComponent implements OnInit {
    constructor() { }
    ngOnInit() {
    zingEmbed('alphaintervaltraining.zingfit.com');
}