bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added print tool to cards

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2021-01-25 22:19:21 +01:00
parent 1ca9937fd4
commit 72667f075a
34 changed files with 1943 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
web/themes/custom/materiotheme/assets/dist/main.css vendored
View File

@@ -2508,4 +2508,73 @@ footer[role="contentinfo"] #block-materiosimplenewssubscription form {
padding: 0.7em 1em;
font-weight: 700; }
body {
font-size: 16px;
font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.3; }
body {
margin: 0;
padding: 0; }
#printable-root-page {
box-sizing: border-box;
width: 21cm;
padding: 1cm .5cm 2cm; }
#printable-root-page > header {
display: flex;
flex-flow: nowrap;
align-items: baseline; }
#printable-root-page > header h1 {
margin: 0;
font-weight: 600; }
#printable-root-page > article {
padding-top: 1em; }
#printable-root-page > article > h2 {
font-weight: 600;
margin: 0; }
#printable-root-page > article .field--name-field-reference {
margin: 0 0 1em 0; }
#printable-root-page > article .field--name-body,
#printable-root-page > article .field--name-field-samples {
display: inline-block;
vertical-align: top; }
#printable-root-page > article .field--name-body {
width: 75%; }
#printable-root-page > article .field--name-body p {
margin: 0; }
#printable-root-page > article .field__label {
font-size: 0.756em;
font-weight: 700; }
#printable-root-page > article .field--name-field-samples {
width: 23%;
text-align: right; }
#printable-root-page > article .field--name-field-samples .field__item {
font-size: 0.756em; }
#printable-root-page > article .field--name-field-manufacturer,
#printable-root-page > article .field--name-field-distributor {
margin-top: 1em;
display: inline-block;
width: 49%; }
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term > h2,
#printable-root-page > article .field--name-field-distributor .taxonomy-term > h2 {
margin: 0;
font-weight: 600;
font-size: 1em; }
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term p,
#printable-root-page > article .field--name-field-distributor .taxonomy-term p {
margin: 0; }
#printable-root-page > article .field--name-field-materiau-images {
margin-top: 1em;
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
#printable-root-page > article .field--name-field-materiau-images .field__item {
flex: 0 0 33%; }
#printable-root-page > article .field--name-field-materiau-images .field__item img {
width: 100%;
height: auto; }
.vsa-item__heading{width:100%;height:100%}.vsa-item__heading,.vsa-item__trigger{display:flex;justify-content:flex-start;align-items:center}.vsa-item__trigger{margin:0;padding:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15;border-width:0;background-color:transparent;background-image:none;overflow:visible;text-transform:none;flex:1 1 auto;color:var(--vsa-text-color);transition:all .2s linear;padding:var(--vsa-heading-padding)}.vsa-item__trigger[role=button]{cursor:pointer}.vsa-item__trigger[type=button],.vsa-item__trigger[type=reset],.vsa-item__trigger[type=submit]{-webkit-appearance:button}.vsa-item__trigger:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.vsa-item__trigger::-moz-focus-inner,.vsa-item__trigger[type=button]::-moz-focus-inner,.vsa-item__trigger[type=reset]::-moz-focus-inner,.vsa-item__trigger[type=submit]::-moz-focus-inner{border-style:none;padding:0}.vsa-item__trigger:-moz-focusring,.vsa-item__trigger[type=button]:-moz-focusring,.vsa-item__trigger[type=reset]:-moz-focusring,.vsa-item__trigger[type=submit]:-moz-focusring{outline:1px dotted ButtonText}.vsa-item__trigger:focus,.vsa-item__trigger:hover{outline:none;background-color:var(--vsa-highlight-color);color:var(--vsa-bg-color)}.vsa-item__trigger__icon--is-default{width:40px;height:40px;transform:scale(var(--vsa-default-icon-size))}.vsa-item__trigger__icon--is-default:after,.vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-text-color);content:"";height:3px;position:absolute;top:10px;transition:all .13333s ease-in-out;width:30px}.vsa-item__trigger__icon--is-default:before{left:0;transform:rotate(45deg) translate3d(8px,22px,0);transform-origin:100%}.vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-8px,22px,0);right:0;transform-origin:0}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:before{transform:rotate(45deg) translate3d(14px,14px,0)}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-14px,14px,0)}.vsa-item__trigger__icon{display:block;margin-left:auto;position:relative;transition:all .2s ease-in-out}.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:before,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-bg-color)}.vsa-item__trigger__content{font-weight:700;font-size:1.25rem}.vsa-item__content{margin:0;padding:var(--vsa-content-padding)}.vsa-item--is-active .vsa-item__heading,.vsa-item:not(:last-of-type){border-bottom:var(--vsa-border)}.vsa-collapse-enter-active,.vsa-collapse-leave-active{transition-property:opacity,height,padding-top,padding-bottom;transition-duration:.3s;transition-timing-function:ease-in-out}.vsa-collapse-enter,.vsa-collapse-leave-active{opacity:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.vsa-list{--vsa-max-width:720px;--vsa-min-width:300px;--vsa-heading-padding:1rem 1rem;--vsa-text-color:#373737;--vsa-highlight-color:#57a;--vsa-bg-color:#fff;--vsa-border-color:rgba(0,0,0,0.2);--vsa-border-width:1px;--vsa-border-style:solid;--vsa-border:var(--vsa-border-width) var(--vsa-border-style) var(--vsa-border-color);--vsa-content-padding:1rem 1rem;--vsa-default-icon-size:1;display:block;max-width:var(--vsa-max-width);min-width:var(--vsa-min-width);width:100%;padding:0;margin:0;list-style:none;border:var(--vsa-border);color:var(--vsa-text-color);background-color:var(--vsa-bg-color)}.vsa-list [hidden]{display:none}

180
web/themes/custom/materiotheme/assets/dist/main.js vendored
View File

File diff suppressed because one or more lines are too long

17
web/themes/custom/materiotheme/assets/dist/main.js.LICENSE.txt vendored
View File

@@ -1,17 +0,0 @@
/*!
* Vue.js v2.6.12
* (c) 2014-2020 Evan You
* Released under the MIT License.
*/
/*!
* vue-infinite-loading v2.4.5
* (c) 2016-2020 PeachScript
* MIT License
*/
/*!
* vuex v3.6.0
* (c) 2020 Evan You
* @license MIT
*/

69
web/themes/custom/materiotheme/assets/dist/print.css vendored Normal file
View File

@@ -0,0 +1,69 @@
body {
font-size: 16px;
font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.3; }
body {
margin: 0;
padding: 0; }
#printable-root-page {
box-sizing: border-box;
width: 21cm;
padding: 1cm .5cm 2cm; }
#printable-root-page > header {
display: flex;
flex-flow: nowrap;
align-items: baseline; }
#printable-root-page > header h1 {
margin: 0;
font-weight: 600; }
#printable-root-page > article {
padding-top: 1em; }
#printable-root-page > article > h2 {
font-weight: 600;
margin: 0; }
#printable-root-page > article .field--name-field-reference {
margin: 0 0 1em 0; }
#printable-root-page > article .field--name-body,
#printable-root-page > article .field--name-field-samples {
display: inline-block;
vertical-align: top; }
#printable-root-page > article .field--name-body {
width: 75%; }
#printable-root-page > article .field--name-body p {
margin: 0; }
#printable-root-page > article .field__label {
font-size: 0.756em;
font-weight: 700; }
#printable-root-page > article .field--name-field-samples {
width: 23%;
text-align: right; }
#printable-root-page > article .field--name-field-samples .field__item {
font-size: 0.756em; }
#printable-root-page > article .field--name-field-manufacturer,
#printable-root-page > article .field--name-field-distributor {
margin-top: 1em;
display: inline-block;
width: 49%; }
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term > h2,
#printable-root-page > article .field--name-field-distributor .taxonomy-term > h2 {
margin: 0;
font-weight: 600;
font-size: 1em; }
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term p,
#printable-root-page > article .field--name-field-distributor .taxonomy-term p {
margin: 0; }
#printable-root-page > article .field--name-field-materiau-images {
margin-top: 1em;
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
#printable-root-page > article .field--name-field-materiau-images .field__item {
flex: 0 0 33%; }
#printable-root-page > article .field--name-field-materiau-images .field__item img {
width: 100%;
height: auto; }

