Latest commit

History

12 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Build Traffic Lights

This repository contains the source code for a VSTS / TFS extensions which allows you to add widgets to the dashboard which visualize the build state as a traffic light. The code originated as a sample code for a german professional journal and was therefore made public available for the readers. This extension should show you how to start developing a custom extension for VSTS and/or TFS.

You can install or download the extension from the marketplace: https://marketplace.visualstudio.com/items?itemName=4tecture.BuildTrafficLights

Screenshots

Screenshot

Features

  • The build state is represented as a traffic light.
  • Each traffic light needs a 1x2 widget tile. If the widget is large enough, the last n build states are also shown.
  • If a build is queued but not started, the yellow light is blinking.
  • If a build is running, all lights are blinking.

About

No description, website, or topics provided.

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all \u003cpre\u003e\u003ccode\u003e blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks"); } } catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); } })(); })();
Skip to content

Latest commit

History

12 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Build Traffic Lights

This repository contains the source code for a VSTS / TFS extensions which allows you to add widgets to the dashboard which visualize the build state as a traffic light. The code originated as a sample code for a german professional journal and was therefore made public available for the readers. This extension should show you how to start developing a custom extension for VSTS and/or TFS.

You can install or download the extension from the marketplace: https://marketplace.visualstudio.com/items?itemName=4tecture.BuildTrafficLights

Screenshots

Screenshot

Features

  • The build state is represented as a traffic light.
  • Each traffic light needs a 1x2 widget tile. If the widget is large enough, the last n build states are also shown.
  • If a build is queued but not started, the yellow light is blinking.
  • If a build is running, all lights are blinking.

About

No description, website, or topics provided.

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages