I’ve always found that it’s slightly harder than it needs to be to get the keys for apps to authenticate against Twitter, Facebook, Google and Microsoft Account. Today I’ll show you where to go to get all these keys.

Microsoft Account

Go to the Windows Live application management site and sign in if you aren’t already. Click on create application, when the new page loads type an application name, select a language and click I accept. If your app is a web application enter the redirect domain otherwise select Yes under the mobile client app and then click Save.

At this point you should see a message on the top of the form that reads Your changes were saved. You can now use the Client ID and Client Secret that are displayed on screen.

Facebook

Go to the Facebook developers apps page and sign in if you aren’t already, click on + Create new App and enter an application name into the popup, optionally enter an application namepsace and then select a category and optionally a sub category and the press continue. Enter the Captcha that is displayed and click continue.

At the top of the page you will see your App ID and App Secret, customise all the settings of your app as you feel needed and then take the app out of Sandbox mode to make it live.

Twitter

Go to Twitter Devs Site and sign in if you aren’t already. Hover over your profile in the top right corner and then click on My applications.

Click on Create a new application. Enter a name, description and web address for your application, check the Yes, I agree checkbox, enter the Captha and then click on Create your Twitter application.

If you scroll down a bit you’ll see your Consumer Key and Consumer Secret.

Google

Go to Google+ Sign-In, all instructions are under Step 1: Create a client ID and client secret, but I will place them here as well .

Go to Google APIs Console, select create from the drop down menu on the left and then enter a project and click Create Project. In the all services list switch the Google+ API on and then when the page is redirect check I agree to these terms and click Agree.

Next go to the API Access tab on the left and click on Create an OAuth 2.0 client ID…. Enter your product name and click Next. Select the application type that is applicable to you and then click Create client ID.

After the popup closes you will see your Client ID and Client secret on the page.

Enjoy

The steps above will give you all you need to setup Windows Azure Mobile Services Identity providers. Option 3 on the Get started with authentication in Mobile Services tutorial.

Posted by

Gordon Beeming

Posted on

6 October 2013

Posted under

Adoption Blockers

Comments

Leave a comment

Creating “Fake” Tfs Builds

Sometimes you can’t always use the tools you want to use. This is especially true when there is already a bunch of stuff setup around existing tools. Lets say for example that you have an existing application doing your builds, for everything you need around TFS you can do it from within the Web Access although this is all fine and works well, when you want to see how the builds are running you need to go out to another tool to see this information.

Today I’m going to help you setup your builds external to TFS to send build information to TFS so that you can see this info in TFS, the purpose of this is just to give you visibility from TFS and is a very basic introduction that can be extended on a lot with bigger builds.

Before we dig into any code, you will need to create a Build Definition that we will use for our fake builds, if you don’t currently have any controllers setup for you specific collection you will need to create one, after you create the build definition you will be able to de register this build controller as it’s not needed for the manually builds which we will be using.

What we had initially was a build.bat file that has the basics in it (build the build.proj file and log to different files for multiple levels of logging and dumps the latest build in a folder) that our current build server would run that looked like below

@echo off
call "C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\Tools\VsDevCmd.bat"
msbuild build.proj /t:DoBuild /v:d  /fl1 /fl2 /fl3 /fl4 /flp1:logfile=build.log /flp2:logfile=build.errors.log;errorsonly /flp3:logfile=build.warnings.log;warningsonly /flp4:logfile=build.details.log;detailsonly /p:OutputPath=\\GORDON-PC\Demos\drops\TfsFakeBuilds-Latest

and a build.proj file that basically just let use build multiple projects that could be part of multiple solutions (for the purpose of this post we only have 1)

<?xml version="1.0" encoding="utf-8"?>
<Project DefaultTargets="DoBuild" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  <ItemGroup>
    <BuildProject Include="TfsFakeBuilds.sln"/>
  </ItemGroup>
  
  <Target Name="DoBuild">
    <MSBuild Projects="@(BuildProject)">
    </MSBuild>
  </Target>
</Project>

The next steps was to create 2 msbuild tasks that we could use for the starting and stopping of our TFS Build. Create a new class library project and add a reference to the following assemblies

Microsoft.Build.Framework
Microsoft.Build.Utilities.v4.0
Microsoft.TeamFoundation.Build.Client
Microsoft.TeamFoundation.Client
Microsoft.TeamFoundation.Common
Microsoft.VisualStudio.Services.Common

