CADViewer

<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png" width="40px">
    <app-helloworld msg="Welcome to Your Vue.js App"></app-helloworld>
    <app-cadviewerhelpermethods ref="cadviewerhelpermethods"></app-cadviewerhelpermethods>
    <app-cadviewerspaceobjects ref="cadviewerspaceobjects"></app-cadviewerspaceobjects>
    <app-cadviewercanvas ref="cadviewercanvas"></app-cadviewercanvas>

    
  </div>

CADViewer

{
    "ServerUrl" : "http://localhost:3000",
    "ServerFrontEndUrl" : "http://localhost:8000",
    "ServerLocation" : "c:/nodejs/cadviewer/",
    "fileLocation" : "c:/nodejs/cadviewer/converters/files/",
    "fileLocationUrl" : "http://127.0.0.1:3000/converters/files/",
    "converterLocation" : "c:/nodejs/cadviewer/converters/ax2020/windows/",
    "ax2020_executable" : "AX2020_W32_20_05_34.exe",
    "licenseLocation" : "c:/nodejs/cadviewer/converters/ax2020/windows/",
    "xpathLocation" : "c:/nodejs/cadviewer/converters/xpath/",

CADViewer

	async componentDidMount () {

		// window.alert("loading 6.4.05");

		window.addEventListener('resize', this._handleWindowResize);
	
		var ServerBackEndUrl = "http://localhost:3000/";
		var ServerUrl = "http::/localhost:8000/";
		var ServerLocation = "c:/nodejs/cadviewer/";

CADViewer

            "Color": {
              "Color_Method": 3,
              "Color_Index": 5
            }

CADViewer

// AngularJS implementation of the left sidebar  - this can be any other technology really....
// We pull the MySQL content from cadviewer_handles_public_demo.php, and then massage it and display it

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
   $http.get(ServerUrl +"/php/cadviewer_handles_public_demo.php?user=root&pwd=")
   .success(function (response) {

	// Let me find all the Groups in the Server Response
	var groupsList = [];

CADViewer

function cvjs_click(id, handle, entity){

	console.log("click "+id+"  "+handle);
	
	// tell to update the Scroll bar 
	vqUpdateScrollbar(id, handle);

	window.alert("We have clicked an entity: "+entity.substring(4)+"\r\nThe AutoCAD Handle id: "+handle+"\r\nThe svg id is: "+id);
}

CADViewer

<?php
header("Access-Control-Allow-Origin: http://localhost");
header("Content-Type: application/json; charset=UTF-8");

if (isset($_GET["user"]))
	$username = $_GET["user"];
else
	$username = "root";

if (isset($_GET["user"]))

CADViewer

   render(){
        return (    
              <div className="CADViewer" id="floorPlan" > </div>
        );

CADViewer

	_handleWindowResize () {

        console.log("_handleResize")
            // we put the resize in a try-catch in case the init_CADViewer() has not initialized yet, and values are zero
        try{    
            window.cvjs_resizeWindow_position("floorPlan" );
         //	window.vjs_resizeWindow_fixedSize(600, 400, "floorPlan");		

        } 
        catch(err) {console.log(err);}

CADViewer

	componentDidMount () {

        //  window.FileName = window.ServerBackEndUrl+ "/content/drawings/dwg/LUXR-42-01-PID-005_0-Model.pdf";	
		
		window.FileName = window.ServerBackEndUrl+ "/content/drawings/dwg/hq17_.dwg";	
		window.FileName = window.ServerBackEndUrl+ "/content/drawings/dwg/City_base_map.dwg";	
		
        window.init_CADViewer();

        window.addEventListener('resize', this._handleWindowResize);