Skip to content

Commit

Permalink
feat(all): private garages, housing garage, garage inventory
Browse files Browse the repository at this point in the history 
New Feature and Tweaks.
Private garage (player owned) (multi possible)
garage inventory (vehicle mods, store and install)
housing optional coords
housing quickpick vehicle
tweak UI.
fix minor bugs in v1
Impound for all
optional drawmarker for garage.
  • Loading branch information
@renzuzu
renzuzu committed Aug 16, 2021
1 parent e9cd9b0 commit b673ecf
Show file tree
Hide file tree
Showing 1,550 changed files with 5,494 additions and 8,131 deletions.
1,407 changes: 1,067 additions & 340 deletions renzu_garage/client/client.lua → client/client.lua
View file

Large diffs are not rendered by default.

3,651 changes: 3,651 additions & 0 deletions config.lua
View file

Large diffs are not rendered by default.

5 changes: 2 additions & 3 deletions renzu_garage/fxmanifest.lua → fxmanifest.lua
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,13 @@ server_scripts {

client_scripts {
'config.lua',
'client/client.lua',
'client/threads.lua',
'client/scaleform.lua',
'client/client.lua'
}

files {
'html/design.css',
'html/index.html',
'html/img/*.png',
'html/script.js',
'html/fonts/*',
'imgs/*.png',
Expand Down
13 changes: 12 additions & 1 deletion renzu_garage/garage.sql → garage.sql
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,5 +15,16 @@ ADD `job` varchar(32) NOT NULL;

ALTER TABLE owned_vehicles
ADD park_coord LONGTEXT NULL DEFAULT '[]';

ALTER TABLE owned_vehicles
ADD isparked int(1) NULL DEFAULT 0;
ADD isparked int(1) NULL DEFAULT 0;

CREATE TABLE IF NOT EXISTS `private_garage` (
`identifier` VARCHAR(64) NULL DEFAULT '' COLLATE 'utf8mb4_general_ci',
`vehicles` LONGTEXT NULL COLLATE 'utf8mb4_general_ci',
`garage` VARCHAR(64) NULL DEFAULT '' COLLATE 'utf8mb4_general_ci',
`inventory` LONGTEXT NULL DEFAULT '[]' COLLATE 'utf8mb4_general_ci',
)
COLLATE='utf8mb4_general_ci'
ENGINE=InnoDB
;
164 changes: 129 additions & 35 deletions qbcore_renzu_garage/html/design.css → html/design - Copy.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,6 @@
margin: 0;
padding: 0;
font-family: 'azonixregular';
display: none;
overflow: hidden;
}
*{
Expand Down Expand Up @@ -159,8 +158,10 @@
display: flex;
flex-direction: row;
align-self: center;
background-color: rgb(23 24 25 / 94%);
background-color: rgb(0 87 175 / 94%);
padding: 11px;
background: rgb(4,38,71);
background: linear-gradient(90deg, rgba(4,38,71,1) 0%, rgba(0,42,97,0.9164040616246498) 35%, rgba(6,109,193,1) 100%);
}

.container .middle-left-container img {
Expand Down Expand Up @@ -264,10 +265,12 @@
transform: translateY(-30%);
color: rgb(255 255 255);
text-shadow: 1px 4px #252525;
background-color: rgb(21 22 23 / 92%);
/* background-color: rgb(21 22 23 / 92%); */
width: 350px;
padding: 11px;
border-radius: 10px;
background: rgb(4,38,71);
background: linear-gradient(90deg, rgb(2 37 72) 0%, rgb(0 34 78 / 92%) 35%, rgb(16 86 144) 100%);
}

.container .middle-left2-container .title {
Expand Down Expand Up @@ -513,8 +516,8 @@
font-size:0.7em;
}

.container .modal .background-circle{
border-radius:15px 15px 0 0 ;
.container .modal .background-circle{
border-radius:15px 15px 0 0;
position:absolute;
background: #01223eed;
top: 0px;
Expand Down Expand Up @@ -664,7 +667,7 @@

.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important;transition: width 2s ease-in-out;}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color: #78da92!important;transition: width 2s ease-in-out;}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
Expand Down Expand Up @@ -693,10 +696,7 @@ width: 1em;
box-shadow: inset 0 0 6px rgba(3, 117, 170, 0.3);
}

.app::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.705);
outline: 1px solid rgb(6, 110, 214);
}
.app::-webkit-scrollbar-thumb {background-color: rgb(3 25 41 / 71%);outline: 1px solid rgb(6, 110, 214);}
.app {
font-size: 20px;
border-radius: 10px;
Expand Down Expand Up @@ -744,8 +744,8 @@ transition: all 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.app_inner input[type=radio]:not(checked) + label .app_inner__tab {
height: 80px;
border-left: 12px solid rgb(47 48 49 / 82%) !important;
border: 5px solid rgb(112 120 130 / 91%);
border-left: 7px solid rgb(232 235 236 / 82%) !important;
border: 2px solid rgb(228 232 236 / 91%);
}
.app_inner input[type=radio]:not(checked) + label .app_inner__tab .tab_right {
top: 110px;
Expand All @@ -764,16 +764,12 @@ left:10px !important;
}
.app_inner input[type=radio]:checked + label .app_inner__tab .tab_left .big {
#left: 260px;top: -31px;opacity: 0.8;}
.app_inner input[type=radio]:checked + label .app_inner__tab .tab_left .imageborder {
background: rgba(15, 15, 15, 0.747);
padding:2px;
border-radius: 20px;
margin-left:0.5vw;
margin-bottom:-40px !important;
}
.app_inner input[type=radio]:checked + label .app_inner__tab .tab_left .imageborder {background: rgb(0 0 0 / 50%);padding:2px;border-radius: 20px;margin-left:0.5vw;margin-bottom:-40px !important;}

.app_inner input[type=radio]:checked + label .app_inner__tab {
background-color: rgb(27 28 29);
/* background-color: rgb(0 17 35); */
/* background: rgb(4,38,71); */
background: linear-gradient(90deg, rgb(13 34 72) 0%, rgb(2 38 82 / 92%) 35%, rgb(15 86 144) 100%);
}

.app_inner input[type=radio]:not(checked) + label .app_inner__tab .tab_left .big {
Expand All @@ -790,25 +786,21 @@ display: block;
width: 100%;
}
.app_inner label:nth-of-type(1) .app_inner__tab {
background: #121315ed;
/* background: #121315ed; */
height: 200px;
/* background: rgb(4,38,71); */
background: linear-gradient(90deg, rgb(0 39 80) 0%, rgb(0 18 39) 35%, rgb(10 81 140 / 91%) 100%);
}
.app_inner label:nth-of-type(1) .app_inner__tab:hover {
transition: all 0.2s;
background: #000000e0;
background: rgb(4,38,71);
background: linear-gradient(90deg, rgb(23 97 169 / 86%) 0%, rgb(32 93 175 / 92%) 35%, rgb(10 48 78) 100%);
}
.app_inner label:nth-of-type(1) .app_inner__tab .tab_left__image {
background: #EA495F;
}
.app_inner__tab {
width: 100%;
height: 80px;
background: rgba(0, 0, 0, 0.849);
cursor: pointer;
overflow: hidden;
position: relative;
transition: all 0.65s cubic-bezier(1, 0, 0.41, 1.01);
}
.app_inner__tab {width: 100%;height: 80px;background: rgba(0, 0, 0, 0.849);/* cursor: pointer; */overflow: hidden;position: relative;transition: all 0.65s cubic-bezier(1, 0, 0.41, 1.01);}
.app_inner__tab h2 {position: absolute;right: 20px;top: 16px;color: #f3f3f3;font-size: 18px;font-weight: 200;}
.app_inner__tab h2 i {
position: absolute;
Expand Down Expand Up @@ -836,10 +828,7 @@ font-size: 12px;
margin: 4px 0px;
color: rgba(0, 0, 0, 0.33);
}
.app_inner__tab .tab_right p {
font-size: 11px;
color: white;
}
.app_inner__tab .tab_right p {font-size: 11px;color: white;line-height: 20px;}
.app_inner__tab .tab_right button {
margin-top: 10px;
border: 2px solid white;
Expand All @@ -863,7 +852,7 @@ float: left;
position: relative;
left:0 !important;
}
.app_inner__tab .tab_left .big {position: absolute;top: -67px;transition: all 0.3s 0.3s;left: -51px;font-size: 180px;opacity: 0.28;}
.app_inner__tab .tab_left .big {position: absolute;top: -67px;transition: all 0.3s 0.3s;left: -51px;font-size: 180px;opacity: 0.48;}
.app_inner__tab .tab_left__image {
position: relative;
top: -100px;
Expand Down Expand Up @@ -993,4 +982,109 @@ border: 2px solid white;
a.follow:hover {
color: #41EFB6;
border-color: #41EFB6;
}


.wrap{
max-width: 50vw;
margin: 0 auto;
position: relative;
padding: 0 20px;
height: 315px;
background: #080808e0;
border-radius: 20px;
margin-top: 20px;
margin-left: 100px;
color: #d8d6d6;
font-size: 12px;
font-family: revert;
font-weight: 100;
}
.section-title h1{
margin: 0;
line-height: 50px;
letter-spacing: 5px;
font-weight: 600;
color: white;
}.border{
display: block;
height: 10px;
margin-bottom: 10px;
width: 100%;
background: #5aff67;
}
.row{
/* width: 47%; */
min-height: 1px;
float: left;
position: relative;
display: inline-block;
}
#perfrow {
width: 47%;
min-height: 1px;
float: left;
position: relative;
display: inline-block;
}
.row ul {
margin: 0 20px 0 0 !important;
text-align: left !important;
padding: 0;
}.row ul li{
list-style: none !important;

}.row ul li em{
display: block;
margin-bottom: 5px;
color: #8ca2a1;
}.row ul li div{
margin-bottom: 11px;
border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
background: #09131B;
height: 15px;
overflow: hidden;
border-radius: 7px;
}.row ul li div span{
height: 15px;
width: 50%;
display: block;
border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}
.row ul li.perf div span {background: #3498db;width: 90%;}
.turbo div span {background: #3498db;width: 90%;}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
Loading

0 comments on commit b673ecf

Please sign in to comment.