microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

adding back docs

Browse Source
This commit is contained in:
Ken
2019-02-22 20:25:09 -08:00
parent 78368cdf39
commit f70417f6ae
166 changed files with 4344 additions and 516 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/step2-03/demo/index.html
View File

@@ -2,5 +2,5 @@
<html>
<body>
<div id="app"></div>
<script type="text/javascript" src="../../step2-03/demo/step2-03/demo.js"></script></body>
<script src="../../step2-03/demo/step2-03/demo.js"></script></body>
</html>

17
docs/step2-03/demo/src/components/TodoHeader.tsx
View File

@@ -29,9 +29,22 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
<Stack horizontal gap={10}>
<Stack.Item grow>
<TextField placeholder="What needs to be done?" value={this.state.labelInput} onChange={this.onChange} />
<TextField
placeholder="What needs to be done?"
value={this.state.labelInput}
onChange={this.onChange}
styles={props => ({
...(props.focused && {
field: {
backgroundColor: 'black'
}
})
})}
/>
</Stack.Item>
<PrimaryButton onClick={this.onAdd}>Add</PrimaryButton>
<PrimaryButton onClick={this.onAdd} styles={{ root: { backgroundColor: 'maroon' }, rootHovered: { background: 'green' } }}>
Add
</PrimaryButton>
</Stack>
<Pivot onLinkClick={this.onFilter}>

2
docs/step2-03/demo/step2-03/demo.js
View File

File diff suppressed because one or more lines are too long

2
docs/step2-03/exercise/index.html
View File

@@ -2,5 +2,5 @@
<html>
<body>
<div id="app"></div>
<script type="text/javascript" src="../../step2-03/exercise/step2-03/exercise.js"></script></body>
<script src="../../step2-03/exercise/step2-03/exercise.js"></script></body>
</html>

1
docs/step2-03/exercise/src/components/TodoApp.tsx
View File

@@ -10,6 +10,7 @@ import { TeamsCustomizations } from '@uifabric/theme-samples';
let index = 0;
// TODO: Change this to add other CSS styles like backgroundColor, fontSize, etc
const className = mergeStyles({
padding: 25,
...getTheme().effects.elevation4

3
docs/step2-03/exercise/src/components/TodoFooter.tsx
View File

@@ -12,6 +12,9 @@ interface TodoFooterProps {
export const TodoFooter = (props: TodoFooterProps) => {
const itemCount = Object.keys(props.todos).filter(id => !props.todos[id].completed).length;
// TODO: play around with the DefaultButton component below with a "styles" prop
// - try it with an object: styles={{ ... }}
// - try it with a function: styles={props => ({ ... })}
return (
<Stack horizontal horizontalAlign="space-between">
<Text>

4
docs/step2-03/exercise/step2-03/exercise.js
View File

File diff suppressed because one or more lines are too long