1
web/themes/custom/materiotheme/assets/scripts/main.js
View File

@@ -44,6 +44,7 @@ import { mapState } from 'vuex'
// require('theme/assets/styles/main.scss');
import 'vue-cool-lightbox/dist/vue-cool-lightbox.min.css'
import 'theme/assets/styles/main.scss'
import 'theme/assets/styles/print.scss'
import VueSimpleAccordion from 'vue-simple-accordion';
import 'vue-simple-accordion/dist/vue-simple-accordion.css';

87
web/themes/custom/materiotheme/assets/styles/print.scss Normal file
View File

@@ -0,0 +1,87 @@
@import './base/fonts';
body{
margin:0;
padding: 0;
}
#printable-root-page{
// outline: 1px solid blue;
box-sizing: border-box;
width: 21cm;
padding: 1cm .5cm 2cm;
>header{
display: flex;
flex-flow: nowrap;
align-items: baseline;
h1{
margin:0;
font-weight: 600;
}
}
>article{
padding-top: 1em;
>h2{
font-weight: 600;
margin:0;
// display: inline-block;
}
// .field--name-field-short-description{}
.field--name-field-reference{
// display: inline-block;
margin:0 0 1em 0;
}
.field--name-body,
.field--name-field-samples{
display: inline-block;
vertical-align: top;
}
.field--name-body{
width: 75%;
p{
margin:0;
}
}
.field__label{
font-size: 0.756em;
font-weight: 700;
}
.field--name-field-samples{
width:23%;
text-align: right;
.field__item{
font-size: 0.756em;
}
}
.field--name-field-manufacturer,
.field--name-field-distributor{
margin-top: 1em;
display: inline-block;
width:49%;
.taxonomy-term{
>h2{
margin:0;
font-weight: 600;
font-size: 1em;
}
p{ margin:0;}
}
}
.field--name-field-materiau-images{
margin-top: 1em;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
.field__item{
flex:0 0 33%;
img{
width: 100%;
height:auto;
}
}
}
}
}

