| Index: chrome/common/extensions/docs/templates/articles/angular_framework.html
|
| diff --git a/chrome/common/extensions/docs/templates/articles/angular_framework.html b/chrome/common/extensions/docs/templates/articles/angular_framework.html
|
| index ff61c1ba3a42cacf2348d9e7563f5338dda37c9e..1b564a275307e497505e1b5df7d23473c20ca719 100644
|
| --- a/chrome/common/extensions/docs/templates/articles/angular_framework.html
|
| +++ b/chrome/common/extensions/docs/templates/articles/angular_framework.html
|
| @@ -33,12 +33,12 @@ in this case, the Google Drive API.
|
| <strong>Note: </strong>
|
| You can also build apps which talk to 3rd party APIs/services
|
| that are OAuth2-enabled.
|
| -See <a href="app_identity.html#non">non-Google Account authentication</a>.
|
| +See <a href="app_identity#non">non-Google Account authentication</a>.
|
| </p>
|
|
|
| <p>
|
| The Uploader uses OAuth2 to access the user's data. The
|
| -<a href="identity.html">chrome.identity API</a>
|
| +<a href="identity">chrome.identity API</a>
|
| handles fetching an OAuth token for the logged-in user,
|
| so the hard work is done for us!
|
| Once we have a long-lived access token,
|
| @@ -53,7 +53,7 @@ Key features this app uses:
|
|
|
| <ul>
|
| <li>AngularJS's autodetection for
|
| - <a href="contentSecurityPolicy.html">CSP</a></li>
|
| + <a href="contentSecurityPolicy">CSP</a></li>
|
| <li>Render a list of files fetched from the
|
| <a href="https://developers.google.com/drive/get-started">Google Drive API</a></li>
|
| <li><a href="http://www.html5rocks.com/en/tutorials/file/filesystem/">HTML5 Filesystem API</a>
|
| @@ -61,7 +61,7 @@ Key features this app uses:
|
| <li><a href="http://www.html5rocks.com/en/tutorials/dnd/basics/">HTML5 Drag and Drop</a>
|
| for importing/uploading new files from the desktop</li>
|
| <li>XHR2 to load images, cross-domain</li>
|
| - <li><a href="app_identity.html">chrome.identity API</a>
|
| + <li><a href="app_identity">chrome.identity API</a>
|
| for OAuth authorization</li>
|
| <li>Chromeless frames to define the app's own navbar look and feel</li>
|
| </ul>
|
| @@ -108,7 +108,7 @@ The most important parts of this manifest are the "oauth2" and "permissions" sec
|
| <p>
|
| The "oauth2" section defines the required parameters by OAuth2 to do its magic.
|
| To create a "client_id", follow the instructions in
|
| -<a href="app_identity.html#client_id">Get your client id</a>.
|
| +<a href="app_identity#client_id">Get your client id</a>.
|
| The "scopes" list the authorization scopes
|
| that the OAuth token will be valid for (for example, the APIs the app wants to access).
|
| </p>
|
| @@ -137,7 +137,7 @@ so the content doesn't become too crunched:
|
|
|
| <pre data-filename="background.js">
|
| chrome.app.runtime.onLaunched.addListener(function(launchData) {
|
| - chrome.app.window.create('../main.html', {
|
| + chrome.app.window.create('../main', {
|
| id: "GDriveExample",
|
| bounds: {
|
| width: 500,
|
| @@ -162,7 +162,7 @@ By default, windows render with the OS's default close/expand/minimize bar:
|
|
|
| <p>
|
| The Uploader uses <code>frame: 'none'</code> to render the window as a "blank slate"
|
| -and creates a custom close button in <code>main.html</code>:
|
| +and creates a custom close button in <code>main</code>:
|
| </p>
|
|
|
| <img src="{{static}}/images/customframe.png"
|
| @@ -191,7 +191,7 @@ nav:hover #close-button {
|
| }
|
| </style>
|
| </pre>
|
| -<pre data-filename="main.html">
|
| +<pre data-filename="main">
|
| <button class="btn" id="close-button" title="Close">x</button>
|
| </pre>
|
|
|
| @@ -215,7 +215,7 @@ The View is the easiest, so let's start there.
|
| <h3 id="view">Creating the view</h3>
|
|
|
| <p>
|
| -<a href="https://github.com/GoogleChrome/chrome-app-samples/blob/master/gdrive/main.html">main.html</a>
|
| +<a href="https://github.com/GoogleChrome/chrome-app-samples/blob/master/gdrive/main">main</a>
|
| is the "V" in MVC; where we define HTML templates to render data into.
|
| In Angular, templates are simple blocks of HTML with some special sauce.
|
| </p>
|
| @@ -226,7 +226,7 @@ For that, a simple <ul> list makes sense.
|
| The Angular bits are highlighted in bold:
|
| </p>
|
|
|
| -<pre data-filename="main.html">
|
| +<pre data-filename="main">
|
| <ul>
|
| <li <strong>data-ng-repeat="doc in docs"</strong>>
|
| <img data-ng-src=<strong>"{{doc.icon}}"</strong>> <a href=<strong>"{{doc.alternateLink}}"</strong>><strong>{{doc.title}}</strong></a>
|
| @@ -259,7 +259,7 @@ For that, we use the
|
| directive to tell the <code>DocsController</code> to have reign over the template <body>:
|
| </p>
|
|
|
| -<pre data-filename="main.html">
|
| +<pre data-filename="main">
|
| <body <strong>data-ng-controller="DocsController"</strong>>
|
| <section id="main">
|
| <ul>
|
| @@ -285,7 +285,7 @@ The typical way to do that is include the
|
| directive all the way up on <html>:
|
| </p>
|
|
|
| -<pre data-filename="main.html">
|
| +<pre data-filename="main">
|
| <html <strong>data-ng-app="gDriveApp"</strong>>
|
| </pre>
|
|
|
| @@ -299,10 +299,10 @@ on the topmost element makes the entire page Angular-ready.
|
| </p>
|
|
|
| <p>
|
| -The final product for <code>main.html</code> looks something like this:
|
| +The final product for <code>main</code> looks something like this:
|
| </p>
|
|
|
| -<pre data-filename="main.html">
|
| +<pre data-filename="main">
|
| <html <strong>data-ng-app="gDriveApp"</strong>>
|
| <head>
|
| …
|
| @@ -330,7 +330,7 @@ The final product for <code>main.html</code> looks something like this:
|
| <p>
|
| Unlike many other JS MVC frameworks,
|
| Angular v1.1.0+ requires no tweaks to work within a strict
|
| -<a href="contentSecurityPolicy.html">CSP</a>.
|
| +<a href="contentSecurityPolicy">CSP</a>.
|
| It just works, out of the box!
|
| </p>
|
|
|
| @@ -343,7 +343,7 @@ This is done by including the
|
| directive alongside <a href="http://docs.angularjs.org/api/ng.directive:ngApp">ngApp</a>:
|
| </p>
|
|
|
| -<pre data-filename="main.html">
|
| +<pre data-filename="main">
|
| <html data-ng-app data-ng-csp>
|
| </pre>
|
|
|
|
|