| 1 |
- {"ast":null,"code":"import * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@angular/material/button\";\nimport * as i3 from \"@angular/material/card\";\nimport * as i4 from \"@angular/material/input\";\nimport * as i5 from \"@angular/material/form-field\";\nimport * as i6 from \"@angular/forms\";\nimport * as i7 from \"@angular/material/list\";\nfunction MainPageComponent_mat_list_item_14_Template(rf, ctx) {\n if (rf & 1) {\n const _r3 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"mat-list-item\", 14);\n i0.ɵɵlistener(\"click\", function MainPageComponent_mat_list_item_14_Template_mat_list_item_click_0_listener() {\n const restoredCtx = i0.ɵɵrestoreView(_r3);\n const song_r1 = restoredCtx.$implicit;\n const ctx_r2 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r2.displaySongInformation(song_r1));\n });\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const song_r1 = ctx.$implicit;\n i0.ɵɵadvance(1);\n i0.ɵɵtextInterpolate1(\" \", song_r1, \" \");\n }\n}\nclass MainPageComponent {\n constructor() {\n this.songs = ['Song 1', 'Song 2', 'Song 3'\n // Add more songs here\n ];\n\n this.searchQuery = '';\n this.information = '';\n }\n get filteredSongs() {\n if (this.searchQuery.trim() === '') {\n return this.songs;\n } else {\n return this.songs.filter(song => song.toLowerCase().includes(this.searchQuery.toLowerCase()));\n }\n }\n download() {\n // Implement your download logic here\n }\n upload() {\n // Implement your upload logic here\n }\n generatePdf() {\n // Implement your PDF generation logic here\n }\n}\nMainPageComponent.ɵfac = function MainPageComponent_Factory(t) {\n return new (t || MainPageComponent)();\n};\nMainPageComponent.ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n type: MainPageComponent,\n selectors: [[\"app-main-page\"]],\n decls: 30,\n vars: 3,\n consts: [[1, \"container\"], [1, \"margin-column\"], [1, \"col-left\"], [1, \"song-list-card\"], [\"appearance\", \"fill\"], [\"matInput\", \"\", \"type\", \"text\", \"placeholder\", \"Search songs\", 3, \"ngModel\", \"ngModelChange\"], [1, \"song-list\"], [3, \"click\", 4, \"ngFor\", \"ngForOf\"], [1, \"col-right\"], [1, \"buttons-container\"], [1, \"button-row\"], [\"mat-raised-button\", \"\", \"color\", \"primary\", 3, \"click\"], [1, \"text-block-row\"], [1, \"text-block\"], [3, \"click\"]],\n template: function MainPageComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵelement(1, \"div\", 1);\n i0.ɵɵelementStart(2, \"div\", 2)(3, \"mat-card\", 3)(4, \"mat-card-header\")(5, \"mat-card-title\");\n i0.ɵɵtext(6, \"Song List\");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(7, \"mat-card-content\")(8, \"mat-form-field\", 4)(9, \"mat-label\");\n i0.ɵɵtext(10, \"Search songs\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(11, \"input\", 5);\n i0.ɵɵlistener(\"ngModelChange\", function MainPageComponent_Template_input_ngModelChange_11_listener($event) {\n return ctx.searchQuery = $event;\n });\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(12, \"div\", 6)(13, \"mat-list\");\n i0.ɵɵtemplate(14, MainPageComponent_mat_list_item_14_Template, 2, 1, \"mat-list-item\", 7);\n i0.ɵɵelementEnd()()()()();\n i0.ɵɵelementStart(15, \"div\", 8)(16, \"div\", 9)(17, \"div\", 10)(18, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_18_listener() {\n return ctx.download();\n });\n i0.ɵɵtext(19, \"Download\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(20, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_20_listener() {\n return ctx.upload();\n });\n i0.ɵɵtext(21, \"Upload\");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(22, \"div\", 10)(23, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_23_listener() {\n return ctx.generatePdf();\n });\n i0.ɵɵtext(24, \"Generate PDF\");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(25, \"div\", 12)(26, \"div\", 13)(27, \"p\");\n i0.ɵɵtext(28);\n i0.ɵɵelementEnd()()()()();\n i0.ɵɵelement(29, \"div\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance(11);\n i0.ɵɵproperty(\"ngModel\", ctx.searchQuery);\n i0.ɵɵadvance(3);\n i0.ɵɵproperty(\"ngForOf\", ctx.filteredSongs);\n i0.ɵɵadvance(14);\n i0.ɵɵtextInterpolate(ctx.selectedSongInformation);\n }\n },\n dependencies: [i1.NgForOf, i2.MatButton, i3.MatCard, i3.MatCardContent, i3.MatCardHeader, i3.MatCardTitle, i4.MatInput, i5.MatFormField, i5.MatLabel, i6.DefaultValueAccessor, i6.NgControlStatus, i6.NgModel, i7.MatList, i7.MatListItem],\n styles: [\".container[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n margin: 20px;\\r\\n}\\r\\n\\r\\n.margin-column[_ngcontent-%COMP%] {\\r\\n flex: 1;\\r\\n}\\r\\n\\r\\n.col-left[_ngcontent-%COMP%] {\\r\\n flex: 1;\\r\\n padding-right: 10px;\\r\\n}\\r\\n\\r\\n.col-right[_ngcontent-%COMP%] {\\r\\n flex: 1;\\r\\n padding-left: 10px;\\r\\n}\\r\\n\\r\\n.buttons-container[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 768px) {\\r\\n .container[_ngcontent-%COMP%] {\\r\\n flex-direction: column;\\r\\n }\\r\\n\\r\\n .col-left[_ngcontent-%COMP%], .col-right[_ngcontent-%COMP%] {\\r\\n padding: 0;\\r\\n }\\r\\n}\\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9hcHAvbWFpbi1wYWdlL21haW4tcGFnZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHNCQUFzQjs7QUFFdEI7RUFDRSxhQUFhO0VBQ2IsWUFBWTtBQUNkOztBQUVBO0VBQ0UsT0FBTztBQUNUOztBQUVBO0VBQ0UsT0FBTztFQUNQLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFLE9BQU87RUFDUCxrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsWUFBWTtBQUNkOztBQUVBO0VBQ0U7SUFDRSxzQkFBc0I7RUFDeEI7O0VBRUE7O0lBRUUsVUFBVTtFQUNaO0FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBhcHAuY29tcG9uZW50LmNzcyAqL1xyXG5cclxuLmNvbnRhaW5lciB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBtYXJnaW46IDIwcHg7XHJcbn1cclxuXHJcbi5tYXJnaW4tY29sdW1uIHtcclxuICBmbGV4OiAxO1xyXG59XHJcblxyXG4uY29sLWxlZnQge1xyXG4gIGZsZXg6IDE7XHJcbiAgcGFkZGluZy1yaWdodDogMTBweDtcclxufVxyXG5cclxuLmNvbC1yaWdodCB7XHJcbiAgZmxleDogMTtcclxuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XHJcbn1cclxuXHJcbi5idXR0b25zLWNvbnRhaW5lciB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgaGVpZ2h0OiAxMDAlO1xyXG59XHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xyXG4gIC5jb250YWluZXIge1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICB9XHJcblxyXG4gIC5jb2wtbGVmdCxcclxuICAuY29sLXJpZ2h0IHtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgfVxyXG59XHJcbiJdLCJzb3VyY2VSb290IjoiIn0= */\"]\n});\nexport { MainPageComponent };","map":{"version":3,"names":["i0","ɵɵelementStart","ɵɵlistener","MainPageComponent_mat_list_item_14_Template_mat_list_item_click_0_listener","restoredCtx","ɵɵrestoreView","_r3","song_r1","$implicit","ctx_r2","ɵɵnextContext","ɵɵresetView","displaySongInformation","ɵɵtext","ɵɵelementEnd","ɵɵadvance","ɵɵtextInterpolate1","MainPageComponent","constructor","songs","searchQuery","information","filteredSongs","trim","filter","song","toLowerCase","includes","download","upload","generatePdf","selectors","decls","vars","consts","template","MainPageComponent_Template","rf","ctx","ɵɵelement","MainPageComponent_Template_input_ngModelChange_11_listener","$event","ɵɵtemplate","MainPageComponent_mat_list_item_14_Template","MainPageComponent_Template_button_click_18_listener","MainPageComponent_Template_button_click_20_listener","MainPageComponent_Template_button_click_23_listener","ɵɵproperty","ɵɵtextInterpolate","selectedSongInformation"],"sources":["C:\\Users\\Quba\\Desktop\\studia\\WPFt\\Spring\\RiffMasterFront\\src\\app\\main-page\\main-page.component.ts","C:\\Users\\Quba\\Desktop\\studia\\WPFt\\Spring\\RiffMasterFront\\src\\app\\main-page\\main-page.component.html"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-main-page',\n templateUrl: './main-page.component.html',\n styleUrls: ['./main-page.component.css']\n})\nexport class MainPageComponent {\n songs: string[] = [\n 'Song 1',\n 'Song 2',\n 'Song 3',\n // Add more songs here\n ];\n searchQuery: string = '';\n information: string = '';\n\n get filteredSongs(): string[] {\n if (this.searchQuery.trim() === '') {\n return this.songs;\n } else {\n return this.songs.filter(song =>\n song.toLowerCase().includes(this.searchQuery.toLowerCase())\n );\n }\n }\n\n download() {\n // Implement your download logic here\n }\n\n upload() {\n // Implement your upload logic here\n }\n\n generatePdf() {\n // Implement your PDF generation logic here\n }\n}\n","<!-- app.component.html -->\n\n<div class=\"container\">\n <div class=\"margin-column\"></div> <!-- First margin column -->\n\n <div class=\"col-left\">\n <mat-card class=\"song-list-card\">\n <mat-card-header>\n <mat-card-title>Song List</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <mat-form-field appearance=\"fill\">\n <mat-label>Search songs</mat-label>\n <input matInput type=\"text\" placeholder=\"Search songs\" [(ngModel)]=\"searchQuery\">\n </mat-form-field>\n <div class=\"song-list\">\n <mat-list>\n <mat-list-item *ngFor=\"let song of filteredSongs\" (click)=\"displaySongInformation(song)\">\n {{ song }}\n </mat-list-item>\n </mat-list>\n </div>\n </mat-card-content>\n </mat-card>\n </div>\n\n\n <div class=\"col-right\">\n <div class=\"buttons-container\">\n <div class=\"button-row\">\n <button mat-raised-button color=\"primary\" (click)=\"download()\">Download</button>\n <button mat-raised-button color=\"primary\" (click)=\"upload()\">Upload</button>\n </div>\n <div class=\"button-row\">\n <button mat-raised-button color=\"primary\" (click)=\"generatePdf()\">Generate PDF</button>\n </div>\n <div class=\"text-block-row\">\n <div class=\"text-block\">\n <p>{{ selectedSongInformation }}</p>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"margin-column\"></div> <!-- Second margin column -->\n</div>\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
