You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

277 lines
9.1 KiB

<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan">Preview Dialog</h2>
<h3 class="oe_slogan">Preview your files directly in Odoo.</h3>
<h4 class="oe_slogan" style="font-size: 23px;">MuK IT GmbH -
www.mukit.at</h4>
<div class="oe_demo oe_screenshot" style="max-width: 84%; margin: 16px 8%;">
<img src="screenshot.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<div style="max-width: 84%; margin: 16px 8%;">
<h3 class="oe_slogan">Overview</h3>
<p class="oe_mt32 text-justify">MuK Preview enables support to
preview binary files directly in Odoo. It adds a button to the
binary field, which opens a file preview dialog. The preview can be
easily extended by adding new Handlers to the Preview Generator.</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">PDF &amp; Open Document Preview</h3>
<div class="oe_span6">
<p class="oe_mt32 text-justify">A preview for Open Documents and
PDFs is already included in the MuK Preview module. The following
extensions are supported:</p>
<p>
<span style="color: green;"> &#9745; </span> Portable Document
Format (.pdf) <br /> <span style="color: green;"> &#9745; </span>
Open Document (.odt, .odp, .ods, .otp)
</p>
</div>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_pdf.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">MS Office Preview</h3>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_excel.png">
</div>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_msoffice">MuK
Preview MS Office </a> extends the preview to enable support for
Microsoft Office documents.
</p>
<p>
<span style="color: green;"> &#9745; </span> Word (*.doc | *.docx,
application/msword) <br> <span style="color: green;">
&#9745; </span> Excel (*.xls | *.xlsx, application/msexcel) <br> <span
style="color: green;"> &#9745; </span> PowerPoint (*.ppt | *.pptx,
application/mspowerpoint)
</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">Image Preview</h3>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_image/">MuK
Preview Image</a> extends the preview to enable support for a variety
of images types.
</p>
<p>
<span style="color: green;"> &#9745; </span> CIS-Cod-Dateien (*.cod,
image/cis-cod) <br /> <span style="color: green;"> &#9745; </span>
CMU-Raster-Dateien (*.ras, image/cmu-raster) <br /> <span
style="color: green;"> &#9745; </span> FIF-Dateien (*.fif,
image/fif) <br /> <span style="color: green;"> &#9745; </span>
GIF-Dateien (*.gif, image/gif)<br /> and many more...
</p>
</div>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_image.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">Markdown Preview</h3>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_markdown.png">
</div>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_markdown/">MuK
Preview Markdown </a> extends the preview to enable support for
Markdown files.
</p>
<p>
<span style="color: green;"> &#9745; </span> Markdown (*.md,
text/markdown)
</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">Video Preview</h3>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_video/">MuK
Preview Video</a> extends the preview to enable support for video
files.
</p>
<p>
<span style="color: green;"> &#9745; </span> WebM (*.webm,
video/webm) <br /> <span style="color: green;"> &#9745; </span> Ogg
Theora Vorbis (*.ogg, video/ogg) <br /> <span style="color: green;">
&#9745; </span> MP4 (*.mp4, video/mp4) <br />
</p>
</div>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_video.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">CSV Preview</h3>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_csv.png">
</div>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_csv/">MuK
Preview CSV </a> extends the preview to enable support for CSV files.
</p>
<p>
<span style="color: green;"> &#9745; </span> CSV (*.csv, text/csv)
</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">Mail Preview</h3>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_mail/">MuK
Preview Mail</a> extends the preview to enable support for mails.
</p>
<p>
<span style="color: green;"> &#9745; </span> Microsoft Outlook
Express Mail Message (*.eml, message/rfc822)
</p>
</div>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_mail.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">Text Preview</h3>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_text.png">
</div>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_text/">MuK
Preview Text </a> extends the preview to enable support for a variety
of text file types.
</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">Audio Preview</h3>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_audio/">MuK
Preview Audio</a> extends the preview to enable support for audio files.
</p>
<p>
<span style="color: green;"> &#9745; </span> Wav (*.wav, audio/wav) <br />
<span style="color: green;"> &#9745; </span> Ogg Theora Vorbis (*.ogg, audio/ogg) <br />
<span style="color: green;"> &#9745; </span> MP3 (*.mp3, audio/mpeg) <br />
</p>
</div>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_audio.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h3 class="oe_slogan">Vector Preview</h3>
<div class="oe_span6">
<img class="oe_picture oe_screenshot" src="screenshot_svg.png">
</div>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<a
href="https://apps.odoo.com/apps/modules/11.0/muk_web_preview_vector/">MuK
Preview Vector </a> extends the preview to enable support for Scalable Vector Graphics.
</p>
<p>
<span style="color: green;"> &#9745; </span> Scalable Vector Graphics (*.svg, image/svg+xml)
</p>
</div>
</div>
</section>
<section class="oe_container oe_dark"
style="margin-bottom: 20px; border-top: 5px solid #797979; border-bottom: 5px solid #797979;">
<h3 class="oe_slogan" style="margin-bottom: 10px;">Demo</h3>
<div class="row" style="margin: auto; max-width: 200px;">
<div class="col-xs-6">
<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">User:</h5>
</div>
<div class="col-xs-6">
<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">apps</h5>
</div>
<div class="col-xs-6">
<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">Password:</h5>
</div>
<div class="col-xs-6">
<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">demo</h5>
</div>
</div>
<div class="oe_slogan" style="margin-top: 5px;">
<a class="btn btn-primary btn-lg mt8"
href="https://demo.mukit.at/web/login"
style="position: relative; overflow: hidden;"><span
class="o_ripple"
style="height: 138px; width: 138px; top: -35.2969px; left: -8.17188px;"></span>
<i class="fa fa-video-camera"></i> Live Preview </a>
</div>
</section>
<section class="oe_container oe_dark">
<h3 class="oe_slogan">Help and Support</h3>
<h5 class="oe_slogan" style="font-size: 20px;">Feel free to
contact us, if you need any help with your Odoo integration or
addiontal features.</h5>
<div class="oe_slogan">
<a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
<i class="fa fa-envelope"></i> Email
</a> <a class="btn btn-primary btn-lg mt8"
href="https://mukit.at/page/contactus"> <i class="fa fa-phone"></i>
Contact
</a> <a class="btn btn-primary btn-lg mt8" href="mailto:support@mukit.at">
<i class="fa fa-life-ring"></i> Support
</a>
</div>
<img src="logo.png" style="width: 200px; margin-bottom: 20px;"
class="center-block">
</section>