Commit e080b65f authored by Jean Rabreau's avatar Jean Rabreau
Browse files

add rti relight component

parent 5c9c4c73
.relight { position:relative; touch-action: none; width:100%; height:100%; }
.relight canvas { width:100%; height:100%; display:block; }
.relight-toolbox { position: absolute; top:0px; left:0px; padding:5px; }
.relight-toolbox > div { background-size:cover; cursor:pointer; margin:5px; opacity:0.7 }
.relight-toolbox > div:hover { opacity:0.9; }
.relight-home { background-image: url(/static/skins/dark/home.png); }
.relight-zoomin { background-image: url(/static/skins/dark/zoomin.png); }
.relight-zoomout { background-image: url(/static/skins/dark/zoomout.png); }
.relight-rotate { background-image: url(/static/skins/dark/rotate.png); }
.relight-light { background-image: url(/static/skins/dark/light.png); }
.relight-light_on { background-image: url(/static/skins/dark/light_on.png); }
.relight-normals { background-image: url(/static/skins/dark/normals.png); }
.relight-normals_on { background-image: url(/static/skins/dark/normals_on.png); }
.relight-full { background-image: url(/static/skins/dark/full.png); }
.relight-full_on { background-image: url(/static/skins/dark/full_on.png); }
.relight-info { background-image: url(/static/skins/dark/help.png); }
.relight {
position:relative;
}
.relight-info-dialog {
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:rgb(0, 0, 0, 0.5);
}
.relight-info-content {
display:none;
background-color:white;
padding:20px;
max-height: calc(100% - 100px);
width: 80%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
}
.relight-scale {
position:absolute;
bottom:10px;
right:10px;
padding:20px 10px;
width:5%;
text-align:center;
z-index:1000;
background-color:rgba(0, 0, 0, 0.5);
color:#eee;
transition: opacity 1s ease;
opacity:1.0;
}
.relight-pagemap {
position:absolute;
top:10px;
right:10px;
background-color:rgb(255, 255, 255, 0.1);
transition: opacity 1s ease;
opacity:1.0;
}
.relight-pagemap[style]:hover {
opacity:1.0 !important;
}
.relight-pagemap-area {
position:absolute;
top:0px; left:0px;
border: 1px solid white;
box-shadow: 0 0 0 1px #ccc;
opacity:0.5;
}
@media screen and (max-width: 576px) {
.relight-toolbox > div { width: 9vmin; height: 9vmin; }
.relight-pagemap { display:none; }
.relight-scale { width:15%; }
}
@media screen and (min-width: 576px) {
.relight-toolbox > div {width: 9vmin; height: 9vmin; }
.relight-pagemap { display:none; }
.relight-scale { width:10%; }
}
@media screen and (min-width: 768px) {
.relight-toolbox > div {width: 7vmin; height: 7vmin; }
.relight-pagemap { display:block; width:200px; }
.relight-scale { width:7%; }
}
@media screen and (min-width: 992px) {
.relight-toolbox > div {width: 6vmin; height: 6vmin; }
.relight-pagemap { display:block; width:200px; }
.relight-scale { width:5%; }
}
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
width="62px"
height="62px"
viewBox="0 0 62 62"
version="1.1">
<circle
transform="rotate(45)"
style="opacity:1;fill:#facd5a;fill-opacity:1"
cx="43.840622"
cy="0"
r="28.881697" />
<path
d="m 38.399695,27.051809 -7.936436,-4.612022 -1.265976,-1.265976 -8.098395,-8.098395 -2.957234,-2.957234 c -0.701351,-0.7013505 -1.830597,-0.701354 -2.531948,-2e-6 l -5.053386,5.053386 c -0.7013526,0.701352 -0.701349,1.830598 3e-6,2.531948 l 2.957233,2.957235 8.098395,8.098395 1.265975,1.265975 4.612022,7.936437 5.67463,5.674631 10.909748,-10.909747 z"
style="fill:#5f82c3;"/>
<path d="m 38.399692,27.051812 2.281069,2.28107 -10.909744,10.909744 -2.281069,-2.28107 z"
style="fill:#415a87;"/>
<circle
transform="rotate(45)"
r="1.7184228"
cy="-0.30980629"
cx="36.977226"
style="fill:#000000;fill-opacity:0.24747476"/>
<path
d="M 59.053092,37.2097 43.17723,33.623225 33.908301,42.892153 c 0,0 1.980162,9.22116 3.446159,16.100952 A 28.881697,28.881697 0 0 0 51.304259,51.304199 28.881697,28.881697 0 0 0 59.053092,37.2097 Z"
style="fill:#fce094;"/>
<path
d="m 56.785738,43.574003 -14.959054,-8.600232 -6.41473,6.41473 8.733241,15.137373 a 28.881697,28.881697 0 0 0 7.159064,-5.221675 28.881697,28.881697 0 0 0 5.481479,-7.730196 z"
style="fill:#fef9d4;"/>
</svg>
<?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"
version="1.1"
viewBox="0 0 61.763393 61.763393"
height="61.763393px"
width="61.763393px">
<g
transform="translate(-110.1176,-0.21201288)"
id="layer1">
<g
transform="rotate(45,140.99934,31.09375)"
id="g1118">
<circle
r="28.881697"
cy="31.09375"
cx="140.99928"
id="circle1097"
style="opacity:1;fill:#facd5a;fill-opacity:1;" />
<path
style="opacity:1;fill:#5f82c3;fill-opacity:1;"
d="m 143.60717,23.069584 -8.8731,2.350716 h -1.79036 -11.45286 -4.18216 c -0.99186,0 -1.79036,0.798495 -1.79036,1.790356 v 7.146567 c 0,0.991862 0.7985,1.790357 1.79036,1.790356 l 4.18216,10e-7 h 11.45286 1.79036 l 8.8731,2.350717 h 8.02514 V 23.069584 Z"/>
<path
style="opacity:1;fill:#415a87;fill-opacity:1;stroke:none;stroke-width:0.44758919;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 143.60717,23.069588 3.22592,1e-6 v 15.428708 h -3.22592 z"/>
<circle
style="opacity:1;fill:#000000;fill-opacity:0.24747476;" cx="134.30319" cy="30.783945" r="1.7184228" />
<path
style="fill:#fce094;fill-opacity:1;"
d="m 625.11133,59.142578 -52.01367,32.84375 V 141.5293 c 0,0 29.93586,19.35178 52.24023,33.82031 a 109.15917,109.15917 0 0 0 16.73242,-57.83008 109.15917,109.15917 0 0 0 -16.95898,-58.376952 z"
transform="scale(0.26458333)"/>
<path
style="fill:#fef9d4;fill-opacity:1;"
d="m 636.06055,82.210938 -62.96289,16.99414 v 34.287112 l 63.79492,17.11523 a 109.15917,109.15917 0 0 0 5.17773,-33.08789 109.15917,109.15917 0 0 0 -6.00976,-35.308592 z"
transform="scale(0.26458333)"/>
</g>
</g>
</svg>
<template>
<div></div>
</template>
<script>
export default {
name: "RtiRelight"
}
</script>
<style scoped>
@import '/static/stylesheet/vendor/vcg.isti.cnr.it/relight.css';
</style>
......@@ -56,6 +56,11 @@ export const routes = [
name: 'rtif',
component: () => import(/* webpackChunkName: "contact" */ '../components/renderer/file/rti/RtiFrame'),
},
{
path: '/rtir',
name: 'rtir',
component: () => import(/* webpackChunkName: "contact" */ '../components/renderer/file/rti/RtiRelight'),
},
{
path: '/hopla',
name: 'hopla',
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment