Use the automatic template substitution mechanism for AppId

* Replace placeholder with ${AppId}
* Add settings.js to the templateFiles globs array
* Update AppID section of README.md
* Edit message in `noappidView.html`

.sample-metadata.json

@@ -192,5 +192,7 @@
             ]
         }
     },
-    "templateFiles": []
+    "templateFiles": [
+    	"common/settings.js"
+    ]
 }

README.md

@@ -70,7 +70,7 @@ The Friends sample app comes fully functional, but to see it in action you must
 This is a unique string that links the sample mobile app to your Telerik Platform account where all the data is read from/saved. To set it in the app code:
 
 1. Open the `friends-hybrid/common/settings.js` file.
-2. Replace `$YOUR_TELERIK_APP_ID$` with the App ID of your Telerik Platform app.
+2. Set the value of `app.settings.appId` with the App ID of your Telerik Platform app.
 
 ## (Optional) Enable Telerik Analytics
 

friends-hybrid/common/settings.js

@@ -2,7 +2,7 @@
 
 (function () {
     app.settings = {
-        appId: '$YOUR_TELERIK_APP_ID$',
+        appId: '${AppId}',
         scheme: 'http', // possible values: http, https
         social: {
             facebook: {

friends-hybrid/components/missingSettingsView/noappidView.html

@@ -5,5 +5,5 @@
         </div>
     </div>
     <p><span>App ID</span> links the sample mobile app to a project in Telerik Platform.</p>
-    <p>To set the <span>App ID</span> open the <span>settings.js</span> file and replace <strong>TELERIK_APP_ID</strong> with the <span>App ID</span> of your 'Friends' project.</p>
+    <p>To set the <span>App ID</span> open the <span>settings.js</span> file and replace <strong>app.settings.appId</strong> with the <span>App ID</span> of your 'Friends' project.</p>
 </div>