| 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 i0.ɵɵelementStart(0, \"mat-list-item\");\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const song_r1 = ctx.$implicit;\n i0.ɵɵadvance(1);\n i0.ɵɵtextInterpolate(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: 26,\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\"], [4, \"ngFor\", \"ngForOf\"], [1, \"col-right\"], [1, \"buttons-container\"], [\"mat-raised-button\", \"\", \"color\", \"primary\", 3, \"click\"], [\"matInput\", \"\", \"placeholder\", \"Enter information\", \"rows\", \"5\", 3, \"ngModel\", \"ngModelChange\"]],\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, \"button\", 10);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_17_listener() {\n return ctx.download();\n });\n i0.ɵɵtext(18, \"Download\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(19, \"button\", 10);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_19_listener() {\n return ctx.upload();\n });\n i0.ɵɵtext(20, \"Upload\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(21, \"button\", 10);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_21_listener() {\n return ctx.generatePdf();\n });\n i0.ɵɵtext(22, \"PDF Summary\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(23, \"mat-form-field\", 4)(24, \"textarea\", 11);\n i0.ɵɵlistener(\"ngModelChange\", function MainPageComponent_Template_textarea_ngModelChange_24_listener($event) {\n return ctx.information = $event;\n });\n i0.ɵɵelementEnd()()()();\n i0.ɵɵelement(25, \"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(10);\n i0.ɵɵproperty(\"ngModel\", ctx.information);\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","ɵɵtext","ɵɵelementEnd","ɵɵadvance","ɵɵtextInterpolate","song_r1","MainPageComponent","constructor","songs","searchQuery","information","filteredSongs","trim","filter","song","toLowerCase","includes","download","upload","generatePdf","selectors","decls","vars","consts","template","MainPageComponent_Template","rf","ctx","ɵɵelement","ɵɵlistener","MainPageComponent_Template_input_ngModelChange_11_listener","$event","ɵɵtemplate","MainPageComponent_mat_list_item_14_Template","MainPageComponent_Template_button_click_17_listener","MainPageComponent_Template_button_click_19_listener","MainPageComponent_Template_button_click_21_listener","MainPageComponent_Template_textarea_ngModelChange_24_listener","ɵɵproperty"],"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\">{{ song }}</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 <button mat-raised-button color=\"primary\" (click)=\"download()\">Download</button>\n <button mat-raised-button color=\"primary\" (click)=\"upload()\">Upload</button>\n <button mat-raised-button color=\"primary\" (click)=\"generatePdf()\">PDF Summary</button>\n <mat-form-field appearance=\"fill\">\n <textarea matInput [(ngModel)]=\"information\" placeholder=\"Enter information\" rows=\"5\"></textarea>\n </mat-form-field>\n </div>\n </div>\n \n <div class=\"margin-column\"></div> <!-- Second margin column -->\n\n</div>\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
