| 1 |
- {"ast":null,"code":"import * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@angular/material/card\";\nimport * as i3 from \"@angular/material/input\";\nimport * as i4 from \"@angular/material/form-field\";\nimport * as i5 from \"@angular/forms\";\nimport * as i6 from \"@angular/material/list\";\nfunction MainPageComponent_mat_list_item_13_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}\nconst _c0 = function (a0) {\n return {\n \"max-height\": a0\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: 15,\n vars: 5,\n consts: [[\"fxLayout\", \"row\", 1, \"container\"], [\"fxFlex\", \"50\", 1, \"col-left\"], [1, \"song-list-card\"], [\"appearance\", \"fill\"], [\"matInput\", \"\", \"type\", \"text\", \"placeholder\", \"Search songs\", 3, \"ngModel\", \"ngModelChange\"], [1, \"song-list\", 3, \"ngStyle\"], [4, \"ngFor\", \"ngForOf\"], [\"fxFlex\", \"50\", 1, \"col-right\"]],\n template: function MainPageComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0)(1, \"div\", 1)(2, \"mat-card\", 2)(3, \"mat-card-header\")(4, \"mat-card-title\");\n i0.ɵɵtext(5, \"Song List\");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(6, \"mat-card-content\")(7, \"mat-form-field\", 3)(8, \"mat-label\");\n i0.ɵɵtext(9, \"Search songs\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(10, \"input\", 4);\n i0.ɵɵlistener(\"ngModelChange\", function MainPageComponent_Template_input_ngModelChange_10_listener($event) {\n return ctx.searchQuery = $event;\n });\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(11, \"div\", 5)(12, \"mat-list\");\n i0.ɵɵtemplate(13, MainPageComponent_mat_list_item_13_Template, 2, 1, \"mat-list-item\", 6);\n i0.ɵɵelementEnd()()()()();\n i0.ɵɵelement(14, \"div\", 7);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance(10);\n i0.ɵɵproperty(\"ngModel\", ctx.searchQuery);\n i0.ɵɵadvance(1);\n i0.ɵɵproperty(\"ngStyle\", i0.ɵɵpureFunction1(3, _c0, ctx.listHeight));\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"ngForOf\", ctx.filteredSongs);\n }\n },\n dependencies: [i1.NgForOf, i1.NgStyle, i2.MatCard, i2.MatCardContent, i2.MatCardHeader, i2.MatCardTitle, i3.MatInput, i4.MatFormField, i4.MatLabel, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatList, i6.MatListItem],\n styles: [\"\\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZVJvb3QiOiIifQ== */\"]\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","ɵɵlistener","MainPageComponent_Template_input_ngModelChange_10_listener","$event","ɵɵtemplate","MainPageComponent_mat_list_item_13_Template","ɵɵelement","ɵɵproperty","ɵɵpureFunction1","_c0","listHeight"],"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 fxLayout=\"row\" class=\"container\">\n <div fxFlex=\"50\" 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\" [ngStyle]=\"{ 'max-height': listHeight }\">\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 <div fxFlex=\"50\" class=\"col-right\">\n <!-- Rest of the content -->\n </div>\n</div>\n"],"mappings":";;;;;;;;;ICeYA,EAAA,CAAAC,cAAA,oBAAkD;IAAAD,EAAA,CAAAE,MAAA,GAAU;IAAAF,EAAA,CAAAG,YAAA,EAAgB;;;;IAA1BH,EAAA,CAAAI,SAAA,GAAU;IAAVJ,EAAA,CAAAK,iBAAA,CAAAC,OAAA,CAAU;;;;;;;;ADbxE,MAKaC,iBAAiB;EAL9BC,YAAA;IAME,KAAAC,KAAK,GAAa,CAChB,QAAQ,EACR,QAAQ,EACR;IACA;IAAA,CACD;;IACD,KAAAC,WAAW,GAAW,EAAE;IACxB,KAAAC,WAAW,GAAW,EAAE;;EAExB,IAAIC,aAAaA,CAAA;IACf,IAAI,IAAI,CAACF,WAAW,CAACG,IAAI,EAAE,KAAK,EAAE,EAAE;MAClC,OAAO,IAAI,CAACJ,KAAK;KAClB,MAAM;MACL,OAAO,IAAI,CAACA,KAAK,CAACK,MAAM,CAACC,IAAI,IAC3BA,IAAI,CAACC,WAAW,EAAE,CAACC,QAAQ,CAAC,IAAI,CAACP,WAAW,CAACM,WAAW,EAAE,CAAC,CAC5D;;EAEL;EAEAE,QAAQA,CAAA;IACN;EAAA;EAGFC,MAAMA,CAAA;IACJ;EAAA;EAGFC,WAAWA,CAAA;IACT;EAAA;;AA7BSb,iBAAiB,C;mBAAjBA,iBAAiB;AAAA;AAAjBA,iBAAiB,C;QAAjBA,iBAAiB;EAAAc,SAAA;EAAAC,KAAA;EAAAC,IAAA;EAAAC,MAAA;EAAAC,QAAA,WAAAC,2BAAAC,EAAA,EAAAC,GAAA;IAAA,IAAAD,EAAA;MCL9B3B,EAAA,CAAAC,cAAA,aAAsC;MAIdD,EAAA,CAAAE,MAAA,gBAAS;MAAAF,EAAA,CAAAG,YAAA,EAAiB;MAE5CH,EAAA,CAAAC,cAAA,uBAAkB;MAEHD,EAAA,CAAAE,MAAA,mBAAY;MAAAF,EAAA,CAAAG,YAAA,EAAY;MACnCH,EAAA,CAAAC,cAAA,gBAAiF;MAA1BD,EAAA,CAAA6B,UAAA,2BAAAC,2DAAAC,MAAA;QAAA,OAAAH,GAAA,CAAAlB,WAAA,GAAAqB,MAAA;MAAA,EAAyB;MAAhF/B,EAAA,CAAAG,YAAA,EAAiF;MAEnFH,EAAA,CAAAC,cAAA,cAAgE;MAE5DD,EAAA,CAAAgC,UAAA,KAAAC,2CAAA,2BAA4E;MAC9EjC,EAAA,CAAAG,YAAA,EAAW;MAKnBH,EAAA,CAAAkC,SAAA,cAEM;MACRlC,EAAA,CAAAG,YAAA,EAAM;;;MAb2DH,EAAA,CAAAI,SAAA,IAAyB;MAAzBJ,EAAA,CAAAmC,UAAA,YAAAP,GAAA,CAAAlB,WAAA,CAAyB;MAE3DV,EAAA,CAAAI,SAAA,GAAwC;MAAxCJ,EAAA,CAAAmC,UAAA,YAAAnC,EAAA,CAAAoC,eAAA,IAAAC,GAAA,EAAAT,GAAA,CAAAU,UAAA,EAAwC;MAE3BtC,EAAA,CAAAI,SAAA,GAAgB;MAAhBJ,EAAA,CAAAmC,UAAA,YAAAP,GAAA,CAAAhB,aAAA,CAAgB;;;;;;SDR/CL,iBAAiB"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
