This is an automated email from the ASF dual-hosted git repository.
aharui pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
The following commit(s) were added to refs/heads/develop by this push:
new 6aaa4ad point to source files for tutorial
6aaa4ad is described below
commit 6aaa4ad0ecee674908c7e4ee23c30fb8998d1848
Author: Alex Harui <aha...@apache.org>
AuthorDate: Wed Jan 31 10:52:45 2018 -0800
point to source files for tutorial
---
create-an-application/application-tutorial.md | 2 ++
create-an-application/application-tutorial/build.md | 6 +++---
create-an-application/application-tutorial/data.md | 6 ++++--
create-an-application/application-tutorial/value-objects.md | 1 +
4 files changed, 10 insertions(+), 5 deletions(-)
diff --git a/create-an-application/application-tutorial.md
b/create-an-application/application-tutorial.md
index bc8a668..690bd43 100644
--- a/create-an-application/application-tutorial.md
+++ b/create-an-application/application-tutorial.md
@@ -21,6 +21,8 @@ title: Tutorial - GitHub Commit Log Application
This tutorial will take you through building an app that displays the commit
logs for the Royale project by connecting to the GitHub servers.
+The steps in this tutorial start with a blank file and walk you through what
to add and why. Or you can get the complete source
[here.](https://github.com/apache/royale-asjs/blob/develop/examples/express/GitHubCommitLogViewer){:target='_blank'}
Note that Royale examples are setup to build with Maven so the folder
structure reflects that.
+
The first six segments will result in a functional application.
[The Main Application
File](create-an-application/application-tutorial/main.html) This segment starts
filling in the main application file.
diff --git a/create-an-application/application-tutorial/build.md
b/create-an-application/application-tutorial/build.md
index 71b1fbd..7e91961 100644
--- a/create-an-application/application-tutorial/build.md
+++ b/create-an-application/application-tutorial/build.md
@@ -108,7 +108,7 @@ Another thing missing is that we haven't specified the size
of the controls. Ju
This simple example will look fine if we just set the width and height of the
DataGrid and the width of the MultilineLabel, so we will add them directly.
You can read the section on Styles to see other ways of setting styles on the
View.
-The final code should look like this:
+The final code should look like this: (you can download it from
[here](https://github.com/apache/royale-asjs/blob/develop/examples/express/GitHubCommitLogViewer/src/main/royale/GitHubCommitLogViewer.mxml))
```XML
<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
@@ -192,13 +192,13 @@ initialize="addEventListener('dataReady',
dataReadyHandler);configurator.send()"
Since we are intersted in JS output, to compile this code, we run:
```
- <path to Royale SDK>/royale-asjs/js/bin/mxmlc -debug=true
GitHubCommitsViewer.mxml
+ <path to Royale SDK>/royale-asjs/js/bin/mxmlc -debug=true
GitHubCommitLogViewer.mxml
```
If you've used NPM to install Royale, you can just run:
```
- mxmlc -debug=true GitHubCommitsViewer.mxml
+ mxmlc -debug=true GitHubCommitLogViewer.mxml
```
This should compile with one warning. We will ignore that for now and fix it
later. Next, let's see the results.
diff --git a/create-an-application/application-tutorial/data.md
b/create-an-application/application-tutorial/data.md
index 939f0db..7b72a0b 100644
--- a/create-an-application/application-tutorial/data.md
+++ b/create-an-application/application-tutorial/data.md
@@ -44,6 +44,8 @@ Next, we need to get the values for these arrays. Let's use
a .json file to con
"repos": [ "apache/royale-asjs", "apache/royale-typedefs",
"apache/royale-compiler" ]
}
```
+You can download this file from
[here.](https://github.com/apache/royale-asjs/blob/develop/examples/express/GitHubCommitLogViewer/src/main/resources/project.json)
+
Now we need to add calls that fetch the .json file and then the commits. We
can use HTTPService to get the JSON file:
```XML
@@ -54,8 +56,8 @@ The method setConfig() sets the data model variables:
```ActionScript
private function setConfig():void
{
- repos = configurator.data.repos;
- projectName = configurator.data.projectName;
+ repos = configurator.json.repos;
+ projectName = configurator.json.projectName;
}
```
diff --git a/create-an-application/application-tutorial/value-objects.md
b/create-an-application/application-tutorial/value-objects.md
index 78ef0c9..0b7f123 100644
--- a/create-an-application/application-tutorial/value-objects.md
+++ b/create-an-application/application-tutorial/value-objects.md
@@ -43,6 +43,7 @@ public class LogEntry
}
}
```
+You can download this file from
[here.](https://github.com/apache/royale-asjs/blob/develop/examples/express/GitHubCommitLogViewer/src/main/royale/LogEntry.as)
Notice the use of [Bindable] metadata. This special syntax indicaes to the
compiler that there are no DataBinding notifications for the message field.
Once it is set, it will not change. We could also specify "message" as a
"const" instead of a "var" and set up a constructor with parameters, but
constructor parameters are not allowed for anything that wants to be declared
in MXML.
--
To stop receiving notification emails like this one, please contact
aha...@apache.org.
