\n
\n \n
\n BALANCE
\n {{this.user.name }}
\n \n
\n \n\n
\n \n
\n \n AGREGAR QANTIDAD EN BALANCE. \n \n
\n \n
\n \n
\n \n BALANCE ACTIVO. \n\n
\n \n
\n \n
\n \n \n
- \n
- \n\n \n {{activebalance.balanceItemAmount}}\n = 0\">\n {{activebalance.balanceItemAmount}}\n\n\n \n\n\n \n
{{activebalance.note}}
\n \n
\n
\n \n - \n
- \n {{activebalance.note}}\n Balance :\n {{activebalance.balanceItemAmount}} Fecha :\n {{activebalance.balanceItemDateTime | date : 'dd/MM/yyyy'}}\n \n
\r\n
\r\n\r\n
\r\nForm Wizard
\r\n \r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\nCheckbox
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Basic
\r\n\r\n
\r\n \r\n
\r\n Add .checkbox as a single wrapper and add <label> with for attribute to get better output.
- \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Custom
\r\n\r\n
\r\n \r\n
\r\n Add .custom-control.custom-checkbox as a single wrapper and add .custom-control-label for better output.
- \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Colored
\r\n\r\n
\r\n \r\n
\r\n Add .checkbox.checkbox-{color} in the wrapper for colored checkbox.
- \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Sizes
\r\n\r\n
\r\n \r\n
\r\n Use .checkbox.checkbox-sm in the wrapper for small checkbox. Colored small checkbox can also be used.
- \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n Datepicker
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Simple datepicker
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n Month: {{ date.month }}.{{ date.year }}
\r\nModel: {{ model | json }}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Disabled datepicker
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Datepicker in a popup
\r\n\r\n
\r\n \r\n \r\n
\r\n Model: {{ popupModel | json }}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Custom day view
\r\nThis datepicker uses a custom template to display days. All week-ends are displayed with an orange\r\n background.
\r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n {{ date.day }}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Multiple months
\r\n\r\n
\r\n \r\n
\r\n Inline
\r\n\r\n \r\n\r\nOptions
\r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Range selection
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n {{ date.day }}\r\n \r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n From: {{ fromDate | json }}
\r\n\r\n
\r\n To: {{ toDate | json }}
\r\n\r\n
\r\n\r\n
\r\nQuill Editor
\r\n Quill is a free, open source WYSIWYG editor built for the modern web. With its\r\n modular architecture and expressive API, it is completely customizable to fit any need.
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Default editor
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Reactive Forms and patch value
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Editor without toolbar + required and ngModule
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n isReadOnly : {{isReadOnly}}
Title : {{title}}\r\n
\r\n
\r\n\r\n\r\n\r\n
\r\nForm Input Groups
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Default Input group
\r\n\r\n
\r\n \r\n
\r\n Add .input-group-prepend .input-group-text class before <input>\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Input group with Right Addon
\r\n\r\n
\r\n \r\n
\r\n Add .input-group-append .input-group-text class after <input>
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Input group Addon on both sides
\r\n\r\n
\r\n \r\n
\r\n You can use both at the same time.
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Input group addon with Spinner
\r\n\r\n
\r\n \r\n
\r\n Use i.spinner inside .input-group-text.
\r\n
\r\n \r\n
\r\n \r\n
\r\n Input group addon with Right Spinner
\r\n\r\n
\r\n \r\n
\r\n Use i.spinner inside .input-group-text.
\r\n
\r\n \r\n
\r\n \r\n
\r\n Input group addon with Spinner both side
\r\n\r\n
\r\n \r\n
\r\n You can use both at the same time.
\r\n \r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Input group with checkbox
\r\n\r\n
\r\n \r\n
\r\n Add .input-group-text before <input> and add checkbox inside.
\r\n
\r\n \r\n
\r\n \r\n
\r\n Input group with radio
\r\n\r\n
\r\n \r\n
\r\n Add .input-group-text before <input> and add radio inside.
\r\n
\r\n \r\n
\r\n Input Group Sizes
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Large Input group
\r\n\r\n
\r\n \r\n
\r\n Add .input-group.input-group-lg for large addon.
\r\n
\r\n \r\n
\r\n \r\n
\r\n Small Input group
\r\n\r\n
\r\n \r\n
\r\n Add .input-group.input-group-sm for small addon.
\r\n\t
\r\n\r\n\r\n\t\t
\r\nInputs
\r\n\t\r\n\t\t
\r\n\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tBasic
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Styles
\r\n\r\n
\r\n \r\n\t\t\t\t\t
\r\n Use .round or .sqaure along with .form-control for round/square bordered input.
\r\n
\r\n \r\n \r\n
\r\n \r\n\t\t\t\t\t\t\t\r\n
\r\n \r\n\t\t
\r\n\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tHorizontal Input
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tAdd .col-form-label to your <label> so that they’re vertically centered with their associated form controls.
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n File Input
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\t\t
\r\n\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tInput with Icons
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tUse .position-relative with .form-group and use .has-icon-{left/right} for icon on left/right side.
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t
\r\n\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tSizes
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tUse .form-control-{lg/sm} for large/small input box.
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t
\r\n\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tValidation States
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tYou can indicate invalid and valid form fields with .is-invalid and .is-valid. Note that .invalid-feedback is also supported with these classes.
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tThis is valid state.\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tThis is invalid state.\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t
\r\n\r\n \r\n\t\t\t
\r\n \r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tValidation States with Tooltips (Template Driven Form)
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tUse form.needs-validation and swap .{valid/invalid}-feedback with .{valid/invalid}-tooltip to display validation feedback in a styled tooltip.
\r\n\t\t
\r\n\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tValidation States with Tooltips (Reactive Form)
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tUse form.needs-validation and swap .{valid/invalid}-feedback with .{valid/invalid}-tooltip to display validation feedback in a styled tooltip.
\r\n
\r\n\r\n\r\n\r\n
\r\nRadios
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Basic
\r\n\r\n
\r\n \r\n
\r\n Add .radio as a single wrapper and add <label> with for attribute to get better output.
- \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Colored
\r\n\r\n
\r\n \r\n
\r\n Add .radio.radio-{color} in the wrapper for colored radio.
- \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Sizes
\r\n\r\n
\r\n \r\n
\r\n Use .radio.radio-sm in the wrapper for small radio. Colored small radio can also be used.
- \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n\r\n\r\n\r\n
\r\nSelect
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n For more information \r\n
\r\n \r\n
\r\n Basic Example
\r\nClassic example of basic ng-select control.
\r\n \r\n \r\n
\r\n \r\n Selected city: {{selectedCity | json}}\r\n
\r\n\r\n
\r\n Multiselect with custom bindings
\r\nUse [multiple]=\"true\" to Select multiple elements
\r\n \r\n \r\n
\r\n \r\n Selected cities: {{selectedCityIds}}\r\n
\r\n\r\n
\r\n Custom tags
\r\nBy providing custom function to [addTag] you can modify result of new tag.
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Selected user: {{selectedUserIds}}\r\n
\r\n\r\n
\r\n Custom templates
\r\nCustom selected item label, header and footer using ng-label-tmp,\r\n ng-header-tmp and ng-footer-tmp
\r\n \r\n \r\n Custom header\r\n \r\n \r\n ![]()
\r\n {{item.name}} is cool\r\n \r\n \r\n ![]()
\r\n {{item.name}}\r\n \r\n \r\n Custom footer\r\n \r\n \r\n
\r\n \r\n Selected city: {{selectedCityName}}\r\n
\r\n\r\n
\r\n Virtual scroll
\r\nUse [virtualScroll]=\"true\" to use this feature.
\r\n \r\n \r\n
\r\n \r\n Selected city ID: {{selectedCityId}}\r\n
\r\n\r\n
\r\n Grouping
\r\nGroup by item key using key name as a string to groupBy input
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\nSwitch
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Basic
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Colored
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\nSwitchery
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Basic
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Colored
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Styles
\r\n\r\n
\r\n \r\n
\r\n Add size=\"[Large | Small]\" for different sizes and .switchery-colorName for\r\n different colors.
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Reverse
\r\n\r\n
\r\n \r\n
\r\n Add reverse to reverse the switch position.
\r\n
\r\n \r\n
\r\n \r\n
\r\n