[init/add] generic backend theme

muk_web_theme-19/muk_web_chatter/static/description/icon.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 100 100" width="100pt" height="100pt"><defs><clipPath id="_clipPath_yqfpccvsxizQzJZHXVv2OFvQkATKgzzC"><rect width="100" height="100"/></clipPath></defs><g clip-path="url(#_clipPath_yqfpccvsxizQzJZHXVv2OFvQkATKgzzC)"><rect width="100" height="100" style="fill:rgb(0,0,0)" fill-opacity="0"/><g><path d=" M 32.503 65.001 C 50.457 65.001 65.004 52.688 65.004 37.5 C 65.004 22.312 50.457 9.999 32.503 9.999 C 14.549 9.999 0.002 22.312 0.002 37.5 C 0.002 43.531 2.299 49.109 6.189 53.656 C 5.643 55.125 4.83 56.422 3.971 57.516 C 3.221 58.485 2.455 59.235 1.892 59.75 C 1.611 60 1.377 60.203 1.221 60.328 C 1.142 60.391 1.08 60.438 1.049 60.453 L 1.017 60.485 L 1.017 60.485 L 1.017 60.485 C 0.158 61.125 -0.217 62.25 0.127 63.266 C 0.47 64.282 1.424 65.001 2.502 65.001 C 5.908 65.001 9.346 64.125 12.205 63.047 C 13.643 62.5 14.987 61.891 16.159 61.266 C 20.956 63.641 26.534 65.001 32.503 65.001 Z " fill="rgb(252,134,139)"/><path d=" M 67.471 90.001 C 49.517 90.001 34.97 77.688 34.97 62.5 C 34.97 47.312 49.517 34.999 67.471 34.999 C 85.425 34.999 99.972 47.312 99.972 62.5 C 99.972 68.532 97.675 74.11 93.784 78.657 C 94.331 80.126 95.144 81.423 96.003 82.517 C 96.753 83.486 97.519 84.236 98.081 84.751 C 98.363 85.001 98.597 85.204 98.753 85.329 C 98.831 85.392 98.894 85.439 98.925 85.454 L 98.956 85.486 L 98.956 85.486 L 98.956 85.486 C 99.816 86.126 100.191 87.251 99.847 88.267 C 99.503 89.283 98.55 90.001 97.472 90.001 C 94.066 90.001 90.628 89.126 87.769 88.048 C 86.331 87.501 84.987 86.892 83.815 86.267 C 79.018 88.642 73.44 90.001 67.471 90.001 Z " fill="rgb(152,81,132)"/><path d=" M 35.116 64.896 C 51.85 63.784 65.004 51.942 65.004 37.5 C 65.004 36.69 64.963 35.889 64.858 35.104 C 48.124 36.216 34.97 48.058 34.97 62.5 C 34.97 63.31 35.011 64.111 35.116 64.896 Z " fill-rule="evenodd" fill="rgb(150,43,72)"/></g></g></svg>

muk_web_theme-19/muk_web_chatter/static/description/index.html

@@ -0,0 +1,171 @@
+<section class="oe_container">
+	<div class="oe_row oe_spaced">
+		<h2 class="oe_slogan">MuK Chatter</h2>
+		<h3 class="oe_slogan mb-0">Adds options for the chatter</h3>
+		<img src="logo.png" style="width: 150px;" class="mx-auto center-block">
+		<h4 class="oe_slogan mt-0" style="font-size: 23px">MuK IT GmbH - www.mukit.at</h4>
+		<div class="mb-4" style="text-align: center;">
+			<span 
+				class="btn btn-sm mb-2" 
+				style="font-size:14px; font-weight:500; background-color:#243742; color:#fff; cursor:default;"
+			>
+				<i class="fa fa-check"></i> Community
+			</span>
+			<span 
+				class="btn btn-sm mb-2" 
+				style="font-size:14px; font-weight:500; background-color:#5D8DA8; color:#fff; cursor:default;"
+			>
+				<i class="fa fa-check me-1"></i> Enterprise
+			</span>
+		</div>
+		<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 class="text-justify" style="max-width: 84%; margin: 16px 8%;">
+			<h3 class="oe_slogan">Overview</h3>
+			<p class="oe_mt32">
+		        This module improves the design of the chatter and adds a user preference
+		        to set the position of the chatter in the form view. Each user can define in
+		        their profile the display of the chatter. The options are to show the chatter
+		        on the side or at the bottom.
+			</p>
+		</div>
+	</div>
+</section>
+
+<section class="oe_container">
+	<div class="oe_row oe_spaced">
+		<div class="text-justify" style="max-width:84%; margin:16px 8%">
+			<h3 class="oe_slogan">Chatter Features</h3>
+            <p>
+				The chat buttons have been improved to become an icon in mobile view to make 
+				better use of space. The chat can also be resized by dragging the divider and 
+				reset by double-clicking. The top bar icon can be used to hide log entries to 
+				improve the readability of the chat.
+            </p>
+			<div class="oe_demo oe_screenshot mt16">
+				<img src="screenshot_sidebar.png">
+            </div>
+		</div>
+	</div>
+</section>
+
+<section class="oe_container">
+	<div class="oe_row oe_spaced">
+		<div class="text-justify" style="max-width:84%; margin:16px 8%">
+			<h3 class="oe_slogan">User Settings</h3>
+            <p>
+				Each user can individually set whether the chatter should be displayed on 
+				the side or below the form view. After changing the setting, a browser 
+				refresh is required for the change to become active.
+            </p>
+			<div class="oe_demo oe_screenshot mt16">
+				<img src="screenshot_user.png">
+            </div>
+		</div>
+	</div>
+</section>
+
+<section
+	class="oe_container oe_dark d-flex justify-content-around align-items-lg-center flex-column flex-lg-row">
+	<div class="d-flex flex-column m-3 ms-lg-4">
+		<h3 class="oe_slogan mb-3 mt-3 text-left">
+			<i class="fa fa-comments mr8"></i>Want more?
+		</h3>
+		<p>
+			Are you having troubles with your Odoo integration? Or do you feel
+			your system lacks of essential features? <br>If your answer is <b>YES</b>
+			to one of the above questions, feel free to contact us at anytime
+			with your inquiry. <br>We are looking forward to discuss your
+			needs and plan the next steps with you. <br>
+		</p>
+	</div>
+	<div
+		class="oe_slogan d-flex flex-column ms-1 me-1 ms-lg-4 me-lg-4 flex-grow-1">
+		<a class="btn btn-primary btn-lg m-3"
+			href="mailto:sale@mukit.at?subject=Request%20Quote"
+			style="font-size: 1.2rem; position: relative; overflow: hidden;">
+			<i class="fa fa-envelope me-1"></i>REQUEST QUOTE
+		</a>
+
+	</div>
+</section>
+
+<section class="oe_container">
+	<div class="oe_row oe_spaced">
+		<h3 class="oe_slogan">Our Services</h3>
+		<div class="d-flex justify-content-between">
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_development.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Development
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_integration.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Integration
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_infrastructure.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Infrastructure
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_training.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Training
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_support.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Support
+					</h3>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>