The vue.js draggable mixin is implemented in raw javascript. The panel contains header and body components. I hope the code is simple and does not need explanation.
Left Drawer with A-N—N-O-Y-I–N-G animations
Expandable left drawer with annoying animation effects. As a rule, I avoid animations but, in this case, I have decided to play a little bit in the sandbox. I have split the drawer into three components: Drawer wrapper, Avatar, and DrawerItem.
Lightweight tree with filtering and selection functionality.
It is my first post regarding Vue.js but I am planning to investigate and write more about nowadays frontend technologies.
Lightweight tree with filtering and selection is implemented by using Vue.js framework. It was hard to add new features and keep it light. I have already begun to add remove and rename nodes functionality but successfully stopped.
Symfony & Vue
In the last Symfony & React
Integrating React and Symfony 4.2.4.
This post will be useful for people who already know what React and Symfony are. The purpose of the HowTo is only to remind how to integrate React Javascript library with Symfony framework to write Ajax applications.
Our sample application will show planets catalogue. The data will be transferred via Ajax request from Symfony controller. Nothing special.
Row Expander/Widget with editor
Row expander/widget is another way for editing grid records. It allows to edit hidden record fields which are not presented in grid, present row in form and show some additional information and/or validation.
Button search field
Button-field is an GUI component which may help to keep the GUI clean and minimalist. I decided to implement it in the following sketch and add keymap support.
Continue reading
Password Strength
To implement password strength form I have used the simplest algorithm. To make appropriate calculations and to change the the color of the night progress bar and the internal text the form is using ViewModel .
Reflowable vbox layout
ExtJs has rich layouts functionality. In this post I will show you how to make reflowable vbox layout. Reflowable layout is very useful in resizable components i.e. popups and splitted subcomponents.
Storing form field values in cookies.
Storing field values in cookies maybe useful not only during the debugging/developing the app but also for users who can continue working on the same browser next day.
Another method which makes user’s life lighter is to implement form template mechanisms. Users will be able to store some form states on the server and use them later.