style copy code button

gflohr · Feb 1, 2025 · 2d49770 · 2d49770
1 parent 3cc3166
commit 2d49770
Show file tree

Hide file tree

Showing 30 changed files with 395 additions and 117 deletions.
diff --git a/packages/docs/_assets/css/qgoda.css b/packages/docs/_assets/css/qgoda.css
@@ -378,3 +378,21 @@ qgoda-content img {
 	visibility: hidden;
 	width: 10px;
 }
+
+.copy-to-clipboard-button:hover {
+	background-color: white !important;
+}
+
+button.copy-to-clipboard-button[data-copy-state="copy-success"] {
+	background-image: var(--qgoda-icon-copied) !important;
+	background-color: white !important;
+	border: 1px solid #e2e2e3 !important;
+}
+
+button.copy-to-clipboard-button:focus {
+	outline: none !important;
+}
+
+button.copy-to-clipboard-button:focus-visible {
+	outline: none !important;
+}
diff --git a/packages/docs/_views/components/copy-code-title.html b/packages/docs/_views/components/copy-code-title.html
@@ -0,0 +1,8 @@
+<script>
+// [% USE gtx = Gettext(config.po.textdomain, asserts.lingua) %]
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "[% gtx.gettext('Copy code') %]";
+	});
+})();
+</script>
diff --git a/packages/docs/_views/partials/body.html b/packages/docs/_views/partials/body.html
@@ -31,6 +31,8 @@ <h1>[% asset.title %]</h1>
 	</footer>
 	<!-- Footer Section End -->
 
-	[% INCLUDE partials/body/github.html %] [% INCLUDE
-	"components/cookie-consent-banner.html" %] [% PROCESS functions/scripts.tt %]
+	[% INCLUDE partials/body/github.html %]
+	[% INCLUDE "components/cookie-consent-banner.html" %]
+	[% INCLUDE "components/copy-code-title.html" %]
+	[% PROCESS functions/scripts.tt %]
 </body>
diff --git a/packages/docs/en/docs/service/deployment.md b/packages/docs/en/docs/service/deployment.md
@@ -6,6 +6,8 @@ description: You can deploy the service either as a container, as a web applicat
 ---
 <!--qgoda-no-xgettext-->
 [% USE q = Qgoda %]
+[% USE Highlight(config.private.copyCode) %]
+[% USE CodeGroup %]
 <!--/qgoda-no-xgettext-->
 
 The E-Invoice-EU service can be used in one of several ways:
@@ -23,3 +25,9 @@ containerized version.
 docker pull gflohr/e-invoice-eu:latest
 docker run --rm -d -p 3000:3000 --name e-invoice-eu gflohr/e-invoice-eu:latest
 <!--/qgoda-no-xgettext-->
+
+[% FILTER $CodeGroup %]
+[% FILTER $Highlight "language-sh" %]docker pull gflohr/e-invoice-eu:latest
+docker run --rm -d -p 3000:3000 --name e-invoice-eu gflohr/e-invoice-eu:latest
+[% END %] 
+[% END %]
diff --git a/qgoda-site/e-invoice-eu/assets/bundle.min.css b/qgoda-site/e-invoice-eu/assets/bundle.min.css
diff --git a/qgoda-site/e-invoice-eu/assets/bundle.min.css.map b/qgoda-site/e-invoice-eu/assets/bundle.min.css.map
diff --git a/qgoda-site/e-invoice-eu/assets/bundle.min.js b/qgoda-site/e-invoice-eu/assets/bundle.min.js
diff --git a/qgoda-site/e-invoice-eu/assets/bundle.min.js.LICENSE.txt b/qgoda-site/e-invoice-eu/assets/bundle.min.js.LICENSE.txt
@@ -67,10 +67,16 @@
 
 /*! prismjs/plugins/autolinker/prism-autolinker */
 
+/*! prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard */
+
 /*! prismjs/plugins/line-numbers/prism-line-numbers */
 
 /*! prismjs/plugins/line-numbers/prism-line-numbers.css */
 
+/*! prismjs/plugins/toolbar/prism-toolbar */
+
+/*! prismjs/plugins/toolbar/prism-toolbar.css */
+
 /*! prismjs/themes/prism.css */
 
 /*!**************************!*\
@@ -169,6 +175,14 @@
   !*** ../../node_modules/bootstrap-icons/font/bootstrap-icons.css ***!
   \*******************************************************************/
 
