طراحی 20 کامپوننت انگولار2 - نسخه 17

سلام. من 20 فرم دارم که 10 عدد از آنها لیست (یک جدولی از رکوردها) و 10 عدد از آنها فرم هستند. در واقع هر دو کامپوننت (یکی لیست و یکی فرم) برای مشاهده و مدیریت یک مدل دیتا استفاده میشوند. من تصویر یکی از لیست و یکی از فرم برای هر کامپوننت را به عنوان نمونه پیوست میکنم. سایر تصاویر طی چند ساعت بعد از تایید پروژه آپلود میگردد. 1. ویژگی های عمومی - تنها از کتابخانه material ui استفاده شود و در مواردی از کتابخانه primeNG - با نسخه انگولار 17 هماهنگ باشه - برای لیست از کنترل mat-table استفاده شود. - برای فرم این کامپوننت باید داخل یک کنترل p-dialog از کتابخانه primeNG قرار بگیره و ویژگی [resizable]="true" باشه - فرض بر این هست که دیتا توسط api در فرمت مدل های ارائه شده در زیر به کامپوننت ارسال میگردد. 2. مدل فرم اصلی مدل داده مطابق با ستون های موجود در تصویر باشه 3. قابلیت پرینت داشته باشه (دکمه ای گذاشته بشه تا کاربر از کامپوننت مورد نظر پرینت بگیرد.) 4. دقت داشته باشید که علاوه بر این کامپوننت کامپوننت های دیگری نیز در صفحه وجود خواهند داشت که نباید در پرینت وارد شوند. پیشنهاد میگردد از کد جاوااسکریپت برای این موضوع استفاده گردد. در صورتی که نیاز به توضیحات بیشتر بود، در چت سوالات را مطرح کنید تا پاسخگو باشیم ممنون از شما