Skip to main content
PharmaTouch build

Learn more about the direcrory struсture of the build exported to PharmaTouch

eWizard Team avatar
Written by eWizard Team
Updated over a year ago

You can export e-Detailers to the PharmaTouch-compatible format using the eWizard Export feature.

Directory struсture

The PharmaTouch build has the following struсture.

.
├─assets/
|   ├─common/
|   |  └─media/
|   |     ├─fonts/
|   |     ├─images/
|   |     └─videos
|   ├─node_modules/
|   └─slides/
├─common/
|   ├─common.css
|   ├─common.js
|   ├─slide.css
|   ├─common.js.LICENSE.txt
|   └─slide.js
├─js/
|   └─slide_name.js
├─settings.json
├─slide_name.html
├─slide_name.jpg
├─slides.json
└─structure.json

After exporting to the PharmaTouch target system, the project has the HTML and JPG files for each slide of the e-Detailer.

Alternative slide display order

In the PharmaTouch CLM, you can add an alternative slide display order. Use the mapname field in the struсture.json file to specify which slides must appear in the specified display order. When you export your e-Detailer for the PharmaTouch target system, the eWizard.js builder adds the slides.json file to the build.

For example, to add the alternative slide display order named Alternative scenario:

1) In the struсture.json file, add the mapname field to the slides you want to display in the Alternative scenario.

// ./structure.json{
"slides": {
"slider1": {
"name": "Interactive input",
"template": "slides/slider1/index.vue"
},
"slider2": {
"name": "Interactive input. Correlation",
"template": "slides/slider2/index.vue",
"mapname": "Alternative scenario"
},
"roundSlider1": {
"name": "Curve Chart Template",
"template": "slides/roundSlider1/index.vue"
}
}
}

2) Zip the e-Detailer project.

wiz archive

3) Upload the zipped project to the eWizard Library.

4) Export the project for the PharmaTouch target system.

5) Download the exported zipped project and unzip it.

6) Open the ./slides.json file.

// ./slides.json{
"slides": [
{
"mapname": "All slides",
"name": "Interactive input",
"filename": "slider1.html",
"preview": "slider1.jpg",
"ishidden": 0,
"position": 1
},
{
"mapname": "Alternative scenario",
"name": "Interactive input. Correlation",
"filename": "slider2.html",
"preview": "slider2.jpg",
"ishidden": 0,
"position": 2
},
{
"mapname": "All slides",
"name": "Curve Chart Template",
"filename": "roundSlider1.html",
"preview": "roundSlider1.jpg",
"ishidden": 0,
"position": 3
}
]
}

The PharmaTouch CLM displays the slide with the mapname field in the Alternative scenario display order while other slides have the default All slides display order.

Did this answer your question?