### Action Groups Source: https://github.com/akveo/ngx-admin/blob/master/src/app/pages/forms/buttons/buttons.component.html Lists common action group items, such as Pause, Logs, Search, and Setup. ```Text Action Groups Pause Logs Search Setup ``` -------------------------------- ### Bootstrap Grid: Responsive Column Resets Source: https://github.com/akveo/ngx-admin/blob/master/src/app/pages/ui-features/grid/grid.component.html Shows how to reset column widths at different breakpoints. For example, `.col-sm-3` makes a column take up 3 units on small devices and up, overriding default stacking or wider column definitions. ```html

.col-6 .col-sm-3

``` -------------------------------- ### Format Date/Time in Angular Template Source: https://github.com/akveo/ngx-admin/blob/master/src/app/pages/dashboard/contacts/contacts.component.html This snippet demonstrates how to format a date/time object within an Angular template using the `date` pipe. It takes a date object and applies the 'shortTime' format, displaying hours and minutes. ```Angular Template {{ c.time | date: 'shortTime' }} ``` -------------------------------- ### Bootstrap Grid System Options Source: https://github.com/akveo/ngx-admin/blob/master/src/app/pages/ui-features/grid/grid.component.html Provides an overview of the grid system's configuration and behavior. Details breakpoints for different devices, container widths, class prefixes, number of columns, gutter width, and features like nesting, offsets, and ordering. ```APIDOC Grid System Behavior: - **Breakpoints:** - Extra small devices (Phones): <576px - Small devices (Tablets): ≥576px - Medium devices (Desktops): ≥768px - Large devices (Desktops): ≥992px - Extra large devices (Desktops): ≥1200px - **Grid Behavior:** - Horizontal at all times. - Collapsed to start, horizontal above breakpoints. - **Container Widths:** - None (auto) - 540px - 720px - 960px - 1140px - **Class Prefixes:** - `.col-` - `.col-sm-` - `.col-md-` - `.col-lg-` - `.col-xl-` - **Columns:** 12 - **Gutter Width:** 1.875rem / 30px (15px on each side of a column) - **Features:** - Nestable: Yes - Offsets: Yes - Column ordering: Yes ``` -------------------------------- ### Simple Popover with Text Source: https://github.com/akveo/ngx-admin/blob/master/src/app/pages/modal-overlays/popovers/popovers.component.html Demonstrates the basic usage of a popover that renders a simple string of text. This is useful for quick tooltips or informational messages triggered by user interaction. ```html

on click on hint

Such a wonderful day!

on hover on hint

Indeed!

Hello! Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. ``` -------------------------------- ### Push Branch to GitHub Source: https://github.com/akveo/ngx-admin/blob/master/CONTRIBUTING.md Pushes your local feature branch to your forked repository on GitHub. ```shell git push my-fork my-fix-branch ``` -------------------------------- ### Create Git Branch Source: https://github.com/akveo/ngx-admin/blob/master/CONTRIBUTING.md Demonstrates how to create a new git branch from the master branch to isolate your changes. ```shell git checkout -b my-fix-branch master ``` -------------------------------- ### Checkout Master Branch Source: https://github.com/akveo/ngx-admin/blob/master/CONTRIBUTING.md Switches your working directory to the master branch. ```shell git checkout master -f ``` -------------------------------- ### Bootstrap Grid: Responsive Layouts (Mobile, Tablet, Desktop) Source: https://github.com/akveo/ngx-admin/blob/master/src/app/pages/ui-features/grid/grid.component.html Illustrates more complex responsive layouts using multiple breakpoint classes. Columns adapt their width based on screen size, from mobile (.col-12, .col-sm-6) to tablet (.col-md-8) and desktop (.col-md-4). ```html

.col-12 .col-sm-6 .col-md-8

.col-6 .col-md-4

.col-6 .col-sm-4

``` -------------------------------- ### Rebase and Force Push Branch Source: https://github.com/akveo/ngx-admin/blob/master/CONTRIBUTING.md Updates your branch by rebasing it onto the latest master and force pushing to update the PR. ```shell git rebase master -i git push -f ``` -------------------------------- ### Bootstrap Grid: Offsetting Columns Source: https://github.com/akveo/ngx-admin/blob/master/src/app/pages/ui-features/grid/grid.component.html Demonstrates how to use offset classes to create space between columns. Classes like `.offset-md-4` push a column by a specified number of grid units at a given breakpoint. ```html

.col-md-4

.col-md-4 .offset-md-4

.col-md-3 .offset-md-3

.col-md-6 .offset-md-3

``` -------------------------------- ### Git Commit Message Format Source: https://github.com/akveo/ngx-admin/blob/master/CONTRIBUTING.md Defines the standard structure for git commit messages, including header, body, and footer, for automated changelog generation. ```text ():