Jcalan8907

## all-angular-material-components-imports.txt
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';


import { AppComponent } from './app.component';

//Angular Material Components
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatCheckboxModule} from '@angular/material';
import {MatButtonModule} from '@angular/material';

## index.html
<!DOCTYPE html>
<html ng-app>
  <head>
    <title>Example</title>

  </head>
  <body>
    <nav class="main-nav" data-main-menu data-root="index"></nav>

    <script type="text/javascript" src="angular.js"></script>

## CustomActionJSOMSP2016
//Set the location of the user action
customUserAction.set_location('CommandUI.Ribbon.ListView');

//Add the properties for the custom action
var userActionExtension = '<CommandUIExtension xmlns="http://schemas.microsoft.com/sharepoint/">' +
'<CommandUIDefinitions>' +
'<CommandUIDefinition Location="Ribbon.List.CustomizeList.Controls._children">'+
'<Button Id="Ribbon.Documents.New.RibbonTest" '+
'Command="Notify" '+
'Sequence="0" '+ 'Image16by16="/_layouts/images/NoteBoard_16x16.png" '+ 'Image32by32="/_layouts/images/NoteBoard_32x32.png" '+

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 960px;
  height: 500px;
  position: relative;
}
	import { BrowserModule } from '@angular/platform-browser';
	import { NgModule } from '@angular/core';


	import { AppComponent } from './app.component';

	//Angular Material Components
	import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
	import {MatCheckboxModule} from '@angular/material';
	import {MatButtonModule} from '@angular/material';
	<!DOCTYPE html>
	<html ng-app>
	<head>
	<title>Example</title>

	</head>
	<body>
	<nav class="main-nav" data-main-menu data-root="index"></nav>

	<script type="text/javascript" src="angular.js"></script>
	//Set the location of the user action
	customUserAction.set_location('CommandUI.Ribbon.ListView');

	//Add the properties for the custom action
	var userActionExtension = '<CommandUIExtension xmlns="http://schemas.microsoft.com/sharepoint/">' +
	'<CommandUIDefinitions>' +
	'<CommandUIDefinition Location="Ribbon.List.CustomizeList.Controls._children">'+
	'<Button Id="Ribbon.Documents.New.RibbonTest" '+
	'Command="Notify" '+
	'Sequence="0" '+ 'Image16by16="/_layouts/images/NoteBoard_16x16.png" '+ 'Image32by32="/_layouts/images/NoteBoard_32x32.png" '+
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 960px;
	height: 500px;
	position: relative;
	}