nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-18 21:36:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

plz

Browse Source
This commit is contained in:
Layne 2021-07-06 22:26:22 -04:00
parent 7780eb6592
commit 57d0342e64
5 changed files with 502 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

540
public/configuration.json
View File

@ -460,262 +460,682 @@
],
"camera.available.effects": [
{
"name":"dark_sepia",
"colorMatrix": [0.4, 0.4, 0.1, 0, 110, 0.3, 0.4, 0.1, 0, 30, 0.3, 0.2, 0.1, 0, 0, 0, 0, 0, 1, 0],
"name": "dark_sepia",
"colorMatrix": [
0.4,
0.4,
0.1,
0,
110,
0.3,
0.4,
0.1,
0,
30,
0.3,
0.2,
0.1,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 0,
"enabled": true
},
{
"name":"increase_saturation",
"colorMatrix": [2, -0.5, -0.5, 0, 0, -0.5, 2, -0.5, 0, 0, -0.5, -0.5, 2, 0, 0, 0, 0, 0, 1, 0],
"name": "increase_saturation",
"colorMatrix": [
2,
-0.5,
-0.5,
0,
0,
-0.5,
2,
-0.5,
0,
0,
-0.5,
-0.5,
2,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 0,
"enabled": true
},
{
"name":"increase_contrast",
"colorMatrix": [1.5, 0, 0, 0, -50, 0, 1.5, 0, 0, -50, 0, 0, 1.5, 0, -50, 0, 0, 0, 1.5, 0],
"name": "increase_contrast",
"colorMatrix": [
1.5,
0,
0,
0,
-50,
0,
1.5,
0,
0,
-50,
0,
0,
1.5,
0,
-50,
0,
0,
0,
1.5,
0
],
"minLevel": 0,
"enabled": true
},
{
"name":"shadow_multiply_02",
"name": "shadow_multiply_02",
"colorMatrix": [],
"minLevel": 0,
"blendMode": 2,
"enabled": true
},
{
"name":"color_1",
"colorMatrix": [0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, 0, 0, 0, 0, 0, 1, 0],
"name": "color_1",
"colorMatrix": [
0.393,
0.769,
0.189,
0,
0,
0.349,
0.686,
0.168,
0,
0,
0.272,
0.534,
0.131,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 1,
"enabled": true
},
{
"name":"hue_bright_sat",
"colorMatrix": [1, 0.6, 0.2, 0, -50, 0.2, 1, 0.6, 0, -50, 0.6, 0.2, 1, 0, -50, 0, 0, 0, 1, 0],
"name": "hue_bright_sat",
"colorMatrix": [
1,
0.6,
0.2,
0,
-50,
0.2,
1,
0.6,
0,
-50,
0.6,
0.2,
1,
0,
-50,
0,
0,
0,
1,
0
],
"minLevel": 1,
"enabled": true
},
{
"name":"hearts_hardlight_02",
"name": "hearts_hardlight_02",
"colorMatrix": [],
"minLevel": 1,
"blendMode": 9,
"enabled": true
},
{
"name":"texture_overlay",
"name": "texture_overlay",
"colorMatrix": [],
"minLevel": 1,
"blendMode": 4,
"enabled": true
},
{
"name":"pinky_nrm",
"name": "pinky_nrm",
"colorMatrix": [],
"minLevel": 1,
"blendMode": 0,
"enabled": true
},
{
"name":"color_2",
"colorMatrix": [0.333, 0.333, 0.333, 0, 0, 0.333, 0.333, 0.333, 0, 0, 0.333, 0.333, 0.333, 0, 0, 0, 0, 0, 1, 0],
"name": "color_2",
"colorMatrix": [
0.333,
0.333,
0.333,
0,
0,
0.333,
0.333,
0.333,
0,
0,
0.333,
0.333,
0.333,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 2,
"enabled": true
},
{
"name":"night_vision",
"colorMatrix": [0, 0, 0, 0, 0, 0, 1.1, 0, 0, -50, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0],
"name": "night_vision",
"colorMatrix": [
0,
0,
0,
0,
0,
0,
1.1,
0,
0,
-50,
0,
0,
0,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 2,
"enabled": true
},
{
"name":"stars_hardlight_02",
"name": "stars_hardlight_02",
"colorMatrix": [],
"minLevel": 2,
"blendMode": 9,
"enabled": true
},
{
"name":"coffee_mpl",
"name": "coffee_mpl",
"colorMatrix": [],
"minLevel": 2,
"blendMode": 2,
"enabled": true
},
{
"name":"security_hardlight",
"name": "security_hardlight",
"colorMatrix": [],
"minLevel": 3,
"blendMode": 9,
"enabled": true
},
{
"name":"bluemood_mpl",
"name": "bluemood_mpl",
"colorMatrix": [],
"minLevel": 3,
"blendMode": 2,
"enabled": true
},
{
"name":"rusty_mpl",
"name": "rusty_mpl",
"colorMatrix": [],
"minLevel": 3,
"blendMode": 2,
"enabled": true
},
{
"name":"decr_conrast",
"colorMatrix": [0.5, 0, 0, 0, 50, 0, 0.5, 0, 0, 50, 0, 0, 0.5, 0, 50, 0, 0, 0, 1, 0],
"name": "decr_conrast",
"colorMatrix": [
0.5,
0,
0,
0,
50,
0,
0.5,
0,
0,
50,
0,
0,
0.5,
0,
50,
0,
0,
0,
1,
0
],
"minLevel": 4,
"enabled": true
},
{
"name":"green_2",
"colorMatrix": [0.5, 0.5, 0.5, 0, 0, 0.5, 0.5, 0.5, 0, 90, 0.5, 0.5, 0.5, 0, 0, 0, 0, 0, 1, 0],
"name": "green_2",
"colorMatrix": [
0.5,
0.5,
0.5,
0,
0,
0.5,
0.5,
0.5,
0,
90,
0.5,
0.5,
0.5,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 4,
"enabled": true
},
{
"name":"alien_hrd",
"name": "alien_hrd",
"colorMatrix": [],
"minLevel": 4,
"blendMode": 9,
"enabled": true
},
{
"name":"color_3",
"colorMatrix": [0.609, 0.609, 0.082, 0, 0, 0.309, 0.609, 0.082, 0, 0, 0.309, 0.609, 0.082, 0, 0, 0, 0, 0, 1, 0],
"name": "color_3",
"colorMatrix": [
0.609,
0.609,
0.082,
0,
0,
0.309,
0.609,
0.082,
0,
0,
0.309,
0.609,
0.082,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 5,
"enabled": true
},
{
"name":"color_4",
"colorMatrix": [0.8, -0.8, 1, 0, 70, 0.8, -0.8, 1, 0, 70, 0.8, -0.8, 1, 0, 70, 0, 0, 0, 1, 0],
"name": "color_4",
"colorMatrix": [
0.8,
-0.8,
1,
0,
70,
0.8,
-0.8,
1,
0,
70,
0.8,
-0.8,
1,
0,
70,
0,
0,
0,
1,
0
],
"minLevel": 5,
"enabled": true
},
{
"name":"toxic_hrd",
"name": "toxic_hrd",
"colorMatrix": [],
"minLevel": 5,
"blendMode": 9,
"enabled": true
},
{
"name":"hypersaturated",
"colorMatrix": [2, -1, 0, 0, 0, -1, 2, 0, 0, 0, 0, -1, 2, 0, 0, 0, 0, 0, 1, 0],
"name": "hypersaturated",
"colorMatrix": [
2,
-1,
0,
0,
0,
-1,
2,
0,
0,
0,
0,
-1,
2,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 6,
"enabled": true
},
{
"name":"Yellow",
"colorMatrix": [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0],
"name": "Yellow",
"colorMatrix": [
1,
0,
0,
0,
0,
0,
1,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 6,
"enabled": true
},
{
"name":"misty_hrd",
"name": "misty_hrd",
"colorMatrix": [],
"minLevel": 6,
"blendMode": 9,
"enabled": true
},
{
"name":"x_ray",
"colorMatrix": [0, 1.2, 0, 0, -100, 0, 2, 0, 0, -120, 0, 2, 0, 0, -120, 0, 0, 0, 1, 0],
"name": "x_ray",
"colorMatrix": [
0,
1.2,
0,
0,
-100,
0,
2,
0,
0,
-120,
0,
2,
0,
0,
-120,
0,
0,
0,
1,
0
],
"minLevel": 7,
"enabled": true
},
{
"name":"decrease_saturation",
"colorMatrix": [0.7, 0.2, 0.2, 0, 0, 0.2, 0.7, 0.2, 0, 0, 0.2, 0.2, 0.7, 0, 0, 0, 0, 0, 1, 0],
"name": "decrease_saturation",
"colorMatrix": [
0.7,
0.2,
0.2,
0,
0,
0.2,
0.7,
0.2,
0,
0,
0.2,
0.2,
0.7,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 7,
"enabled": true
},
{
"name":"drops_mpl",
"name": "drops_mpl",
"colorMatrix": [],
"minLevel": 8,
"blendMode": 2,
"enabled": true
},
{
"name":"shiny_hrd",
"name": "shiny_hrd",
"colorMatrix": [],
"minLevel": 9,
"blendMode": 9,
"enabled": true
},
{
"name":"glitter_hrd",
"name": "glitter_hrd",
"colorMatrix": [],
"minLevel": 10,
"blendMode": 9,
"enabled": true
},
{
"name":"frame_gold",
"name": "frame_gold",
"colorMatrix": [],
"minLevel": 10,
"blendMode": 0,
"enabled": true
},
{
"name":"frame_gray_4",
"name": "frame_gray_4",
"colorMatrix": [],
"minLevel": 10,
"blendMode": 0,
"enabled": true
},
{
"name":"frame_black_2",
"name": "frame_black_2",
"colorMatrix": [],
"minLevel": 10,
"blendMode": 0,
"enabled": true
},
{
"name":"frame_wood_2",
"name": "frame_wood_2",
"colorMatrix": [],
"minLevel": 10,
"blendMode": 0,
"enabled": true
},
{
"name":"finger_nrm",
"name": "finger_nrm",
"colorMatrix": [],
"minLevel": 10,
"blendMode": 0,
"enabled": true
},
{
"name":"color_5",
"colorMatrix": [3.309, 0.609, 1.082, 0.2, 0, 0.309, 0.609, 0.082, 0, 0, 1.309, 0.609, 0.082, 0, 0, 0, 0, 0, 1, 0],
"name": "color_5",
"colorMatrix": [
3.309,
0.609,
1.082,
0.2,
0,
0.309,
0.609,
0.082,
0,
0,
1.309,
0.609,
0.082,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 10,
"enabled": true
},
{
"name":"black_white_negative",
"colorMatrix": [-0.5, -0.5, -0.5, 0, 0, -0.5, -0.5, -0.5, 0, 0, -0.5, -0.5, -0.5, 0, 0, 0, 0, 0, 1, 0],
"name": "black_white_negative",
"colorMatrix": [
-0.5,
-0.5,
-0.5,
0,
0,
-0.5,
-0.5,
-0.5,
0,
0,
-0.5,
-0.5,
-0.5,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 10,
"enabled": true
},
{
"name":"blue",
"colorMatrix": [0.5, 0.5, 0.5, 0, -255, 0.5, 0.5, 0.5, 0, -170, 0.5, 0.5, 0.5, 0, 0, 0, 0, 0, 1, 0],
"name": "blue",
"colorMatrix": [
0.5,
0.5,
0.5,
0,
-255,
0.5,
0.5,
0.5,
0,
-170,
0.5,
0.5,
0.5,
0,
0,
0,
0,
0,
1,
0
],
"minLevel": 10,
"enabled": true
},
{
"name":"red",
"colorMatrix": [0.5, 0.5, 0.5, 0, 0, 0.5, 0.5, 0.5, 0, -170, 0.5, 0.5, 0.5, 0, -170, 0, 0, 0, 1, 0],
"name": "red",
"colorMatrix": [
0.5,
0.5,
0.5,
0,
0,
0.5,
0.5,
0.5,
0,
-170,
0.5,
0.5,
0.5,
0,
-170,
0,
0,
0,
1,
0
],
"minLevel": 10,
"enabled": true
},
{
"name":"green",
"colorMatrix": [0.5, 0.5, 0.5, 0, -170, 0.5, 0.5, 0.5, 0, 0, 0.5, 0.5, 0.5, 0, -170, 0, 0, 0, 1, 0],
"name": "green",
"colorMatrix": [
0.5,
0.5,
0.5,
0,
-170,
0.5,
0.5,
0.5,
0,
0,
0.5,
0.5,
0.5,
0,
-170,
0,
0,
0,
1,
0
],
"minLevel": 10,
"enabled": true
}

12
src/views/purse/PurseView.scss
View File

@ -1,14 +1,18 @@
.nitro-purse {
background: rgba($dark,.95);
border: 1px solid lighten($dark,8.3);
box-shadow: inset 0px 3px lighten(rgba($dark,.6),2.5), inset 0 -2px darken(rgba($dark,.6),4);
font-weight: bolder;
padding: 2px;
background-color: #1c323f;
border: 2px solid rgba($white, 0.5);
border-top:0;
font-size: $font-size-sm;
z-index: $context-menu-zindex;
.notification-button {
color:lighten($dark,20);
cursor: pointer;
font-size: 0.9rem;
pointer-events: all;
display: none
}
}

18
src/views/purse/PurseView.tsx
View File

@ -36,16 +36,18 @@ export const PurseView: FC<PurseViewProps> = props =>
return (
<PurseContextProvider value={ { purseState, dispatchPurseState }}>
<PurseMessageHandler />
<div className="nitro-purse rounded d-flex flex-row py-1 justify-content-between">
{ currencies && currencies.map((currency, index) =>
{
if(displayedCurrencies.indexOf(currency.type) === -1) return null;
<div className="nitro-purse rounded-bottom d-flex flex-row justify-content-between">
<div className="row row-cols-2 mx-0">
{ currencies && currencies.map((currency, index) =>
{
if(displayedCurrencies.indexOf(currency.type) === -1) return null;
return <CurrencyView key={ index } currency={ currency } />;
}) }
<div className="notification-button px-2" onClick={ toggleNotificationCenter }>
return <CurrencyView key={ index } currency={ currency } />;
})}
</div>
{/*<div className="notification-button px-2" onClick={toggleNotificationCenter}>
<i className="fas fa-bars" />
</div>
</div>*/}
</div>
</PurseContextProvider>
);

6
src/views/purse/currency/CurrencyView.scss
View File

@ -1,10 +1,8 @@
.nitro-currency {
pointer-events: all;
background: $bg-mirage-split-background;
.nitro-currency-text {
max-width: 60px;
}
&:not(:last-child) {
border-right:1px solid #000;
box-shadow: 1px 0 lighten($dark,8.3)
}
}

4
src/views/right-side/RightSideView.scss
View File

@ -1,7 +1,7 @@
.nitro-right-side {
position: absolute;
top: 10px;
right: 10px;
top: 0px;
right: 5px;
min-width: 200px;
max-width: 400px;
z-index: $rightside-zindex;