nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-26 23:50:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

hotelview fixes

Browse Source
This commit is contained in:
Layne 2021-07-03 18:30:38 -04:00
parent 4012d29061
commit c4e8a8cb48
3 changed files with 30 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
public/configuration.json
View File

@ -87,16 +87,24 @@
"roomId": 2346 "roomId": 2346
} }
], ],
"hotelview.images": { "hotelview": {
"background": "${asset.url}/images/reception/stretch_blue.png", "widgets": {
"background.colour": "#6eadc8", "types": "news,",
"sun": "${asset.url}/images/reception/sun.png", "slot1": "news"
"drape": "${asset.url}/images/reception/drape.png", },
"left": "${asset.url}/images/reception/ts.png", "images": {
"right": "${asset.url}/images/reception/US_right.png", "background": "${asset.url}/images/reception/stretch_blue.png",
"right.repeat": "${asset.url}/images/reception/US_top_right.png" "background.colour": "#6eadc8",
"sun": "${asset.url}/images/reception/sun.png",
"drape": "${asset.url}/images/reception/drape.png",
"left": "${asset.url}/images/reception/ts.png",
"right": "${asset.url}/images/reception/US_right.png",
"right.repeat": "${asset.url}/images/reception/US_top_right.png"
}
}, },
"achievements.unseen.ignored": ["ACH_AllTimeHotelPresence"], "achievements.unseen.ignored": [
"ACH_AllTimeHotelPresence"
],
"avatareditor.show.clubitems.dimmed": true, "avatareditor.show.clubitems.dimmed": true,
"avatareditor.show.clubitems.first": true, "avatareditor.show.clubitems.first": true,
"chat.history.max.items": 100, "chat.history.max.items": 100,

8
src/views/hotel-view/HotelView.scss
View File

@ -2,7 +2,7 @@
display: block; display: block;
position: fixed; position: fixed;
width: 100%; width: 100%;
height: 100%; height: calc(100% - 55px);
background: rgba($black, 1); background: rgba($black, 1);
.avatar-image { .avatar-image {
@ -39,6 +39,7 @@
right: 0; right: 0;
margin: auto; margin: auto;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top center;
} }
.left { .left {
@ -61,6 +62,7 @@
animation-name: slideUp; animation-name: slideUp;
animation-duration: 1s; animation-duration: 1s;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right bottom;
} }
.right-repeat { .right-repeat {
@ -68,9 +70,7 @@
height: 100%; height: 100%;
right: 0; right: 0;
top: 0; top: 0;
animation-iteration-count: 1;
animation-name: slideRight;
animation-duration: 1s;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right top;
} }
} }

18
src/views/hotel-view/HotelView.tsx
View File

@ -26,13 +26,13 @@ export const HotelView: FC<HotelViewProps> = props =>
if(!isVisible) return null; if(!isVisible) return null;
const backgroundColor = GetConfiguration('hotelview.images')['background.colour']; const backgroundColor = GetConfiguration('hotelview')['images']['background.colour'];
const background = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview.images')['background']); const background = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview')['images']['background']);
const sun = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview.images')['sun']); const sun = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview')['images']['sun']);
const drape = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview.images')['drape']); const drape = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview')['images']['drape']);
const left = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview.images')['left']); const left = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview')['images']['left']);
//const rightRepeat = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview.images')['right.repeat']); const rightRepeat = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview')['images']['right.repeat']);
//const right = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview.images')['right']); const right = Nitro.instance.core.configuration.interpolate(GetConfiguration('hotelview')['images']['right']);
return ( return (
<div className="nitro-hotel-view" style={ (backgroundColor && backgroundColor) ? { background: backgroundColor } : {} }> <div className="nitro-hotel-view" style={ (backgroundColor && backgroundColor) ? { background: backgroundColor } : {} }>
@ -40,8 +40,8 @@ export const HotelView: FC<HotelViewProps> = props =>
<div className="sun position-absolute" style={ (sun && sun.length) ? { backgroundImage: `url(${ sun })` } : {} } /> <div className="sun position-absolute" style={ (sun && sun.length) ? { backgroundImage: `url(${ sun })` } : {} } />
<div className="drape position-absolute" style={ (drape && drape.length) ? { backgroundImage: `url(${ drape })` } : {} } /> <div className="drape position-absolute" style={ (drape && drape.length) ? { backgroundImage: `url(${ drape })` } : {} } />
<div className="left position-absolute" style={ (left && left.length) ? { backgroundImage: `url(${ left })` } : {} } /> <div className="left position-absolute" style={ (left && left.length) ? { backgroundImage: `url(${ left })` } : {} } />
{/* <div className="right-repeat position-absolute" style={ (rightRepeat && rightRepeat.length) ? { backgroundImage: `url(${ rightRepeat })` } : {} } /> <div className="right-repeat position-absolute" style={ (rightRepeat && rightRepeat.length) ? { backgroundImage: `url(${ rightRepeat })` } : {} } />
<div className="right position-absolute" style={ (right && right.length) ? { backgroundImage: `url(${ right })` } : {} } /> */} <div className="right position-absolute" style={ (right && right.length) ? { backgroundImage: `url(${ right })` } : {} } />
</div> </div>
); );
} }