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.
113 lines
3.8 KiB
113 lines
3.8 KiB
<section class="oe_container">
|
|
<div class="oe_row oe_spaced">
|
|
<h2 class="oe_slogan">MuK Web Client Notification</h2>
|
|
<h3 class="oe_slogan">Notification Channel</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="demo.gif">
|
|
</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">Adds a notification channel to the web client.
|
|
By sending a message to this channel, a notification is send to the
|
|
web client. Messages can either be sent via a wizard or directly
|
|
from the python code either via a method in ResUsers or by an entry
|
|
in the bus system.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row oe_spaced">
|
|
<div style="max-width: 84%; margin: 16px 8%;">
|
|
<h3 class="oe_slogan">Customize Process</h3>
|
|
<div class="row">
|
|
<div class="mb16 col-lg-6">
|
|
<p>With the Notification Wizard you can easily create and send
|
|
new messages. If no user is selected, the message is sent globally
|
|
to all users.</p>
|
|
</div>
|
|
<div class="mb16 col-lg-6">
|
|
<div class="oe_demo oe_screenshot">
|
|
<img src="screenshot_wizard.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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">Customize Process</h3>
|
|
<div class="row">
|
|
<div class="mb16 col-lg-6">
|
|
<div class="oe_demo oe_screenshot">
|
|
<img src="screenshot_notification.png">
|
|
</div>
|
|
</div>
|
|
<div class="mb16 col-lg-6">
|
|
<p>A message can be either an information or a
|
|
warning and the sticky option leaves the message displayed until a
|
|
user action.</p>
|
|
</div>
|
|
</div>
|
|
</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: 250px;">
|
|
<div class="col-6 col-xs-6">
|
|
<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">User:</h5>
|
|
</div>
|
|
<div class="col-6 col-xs-6">
|
|
<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">apps</h5>
|
|
</div>
|
|
<div class="col-6 col-xs-6">
|
|
<h5 class="oe_slogan" style="font-size: 20px; margin: 2px;">Password:</h5>
|
|
</div>
|
|
<div class="col-6 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;"> <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="https://mukit.at">
|
|
<i class="fa fa-globe"></i> Website
|
|
</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="https://github.com/muk-it">
|
|
<i class="fa fa-github"></i> Issues
|
|
</a>
|
|
<a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
|
|
<i class="fa fa-envelope"></i> Request a Feature
|
|
</a>
|
|
</div>
|
|
<img src="logo.png" style="width: 200px; margin-bottom: 20px; display: block;" class="mx-auto center-block">
|
|
</section>
|