autonomous_database.js

/*
** Copyright (c) 2020, Oracle and/or its affiliates.
** Licensed under the Universal Permissive License v 1.0 as shown at https://oss.oracle.com/licenses/upl.
*/
console.info('Loaded Designer AutonomousDatabase View Javascript');

/*
** Define AutonomousDatabase View Artifact Class
 */
class AutonomousDatabaseView extends OkitDesignerArtefactView {
    constructor(artefact=null, json_view) {
        super(artefact, json_view);
    }

    get parent_id() {
        let subnet = this.getJsonView().getSubnet(this.artefact.subnet_id);
        if (subnet && subnet.compartment_id === this.artefact.compartment_id) {
            console.info('Using Subnet as parent');
            return this.subnet_id;
        } else {
            console.info('Using Compartment as parent');
            return this.compartment_id;
        }
    }

    getParent() {
        return this.getJsonView().getSubnet(this.parent_id) ? this.getJsonView().getSubnet(this.parent_id) : this.getJsonView().getCompartment(this.parent_id);
    }

    getParentId() {
        return this.parent_id;
    }


    /*
    ** Clone Functionality
     */
    clone() {
        return new AutonomousDatabaseView(this.artefact, this.getJsonView());
    }


    /*
     ** SVG Processing
     */
    // Additional draw Processing
    draw() {
        console.group('Drawing ' + this.getArtifactReference() + ' : ' + this.getArtefact().id + ' [' + this.parent_id + ']');
        let svg = super.draw();
        /*
        ** Add Properties Load Event to created svg. We require the definition of the local variable "me" so that it can
        ** be used in the function dur to the fact that using "this" in the function will refer to the function not the
        ** Artifact.
         */
        // Get Inner Rect to attach Connectors
        let rect = svg.select("rect[id='" + safeId(this.id) + "']");
        if (rect && rect.node()) {
            let boundingClientRect = rect.node().getBoundingClientRect();
            // Add Connector Data
            svg.attr("data-compartment-id", this.compartment_id)
                .attr("data-connector-start-y", boundingClientRect.y + (boundingClientRect.height / 2))
                .attr("data-connector-start-x", boundingClientRect.x)
                .attr("data-connector-end-y", boundingClientRect.y + (boundingClientRect.height / 2))
                .attr("data-connector-end-x", boundingClientRect.x)
                .attr("data-connector-id", this.id)
                .attr("dragable", true)
                .selectAll("*")
                .attr("data-connector-start-y", boundingClientRect.y + (boundingClientRect.height / 2))
                .attr("data-connector-start-x", boundingClientRect.x)
                .attr("data-connector-end-y", boundingClientRect.y + (boundingClientRect.height / 2))
                .attr("data-connector-end-x", boundingClientRect.x)
                .attr("data-connector-id", this.id)
                .attr("dragable", true);
        }
        console.groupEnd();
        return svg;
    }
    // Return Artifact Specific Definition.
    getSvgDefinition() {
        let definition = this.newSVGDefinition(this, this.getArtifactReference());
        let first_child = this.getParent().getChildOffset(this.getArtifactReference());
        definition['svg']['x'] = first_child.dx;
        definition['svg']['y'] = first_child.dy;
        definition['svg']['width'] = this.dimensions['width'];
        definition['svg']['height'] = this.dimensions['height'];
        definition['rect']['stroke']['colour'] = stroke_colours.bark;
        definition['rect']['stroke']['dash'] = 1;
        return definition;
    }

    /*
    ** Property Sheet Load function
     */
    loadProperties() {
        let okitJson = this.getOkitJson();
        let me = this;
        $(jqId(PROPERTIES_PANEL)).load("propertysheets/autonomous_database.html", () => {
            $('#is_free_tier').on('change', () => {
                if($('#is_free_tier').is(':checked')) {
                    $('#license_model').val("LICENSE_INCLUDED");
                    $('#is_auto_scaling_enabled').prop('checked', false);
                    $('#license_model').attr('disabled', true);
                    $('#is_auto_scaling_enabled').attr('disabled', true);
                } else {
                    $('#license_model').removeAttr('disabled');
                    $('#is_auto_scaling_enabled').removeAttr('disabled');
                }
            });
            if (me.is_free_tier) {
                me.artefact.license_model = "LICENSE_INCLUDED";
                me.artefact.is_auto_scaling_enabled =  false;
                $('#license_model').attr('disabled', true);
                $('#is_auto_scaling_enabled').attr('disabled', true);
            }
            // Load Reference Ids
            // Network Security Groups
            /*
            let network_security_groups_select = $(jqId('nsg_ids'));
            for (let network_security_group of okitJson.network_security_groups) {
                network_security_groups_select.append($('<option>').attr('value', network_security_group.id).text(network_security_group.display_name));
            }
             */
            let network_security_groups_select = d3.select(d3Id('nsg_ids'));
            for (let network_security_group of okitJson.network_security_groups) {
                let div = network_security_groups_select.append('div');
                div.append('input')
                    .attr('type', 'checkbox')
                    .attr('id', safeId(network_security_group.id))
                    .attr('value', network_security_group.id);
                div.append('label')
                    .attr('for', safeId(network_security_group.id))
                    .text(network_security_group.display_name);
            }
            // Subnets
            let subnet_select = $(jqId('subnet_id'));
            subnet_select.append($('<option>').attr('value', '').text(''));
            for (let subnet of okitJson.subnets) {
                subnet_select.append($('<option>').attr('value', subnet.id).text(subnet.display_name));
            }
            loadPropertiesSheet(me.artefact);
        });
    }

    /*
    ** Load and display Value Proposition
     */
    loadValueProposition() {
        $(jqId(VALUE_PROPOSITION_PANEL)).load("valueproposition/autonomous_database.html");
    }

    /*
    ** Static Functionality
     */
    static getArtifactReference() {
        return AutonomousDatabase.getArtifactReference();
    }

    static getDropTargets() {
        return [Compartment.getArtifactReference(), Subnet.getArtifactReference()];
    }

}