Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/amitrahav/cadexchanger-vue-component

A 3d viewer using cadExchanger cloud as a Vue component
https://github.com/amitrahav/cadexchanger-vue-component

Last synced: about 2 months ago
JSON representation

A 3d viewer using cadExchanger cloud as a Vue component

Awesome Lists containing this project

README

        

# CAD EXCHANGER COMPONENT
> A viewer and unloader to [CadExchanger Cloud](https://cloud.cadexchanger.com/)

## Description
A Vue component that received url of a cad file, upload it, and display the file on the cadExchanger viewer. Before destroy a request for file delete is being send.

## Using
At the moment the only way to set API keys are throw environment vars.

.env:
```
cadExchanger_clientId="" // The clientID API key
cadExchanger_client_secret="" // The clientSecret API key
cadExchanger_parentFolder="" // Parent folder ID for the uploaded files.
```

somefile.vue:
```Html


```

```JS
import cadExchanger from 'cadExchanger'

export default {
...
components: { cadExchanger },
}
```

## Props

| Prop | Type | Description | Default |
| ------------- | -------| --------------- | ------- |
| *file_url | String | File url to display | None |
| *file_name | String | File name without ext | None |
| width | Number | Iframe width | None |
| hight | Number | Iframe height | None |
| keys_storage | String | Storage type of the API keys | "environment" |
| frameborder | Number | Iframe border width | 0 |

* At the moment the only way to set API keys are throw environment vars.

All [viewer properties](https://cloud.cadexchanger.com/dev/doc/data-viewer-api-embedded.html) (except the bg) are also props.