Find Jobs
Hire Freelancers

Dropdown anguar material component

$10-30 USD

Cerrado
Publicado hace más de 4 años

$10-30 USD

Pagado a la entrega
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.
ID del proyecto: 20965803

Información sobre el proyecto

12 propuestas
Proyecto remoto
Activo hace 5 años

¿Buscas ganar dinero?

Beneficios de presentar ofertas en Freelancer

Fija tu plazo y presupuesto
Cobra por tu trabajo
Describe tu propuesta
Es gratis registrarse y presentar ofertas en los trabajos
12 freelancers están ofertando un promedio de $24 USD por este trabajo
Avatar del usuario
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 en 2 días
4,9 (24 comentarios)
4,7
4,7
Avatar del usuario
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 challenges, kindly ping me for further discussion. Here l am a dedicated full time angular front end developer having 8 years of experience. My skills are Angular 2+, Ionic Framework,Firebase, Asp.net MVC web api , Flutter. Regards!
$50 USD en 1 día
5,0 (1 comentario)
0,8
0,8
Avatar del usuario
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 en 3 días
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
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 en 2 días
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
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 en 4 días
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
Hi ! My name is Satya. I already worked as a frontend developer in a banking project which is build by angular7 and bootstrap4.
$25 USD en 1 día
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
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 and Experience Observables, Operators, Angular Auto complete, Custom Autocomplete, Angular CDK table, AgGrid with virtual scrolling.
$20 USD en 1 día
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
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 en 7 días
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
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 en 2 días
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
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 could be made.
$35 USD en 7 días
0,0 (0 comentarios)
0,0
0,0

Sobre este cliente

Bandera de MEXICO
Guadalajara, Mexico
0,0
0
Miembro desde sept 6, 2006

Verificación del cliente

¡Gracias! Te hemos enviado un enlace para reclamar tu crédito gratuito.
Algo salió mal al enviar tu correo electrónico. Por favor, intenta de nuevo.
Usuarios registrados Total de empleos publicados
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Cargando visualización previa
Permiso concedido para Geolocalización.
Tu sesión de acceso ha expirado y has sido desconectado. Por favor, inica sesión nuevamente.