diff options
author | Minkyu Kang <mk7.kang@samsung.com> | 2012-09-10 16:57:39 +0900 |
---|---|---|
committer | Minkyu Kang <mk7.kang@samsung.com> | 2012-09-10 16:57:39 +0900 |
commit | b087adb7b7df900f9656425e5cea9dc7abdf935b (patch) | |
tree | 4b825dc642cb6eb9a060e54bf8d69288fbee4904 /src/template | |
parent | 3f08f13c69c30821bcd1a6f1f010395afb8e356a (diff) | |
download | web-ui-fw-b087adb7b7df900f9656425e5cea9dc7abdf935b.tar.gz web-ui-fw-b087adb7b7df900f9656425e5cea9dc7abdf935b.tar.bz2 web-ui-fw-b087adb7b7df900f9656425e5cea9dc7abdf935b.zip |
Export
Diffstat (limited to 'src/template')
-rw-r--r-- | src/template/README.txt | 82 | ||||
-rw-r--r-- | src/template/index.html.in | 40 | ||||
-rw-r--r-- | src/template/tizen/config.xml.in | 26 | ||||
-rw-r--r-- | src/template/tizen/icon.png | bin | 16526 -> 0 bytes | |||
-rw-r--r-- | src/template/w3c/config.xml.in | 26 | ||||
-rw-r--r-- | src/template/w3c/icon.png | bin | 16526 -> 0 bytes |
6 files changed, 0 insertions, 174 deletions
diff --git a/src/template/README.txt b/src/template/README.txt deleted file mode 100644 index bf8d5601..00000000 --- a/src/template/README.txt +++ /dev/null @@ -1,82 +0,0 @@ -What a developer needs to do in their application: - -* They drop a single bootstrap.js file into their application. This contains - a basic loader script, plus defaults for the framework and theme to be used. - It also contains inlined versions of domready.js (for DOM ready checking) - and LAB.js (for async script loading). (Both are MIT licensed.) - -* In index.html, they add a script tag to load bootstrap.js - and specify parameters for the loader. For example: - - <script src="bootstrap.js" - data-framework-version="0.1" - data-framework-root="/path/to/tizen-web-ui-fw" - data-framework-theme="default"> - </script> - -* They create a config.js file to specify which of their own JS, CSS files - need to be loaded, other app config etc. For example: - - S.load( - 'src/app_manage.js', - 'src/theme.js', - ); - - /* link custom stylesheet */ - S.css.load( - 'src/app_manage.css', - 'src/theme.css' - ); - - In this case, 'S' is an arbitrary namespace I picked for - our framework; the load() function is defined in bootstrap.js, and - simply loads the remaining framework JavaScript files, followed by - the specified JS files (relative to the application root - directory) in order. - - Note that as config.js is loaded after jQuery but before jQuery Mobile: - this is so it can hook into jQuery Mobile configuration (via - $.mobile.* properties) and also bind to the pagecreate event for - the first page. Therefore, it shouldn't directly reference any - framework functions. - -What happens when the app loads: - -* bootstrap.js is loaded - -* The auto-run function in bootstrap.js is called once the DOM is ready. - This does the following: - - - Hides the <body> element until everything is loaded - - - Sets a default root location for the framework files (tizen-web-ui-fw in - this demo, but could be an absolute file:// path) - - - Sets a default version of the framework to load (0.1) - - - Sets a default theme to load (default) - - - Finds the bootstrap.js <script> element in the DOM - - - Replaces any of the defaults (root, version, theme) with values - from data- attributes on the <script> element; available values - are: - * root = <relative or absolute URI> - * version = 0.1 (actually the same jQuery Mobile version) - * theme = default - - - Appends a <link rel="stylesheet"...> element to the head to - load the theme's stylesheet - - - Uses LAB.js to load the framework JS files; the names of the files are - specified in bootstrap.js - - - Loads config.js: any code in it runs; it should include a call - to S.load() to start the application; optionally, JavaScript files - can be passed to S.load() as arguments, to load application - JavaScript. - - - Shows the <body> element once the framework and all application - files have finished loading; NB this occurs once all the scripts - in the framework and the application (loaded by S.load()) have - completed loading. diff --git a/src/template/index.html.in b/src/template/index.html.in deleted file mode 100644 index 20898594..00000000 --- a/src/template/index.html.in +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>@APP_NAME@</title> - <!--NOTE: - jquery.js and tizen-web-ui-fw.js must be included. - DO NOT REMOVE below code! - --> - <script src="@LIBDIR@/jquery.js"></script> - <script src="@LIBDIR@/tizen-web-ui-fw-libs.min.js"></script> - <script src="@LIBDIR@/tizen-web-ui-fw.min.js" - data-framework-theme="tizen-gray" - data-framework-viewport-scale=false></script> - - <!--NOTE: - Additional scripts and css files are to be placed here. - You can use jQuery namespace($) and all functionalities in jQuery - in your script. For example: - - <script src="main.js"></script> - <link rel="stylesheet" href="my.css"> - - When you want to manipulate elements in your code, you have to - use $(document).ready() for your code to work properly, like this; - - $(document).ready(function(){ ... }); - --> - </head> - - <body> - <div data-role="page" id="template-page"> - <div data-role="header"> - <h1>Web UI Framework - Template application</h1> - </div> - <div data-role="content"> - <p>This application is an empty starting point.</p> - </div> <!-- /content --> - </div> <!-- /page --> - </body> -</html> diff --git a/src/template/tizen/config.xml.in b/src/template/tizen/config.xml.in deleted file mode 100644 index 53eccfef..00000000 --- a/src/template/tizen/config.xml.in +++ /dev/null @@ -1,26 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> - -<widget xmlns="http://www.w3.org/ns/widgets" - xmlns:tizen="http://tizen.org/ns/widgets" - version="0.1" - id="http://www.samsung.com/app/templateID" - viewmodes="fullscreen"> - <!-- automatically generated name --> - <name>@APP_NAME@</name> - - <!-- icon resource --> - <icon src="icon.png"/> - - <!-- Permission : feature to access --> - <!-- modify here and remove comments - <feature name="http://waclists.org/api/deviceapis" required="false"/> - <feature name="http://wacapps.net/api/accelerometer" required="true" /> - --> - - <!-- access remote web resource --> - <!-- modify here and remove comments - <access origin="http://www.samsung.com" subdomain=true /> - <access origin="*"/> - --> - -</widget> diff --git a/src/template/tizen/icon.png b/src/template/tizen/icon.png Binary files differdeleted file mode 100644 index 5c3d7640..00000000 --- a/src/template/tizen/icon.png +++ /dev/null diff --git a/src/template/w3c/config.xml.in b/src/template/w3c/config.xml.in deleted file mode 100644 index 6bdb6fc5..00000000 --- a/src/template/w3c/config.xml.in +++ /dev/null @@ -1,26 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> - -<widget xmlns="http://www.w3.org/ns/widgets" - version="0.1" - id="http://www.samsung.com/app/templateID" - width="480" - height="800" > - <!-- automatically generated name --> - <name>@APP_NAME@</name> - - <!-- icon resource --> - <icon src="icon.png"/> - - <!-- Permission : feature to access --> - <!-- modify here and remove comments - <feature name="http://waclists.org/api/deviceapis" required="false"/> - <feature name="http://wacapps.net/api/accelerometer" required="true" /> - --> - - <!-- access remote web resource --> - <!-- modify here and remove comments - <access origin="http://www.samsung.com" subdomain=true /> - <access origin="*"/> - --> - -</widget> diff --git a/src/template/w3c/icon.png b/src/template/w3c/icon.png Binary files differdeleted file mode 100644 index 5c3d7640..00000000 --- a/src/template/w3c/icon.png +++ /dev/null |