Add 2 classes that each inherit from Microsoft.Build.Utilities.Task, you can call theses classes TfsFakeBuildStart and TfsFakeBuildFinish. All these 2 tasks are going to do is call a call into a 3rd class that is going to do all the work.

TfsFakeBuildStart.cs

namespace TfsBuildTask 
 


















































TfsFakeBuildFinish.cs 2: { using System; using Microsoft.Build.Framework; using Microsoft.Build.Utilities; public class TfsFakeBuildStart : Task { [Required] public string Architecture { get; set; } [Required] public string CollectionUri { get; set; } [Required] public string Configuration { get; set; } [Required] public string DefinitionName { get; set; } [Required] public string DetailedLogPath { get; set; } [Required] public string DropLocation { get; set; } [Required] public string ErrorLogPath { get; set; } [Required] public string PathFromBuildRoot { get; set; } [Required] public string RegularLogPath { get; set; } [Required] public string ServerPath { get; set; } [Required] public string TargetNames { get; set; } [Required] public string TeamProjectName { get; set; } [Required] public string WarningLogPath { get; set; } public override bool Execute() { try { base.Log.LogMessage("Tfs Fake Build Starting on '" + this.DefinitionName + "'."); FakeBuildObject.Instance.Start(this.DetailedLogPath, this.ErrorLogPath, this.WarningLogPath, this.DropLocation, this.RegularLogPath, this.CollectionUri, this.TeamProjectName, this.DefinitionName, this.Configuration, this.PathFromBuildRoot, this.Architecture, this.ServerPath, this.TargetNames); base.Log.LogMessage("Tfs Fake Build Started on '" + this.DefinitionName + "'."); return true; } catch (Exception ex) { base.Log.LogError("Failed to start Fake Build: " + ex); return false; } } public IBuildEngine BuildEngine { get; set; } public ITaskHost HostObject { get; set; } } 52: }

namespace TfsBuildTask
{
    using System;
    using Microsoft.Build.Framework;
    using Microsoft.Build.Utilities;
    public class TfsFakeBuildFinish : Task
    {
        public override bool Execute()
        {
            try
            {
                base.Log.LogMessage("Tfs Fake Build Stopping.");
                FakeBuildObject.Instance.Stop();
                base.Log.LogMessage("Tfs Fake Build Stopped.");
                return true;
            }
            catch(Exception ex)
            {
                base.Log.LogError("Failed to stop Fake Build: " + ex); 
                return false;
            }
        }
        public IBuildEngine BuildEngine { get; set; }
        public ITaskHost HostObject { get; set; }
    }
}

In our 3rd class we will be getting a reference to a build definition and then kicking off a manual build in our start method and then in our stop method we will collection all the information to from the build and finish off the TFS manual build. Create a 3rd class like below

FakeBuildObject.cs

namespace TfsBuildTask
{
    using System;
    using System.IO;
    using System.Linq;
    using Microsoft.TeamFoundation.Build.Client;
    using Microsoft.TeamFoundation.Client;
    public class FakeBuildObject
    {
        private static FakeBuildObject instance;
        private string architecture;
        private string collectionUri;
        private string configuration;
        private string definitionName;
        private string detailedLogPath;
        private string dropLocation;
        private string errorLogPath;
        private string pathFromBuildRoot;
        private string regularLogPath;
        private string serverPath;
        private string targetNames;
        private string teamProjectName;
        private string warningLogPath;
        private IBuildDefinition buildDefinition;
        private IBuildProjectNode buildProjectNode;
        private IBuildServer buildServer;
        private TfsTeamProjectCollection collection;
        private IBuildDetail detail;
        private DateTime startTime;
        private DateTime endTime;
        public static FakeBuildObject Instance
        {
            get
            {
                if (instance == null)
                {
                    instance = new FakeBuildObject();
                }
                return instance;
            }
        }
        public void Start(string detailedLogPath, string errorLogPath, string warningLogPath, string dropLocation, string regularLogPath, string collectionUri, string teamProjectName, string definitionName, string configuration, string pathFromBuildRoot, string architecture, string serverPath, string targetNames)
        {
            this.detailedLogPath = detailedLogPath;
            this.errorLogPath = errorLogPath;
            this.warningLogPath = warningLogPath;
            this.dropLocation = dropLocation;
            this.regularLogPath = regularLogPath;
            this.collectionUri = collectionUri;
            this.teamProjectName = teamProjectName;
            this.definitionName = definitionName;
            this.configuration = configuration;
            this.pathFromBuildRoot = pathFromBuildRoot;
            this.architecture = architecture;
            this.serverPath = serverPath;
            this.targetNames = targetNames;
            this.startTime = DateTime.Now;
            this.collection = TfsTeamProjectCollectionFactory.GetTeamProjectCollection(new Uri(this.collectionUri));
            this.buildServer = this.collection.GetService<IBuildServer>();
            this.buildDefinition = this.buildServer.GetBuildDefinition(this.teamProjectName, this.definitionName);
            this.detail = this.buildDefinition.CreateManualBuild(this.definitionName + " - " + DateTime.Now.ToString("yyyyMMddHHmmss"), this.dropLocation);
            this.buildProjectNode = this.detail.Information.AddBuildProjectNode(this.configuration, this.pathFromBuildRoot, this.architecture, this.serverPath, this.startTime, this.targetNames);
        }
        public void Stop()
        {
            this.endTime = DateTime.Now;
            string[] regularLinesFromLog = ConvertToLines(this.ReadFile(this.regularLogPath));
            string[] errorLinesFromLog = ConvertToLines(this.ReadFile(this.errorLogPath));
            string[] warningLinesFromLog = ConvertToLines(this.ReadFile(this.warningLogPath));
            this.buildProjectNode.CompilationErrors = 0;
            this.buildProjectNode.CompilationWarnings = 0;
            DateTime nextMessageLogTime = this.startTime;
            int timeBetweenMessages = Convert.ToInt32((this.endTime - this.startTime).TotalMilliseconds / regularLinesFromLog.Length);
            foreach (string line in regularLinesFromLog)
            {
                if (!string.IsNullOrEmpty(line))
                {
                    if (errorLinesFromLog.Contains(line))
                    {
                        this.buildProjectNode.Node.Children.AddBuildError(line, nextMessageLogTime);
                        this.buildProjectNode.CompilationErrors++;
                    }
                    else if (warningLinesFromLog.Contains(line))
                    {
                        this.buildProjectNode.Node.Children.AddBuildWarning(line, nextMessageLogTime);
                        this.buildProjectNode.CompilationWarnings++;
                    }
                    else
                    {
                        this.buildProjectNode.Node.Children.AddBuildMessage(line, BuildMessageImportance.Normal, nextMessageLogTime);
                    }
                }
                nextMessageLogTime.AddMilliseconds(timeBetweenMessages);
            }
            this.buildProjectNode.Node.Children.AddExternalLink("Detailed Log File", new Uri(this.detailedLogPath));
            this.buildProjectNode.Node.Children.AddExternalLink("Error Log File", new Uri(this.errorLogPath));
            this.buildProjectNode.Node.Children.AddExternalLink("Warning Log File", new Uri(this.warningLogPath));
            this.buildProjectNode.Save();
            this.detail.Information.Save();
            this.detail.FinalizeStatus(errorLinesFromLog.Length == 1 && string.IsNullOrEmpty(errorLinesFromLog[0]) ? BuildStatus.Succeeded : BuildStatus.Failed);
        }
        private static string[] ConvertToLines(string sr)
        {
            return sr.Replace("\r",string.Empty).Split('\n');
        }
        private string ReadFile(string logPath)
        {
            using (FileStream fs = new FileStream(logPath, FileMode.Open, FileAccess.Read, FileShare.ReadWrite))
            {
                using (StreamReader sr = new StreamReader(fs))
                {
                    return sr.ReadToEnd();
                }
            }
        }
    }
}

The last parts is just to include this task in your build and then you will have the info in TFS to display on your dashboard and view without having to bounce out to another tool.

For this we created a folder called tfs_config along side our build.proj file and then placed the dll of our fake build tasks in that folder as well as 2 files as below that will be used to kick off and complete the TFS Manual Build

tfs.build.tasks

<?xml version="1.0" encoding="utf-8"?>
<Project DefaultTargets="Default" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  <UsingTask AssemblyFile="TfsBuildTask.dll" TaskName="TfsFakeBuildStart" />
  <UsingTask AssemblyFile="TfsBuildTask.dll" TaskName="TfsFakeBuildFinish" />  
</Project>

tfs.build.targets

<?xml version="1.0" encoding="utf-8"?>
<Project DefaultTargets="Default" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  <Import Project="tfs.build.tasks" />
  <PropertyGroup>
    <BuildRoot>\\GORDON-PC\Demos\TfsFakeBuilds\</BuildRoot>
    <DropLocation>\\GORDON-PC\Demos\TfsFakeBuilds\</DropLocation>
  </PropertyGroup>  
  <Target Name="StartTfsBuild">
    <TfsFakeBuildStart Architecture="x86" CollectionUri="http://TfsServerUri:8080/tfs" Configuration="Debug" DefinitionName="Demo Definition" DetailedLogPath="$(BuildRoot)build.detailed.log" DropLocation="$(DropLocation)" ErrorLogPath="$(BuildRoot)build.errors.log" PathFromBuildRoot="$(BuildRoot)build.bat" RegularLogPath="$(BuildRoot)build.log" ServerPath="$/TfsFakeBuilds/build.bat" TargetNames="Defaults" TeamProjectName="Demos" WarningLogPath="$(BuildRoot)build.warnings.log">      
    </TfsFakeBuildStart>
  </Target>
  <Target Name="EndTfsBuild" DependsOnTargets="StartTfsBuild;DoBuild">
    <TfsFakeBuildFinish />
  </Target>
</Project>

next we opened the build.proj file and added the line below above the target DoBuild

   1: <import Project="tfs_config\tfs.build.targets" />

and for the last piece we duplicated the build.bat file so that full builds on dev machines would not log to TFS, all that we changed in that build.bat file was the target that we use with the msdbuild command to EndTfsBuild.

Any finally we could stay in TFS for build info once again and we got all the info you see below Smile . Hope this helps somebody else as well.

Download Files

Posted by

Gordon Beeming

Posted on

27 September 2013

Posted under

TFS JS Extension

Comments

Leave a comment

Tfs Js Extension using TypeScript

Before I start I just want to give credit to Tiago Pascal for his help in getting me started with some of the basics and tips and tricks that got me start with the JavaScript extensions and to Alexander Vanwynsberghe for a debugging tip that makes this all a lot easier.

This post will give you a basic starting point for creating TFS Web Access JavaScript extension with most of it in proper TypeScript. This post will give a brief overview of the whole process and supply enough to get you started. In later posts I will go into the different sections in more detail and explain what bits of code do or how I found I was able to know that bits of code could work in the web access.

Files Required

First you need a name for your extension, I have choose to use B1n4ryD1g1t.Tfs.Extensions so when ever you see that you will replace it with your name but I will try remember to point out the couple of places required.

The easiest way I find to create these plugins is to create a new HTML Application with TypeScript, this provides a good starting point and also makes it more familiar to me as it’s a solution and will allow me to build the project and any TypeScript errors will be revealed to me through the normal error list window.

Create 2 files (and remember to do the name replacing here Smile ), manifest.xml and B1n4ryD1g1t.Tfs.Extensions.min.js and then rename the solutions current app.ts to be B1n4ryD1g1t.Tfs.Extensions.debug.ts. If you build the solution and also show all files in the solution folder you will notice that there is now a B1n4ryD1g1t.Tfs.Extensions.debug.js and B1n4ryD1g1t.Tfs.Extensions.debug.js.map file, you can include those in your solution. The last step of setting up the solution is to remove the app.css, default.htm and web.config as we won’t be needing these.

Next you need to use NuGet to add a reference to JQuery to your project

Now right click on your jquery-{version}.js file and click on Search for TypeScript Typings… and install the jquery.TypeScript.DefinitelyTyped typing.

Your solution should end up looking something like below, we aren’t going to physically reference these jquery files in our extension they were purely used to get the typings.

What goes into the the manifest.xml

The mainifest.xml has the basic information for your extension that TFS will show on the extensions page in the web access.

The plugin node is self explanatory and for now you will leave the module nodes intact (remember to replace the name though). The 2 modules below allow our extension to run on the task and portfolio boards.

