| 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/icon\";\nimport * as i4 from \"@angular/material/card\";\nimport * as i5 from \"@angular/material/input\";\nimport * as i6 from \"@angular/material/form-field\";\nimport * as i7 from \"@angular/forms\";\nimport * as i8 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 this.selectedSongInformation = '';\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 // Other component methods and lifecycle hooks\n displaySongInformation(song) {\n // Logic to fetch and set the song information based on the selected song\n // Replace the code below with your own implementation\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: 36,\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.ɵɵelementStart(19, \"mat-icon\");\n i0.ɵɵtext(20, \"cloud_download\");\n i0.ɵɵelementEnd();\n i0.ɵɵtext(21, \" Download \");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(22, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_22_listener() {\n return ctx.upload();\n });\n i0.ɵɵelementStart(23, \"mat-icon\");\n i0.ɵɵtext(24, \"cloud_upload\");\n i0.ɵɵelementEnd();\n i0.ɵɵtext(25, \" Upload \");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(26, \"div\", 10)(27, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_27_listener() {\n return ctx.generatePdf();\n });\n i0.ɵɵelementStart(28, \"mat-icon\");\n i0.ɵɵtext(29, \"picture_as_pdf\");\n i0.ɵɵelementEnd();\n i0.ɵɵtext(30, \" Generate PDF \");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(31, \"div\", 12)(32, \"div\", 13)(33, \"p\");\n i0.ɵɵtext(34);\n i0.ɵɵelementEnd()()()()();\n i0.ɵɵelement(35, \"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(20);\n i0.ɵɵtextInterpolate(ctx.selectedSongInformation);\n }\n },\n dependencies: [i1.NgForOf, i2.MatButton, i3.MatIcon, i4.MatCard, i4.MatCardContent, i4.MatCardHeader, i4.MatCardTitle, i5.MatInput, i6.MatFormField, i6.MatLabel, i7.DefaultValueAccessor, i7.NgControlStatus, i7.NgModel, i8.MatList, i8.MatListItem],\n styles: [\".container[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n justify-content: stretch;\\r\\n}\\r\\n\\r\\n.col-left[_ngcontent-%COMP%], .col-right[_ngcontent-%COMP%] {\\r\\n flex-basis: 50%;\\r\\n}\\r\\n\\r\\n.col-left[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n.col-right[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-end;\\r\\n}\\r\\n\\r\\n.buttons-container[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-end;\\r\\n}\\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9hcHAvbWFpbi1wYWdlL21haW4tcGFnZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBYTtFQUNiLHdCQUF3QjtBQUMxQjs7QUFFQTs7RUFFRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLHNCQUFzQjtFQUN0Qix1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIscUJBQXFCO0FBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbnRhaW5lciB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHN0cmV0Y2g7XHJcbn1cclxuXHJcbi5jb2wtbGVmdCxcclxuLmNvbC1yaWdodCB7XHJcbiAgZmxleC1iYXNpczogNTAlO1xyXG59XHJcblxyXG4uY29sLWxlZnQge1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcclxufVxyXG5cclxuLmNvbC1yaWdodCB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcclxufVxyXG5cclxuLmJ1dHRvbnMtY29udGFpbmVyIHtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xyXG59XHJcbiJdLCJzb3VyY2VSb290IjoiIn0= */\"]\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","selectedSongInformation","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_22_listener","MainPageComponent_Template_button_click_27_listener","ɵɵproperty","ɵɵtextInterpolate"],"sources":["C:\\Users\\Quba\\Desktop\\studia\\WPFt\\RiffMaster project\\Frontend\\RiffMasterFront\\src\\app\\main-page\\main-page.component.ts","C:\\Users\\Quba\\Desktop\\studia\\WPFt\\RiffMaster project\\Frontend\\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 selectedSongInformation: string = '';\n\n // Other component methods and lifecycle hooks\n\n displaySongInformation(song: string): void {\n // Logic to fetch and set the song information based on the selected song\n // Replace the code below with your own implementation\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\n <div class=\"button-row\">\n\n <button mat-raised-button color=\"primary\" (click)=\"download()\">\n <mat-icon>cloud_download</mat-icon>\n Download\n </button>\n\n <button mat-raised-button color=\"primary\" (click)=\"upload()\">\n <mat-icon>cloud_upload</mat-icon>\n Upload\n </button>\n\n </div>\n\n <div class=\"button-row\">\n <button mat-raised-button color=\"primary\" (click)=\"generatePdf()\">\n <mat-icon>picture_as_pdf</mat-icon>\n Generate PDF\n </button>\n </div>\n\n <div class=\"text-block-row\">\n <div class=\"text-block\">\n <p>{{ selectedSongInformation }}</p>\n </div>\n </div>\n\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":[]}
|
