Wie verstecke ich das schnelle Hinzufügen von Panel-Backlogs mit VSTS-Erweiterung?

Question

May 19, 2016, 02:44 PM

tfs azure-devops tfs2015

Wie verstecke ich das schnelle Hinzufügen von Panel-Backlogs mit VSTS-Erweiterung?

Ich möchte eine VSTS-Erweiterung erstellen, die beim Laden der Seite die Rückstände der Schnellzugriffsleiste ausblenden kann.

Schnelles Hinzufügen von Panel-Rückstandselementen

Die Erweiterung gilt für TFS 2015 Update 2.

Ich habe diesen Code ausgeführt, aber nichts passiert.

(action.html)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Action Sample</title>
</head>
<body>
    <script src="scripts/jquery-2.2.3.min.js"></script> 
    <script src="scripts/VSS.SDK.min.js"></script> 
    <script>
      VSS.init();
      var menuContributionHandler = (function () {
      "use strict";
         return {
         execute: function (actionContext) {
             console.log("extension running...");
             $(".panel-region").hide();
             console.log("extension running...Done");                 
         }
     };
 }());

 // Associate the menuContributionHandler object with the "myAction" menu contribution from the manifest.
     VSS.register("myAction", menuContributionHandler);
    </script>
    <div>
        The end user doesn't see the content on this page.
        It is only in the background to handle the contributed menu item being clicked.
</div>
</body>

(vss-extension.json)

{
 "manifestVersion": 1,
 "id": "targetWork",
 "version": "0.1.18",
 "name": "targetWork",
 "description": "targetWork.",
 "publisher": "ms-samples",
 "public": false,
 "categories": [
   "Developer samples"
 ],
 "links": {
   "learn": {
     "uri": "https://github.com/Microsoft/vso-extension-samples"
   }
 },
 "icons": {
   "default": "images/fabrikam-logo.png"
 },
 "targets": [
   {
     "id": "Microsoft.VisualStudio.Services"
   }
 ],
 "branding": {
   "color": "rgb(190, 39, 3)",
   "theme": "dark"
 },
 "files": [
   {
     "path": "scripts",
     "addressable": true
   },
   {
     "path": "images",
     "addressable": true
   },
   {
   "path": "action.html",
         "addressable": true
       }
     ],
     "contributions": [
       {
         "id": "myAction",
         "type": "ms.vss-web.action",
         "description": "Run in Hello hub action",
         "targets": [
           "ms.vss-work-web.work-item-context-menu",
           "ms.vss-work-web.backlog-board-card-item-menu",
           ".work-hub-group",
           "ms.vss-web.project-hub-groups-collection",
           ".backlogs"
         ],
         "properties": {
           "text": "Run in Hello hub",
           "title": "Run in Hello hub",
           "icon": "images/icon.png",
           "groupId": "Explore",
           "uri": "action.html"
         }
       }
     ]
   }

Ich sehe nicht, dass die Erweiterung geladen wird, wenn ich das Konsolenfenster des Browsers betrachte. Ich denke also, dass bei der Verwendung von Zielen etwas nicht stimmt.

Also ist mein größtes Problem, dass ich nicht verstehen kann, wie das Ziel angegeben werden soll.

Ich habe mir die Toturials angesehen, die mit dieser Seite zu tun haben https: //www.visualstudio.com/en-us/integrate/extensions/reference/targets/overvie) und probierte sie aus und ich kann sie zum Arbeiten bringen. Es wird jedoch nichts darüber gesagt, wie die Benutzeroberfläche von TFS webaccess angepasst werden kann. Zumindest nichts, was ich für meinen Fall verwenden kann.

Vielen Dan

Bearbeite

Danke an jessehouwing, diese Frage wurde auf diesem @ beantwortstackoverflow post