<WebAccess version="12.0">
  <plugin name="B1n4ryD1g1t Tfs Extensions - Web Access" vendor="Gordon Beeming" moreinfo="https://gbeeming.wordpress.com" version="1.7">
    <modules>
      <module namespace="B1n4ryD1g1t.Tfs.Extensions" loadAfter="TFS.Agile.TaskBoard.View"/>
      <module namespace="B1n4ryD1g1t.Tfs.Extensions" loadAfter="TFS.Agile.Boards.Controls"/>
    </modules>
  </plugin>
</WebAccess>

What is the minimum needed for the B1n4ryD1g1t.Tfs.Extensions.debug.ts?

The minimum content for our extension will be plain Js and will leave 4 errors in our solution that we can ignore

The content for the extension will look like below

/// <reference path="Scripts/typings/jquery/jquery.d.ts" />
var __extends = this.__extends || function (d, b) {
    function __() { this.constructor = d; }
    __.prototype = b.prototype;
    d.prototype = new __();
};
define(["require", "exports", "Presentation/Scripts/TFS/TFS", "Presentation/Scripts/TFS/TFS.Core", "Presentation/Scripts/TFS/TFS.OM", "Presentation/Scripts/TFS/TFS.UI.Controls", "WorkItemTracking/Scripts/TFS.WorkItemTracking"],
function (require1, exports, tfs, core, tfsOM, tfsUiControls, tfsWorkItemTracking) {
    var TFS = tfs;
    var Core = core;
    var TFS_OM = tfsOM;
    var TFS_UI_Controls = tfsUiControls;
    var TFS_WorkItemTracking = tfsWorkItemTracking;
    var B1n4ryD1g1tTfsExtension = (function (_super) {
        __extends(B1n4ryD1g1tTfsExtension, _super);
        function B1n4ryD1g1tTfsExtension(options) {
            _super.call(this, options);
        }
        B1n4ryD1g1tTfsExtension.prototype.initializeOptions = function (options) {
            _super.prototype.initializeOptions.call(this, $.extend({
            }, options));
        };
        B1n4ryD1g1tTfsExtension.prototype.initialize = function () {
            alert('this is running');
        };
        B1n4ryD1g1tTfsExtension._typeName = "B1n4ryD1g1t.Tfs.Extensions";
        return B1n4ryD1g1tTfsExtension;
    })(TFS_UI_Controls.BaseControl);
    TFS.initClassPrototype(B1n4ryD1g1tTfsExtension, {});
    TFS_UI_Controls.Enhancement.registerEnhancement(B1n4ryD1g1tTfsExtension, ".taskboard");
    TFS_UI_Controls.Enhancement.registerEnhancement(B1n4ryD1g1tTfsExtension, ".agile-board");
});

Add the extension to TFS Web Access

Open your debug.js file and copy all of its contents to the min.js file and minify it, the web essentials extension for Visual Studio will help with this as it’s as easy as ctrl + alt + x. Open the folder where your extension is and zip the debug.js, min.js and mainifest.xml files.

Now you will need to upload your extension into TFS. Browse to the TFS Server Home, click on the admin settings button and then on extensions tab.Click Install, browse for your newly created zip file and click ok. Now all you need to do it click enable and ok to the warning. Now just refresh any of the task boards or portfolio boards and you will see an alert from inside the extension.

Making changes to the extension

As you can see this is a very lengthy process to add the extension and none of that changes for checking for changes unless you use a trick that Alexander blogged about Debugging TFS Web Access Extensions. This will basically using fiddler tell your machine that when it requests the js file for your extension it must use the version js file that is in your solution instead of the one from TFS, this will speed up development a lot as you can just save the file which will trigger Visual Studio to update the debug.js file which refreshing TFS will now be loaded.

For the Editor I used the values

regex:http://labtfs01/_static/tfs/12/_scripts/TFS/.+//_plugins/.+/B1n4ryD1g1t.Tfs.Extensions.js with header:CachControl=no-cache and regex:http://labtfs01/_static/tfs/12/_scripts/TFS/.+//_plugins/.+/B1n4ryD1g1t.Tfs.Extensions.js with C:\c\r\Apps\TfsJsExtensions\TfsJsExtensions\B1n4ryD1g1t.Tfs.Extensions.debug.js. Similar to the blog post just adding a wild card for the debug/min difference in TFS.

Adding some Real TypeScript

To the bottom of you .ts file add the TypeScript code below (sorry about no full TS highlighting).

