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.

141 lines
5.0 KiB

  1. <section class="oe_container">
  2. <div class="oe_row oe_spaced">
  3. <h2 class="oe_slogan">Web Client</h2>
  4. <h3 class="oe_slogan">Web Client Extension</h3>
  5. <h4 class="oe_slogan" style="font-size: 23px;">MuK IT GmbH -
  6. www.mukit.at</h4>
  7. </div>
  8. </section>
  9. <section class="oe_container" style="padding-bottom: 50px;">
  10. <div class="oe_row oe_spaced">
  11. <div style="max-width: 84%; margin: 16px 8%;">
  12. <h3 class="oe_slogan">Overview</h3>
  13. <p class="oe_mt32" style="padding-bottom: 10px; text-align: justify;">
  14. Extends the Odoo web client to include bus channels. Channels can be
  15. created to listen to Odoo bus notifications. To add a channel
  16. listener to the client just extend the web client and declare a new
  17. bus channel.</p>
  18. <pre>
  19. <code>
  20. var WebClient = require('web.WebClient');
  21. var session = require('web.session');
  22. WebClient.include({
  23. show_application: function() {
  24. var channel = 'mychannel';
  25. this.bus_declare_channel(channel, this.doSomething);
  26. return this._super.apply(this, arguments);
  27. },
  28. doSomething: function(message) {
  29. ...
  30. }
  31. });
  32. </code>
  33. </pre>
  34. </div>
  35. </div>
  36. </section>
  37. <section class="oe_container oe_dark">
  38. <div class="oe_row oe_spaced">
  39. <h3 class="oe_slogan">Our Services</h3>
  40. <div
  41. style="display: flex; padding-top: 20px; justify-content: space-between;">
  42. <div style="flex-basis: 18%;">
  43. <a href="https://mukit.at/r/MQ5" target="_blank">
  44. <div
  45. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  46. <img src="service_implementation.png"
  47. style="width: 100%; border-radius: 100%;">
  48. </div>
  49. <h3 class="oe_slogan"
  50. 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;">
  51. Odoo <br>Implementation
  52. </h3>
  53. </a>
  54. </div>
  55. <div style="flex-basis: 18%;">
  56. <a href="https://mukit.at/r/u7c" target="_blank">
  57. <div
  58. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  59. <img src="service_integration.png"
  60. style="width: 100%; border-radius: 100%;">
  61. </div>
  62. <h3 class="oe_slogan"
  63. 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;">
  64. Odoo <br>Integration
  65. </h3>
  66. </a>
  67. </div>
  68. <div style="flex-basis: 18%;">
  69. <a href="https://mukit.at/r/xDJ" target="_blank">
  70. <div
  71. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  72. <img src="service_customization.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>Customization
  78. </h3>
  79. </a>
  80. </div>
  81. <div style="flex-basis: 18%;">
  82. <a href=" https://mukit.at/r/J3A" target="_blank">
  83. <div
  84. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  85. <img src="service_development.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>Development
  91. </h3>
  92. </a>
  93. </div>
  94. <div style="flex-basis: 18%;">
  95. <a href=" https://mukit.at/r/R1v" target="_blank">
  96. <div
  97. style="width: 75px; height: 75px; border-radius: 100%; margin: auto;">
  98. <img src="service_support.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>Support
  104. </h3>
  105. </a>
  106. </div>
  107. </div>
  108. </div>
  109. </section>
  110. <section class="oe_container" style="padding: 32px 0;">
  111. <div class="oe_row oe_spaced" style="margin: auto;">
  112. <div class="oe_demo oe_picture oe_screenshot">
  113. <a href="https://mukit.at/r/SgN" target="_blank"> <img src="preview.png">
  114. </a>
  115. </div>
  116. </div>
  117. </section>
  118. <section class="oe_container oe_dark">
  119. <h3 class="oe_slogan">Help and Support</h3>
  120. <h5 class="oe_slogan" style="font-size: 20px;">Feel free to
  121. contact us, if you need any help with your Odoo integration or
  122. addiontal features.</h5>
  123. <div class="oe_slogan">
  124. <a class="btn btn-primary btn-lg mt8" href="https://mukit.at" target="_blank">
  125. <i class="fa fa-globe"></i> Website
  126. </a>
  127. <a class="btn btn-primary btn-lg mt8" href="mailto:sale@mukit.at">
  128. <i class="fa fa-envelope"></i> Contact Us
  129. </a>
  130. <a class="btn btn-primary btn-lg mt8" href="https://github.com/muk-it" target="_blank">
  131. <i class="fa fa-github"></i> Issues
  132. </a>
  133. </div>
  134. <img src="logo.png"
  135. style="width: 200px; margin-bottom: 20px; display: block;"
  136. class="mx-auto center-block">
  137. </section>