103
web/themes/custom/materiotheme/logo.svg Normal file
View File

@@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="5cm"
height="2cm"
viewBox="0 0 50.000001 19.999999"
version="1.1"
id="svg3991"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07, custom)"
sodipodi:docname="materio-logo.svg">
<defs
id="defs3985" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="63.07198"
inkscape:cy="61.239129"
inkscape:document-units="px"
inkscape:current-layer="flowRoot6905"
inkscape:document-rotation="0"
showgrid="false"
units="cm"
inkscape:window-width="1920"
inkscape:window-height="1145"
inkscape:window-x="0"
inkscape:window-y="28"
inkscape:window-maximized="1" />
<metadata
id="metadata3988">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="color:#000000;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.165;stroke-linejoin:round;paint-order:fill markers stroke"
id="rect835"
width="49.973759"
height="19.712498"
x="-0.057965402"
y="0.18324152"
rx="0"
ry="0" />
<g
aria-label="materiO'"
transform="matrix(2.6826791,0,0,2.6826791,-36.775778,30.566604)"
id="flowRoot6905"
style="font-style:normal;font-weight:normal;font-size:48px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.0986264">
<path
d="m 14.094835,-8.6434134 q 0.150856,-0.038572 0.395998,-0.081966 0.249856,-0.043394 0.575141,-0.043394 0.235714,0 0.395998,0.067502 0.160285,0.06268 0.268713,0.1880401 0.033,-0.024107 0.103718,-0.067501 0.07072,-0.043393 0.174428,-0.081966 0.103717,-0.043394 0.230999,-0.072323 0.127286,-0.03375 0.273427,-0.03375 0.282856,0 0.461998,0.086787 0.179143,0.081966 0.278142,0.2362557 0.103717,0.1542895 0.136714,0.3664375 0.03772,0.212148 0.03772,0.4628683 v 1.4078912 H 16.989396 V -7.519992 q 0,-0.2217911 -0.02357,-0.3809021 -0.01885,-0.1591109 -0.08014,-0.2651849 -0.05657,-0.1060736 -0.160284,-0.1542895 -0.099,-0.053037 -0.259286,-0.053037 -0.22157,0 -0.367713,0.06268 -0.141428,0.057859 -0.193285,0.1060736 0.03772,0.1253601 0.05657,0.2748279 0.01885,0.1494679 0.01885,0.3134005 v 1.4078913 h -0.438423 v -1.3114592 q 0,-0.2217911 -0.02357,-0.3809021 -0.02357,-0.1591109 -0.08486,-0.2651849 -0.05657,-0.1060736 -0.160286,-0.1542895 -0.099,-0.053037 -0.254569,-0.053037 -0.066,0 -0.141428,0.00483 -0.07543,0.00483 -0.146143,0.014464 -0.066,0.00483 -0.122571,0.014464 -0.05657,0.00964 -0.07543,0.014464 V -6.208528 H 14.09483 Z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path836" />
<path
d="m 18.983522,-6.5315765 q 0.155571,0 0.273428,-0.00483 0.122571,-0.00964 0.202713,-0.02893 V -7.312668 q -0.04714,-0.024107 -0.155572,-0.038572 -0.103716,-0.019286 -0.254569,-0.019286 -0.099,0 -0.212143,0.014464 -0.108425,0.014464 -0.202713,0.06268 -0.08957,0.043394 -0.150856,0.1253601 -0.06128,0.077144 -0.06128,0.2073264 0,0.2410773 0.150856,0.3375083 0.150856,0.091609 0.410142,0.091609 z m -0.03772,-2.2468402 q 0.264001,0 0.443142,0.072323 0.183857,0.067501 0.292285,0.1976832 0.113142,0.1253601 0.160284,0.3037574 0.04714,0.1735757 0.04714,0.3857237 v 1.5670022 q -0.05657,0.00964 -0.160286,0.02893 -0.099,0.014464 -0.226283,0.02893 -0.127287,0.014464 -0.278143,0.024107 -0.146141,0.014464 -0.292285,0.014464 -0.207427,0 -0.381856,-0.043393 -0.174427,-0.043394 -0.301712,-0.1350033 -0.127286,-0.096431 -0.198,-0.2507203 -0.07072,-0.1542895 -0.07072,-0.3712589 0,-0.2073267 0.08014,-0.3567945 0.08485,-0.1494679 0.226286,-0.2410772 0.141428,-0.091609 0.329998,-0.1350033 0.188571,-0.043394 0.395998,-0.043394 0.066,0 0.136714,0.00964 0.07072,0.00483 0.132,0.019286 0.066,0.00964 0.113142,0.019286 0.04714,0.00964 0.066,0.014464 v -0.1253581 q 0,-0.1108953 -0.02357,-0.2169696 -0.02357,-0.1108953 -0.08485,-0.1928617 -0.06129,-0.086787 -0.169713,-0.1350033 -0.103717,-0.053037 -0.273428,-0.053037 -0.216856,0 -0.381856,0.03375 -0.160285,0.02893 -0.240427,0.06268 l -0.05185,-0.3712591 q 0.08485,-0.038572 0.282857,-0.072323 0.197999,-0.038572 0.428998,-0.038572 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path838" />
<path
d="m 21.024797,-8.7157365 h 0.92871 v 0.3760805 h -0.92871 v 1.1571709 q 0,0.1880403 0.02828,0.3134005 0.02828,0.1205385 0.08485,0.1928619 0.05657,0.067501 0.141427,0.096431 0.08486,0.02893 0.198001,0.02893 0.197999,0 0.315855,-0.043393 0.122571,-0.048216 0.169714,-0.067502 l 0.08485,0.3712591 q -0.066,0.03375 -0.230999,0.081966 -0.164999,0.053037 -0.377141,0.053037 -0.249857,0 -0.414855,-0.06268 -0.160286,-0.067502 -0.259286,-0.1976833 -0.099,-0.1301816 -0.141427,-0.318222 -0.03772,-0.1928618 -0.03772,-0.4435821 v -2.237197 l 0.438428,-0.077146 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path840" />
<path
d="m 22.325926,-7.4573131 q 0,-0.3326867 0.09429,-0.5785855 0.09429,-0.2507204 0.249857,-0.4146528 0.15557,-0.1639326 0.358284,-0.245899 0.202713,-0.081966 0.414855,-0.081966 0.494999,0 0.758997,0.318222 0.263999,0.3134005 0.263999,0.9594876 0,0.02893 0,0.077144 0,0.043393 -0.0047,0.081966 h -1.67828 q 0.02828,0.3905452 0.22157,0.5930501 0.193285,0.2025049 0.603427,0.2025049 0.230998,0 0.386571,-0.038572 0.160283,-0.043394 0.240426,-0.081967 l 0.06128,0.3760806 q -0.08014,0.043394 -0.282855,0.091609 -0.198,0.048216 -0.45257,0.048216 -0.320571,0 -0.556284,-0.096431 -0.230999,-0.1012528 -0.381856,-0.2748281 -0.150856,-0.1735756 -0.226284,-0.4098313 -0.07072,-0.2410772 -0.07072,-0.5255484 z M 24.00892,-7.703212 q 0.0047,-0.3037574 -0.150857,-0.4966192 -0.150857,-0.1976833 -0.419569,-0.1976833 -0.150857,0 -0.268714,0.06268 -0.113142,0.057858 -0.193285,0.1542896 -0.08014,0.096431 -0.127285,0.221791 -0.04243,0.1253601 -0.05657,0.2555419 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path842" />
<path
d="m 26.003047,-8.7687734 q 0.05657,0 0.127284,0.00964 0.07543,0.00483 0.146144,0.019286 0.07072,0.00964 0.127284,0.024107 0.06129,0.00964 0.08957,0.019286 l -0.07543,0.3905453 q -0.05185,-0.019286 -0.174427,-0.043394 -0.117858,-0.02893 -0.306428,-0.02893 -0.122571,0 -0.245142,0.02893 -0.117857,0.024107 -0.15557,0.03375 v 2.1070154 h -0.438431 v -2.4011296 q 0.15557,-0.057859 0.38657,-0.1060736 0.230999,-0.053037 0.51857,-0.053037 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path844" />
<path
d="m 27.356039,-6.208533 h -0.438427 v -2.5072035 h 0.438427 z m -0.22157,-2.9604287 q -0.117857,0 -0.202714,-0.077145 -0.08014,-0.081966 -0.08014,-0.2169695 0,-0.1350033 0.08014,-0.212148 0.08486,-0.081966 0.202714,-0.081966 0.117857,0 0.198,0.081966 0.08485,0.077145 0.08485,0.212148 0,0.1350033 -0.08485,0.2169695 -0.08015,0.077145 -0.198,0.077145 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path846" />
<path
d="m 28.0066,-7.8816092 q 0,-0.4291175 0.122572,-0.7569827 0.127285,-0.327865 0.339428,-0.5448344 0.216855,-0.2217912 0.499711,-0.3326866 0.28757,-0.1108955 0.608141,-0.1108955 0.315856,0 0.593998,0.1108955 0.282856,0.1108952 0.494997,0.3326866 0.212143,0.2169694 0.334713,0.5448344 0.127287,0.3278652 0.127287,0.7569827 0,0.4291176 -0.127287,0.7569827 -0.12257,0.327865 -0.334713,0.5496561 -0.212141,0.2169695 -0.494997,0.3278651 -0.278142,0.1108954 -0.593998,0.1108954 -0.320571,0 -0.608141,-0.1108954 Q 28.685455,-6.3580006 28.4686,-6.5749704 28.256457,-6.7967615 28.129172,-7.1246265 28.0066,-7.4524916 28.0066,-7.8816092 Z m 0.480857,0 q 0,0.3037575 0.07543,0.5544778 0.07543,0.2458989 0.212142,0.4194744 0.141429,0.1735756 0.339428,0.2700066 0.202714,0.091609 0.45257,0.091609 0.249855,0 0.447855,-0.091609 0.198,-0.096431 0.334713,-0.2700066 0.141427,-0.1735755 0.216856,-0.4194744 0.07542,-0.2507203 0.07542,-0.5544778 0,-0.3037573 -0.07542,-0.5496561 -0.07543,-0.2507205 -0.216856,-0.4242959 -0.136713,-0.1735757 -0.334713,-0.2651851 -0.198,-0.096431 -0.447855,-0.096431 -0.249856,0 -0.45257,0.096431 -0.197999,0.091609 -0.339428,0.2651851 -0.136714,0.1735754 -0.212142,0.4242959 -0.07543,0.2458988 -0.07543,0.5496561 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path848" />
<path
d="m 32.089153,-9.8729073 v 0.2410772 q 0,0.2362558 -0.02828,0.4966191 -0.02828,0.255542 -0.07072,0.5110839 h -0.259285 q -0.04243,-0.2555419 -0.07072,-0.5110839 -0.02828,-0.2603633 -0.02828,-0.5014406 v -0.2362557 z"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:48px;line-height:18px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Medium';stroke-width:0.0986267"
id="path850" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