module B1n4ryD1g1tModule {
    export class Core {
        Require: any;
        Exports: any;
        TFS: any;
        Core: any;
        TFS_OM: any;
        TFS_WorkItemTracking: any;
        WorkItemManager: any;
        CurrentlyFetchingWorkItems: boolean;
        constructor(require1, exports, tfs, core, tfsom, tfsWorkItemTracking) {
            this.Require = require1;
            this.Exports = exports;
            this.TFS = tfs;
            this.Core = core;
            this.TFS_OM = tfsom;
            this.TFS_WorkItemTracking = tfsWorkItemTracking;
        }
        public init(): any {
            this.initWorkItemManagerEvents();
            var that = this;
            window.setTimeout(function () {
                if (that.isAgileBoard()) {
                    that.setAgileBoardIDs();
                }
                if (that.isTaskBoard()) {
                    that.setTaskBoardIDs();
                }
            }, 100);
        }
        private getCurrentTeamName(): string {
            return this.TFS.Host.TfsContext.getDefault().currentTeam.name;
        }
        private isTaskBoard(): boolean {
            return $(".taskboard").length > 0;
        }
        private isAgileBoard(): boolean {
            return $(".agile-board").length > 0;
        }
        private setAgileBoardIDs(): void {
            var idsToFetch = [];
            $(".board-tile").each(function () {
                var id = $(this).attr("data-item-id");
                idsToFetch.push(parseInt(id));
            });
            this.loadWorkItems(idsToFetch, this.setAgileBoardIDsWork);
        }
        private setAgileBoardIDsWork(index, row, that: Core): void {
            that.workWithAgileBoard(row[0], that);
        }
        private workWithAgileBoard(id, that: Core): void {
            if (that.workWithAgileBoard_WorkItem(id)) {
            }
        }
        private setTaskBoardIDs(): void {
            var idsToFetch = [];
            $("#taskboard-table .tbTile").each(function () {
                var id = $(this).attr("id");
                id = id.split('-')[1];
                idsToFetch.push(parseInt(id));
            });
            $("#taskboard-table .taskboard-row .taskboard-parent").each(function () {
                var id = $(this).attr("id");
                if (id != undefined) {
                    id = id.split('_')[1];
                    id = id.substring(1);
                    idsToFetch.push(parseInt(id));
                }
            });
            this.loadWorkItems(idsToFetch, this.setTaskBoardIDsWork);
        }
        private setTaskBoardIDsWork(index, row, that: Core): void {
            if (that.workWithTaskBoard(row[0], row[1], that)) {
            }
        }
        private workWithTaskBoard(id, state, that: Core): void {
            if (that.workWithTaskBoard_Task(id)) {
            }
            if (that.workWithTaskBoard_Requirement(id)) {
                that.taskboard_setRequirementState(id, state);
            }
        }
        private workWithTaskBoard_Requirement(id): boolean {
            return this.boards_setID("taskboard-table_p" + id, id);
        }
        private workWithTaskBoard_Task(id): boolean {
            return this.boards_setID("tile-" + id, id);
        }
        private workWithAgileBoard_WorkItem(id): boolean {
            var titleObj = $(".board-tile[data-item-id='" + id + "'] .title");
            if ($(titleObj).length > 0 && $(titleObj).find(".TitleAdded").length == 0) {
                var idHtml = "<span class='TitleAdded' style='font-weight:bold;'>" + id + "</span> - ";
                $(titleObj).html(idHtml + $(titleObj).html());
                return true;
            }
            return false;
        }
        private boards_setID(idTagLookFor, id): boolean {
            var titleObj = $("#" + idTagLookFor + " .witTitle");
            if ($(titleObj).length > 0 && $(titleObj).find(".TitleAdded").length == 0) {
                var idHtml = "<span class='TitleAdded' style='font-weight:bold;'>" + id + "</span> - ";
                $(titleObj).html(idHtml + $(titleObj).html());
                return true;
            }
            return false;
        }
        private taskboard_setRequirementState(id, state): boolean {
            var titleObj = $("#taskboard-table_p" + id + " .witTitle");
            if ($(titleObj).length > 0 && $(titleObj).find(".StateAdded").length == 0) {
                var stateHtml = "<br/><br/><span class='StateAdded' style='color:#505050;font-size:smaller;font-weight:bold;'>" + state + "</span>";
                $(titleObj).html($(titleObj).html() + stateHtml);
                return true;
            }
            return false;
        }
        private workItemChanged(sender, workItemChangedArgs): void {
            if (workItemChangedArgs.change === this.TFS_WorkItemTracking.WorkItemChangeType.Reset || workItemChangedArgs.change === this.TFS_WorkItemTracking.WorkItemChangeType.SaveCompleted) {
                var that = this;
                var id = workItemChangedArgs.workItem.id;
                var state = workItemChangedArgs.workItem.getFieldValue("System.State");
                if (that.isTaskBoard()) {
                    window.setTimeout(function () {
                        that.workWithTaskBoard(id, state, that);
                    }, 100);
                } else if (that.isAgileBoard()) {
                    window.setTimeout(function () {
                        that.workWithAgileBoard(id, that);
                    }, 100);
                }
            }
        }
        private loadWorkItems(idsToFetch: Array, onComplete): void {
            var that = this;
            that.loadWorkItemsWork(idsToFetch, onComplete, that);
        }
        private loadWorkItemsWork(idsToFetch: Array, onComplete, that: Core): void {
            var takeAmount = 100;
            if (takeAmount >= idsToFetch.length) {
                takeAmount = idsToFetch.length;
            }
            if (takeAmount > 0) {
                that.WorkItemManager.store.beginPageWorkItems(idsToFetch.splice(0, takeAmount), [
                    "System.Id",
                    "System.State"
                ], function (payload) {
                        that.loadWorkItemsWork(idsToFetch, onComplete, that);
                        $.each(payload.rows, function (index, row) {
                            onComplete(index, row, that);
                        });
                    }, function (err) {
                        that.loadWorkItemsWork(idsToFetch, onComplete, that);
                        alert(err);
                    });
            }
        }
        private initWorkItemManagerEvents(): void {
            var service = this.TFS_OM.TfsTeamProjectCollection.getDefaultConnection().getService(this.TFS_WorkItemTracking.WorkItemStore);
            this.WorkItemManager = service.workItemManager;
            var that = this;
            this.WorkItemManager.attachWorkItemChanged(function (sender, workItemChangedArgs) {
                that.workItemChanged(sender, workItemChangedArgs);
            });
        }
    }
}

