¿Cómo ocultar elementos de Backlogs de panel de adición rápida usando la extensión VSTS?

Question

May 19, 2016, 02:44 PM

tfs azure-devops tfs2015

¿Cómo ocultar elementos de Backlogs de panel de adición rápida usando la extensión VSTS?

Quiero crear una extensión VSTS que pueda ocultar los elementos de la acumulación de panel de adición rápida al cargar la página.

agregar rápidamente elementos de la lista de tareas del panel

La extensión está hecha para apuntar a la actualización 2 de TFS 2015.

He ejecutado este código pero no pasa nada.

(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"
         }
       }
     ]
   }

No veo que la extensión se cargue al mirar la ventana de la consola del navegador. Así que creo que hay algo mal con mi uso de objetivos.

Entonces, mi mayor problema es que no puedo entender cómo se debe especificar el objetivo.

He estado mirando los toturials relacionados con esta página (https://www.visualstudio.com/en-us/integrate/extensions/reference/targets/overview) y los probé y puedo hacer que funcionen. Pero no se mencionó nada acerca de cómo personalizar la interfaz de usuario de webaccess TFS. Al menos nada que pueda usar para mi caso.

Gracias

Editar

Gracias a jessehouwing, esta pregunta ha sido respondida en estepublicación de stackoverflow