7
web/themes/custom/materiotheme/materiotheme.theme
View File

@@ -194,3 +194,10 @@ function materiotheme_preprocess_commerce_product(array &$variables) {
// function materiotheme_theme_suggestions_commerce_product_variation_later(&$suggestions, &$vars) {
// $test = 'test';
// }
function materiotheme_preprocess_printable(array &$variables) {
$site_config = \Drupal::config('system.site');
$variables['site_name'] = $site_config->get('name');
$variables['slogan'] = $site_config->get('slogan');
}

93
web/themes/custom/materiotheme/templates/printable/node--printable.html.twig Normal file
View File

@@ -0,0 +1,93 @@
{#
/**
* @file
* Theme override to display a node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - node.getCreatedTime() will return the node creation timestamp.
* - node.hasField('field_example') returns TRUE if the node bundle includes
* field_example. (This does not indicate the presence of a value in this
* field.)
* - node.isPublished() will return whether the node is published or not.
* Calling other methods, such as node.delete(), will result in an exception.
* See \Drupal\node\Entity\Node for a full list of public properties and
* methods for the node object.
* - label: (optional) The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: (optional) Themed creation date field.
* - author_name: (optional) Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
* - readmore: Flag for more state. Will be true if the teaser content of the
* node cannot hold the main body content.
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_node()
*
* @todo Remove the id attribute (or make it a class), because if that gets
* rendered twice on a page this is invalid CSS for example: two lists
* in different view modes.
*/
#}
{%
set classes = [
'node',
'node--type-' ~ node.bundle|clean_class,
node.isPromoted() ? 'node--promoted',
node.isSticky() ? 'node--sticky',
not node.isPublished() ? 'node--unpublished',
view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
]
%}
{{ attach_library('classy/node') }}
<article{{ attributes.addClass(classes) }}>
<h2>
{{ label }}
</h2>
<!-- <div{{ content_attributes.addClass('node__content') }}> -->
{{ content }}
<!-- </div> -->
</article>

26
web/themes/custom/materiotheme/templates/printable/printable-footer.html.twig Normal file
View File

@@ -0,0 +1,26 @@
{#
/**
* @file
* Default theme implementation for printer friendly version of entities.
*
* Available variables:
* - footer_links: Contains all the links present in the page.
* - source_url: Contains the source url of page.
*
* @see template_preprocess_printable_footer()
*
* @ingroup themeable
*/
#}
<hr/>
<strong>Source URL:</strong> <i>{{ source_url }}</i>
{% if footer_links %}
<br/>
<br/>
<strong> List of links present in page </strong>
<ul>
{% for link in footer_links %}
<li>{{ link }}</li>
{% endfor %}
</ul>
{% endif %}

11
web/themes/custom/materiotheme/templates/printable/printable-header.html.twig Normal file
View File

@@ -0,0 +1,11 @@
{#
/**
* @file
* Default theme implementation for printer friendly version of entities.
*
* Available variables:
* - logo_url: URL to logo used in the theme.
*
* @ingroup themeable
*/
#}

43
web/themes/custom/materiotheme/templates/printable/printable.html.twig Normal file
View File

@@ -0,0 +1,43 @@
{#
/**
* @file
* Default theme implementation for printer friendly version of entities.
*
* Available variables:
* - title: Top level node title.
* - base_url: URL to the home page.
*
* @see template_preprocess_printable()
*
* @ingroup themeable
*/
#}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<title>{{ title }}</title>
<style>
.node_view ul li{
display:none;
}
</style>
<link type="text/css" rel="stylesheet" href="{{ base_url }}/css/drupal-printable.css" />
{% if include_css %}
<link type="text/css" rel="stylesheet" href="/{{ include_css }}" />
{% endif %}
{% if close_script %}
<script type="text/javascript" src="{{ close_script }}"></script>
{% else %}
<script type="text/javascript" src="{{ send_script }}"></script>
{% endif %}
</head>
<body>
<div id="printable-root-page">
<header>
<h1>{{ site_name }}</h1>
<aside>{{ slogan }}</aside>
</header>
{{ content }}
</div>
</body>
</html>

5
web/themes/custom/materiotheme/vuejs/components/Content/Card.vue
View File

@@ -41,6 +41,11 @@
</ul>
</div>
</section>
<section class="tool print">
<a :href="item.path+'/printable/print'" target="_blank">
<span class="btn mdi mdi-printer"/>
</a>
</section>
</nav>
<section class="images" v-switcher>
<figure

5
web/themes/custom/materiotheme/vuejs/components/Content/ModalCard.vue
View File

@@ -50,6 +50,11 @@
</ul>
</div>
</section>
<section class="tool print">
<a :href="material.path+'/printable/print'" target="_blank">
<span class="btn mdi mdi-printer"/>
</a>
</section>
<!-- <section class="tool industriels" v-if="material.manufacturer || material.distributor">
<span class="btn mdi mdi-factory"/>
<div class="tool-content">