This is all the code we will need to do the magic, all that is left is to wire it up to the extension. This can be done by replacing the method below in the original snippet for the extension.

B1n4ryD1g1tTfsExtension.prototype.initialize = function () {
    var bdCore = new B1n4ryD1g1tModule.Core(require1, exports, TFS, Core, TFS_OM, TFS_WorkItemTracking);
    bdCore.init();
};

If you fresh your page now and you have the debug tip running you will see that you have IDs on your work items and on the task board the requirement states are showing.

Before

After

Hope this sparks something in others as it has in me, As said in the intro I will be extending on what is covered in this article in later posts to provide more details.

Download

Solution – TfsJsExtensions_2013-09-27 06-55-45Z.zip

Usable Web Extension

Posted by

Gordon Beeming

Posted on

30 August 2013

Posted under

Click Once Deploy

Comments

1 Comment

Running as Administrator with Click Once Application on Windows 8

You have probably noticed that with windows 8 when you disable UAC it doesn’t fully turn off. You are able to completely turn it off but that then disables the ability to use any of the Modern UI applications. So today I dug a bit and eventually managed to get a solution to make your application run as admin when being run from a click once deploy.

The way a user would be able to enable admin mode for a regular application is to Right click on the application and click ‘Run as administrator’

With click once applications you aren’t able to do this. I suppose you could find one of the many ways to locate the actual executable and then run as administrator but then every time the application updates you will need to locate the application again and also many users (including myself) won’t see this as a suitable way to launch an application as administrator.

After trying all the regular methods of enabling an application to run as full administrator I eventually got to the solution below.

Add these usings into the program.cs file

   1: using System.ComponentModel;
   2: using System.Linq;

Add the member and method to the program.cs class

private const uint BCM_SETSHIELD = 0x160C;

[DllImport("user32", CharSet = CharSet.Auto, SetLastError = true)]
private static extern int SendMessage(IntPtr hWnd, uint Msg, int wParam, IntPtr lParam);

Add the parameter string[] args to the main method if it does not already exist

   1: public static void Main(string[] args)

