Paddy/Betterzon
1
0
Fork 0
mirror of https://github.com/Mueller-Patrick/Betterzon.git synced 2024-12-23 12:15:11 +00:00
Code Issues Projects Releases Wiki Activity

wip: testing ng-carousel

Browse Source
This commit is contained in:
Jegor 2021-05-25 08:56:15 +02:00
parent 0ff4a2e3c2
commit df43febc45
8 changed files with 15320 additions and 8577 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4940
Backend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

18929
Frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
Frontend/package.json
View File

@ -32,12 +32,13 @@
"ng-apexcharts": "^1.5.6", "ng-apexcharts": "^1.5.6",
"ngx-bootstrap": "^6.2.0", "ngx-bootstrap": "^6.2.0",
"ngx-cookieconsent": "^2.2.3", "ngx-cookieconsent": "^2.2.3",
"ngx-drag-scroll": "*",
"rxjs": "~6.6.0", "rxjs": "~6.6.0",
"tslib": "^2.0.3", "tslib": "^2.0.3",
"zone.js": "~0.10.2" "zone.js": "~0.10.2"
}, },
"devDependencies": { "devDependencies": {
"@angular-devkit/build-angular": "^0.1100.2", "@angular-devkit/build-angular": "^12.0.1",
"@angular/cli": "^10.2.0", "@angular/cli": "^10.2.0",
"@angular/compiler-cli": "^10.2.3", "@angular/compiler-cli": "^10.2.3",
"@types/jasmine": "~3.5.0", "@types/jasmine": "~3.5.0",

3
Frontend/src/app/app.module.ts
View File

@ -31,7 +31,7 @@ import {MatListModule} from "@angular/material/list";
import {BottomBarComponent} from './components/bottom-bar/bottom-bar.component'; import {BottomBarComponent} from './components/bottom-bar/bottom-bar.component';
import { HotDealsWidgetComponent } from './components/hot-deals-widget/hot-deals-widget.component'; import { HotDealsWidgetComponent } from './components/hot-deals-widget/hot-deals-widget.component';
import { SliderForProductsComponent } from './components/slider-for-products/slider-for-products.component'; import { SliderForProductsComponent } from './components/slider-for-products/slider-for-products.component';
import { DragScrollModule } from 'ngx-drag-scroll';
// For cookie popup // For cookie popup
const cookieConfig: NgcCookieConsentConfig = { const cookieConfig: NgcCookieConsentConfig = {
@ -107,6 +107,7 @@ const cookieConfig: NgcCookieConsentConfig = {
MatListModule, MatListModule,
MatButtonModule, MatButtonModule,
MatIconModule, MatIconModule,
DragScrollModule,
RouterModule.forRoot([ RouterModule.forRoot([
{path: '', component: LandingpageComponent}, {path: '', component: LandingpageComponent},
]), ]),

4
Frontend/src/app/components/slider-for-products/slider-for-products.component.css
View File

@ -0,0 +1,4 @@
.drag-scroll {
width: 1640px;
height: 100px;
}

4
Frontend/src/app/components/slider-for-products/slider-for-products.component.html
View File

@ -1 +1,3 @@
<p>slider-for-products works!</p> <drag-scroll class="drag-scroll">
Big text goes here...
</drag-scroll>

1
Frontend/src/app/pages/landingpage/landingpage.component.html
View File

@ -1,4 +1,5 @@
<app-hot-deals-widget></app-hot-deals-widget> <app-hot-deals-widget></app-hot-deals-widget>
<app-slider-for-products></app-slider-for-products>
<!--<div id="mainComponents"> <!--<div id="mainComponents">
<div id="searchContainer"> <div id="searchContainer">

13
Frontend/src/styles.css
View File

@ -116,17 +116,7 @@ label {
grid-template-rows: 70px auto 210px; grid-template-rows: 70px auto 210px;
} }
.header {
grid-row: 1/2;
}
.page-content {
grid-row: 2/3;
}
.footer {
grid-row: 3/4;
}
/* End of Main Container */ /* End of Main Container */
@ -138,9 +128,6 @@ app-top-bar {
background-color: #ffffff; background-color: #ffffff;
padding: 16px; padding: 16px;
position: fixed; position: fixed;
left: 50%;
top:0;
margin-left: -820px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;