Templating features
Snippets
Several snippets for the editor. Navigate through them with tab.
- Most controls
- Some element functions (propertychange,upgrader...)
- Basic unittest functions (qunit,testcontext)
Add page, container and template based on templates
Add template folder containing everything needed to create a new template.
- Adds
addTemplate snippet to clipboard.
- Template folder naming cheme can be configured through settings
snake_case (tpl1_document)camelCase (tpl1Document)
Add page or container with a chosen name to the selected folder. Interface and type is based on best practice guidelines.
Declaration and item generator
Generate declarations and items from selected text and throw them into your clipboard
topStripe: Rectangle;
private imageContainer: AnnonseImageContainer;
private header: AnnonseHeaderContainer;
private body: AnnonseBodyContainer;
//becomes
this.topStripe= this.getElement( Rectangle, "topStripe");
this.imageContainer= this.getElement( AnnonseImageContainer, "imageContainer");
this.header= this.getElement( AnnonseHeaderContainer, "header");
this.body= this.getElement( AnnonseBodyContainer, "body");
topStripe: Rectangle;
private imageContainer: AnnonseImageContainer;
private header: AnnonseHeaderContainer;
private body: AnnonseBodyContainer;
//becomes
this.addItem( Rectangle.createItem({name: "topStripe"}))
.addItem( AnnonseImageContainer.createItem({name: "imageContainer"}))
.addItem( AnnonseHeaderContainer.createItem({name: "header"}))
.addItem( AnnonseBodyContainer.createItem({name: "body"}));
Access it through the context menu(Right-click)
Upgrade project
Upgrade projects fixing breaking issues made in pfeditor. Access it through commands(f1) and search for Upgrade Project. Accessing it will show a list of available upgrades. Each upgrade shows which pfeditor branch it upgrades to and describes what the upgrade does.
Product features
Start unit test for file
Start unit test for a selected file in the explorer. Resets the autounittest.js file when you close the terminal.
Open coverage for current file
Open coverage for currently viewed for. If no coverage file is found it defaults to main coverage file.
Misc features
Generate hex from cmyk
Converts selected cmyk array to hex. NOTE: Currently it's pretty innacurate but we need to pick some aglorithm....
Enjoy!
List of currently implemented snippets
- Element controls
- button
- buttongroup
- checkbox
- colorcontrol
- controlgroup
- dateinput
- divider
- draggable
- dropdown
- findreplacecontrol
- imagebutton
- imagebuttongroup
- label
- list
- numberinput
- radiobuttongroup
- slider
- textinput
- Element functions
- addtemplate
- onpropertychange
- registerlayout
- upgrader
- Unit testing