And finally wrap all the code inside you main method with

if (string.IsNullOrEmpty((from o in args where o == "--engage" select o).FirstOrDefault()))
{
    var btnElevate = new Button();
    btnElevate.FlatStyle = FlatStyle.System;

    SendMessage(btnElevate.Handle, BCM_SETSHIELD, 0, (IntPtr) 1);

    var processInfo = new ProcessStartInfo();
    processInfo.Verb = "runas";
    processInfo.FileName = Application.ExecutablePath;
    processInfo.Arguments = string.Join(" ", args.Concat(new[] { "--engage" }).ToArray());
    try
    {
        Process p = Process.Start(processInfo);
        p.WaitForExit();
    }
    catch (Win32Exception)
    {
        //Do nothing. Probably the user cancelled the UAC window or provided invalid credentials.
    }

    Application.Exit();
}
else
{
    // place code that was in the main method here
}

That’s all you need to be able to run your application as administrator on launch. Basically what is going to happen is your application will start up and see that there is no command argument for –engage, it will then get it’s own executable path and attempt to run itself again using administrator mode. If a user has UAC enabled they will be prompted as usual to allow the application to run in admin mode and if they have UAC disable in windows 8 the application will now run if real administrator mode.

Posted by

Gordon Beeming

Posted on

19 August 2013

Posted under

Random

Comments

Leave a comment

Important Notice to Microsoft Tag Customers

Email From Microsoft

Important Notice to our Microsoft Tag Customers

To our valued Microsoft Tag Customer,

This August 19, 2013 notice is to inform you that the Microsoft Tag service will terminate in two years, on August 19, 2015. We are providing this two year termination notice in accordance with our Terms of Use for the Microsoft Tag Service located at this link: http://tag.microsoft.com/tag-terms-of-use.aspx See Section 2 – Availability of Service; Changes to the Agreement & Service, paragraph 2.1.

Through August 19, 2015, you will be able to continue to log into your existing Microsoft Tag service account, use existing Microsoft Tag codes, generate new Microsoft Tags, and run reports as usual.

To help you prepare for the termination of the Microsoft Tag service on August 19, 2015, Scanbuy has been selected to support Microsoft Tag technology on the ScanLife platform beginning no later than September 18th, 2013, and to offer transition and migration services to Microsoft TAG customers who choose to migrate to the ScanLife platform. This transition path will help you to continue running your campaigns using Microsoft Tags on the ScanLife platform.

Scanbuy is the largest provider of QR codes and runs ScanLife, a cloud-based mobile engagement platform for creating personalized, uniquely tailored experiences for consumers to digitally engage with brands in their everyday surroundings through smartphones.

If you wish to learn more about the ScanLife platform you may contact Adam Gold, VP of Sales at adamg@scanbuy.com or call 212-278-0178 x 400.

We thank you for allowing us to serve you as our Microsoft Tag customer. If you have questions that Microsoft can assist you with please contact taginfo@microsoft.com.

Respectfully,

Microsoft
Eric Engstrom,
General Manager, Microsoft

Posted by

Gordon Beeming

Posted on

12 August 2013

Posted under

MS Office

Comments

Leave a comment

Embed images in mail with Outlook 2013 signature

Have you recently tried embedding an image into your signature where you would normally in older outlook versions create a signature in html format and then use that as your signature.

As you know this worked as expected in the older version and now in 2013 it doesn’t work anymore.

The simple way to fix this is to add an entry into your registry using the below inside a .reg file.

  
Windows Registry Editor Version 5.00 
[HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Options\Mail]
"Send 
Pictures With Document"=dword:00000001 

That’s all you need, restart outlook and now when you send an email the images will be embedded into the mail.

Gordon Beeming Blog

The place to find 100% of my opinions and experiences.

I have moved (again)

How to get your Identity Tokens

Microsoft Account

Facebook

Twitter

Google

Enjoy

Creating “Fake” Tfs Builds

Tfs Js Extension using TypeScript

Files Required

What goes into the the manifest.xml

What is the minimum needed for the B1n4ryD1g1t.Tfs.Extensions.debug.ts?

Add the extension to TFS Web Access

Making changes to the extension

Adding some Real TypeScript

Download

Running as Administrator with Click Once Application on Windows 8

Important Notice to Microsoft Tag Customers

Embed images in mail with Outlook 2013 signature