An open API service indexing awesome lists of open source software.

https://github.com/totvs/thf-angular-snippets


https://github.com/totvs/thf-angular-snippets

Last synced: 6 months ago
JSON representation

Awesome Lists containing this project

README

          

# [TOTVS HTML Framework](https://thf.totvs.com.br/) Angular Snippets for VS CODE

This extension for Visual Studio Code adds HTML|Angular snippets for TOTVS HTML Framework.

![Use Extension](https://github.com/totvs/thf-angular-snippets/raw/master/assets/images/totvs-thf-snippets.gif)

THF Suported version: [`2.3.0`](https://thf.totvs.com.br/release-notes/thf-ui)

## Usage
Type part of a snippet, press `enter`, and the snippet unfolds.

### HTML Snippets

* [``](https://thf.totvs.com.br/documentation/thf-avatar)
* [``](https://thf.totvs.com.br/documentation/thf-button)
* [``](https://thf.totvs.com.br/documentation/thf-button-group)
* [``](https://thf.totvs.com.br/documentation/thf-breadcrumb)
* [``](https://thf.totvs.com.br/documentation/thf-checkbox-group)
* [``](https://thf.totvs.com.br/guides/grid-system)
* [``](https://thf.totvs.com.br/documentation/thf-combo)
* [``](https://thf.totvs.com.br/documentation/thf-datepicker)
* [``](https://thf.totvs.com.br/documentation/thf-decimal)
* [``](https://thf.totvs.com.br/documentation/thf-disclaimer-group)
* [``](https://thf.totvs.com.br/documentation/thf-dropdown)
* [``](https://thf.totvs.com.br/documentation/thf-email)
* [``](https://thf.totvs.com.br/documentation/thf-info)
* [``](https://thf.totvs.com.br/documentation/thf-input)
* [``](https://thf.totvs.com.br/documentation/thf-list)
* [``](https://thf.totvs.com.br/documentation/thf-list-item)
* [``](https://thf.totvs.com.br/documentation/thf-list-item-content)
* [``](https://thf.totvs.com.br/documentation/thf-list-item-detail)
* [``](https://thf.totvs.com.br/documentation/thf-loading-overlay)
* [``](https://thf.totvs.com.br/documentation/thf-login)
* [``](https://thf.totvs.com.br/documentation/thf-lookup)
* [``](https://thf.totvs.com.br/documentation/thf-menu)
* [``](https://thf.totvs.com.br/documentation/thf-menu-panel)
* [``](https://thf.totvs.com.br/documentation/thf-modal)
* [``](https://thf.totvs.com.br/documentation/thf-multiselect)
* [``](https://thf.totvs.com.br/documentation/thf-number)
* [``](https://thf.totvs.com.br/documentation/thf-page-default)
* [``](https://thf.totvs.com.br/documentation/thf-page-detail)
* [``](https://thf.totvs.com.br/documentation/thf-page-edit)
* [``](https://thf.totvs.com.br/documentation/thf-page-list)
* [``](https://thf.totvs.com.br/documentation/thf-page-login)
* [``](https://thf.totvs.com.br/documentation/thf-password)
* [``](https://thf.totvs.com.br/documentation/thf-popover)
* [``](https://thf.totvs.com.br/documentation/thf-popup)
* [``](https://thf.totvs.com.br/documentation/thf-radio-group)
* [``](https://thf.totvs.com.br/guides/grid-system)
* [``](https://thf.totvs.com.br/documentation/thf-select)
* [``](https://thf.totvs.com.br/documentation/thf-select-option-template)
* [``](https://thf.totvs.com.br/documentation/thf-stepper)
* [``](https://thf.totvs.com.br/documentation/thf-switch)
* [``](https://thf.totvs.com.br/documentation/thf-table)
* [``](https://thf.totvs.com.br/documentation/thf-table-row-template)
* [``](https://thf.totvs.com.br/documentation/thf-tabs)
* [``](https://thf.totvs.com.br/documentation/thf-tab)
* [``](https://thf.totvs.com.br/documentation/thf-textarea)
* [``](https://thf.totvs.com.br/documentation/thf-toolbar)
* [``](https://thf.totvs.com.br/documentation/thf-toolbar)
* [``](https://thf.totvs.com.br/documentation/thf-url)
* [``](https://thf.totvs.com.br/documentation/thf-widget)
* [``](https://thf.totvs.com.br/documentation/thf-menu)

### Directives Snippets
* [`thf-tooltip`](https://thf.totvs.com.br/documentation/thf-tooltip)
* [`thf-tooltip-position`](https://thf.totvs.com.br/documentation/thf-tooltip)

### Services Snippets
* [`thf-i18n`](https://thf.totvs.com.br/documentation/thf-i18n)
* [`thf-i18n-parameter`](https://thf.totvs.com.br/documentation/thf-i18n)

Alternatively, press `Ctrl` + `Space` (Windows, Linux) or `Cmd` + `Space` (OSX) to activate snippets from within the editor.

## Release Notes

2.3.0
* Added the property `t-columns` to the `thf-radio-group`;
* Added the property `t-literals` to the `thf-page-list`.

2.2.0
* Added the property `t-lookup` to the `t-filter-params`;
* Added the property `t-literals` to the components `thf-page-detail` and `thf-page-edit`.

2.0.1
* Added new icons, 121 in total now;

2.0.0
* Removed the components: `thf-grid`, `thf-chart`, `thf-code-editor` and`thf-field-container`;
* Removed the property `t-id` from `thf-tab`;
* Added the property `t-columns` to the `thf-checkbox-group`;
* Added the property `t-hide-arrow` to the components `thf-popover` and `thf-popup`.

1.0.5
* Added the new `thf-breadcrumb` component;

1.0.4
* Added the new `thf-disclaimer-group` component;

1.0.3
* Fixed the use of `tabs` during the navigation over the snippet options.

1.0.2
* Renamed for TOTVS HTML Framework Angular aka `THF Angular`.

1.0.1
* Added the output `t-selected` and the input `t-field-format` to the `thf-lookup`;
* In the `thf-lookup` the property `t-title` now has as default value, the value of `t-label`;
* Added the pseudo component `thf-wrapper`;

1.0.0
* Initial release.