projects / samples / web / AppWidget.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: b1bf951)
Box and PD UI are changed
authorleerang song <leerang.song@samsung.com>
Thu, 11 Apr 2013 02:58:21 +0000 (11:58 +0900)
committerYunchan Cho <yunchan.cho@samsung.com>
Thu, 11 Apr 2013 12:40:43 +0000 (21:40 +0900)
[Issue#] N/A
[Problem] N/A
[Cause] N/A
[Solution] Change AppWidget UI

Change-Id: I4c5c7cbf3677eb6be749472dcb82d4b5a48336ca

box/index.html patch | blob | history
config.xml patch | blob | history
pd/index.html patch | blob | history

diff --git a/box/index.html b/box/index.html
index 5d4c8c4..8a308cf 100755 (executable)
--- a/box/index.html
+++ b/box/index.html
@@ -1,24 +1,23 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html>
     <head>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>AppWidget</title>
         <script>
             window.onmessage = function(e) {
                 document.getElementById("message").innerHTML += e.data;
                 pdWindow.document.getElementById("fromBox").innerHTML += "<br>[web messaging] Hello, PD";
             }
-
             window.addEventListener("pdevent",
-                function(e) {
-                    document.getElementById("message").innerHTML += e.detail.message;
-                    pdWindow.document.getElementById("fromBox").innerHTML += "<br>[custom event] Hello, PD";
-                }, false);
+            function(e) {
+                document.getElementById("message").innerHTML += e.detail.message;
+                pdWindow.document.getElementById("fromBox").innerHTML += "<br>[custom event] Hello, PD";
+            }, false);
         </script>
     </head>
-    <body bgcolor="#99CCFF" text="#FFFFFF" >
-        <div id="demo"><h1>AppWidget Sample</h1></div>
-        <div id="demo"><h1>This is a Box.</h1></div>
+        <body bgcolor="#99CCFF" text="#FFFFFF">
+        <div id="demo">AppWidget Sample</div>
+        <div id="demo">This is a Box.</div>
         <div id="message"></div>
     </body>
 </html>
diff --git a/config.xml b/config.xml
index 7db54a8..08d8a10 100755 (executable)
--- a/config.xml
+++ b/config.xml
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.org/ns/widgets" id="http://yourdomain/sample">
-    <name>sample</name>
-    <icon src="icon.png"/>
-       <tizen:application id="kCBp6MjneD.sample" package="kCBp6MjneD" required_version="2.1"/>
-    <tizen:app-widget id="kCBp6MjneD.sample.default" primary="true" period="10.0">
-        <tizen:box-label>Web Application AppWidget Sample</tizen:box-label>
+<widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.org/ns/widgets" id="http://yourdomain/appwid">
+<tizen:application id="syWXgC5ZcI.appwid" package="syWXgC5ZcI" required_version="1.0"/>
+<icon src="icon.png"/>
+<name>appwid</name>
+    <tizen:app-widget id="syWXgC5ZcI.appwid.default" primary="true">
+        <tizen:box-label>WEB APPWIDGET</tizen:box-label>
         <tizen:box-icon src="icon.png"/>
         <tizen:box-content src="box/index.html">
             <tizen:box-size>1x1</tizen:box-size>
diff --git a/pd/index.html b/pd/index.html
index d0eb170..74bd333 100755 (executable)
--- a/pd/index.html
+++ b/pd/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html>
     <head>
-        <meta name="viewport" content="initial-scale=1">
+        <meta name="viewport" content="initial-scale=1" />
         <title>Test</title>
         <script>
             function accessParentElement() {
@@ -14,8 +14,8 @@
             // create custom event
             var event = new CustomEvent("pdevent", {
                 detail: {
-                    message: "custom event!<br>",
-                    time: new Date(),
+                message: "custom event!<br>",
+                time: new Date(),
                 },
                 bubbles: true,
                 cancelable: true
@@ -24,13 +24,12 @@
                 window.opener.dispatchEvent(event);
             }
         </script>
-     </head>
-     <body bgcolor="#FF9966" text="#FFFFFF">
-        <h2>This is a pd.<br>A Pd can control the Box.<h2>
-        <input type="button" value="access element" onclick="accessParentElement()">
-        <input type="button" value="webmessage" onclick="accessWebMessaging()">
-        <input type="button" value="custom event" onclick="accessCustomEvent()">
-
+    </head>
+    <body bgcolor="#FF9966" text="#FFFFFF">
+        This is a PD.<br>A PD can control the Box.<br>
+        <input type="button" value="ColorChange" onclick="accessParentElement()" />
+        <input type="button" value="WebMessage" onclick="accessWebMessaging()" />
+        <input type="button" value="CustomEvent" onclick="accessCustomEvent()" />
         <div id="fromBox"></div>
-     </body>
+    </body>
 </html>
Domain: Applications / Web Sample;