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.

168 lines
5.8 KiB

  1. <section class="oe_container">
  2. <div class="oe_row oe_spaced">
  3. <h2 class="oe_slogan">MuK Web Client Notification</h2>
  4. <h3 class="oe_slogan">Notification Channel</h3>
  5. <h4 class="oe_slogan" style="font-size: 23px;">MuK IT GmbH -
  6. www.mukit.at</h4>
  7. <div class="oe_demo oe_screenshot"
  8. style="max-width: 84%; margin: 16px 8%;">
  9. <img src="demo.gif">
  10. </div>
  11. </div>
  12. </section>
  13. <section class="oe_container">
  14. <div class="oe_row oe_spaced">
  15. <div style="max-width: 84%; margin: 16px 8%;">
  16. <h3 class="oe_slogan">Overview</h3>
  17. <p class="oe_mt32">Adds a notification channel to the web client.
  18. By sending a message to this channel, a notification is send to the
  19. web client. Messages can either be sent via a wizard or directly
  20. from the python code either via a method in ResUsers or by an entry
  21. in the bus system.</p>
  22. </div>
  23. </div>
  24. </section>
  25. <section class="oe_container oe_dark">
  26. <div class="oe_row oe_spaced">
  27. <div style="max-width: 84%; margin: 16px 8%;">
  28. <h3 class="oe_slogan">Customize Process</h3>
  29. <div class="row">
  30. <div class="mb16 col-lg-6">
  31. <p>With the Notification Wizard you can easily create and send
  32. new messages. If no user is selected, the message is sent globally
  33. to all users.</p>
  34. </div>
  35. <div class="mb16 col-lg-6">
  36. <div class="oe_demo oe_screenshot">
  37. <img src="screenshot_wizard.png">
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </section>
  44. <section class="oe_container">
  45. <div class="oe_row oe_spaced">
  46. <div style="max-width: 84%; margin: 16px 8%;">
  47. <h3 class="oe_slogan">Customize Process</h3>
  48. <div class="row">
  49. <div class="mb16 col-lg-6">
  50. <div class="oe_demo oe_screenshot">
  51. <img src="screenshot_notification.png">
  52. </div>
  53. </div>
  54. <div class="mb16 col-lg-6">
  55. <p>A message can be either an information or a
  56. warning and the sticky option leaves the message displayed until a
  57. user action.</p>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </section>
  63. <section class="oe_container oe_dark">
  64. <div class="oe_row oe_spaced">
  65. <h3 class="oe_slogan">Our Services</h3>
  66. <div
  67. style="display: flex; padding-top: 20px; justify-content: space-between;">
  68. <div style="flex-basis: 18%;">
  69. <a href="https://mukit.at/r/MQ5" target="_blank">
  70. <div
  71. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  72. <img src="service_implementation.png"
  73. style="width: 100%; border-radius: 100%;">
  74. </div>
  75. <h3 class="oe_slogan"
  76. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  77. Odoo <br>Implementation
  78. </h3>
  79. </a>
  80. </div>
  81. <div style="flex-basis: 18%;">
  82. <a href="https://mukit.at/r/u7c" target="_blank">
  83. <div
  84. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  85. <img src="service_integration.png"
  86. style="width: 100%; border-radius: 100%;">
  87. </div>
  88. <h3 class="oe_slogan"
  89. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  90. Odoo <br>Integration
  91. </h3>
  92. </a>
  93. </div>
  94. <div style="flex-basis: 18%;">
  95. <a href="https://mukit.at/r/xDJ" target="_blank">
  96. <div
  97. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  98. <img src="service_customization.png"
  99. style="width: 100%; border-radius: 100%;">
  100. </div>
  101. <h3 class="oe_slogan"
  102. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  103. Odoo <br>Customization
  104. </h3>
  105. </a>
  106. </div>
  107. <div style="flex-basis: 18%;">
  108. <a href=" https://mukit.at/r/J3A" target="_blank">
  109. <div
  110. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  111. <img src="service_development.png"
  112. style="width: 100%; border-radius: 100%;">
  113. </div>
  114. <h3 class="oe_slogan"
  115. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  116. Odoo <br>Development
  117. </h3>
  118. </a>
  119. </div>
  120. <div style="flex-basis: 18%;">
  121. <a href=" https://mukit.at/r/R1v" target="_blank">
  122. <div
  123. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  124. <img src="service_support.png"
  125. style="width: 100%; border-radius: 100%;">
  126. </div>
  127. <h3 class="oe_slogan"
  128. style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 14px; color: #000 !important; margin-top: 5px; opacity: 1 !important; line-height: 17px;">
  129. Odoo <br>Support
  130. </h3>
  131. </a>
  132. </div>
  133. </div>
  134. </div>
  135. </section>
  136. <section class="oe_container" style="padding: 32px 0;">
  137. <div class="oe_row oe_spaced" style="margin: auto;">
  138. <div class="oe_demo oe_picture oe_screenshot">
  139. <a href="https://mukit.at/r/SgN" target="_blank"> <img src="preview.png">
  140. </a>
  141. </div>
  142. </div>
  143. </section>
  144. <section class="oe_container oe_dark">
  145. <h3 class="oe_slogan">Help and Support</h3>
  146. <h5 class="oe_slogan" style="font-size: 20px;">Feel free to
  147. contact us, if you need any help with your Odoo integration or
  148. addiontal features.</h5>
  149. <div class="oe_slogan">
  150. <a class="btn btn-primary btn-lg mt8" href="https://mukit.at" target="_blank">
  151. <i class="fa fa-globe"></i> Website
  152. </a>
  153. <a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
  154. <i class="fa fa-envelope"></i> Contact Us
  155. </a>
  156. <a class="btn btn-primary btn-lg mt8" href="https://github.com/muk-it" target="_blank">
  157. <i class="fa fa-github"></i> Issues
  158. </a>
  159. </div>
  160. <img src="logo.png"
  161. style="width: 200px; margin-bottom: 20px; display: block;"
  162. class="mx-auto center-block">
  163. </section>