Andrew Connell andrewconnell
📺
andrewconnell
/ office-ui-fabric-table.html
Last active
June 17, 2018 19:59
Office UI Fabric Table Example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" href="/public/fabric/css/fabric.min.css"> | |
| <link rel="stylesheet" href="/public/fabric/css/fabric.components.min.css"> | |
| <div class="ms-Grid"> | |
| <div class="ms-Grid-row"> | |
| <div class="ms-Grid-col ms-u-lg12"> | |
| <div class="ms-font-su">{{vm.teamName}} Roster</div> | |
| <div class="ms-Table"> | |
| <div class="ms-Table-row"> | |
| <span class="ms-Table-cell ms-font-xl">Pos.</span> |
andrewconnell
/ office-ui-fabric-dropdown.html
Last active
March 2, 2021 12:21
Office UI Fabric - Sample Dropdown List
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" href="/public/fabric/css/fabric.min.css"> | |
| <link rel="stylesheet" href="/public/fabric/css/fabric.components.min.css"> | |
| <script src="/public/fabric/components/Dropdown/Jquery.Dropdown.js" type="application/javascript"></script> | |
| <label class="ms-Label">Position</label> | |
| <div class="ms-Dropdown"> | |
| <i class="ms-Dropdown-caretDown ms-Icon ms-Icon--caretDown"></i> | |
| <select class="ms-Dropdown-select" data-ng-model="vm.pick.position"> | |
| <option value="">Choose a position...</option> | |
| <option value="QB">quarterback</option> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| var appInsights=window.appInsights||function(config){ | |
| function s(config){t[config]=function(){var i=arguments;t.queue.push(function(){t[config].apply(t,i)})}}var t={config:config},r=document,f=window,e="script",o=r.createElement(e),i,u;for(o.src=config.url||"//az416426.vo.msecnd.net/scripts/a/ai.0.js",r.getElementsByTagName(e)[0].parentNode.appendChild(o),t.cookie=r.cookie,t.queue=[],i=["Event","Exception","Metric","PageView","Trace"];i.length;)s("track"+i.pop());return config.disableExceptionTracking||(i="onerror",s("_"+i),u=f[i],f[i]=function(config,r,f,e,o){var s=u&&u(config,r,f,e,o);return s!==!0&&t["_"+i](config,r,f,e,o),s}),t | |
| }({ | |
| instrumentationKey:"c0a3dcd4-6b58-4f92-a053-54d65a1db105" | |
| }); | |
| window.appInsights=appInsights; | |
| // appInsights.trackPageView(); | |
| </script> |
andrewconnell
/ azure.appInsights.service.js
Last active
September 9, 2015 10:51
azure.appInsights.service.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function () { | |
| 'use strict'; | |
| angular.module('appng-ffldraft-xlsaddin') | |
| .service('azAppInsightService', [azAppInsightService]); | |
| /** | |
| * Custom Angular service. | |
| * | |
| */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function draftPlayer() { | |
| // save draft pick | |
| dataService.saveDraftPick($routeParams.leagueId, vm.pick.player, vm.pick.nflTeam, vm.pick.fflTeam, vm.pick.position, vm.pick.auctionPrice) | |
| .then(function () { | |
| var data = { | |
| player : vm.pick.player, | |
| nflTeam: vm.pick.nflTeam, | |
| position: vm.pick.position, | |
| auctionPrice: vm.pick.auctionPrice | |
| }; |
andrewconnell
/ OfficeUIFabric-RightToLeftSupport.html
Created
September 17, 2015 21:07
OfficeUIFabric-RightToLeftSupport
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html dir="rtl"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="fabric-[version].rtl.min.css"> | |
| </head> | |
| ... | |
| </html> |
andrewconnell
/ OfficeUIFabric-LanguageOptimizedFonts.html
Created
September 17, 2015 21:10
OfficeUIFabric-LanguageOptimizedFonts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="th-TH"> | |
| ... | |
| <section lang="vi-VN">...</section> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div width="100%"> | |
| <div class="ms-Grid"> | |
| <div class="ms-Grid-row"> | |
| <div class="ms-Grid-col ms-u-sm2 block">2</div> | |
| <div class="ms-Grid-col ms-u-sm2 block">2</div> | |
| <div class="ms-Grid-col ms-u-sm2 block">2</div> | |
| <div class="ms-Grid-col ms-u-sm6 block">6</div> | |
| </div> | |
| <div class="ms-Grid-row"> | |
| <div class="ms-Grid-col ms-u-sm3 block">3</div> |
andrewconnell
/ OfficeUIFabric-GridPushPull.html
Created
September 18, 2015 02:43
OfficeUIFabric-GridPushPull
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div width="100%"> | |
| <div class="ms-Grid"> | |
| <div class="ms-Grid-row"> | |
| <div class="ms-Grid-col ms-u-sm6 block">6</div> | |
| <div class="ms-Grid-col ms-u-sm3 block">3</div> | |
| <div class="ms-Grid-col ms-u-sm3 block">3</div> | |
| </div> | |
| <div class="ms-Grid-row"> | |
| <div class="ms-Grid-col ms-u-smPush6 block">6</div> | |
| <div class="ms-Grid-col ms-u-sm3 block">3</div> |
andrewconnell
/ OfficeUIFabric-AnimationDemo.html
Last active
September 18, 2015 13:15
OfficeUIFabric-AnimationDemo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <link href="//appsforoffice.microsoft.com/fabric/1.0/fabric.min.css" rel="stylesheet" /> | |
| <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js" type="text/javascript"></script> | |
| <style> | |
| .animation-container { | |
| position: relative; | |
| width: 100%; | |
| display: inline-block; |