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.