Code Monkey home page Code Monkey logo

vso-team-calendar's Introduction

Team Calendar Extension

Team Calendar is a sample extension for Visual Studio Online that demonstrates one type of experience you can now develop and install into your Visual Studio Online account. To learn more about Extensions, see the overview of extensions.

Note: Extensions is currently in private preview. To get early access, join the free Visual Studio Partner Program.

Overview

Extensions enable you to create first-class integration experiences within Visual Studio Online, just the way you have always wanted. An extension can be a simple context menu or toolbar action or can be a complex and powerful custom UI experience that light up within the account, collection, or project hubs.

The Team Calendar extension provides Visual Studio Online teams an integrated calendar view in web access:

screenshot

What the calendar shows

  • Any iterations in the current month (the current iteration is highlighted in a light blue) โ€“ all iterations are shown on the right
  • Any days off (individual users or entire team)
    • Days off (for a user or team) can be added by left-clicking on a day
  • Any events added by team members
    • Events (single or multi-day) can be added by left-clicking on a day
    • Events are categorized and shown on the left

How to try the calendar

The current code in this repository is designed with the next deployment of Visual Studio Online (late May 2015). However, scripts and content compatible with the current level of Visual Studio Online have been published to a public Azure web site (https://vsoalmcalendar-demo.azurewebsites.net). This will enable you to play with extension in your account.

  1. Browse the code to understand how an extension is developed.
  1. Modify the "try it" extension manifest
  2. Download extension-tryit.json (in the Calendar folder) and save it locally
  3. Update the namespace field to something globally unique, for example: mycompany.team-calendar
  4. Note the baseUri field is set to https://vsoalmcalendar-demo.azurewebsites.net
  5. Install the extension to your account
  6. Navigate to https://youraccount.visualstudio.com/_admin/_ext (replace youraccount with your real Visual Studio Online account name)
  7. Click Install and browse to your manifest file (extension-tryit.json)
  8. Click OK

How to add new event sources

The Team Calendar extension is designed to be extended by other extensions. Other extensions can contribute new "event sources", which will be pulled from when the Team Calendar is rendered. Once you develop your extension, install it in the account that you installed the Team Calendar extension into.

See the public-events sample for an example of an extension that contributes to the Team Calendar.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.