+/*!*******************************************************************!*\
+  !*** ../../node_modules/prismjs/plugins/toolbar/prism-toolbar.js ***!
+  \*******************************************************************/
+
+/*!********************************************************************!*\
+  !*** ../../node_modules/prismjs/plugins/toolbar/prism-toolbar.css ***!
+  \********************************************************************/
+
 /*!************************************************************************!*\
   !*** ../../node_modules/prismjs/components/prism-markup-templating.js ***!
   \************************************************************************/
@@ -193,6 +207,10 @@
   !*** ../../node_modules/@porscheofficial/cookie-consent-banner/dist/esm/index.js ***!
   \***********************************************************************************/
 
+/*!***************************************************************************************!*\
+  !*** ../../node_modules/prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.js ***!
+  \***************************************************************************************/
+
 /**
  * Prism: Lightweight, robust, elegant syntax highlighting
  *

diff --git a/qgoda-site/e-invoice-eu/assets/bundle.min.js.map b/qgoda-site/e-invoice-eu/assets/bundle.min.js.map
diff --git a/qgoda-site/e-invoice-eu/de/datenschutzerklaerung/index.html b/qgoda-site/e-invoice-eu/de/datenschutzerklaerung/index.html
@@ -228,7 +228,8 @@ <h3><a href="#" name="ip-kurzung" id="ip-kurzung"></a>IP-Kürzung</h3>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -285,7 +286,17 @@ <h3><a href="#" name="ip-kurzung" id="ip-kurzung"></a>IP-Kürzung</h3>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/cii/index.html b/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/cii/index.html
@@ -297,7 +297,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -354,7 +355,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/factur-x-zugferd/index.html b/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/factur-x-zugferd/index.html
@@ -412,7 +412,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -469,7 +470,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/hybrid-vs-xml/index.html b/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/hybrid-vs-xml/index.html
@@ -334,7 +334,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -391,7 +392,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/laender-spezifisches/index.html b/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/laender-spezifisches/index.html
@@ -328,7 +328,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -385,7 +386,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/ubl/index.html b/qgoda-site/e-invoice-eu/de/docs/e-rechnungs-formate/ubl/index.html
@@ -312,7 +312,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -369,7 +370,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/grundlagen/funktionsweise/index.html b/qgoda-site/e-invoice-eu/de/docs/grundlagen/funktionsweise/index.html
@@ -307,7 +307,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -364,7 +365,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/grundlagen/unterstuetzte-formate/index.html b/qgoda-site/e-invoice-eu/de/docs/grundlagen/unterstuetzte-formate/index.html
@@ -381,7 +381,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -438,7 +439,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/docs/index.html b/qgoda-site/e-invoice-eu/de/docs/index.html
@@ -321,7 +321,8 @@ <h4 class="sidebar-title"></h4>
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -378,7 +379,17 @@ <h4 class="sidebar-title"></h4>
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>
 

diff --git a/qgoda-site/e-invoice-eu/de/impressum/index.html b/qgoda-site/e-invoice-eu/de/impressum/index.html
@@ -235,7 +235,8 @@ <h2><a href="#" name="haftungsausschluss" id="haftungsausschluss"></a>Haftungsau
 
 
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
-  <cookie-consent-banner
+
+	 <cookie-consent-banner
 	btn-label-accept-and-continue="Zustimmen und weiter"
 	btn-label-only-essential-and-continue="Weiter mit nur technisch notwendigen Cookies"
 	btn-label-persist-selection-and-continue="Auswahl speichern und weiter"
@@ -292,7 +293,17 @@ <h2><a href="#" name="haftungsausschluss" id="haftungsausschluss"></a>Haftungsau
 	type="module"
 	src="https://unpkg.com/@porscheofficial/cookie-consent-banner@3.1.3/dist/cookie-consent-banner/cookie-consent-banner.esm.js"
 ></script>
-
+
+	<script>
+// 
+(function () {
+	document.querySelectorAll('.copy-to-clipboard-button').forEach(btn => {
+		btn.title = "Copy code";
+	});
+})();
+</script>
+
+
 
   <script src="/e-invoice-eu/assets/bundle.min.js" type="text/javascript"></script>