You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Adding quick-fixes for typo/wording improvements for the Getting Started Guide for @leggeter to review
#7 (View the code js file path reference correction)
#9/#10 - Updating all getting-started screenshots which had the 'Messages' widget on workbench pages on the left as these have been removed from the template
#11 Fixing typo for first para of Add Two-Way Data Binding
#12 Fixing function reference 'enterPressed' -> 'keyPressed'
#13 Changing 'to see if it's the *Enter/Return*' -> 'to see if it was the *Enter/Return* key'
#14 This was resolved when the 'Run the Test' section was reworked after adding --no-browser flag support
#28 Typo fix: 'updated it to look as follows' -> 'update it to look as follows'
Copy file name to clipboardExpand all lines: docs/use/getting_started.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -112,7 +112,7 @@ This creates a `todoinput` directory within `unzip_location/apps/brjs-todo/todo-
112
112
113
113
### View the Code
114
114
115
-
Within `apps/todo-bladeset/blades/todoinput/src/bjrstodo/todo/todoinput/src` you'll find an `ExamplePresentationModel.js` file.
115
+
Within `apps/brjs-todo/todo-bladeset/blades/todoinput/src/bjrstodo/todo/todoinput/src` you'll find an `ExamplePresentationModel.js` file.
116
116
117
117
<divclass="alert alert-info github">
118
118
<p>Yeah, this folder structure is crazy! We're working on a <ahref="https://github.com/BladeRunnerJS/brjs/issues/19">simplified directory structure</a></p>
@@ -169,7 +169,7 @@ If you click the `Log me` button the `buttonClicked` function is called and `but
169
169
170
170
### Add Two-Way Data Binding
171
171
172
-
Next, let's edit the Blade to display in`<input>` element with a two-way binding between the View and View Model.
172
+
Next, let's edit the Blade to display an`<input>` element with a two-way binding between the View and View Model.
173
173
174
174
To do this we first need to update `ExamplePresentationModel.js` to handle the fact the view contains an input element. We do this using a `Field` object initialized with an empty string, instead of 'Hello World!'. We can also update the `message` instance variable to be called something more relevant: `todoText`.
175
175
@@ -203,7 +203,7 @@ Finally, instead of having to click a button we should handle the *Enter/Return*
203
203
204
204
} )();
205
205
206
-
We also update `view.html` to contain an `input` element where the element's `value` property is bound to the newly named `todoText` value. We want instant two-way binding so we also need to add `valueUpdate:'afterkeydown'` to the `data-bind` attribute. And we also want to call the newly named `enterPressed` function when a key is pressed in the input to check to see if it's the *Enter/Return*. We do this by adding `event: { keypress: keyPressed }` to the `data-bind` attribute. Finally, update the `class` attribute to indicate the input is a `todo-input`, add a `placeholder` attribute and remove the unused `<button>` element:
206
+
We also update `view.html` to contain an `input` element where the element's `value` property is bound to the newly named `todoText` value. We want instant two-way binding so we also need to add `valueUpdate:'afterkeydown'` to the `data-bind` attribute. And we also want to call the newly named `keyPressed` function when a key is pressed in the input to check to see if it was the *Enter/Return* key. We do this by adding `event: { keypress: keyPressed }` to the `data-bind` attribute. Finally, update the `class` attribute to indicate the input is a `todo-input`, add a `placeholder` attribute and remove the unused `<button>` element:
207
207
208
208
<div id="brjstodo.todo.todoinput.view-template">
209
209
<div>
@@ -704,7 +704,7 @@ Both the `todoinput` and `todoitems` Blades have the functionality that we're lo
704
704
705
705
## Adding the Blades to an Aspect
706
706
707
-
In order to add the Blades to the default aspect we need to first update the aspect HTML to provide some basic structure. Open up `brjs-todo/default-aspect/index.html` and updated it to look as follows:
707
+
In order to add the Blades to the default aspect we need to first update the aspect HTML to provide some basic structure. Open up `brjs-todo/default-aspect/index.html` and update it to look as follows:
0 commit comments