Kapalı

Dropdown anguar material component

Hello,

I need a pretty specific angular component. I am a developer myself but need help! If this work is completed quick, clean and fast we'll work together in many other projects.

Here are the requirements:

* Needs to be done using angular material auto-complete and the CDK virtual scrolling component.

* When the user clicks in the drop down, a table must be shown (the table is read only, so a flexbox table is good enough).

* It's super-important to offer keyboard support. The table must be expanded when the component has its focus and the user must select and element by using the arrows keys. They need to use Enter to select an element. The table must collapse when the control lost its focus.

* The table needs to be filtered when the user starts typing. It needs to search by all the rows.

* The performance it's really important. We need to show the drop down content as soon as possible by using the virtual scrolling from the Angular Mateiral CDK.

* You will have two inputs:

a) an array of columns. Each column will have type (text, currency or date), title and id.

Example:

[

{ id: 'name', type: 'text', title: 'Address', width: 100 },

{ id: 'address', type: 'text', title: 'Address', width: 300 },

{ id: 'balance', type: 'currency', title: 'Balance,' width: 100 },

{ id: 'duedate', type: 'date', title: 'Balance,' width: 100 }

]

id will point to the right field of the 2nd input.

title is to show a column title when the dropdown is opened.

type is going just to format the data correctly.

width is for the column in the drop down table.

b) The content is the 2nd input of this component. We'll use an observable with an array of <any>. The content will have something like

[

{ name: 'name 1',

address: 'address',

balance: 100.31

duedate: '2019-01-01'

},

(between 1 and 10000 rows)

]

Output:

* The selected row or null if no selection is made.

Misc notes:

* We need the out-of-the-box angular material style for the closed dropdown.

* The internal table needs to be close to angular material.

Deliverable:

An angular 7 (or 8 compatible with 7) project with a demo page.

Beceriler: Javascript, HTML5, CSS, Angular Material, Angular.js

Daha fazlasını gör: angular 7 dropdown, mat-select multiple, mat-option selected, angular material select, angular material dropdown, mat-option api, angular material select with search, angular dropdown, create simple hello world component joomla, joomla populate dropdown component, joomla component rows columns, custom component joomla hello world, create hello world component joomla, component hello world joomla, java swing custom component jcombobox dropdown, component joomla 1015 hello world, joomla hello database component, creating hello world component joomla, mvc component dropdown, states dropdown adsmanager component

İşveren Hakkında:
( 0 değerlendirme ) Guadalajara, Mexico

Proje NO: #20965803

Bu iş için 15 freelancer ortalamada $24 teklif veriyor

moderninfotech

Hello, Hope you are doing well !! WE HAVE MORE THAN 10+ YEARS OF EXPERIENCE IN WEBSITE DEVELOPMENT. WE HAVE LARAVEL & ANGULAR- 4, 5, 6 AND 7 DEVELOPERS HAVING THE GREAT EXPERIENCE WITH FRONT END DEVELOPMENT USING Daha Fazla

$20 USD in 7 gün içinde
(69 Değerlendirme)
6.2
MaheshJalodara

I have 2.5-year experience in Ionic/Cordova/PhoneGap Development. I complete many projects on time bases. I complete your work with accuracy.

$30 USD in 2 gün içinde
(20 Değerlendirme)
4.5
volleyballstar

Dear Client. I am a full stack web developer. I have many experiences in developing Angular for over 3 years. My Job history on Angular; [login to view URL] (Angular+ Laravel) [login to view URL](Angular+Express) I Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(6 Değerlendirme)
1.9
ckrukp

I have read your description carefully and i fully understood your requirements. I am Web Developing Expert! I have 7+ years experiences in web design and building. [login to view URL] [login to view URL] https://cpr Daha Fazla

$20 USD in 7 gün içinde
(1 Yorum)
1.9
kanwarrajani

Hi Sir Maam , Greetings for the day ahead , I had see your job post and I have done some jobs related to your requirements.. Here are my past job samples all are verified and references are available to cross check. Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(1 Yorum)
0.8
soultech443

Hi there, I see you are looking somebody experienced with angular , I also ready your initial requirements about created a custom component for table. I'm always pretty interested to such kind of task and challenge Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(1 Yorum)
0.8
jaimechung

i can do this for 10 bucks in 3 days tops, i have experience in html5 and the diferent framework in the market specially in angular

$10 USD in 3 gün içinde
(0 Değerlendirme)
0.0
sakshime

Hi I am an angular developer too and have already built this kind of stuff in past.

$20 USD in 3 gün içinde
(0 Değerlendirme)
0.0
aritmukherjee

Hi, I am ready to start the work. I am also a developer . If I complete your requirements then you will release the payment . If you have any other questions let me know. Thanks Arit

$25 USD in 2 gün içinde
(0 Değerlendirme)
0.0
mishrard123

I am interested for this project.I am a FrontEnd Developer(Angular).I have experience in HTML5, CSS3, Bootstrap3, Angular2 - Angular6, Angular7, Angular8, Material Design, SCSS, Typescript, NodeJs.

$15 USD in 4 gün içinde
(0 Değerlendirme)
0.0
Satya0655

Hi ! My name is Satya. I already worked as a frontend developer in a banking project which is build by angular7 and bootstrap4.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
senthilsct91

Hi I have 4 years of experience in angular and web technologies. I would like to work on this to start my freelancer career. This can done using debouneTime, switchmap, dnc, free version of AGGrid . Relevant Skills an Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
kintautas

Hello, i am bachelor of softare engineering who loves to program in angular full-stack. I am fast worker and quick learner. Waiting to help you with the project.

$20 USD in 7 gün içinde
(0 Değerlendirme)
0.0
mahesh215

Hello, I have read your requirements and have developed similar one. If you are time private message me. I can show you my developed project.

$20 USD in 2 gün içinde
(0 Değerlendirme)
0.0
luisroberto0

Hello, I work at a company where I created a component library. I am interested in taking this work because I found the idea interesting. For ease of understanding, I think a prototype of how you want the component c Daha Fazla

$35 USD in 7 gün içinde
(0 Değerlendirme)
0.0