This extension adds a plus/minus component to an input field, allowing the user to change the field value with a button instead of typing.
You can learn how to setup and use the extension from the documentation in the Azure DevOps Marketplace.
This project uses GitHub Issues to track bugs and feature requests. Please search the existing issues before filing new issues to avoid duplicates. For new issues, file your bug or feature request as a new Issue.
Support for this project is limited to the resources listed above.
We welcome contributions to improve the extension. If you would like to contribute, please fork the repository and create a pull request with your changes. Your contributions help enhance the functionality and usability of the extension for the entire community.
Note: do not publish the extension as a public extension under a different publisher as this will create a clone of the extension and it will be unclear to the community which one to use. If you feel you don't want to contribute to this repository then publish a private version for your use-case.
Check out https://learn.microsoft.com/en-us/azure/devops/extend/get-started to learn how to develop Azure DevOps extensions and https://www.visualstudio.com/en-us/docs/integrate/extensions/develop/custom-control to learn how to build your own custom control for the work item form..
-
Clone the repository.
-
Open the Command Prompt and change to the directory where you cloned the project. For instance, if it is cloned in a folder called "extensions" and saved as "vsts-extension-integer-control", you will navigate to the following command line.
> cd C:\extensions\vsts-extension-integer-control
-
Run
npm install
to install required local dependencies. -
Run
npm install -g grunt
to install a global copy of grunt (unless it's already installed). -
Run
grunt package-dev
. -
In your browser, navigate to your local instance of TFS,
http://YourTFSInstance:8080/tfs
. -
Go to your personal Marketplace.
-
Click the Marketplace icon in the upper righthand corner.
-
Click "Browse local extensions" in the dropdown.
-
Scroll down and click on the "Manage Extensions" widget.
-
Click the button "Upload new extension".
-
Browse to the .vsix file generated when you packaged your extension.
-
Select the extension, and then click "Open". Click "Upload" when the button activates.
-
Hover over the extension when it appears in the list, and click "Install".
You have now installed the extension inside your collection. You are now able to put the control on the work item form.
Three basic grunt
tasks are defined:
build
- Compiles TS files inscripts
folderpackage-dev
- Builds the development version of the vsix packagepackage-release
- Builds the release version of the vsix packagepublish-dev
- Publishes the development version of the extension to the marketplace usingtfx-cli
publish-release
- Publishes the release version of the extension to the marketplace usingtfx-cli
The included .vscode
config allows you to open and build the project using VS Code.
The project is setup for unit testing using mocha
, chai
, and the karma
test runner. A simple example unit test is included in scripts/logic/messageHelper.tests.ts
. To run tests just execute:
grunt test
Microsoft DevLabs is an outlet for experiments from Microsoft, experiments that represent some of the latest ideas around developer tools. Solutions in this category are designed for broad usage, and you are encouraged to use and provide feedback on them; however, these extensions are not supported nor are any commitments made as to their longevity.