orellabac / pbwebmap-snippets

Code Snippets for WebMap Angular Frontends generated from a Powerbuilder modernization by Powerbuilder WebMap modernization tools

Powerbuilder WebMap Angular TypeScript Snippets for VS Code

This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.

These snippets will be very helpful after you have performed a migration form your legacy Powerbuilder code to Angular and HTML5

Usage

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

Alternatively, press Ctrl + Space (Window, Linux) or Cmd+Space (macOS)

Command Palette Commands

TypeScript Angular Snippets

Snippets	Purpose
wm-command-button"	Command Button Control
wm-data-manager	Data Manager Control
wm-dropdownlist	Drop Down List Control
wm-dw-column	Data Manager Column
wm-dw-compute	Data Manager Compute Column
wm-freeform	Free From Data Manager
wm-group-box	Groupbox Control
wm-single-line-edit	Single Line Edit Control
wm-static-text"	Static Text Control
wm-tabcontrol"	Tab Control
wm-tabpage	TabPage Control
wm-window	Window

HTML snippets

Snippets	Purpose
pb-window

Installation

1. Install Visual Studio Code
2. Launch Code
3. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
4. Select Install Extension
5. Choose the extension
6. Reload Visual Studio Code