added pep sample

yellowant · Jul 2, 2011 · dea50e9 · dea50e9
1 parent 0bb789e
commit dea50e9
Show file tree

Hide file tree

Showing 20 changed files with 1,380 additions and 0 deletions.
diff --git a/pep/sample/css/sample.css b/pep/sample/css/sample.css
@@ -0,0 +1,131 @@
+body{
+  font-family: sans-serif;
+  font-size: 0.9em;
+  background: #eee;
+  color: #666;
+  padding: 0;
+  margin: 0;
+  min-width: 900px;
+}
+
+label{
+  color: #555;
+}
+
+input{
+  border: 1px solid #aaa;
+  padding: 0.3em;
+}
+
+textarea{
+  border: 1px solid #aaa;
+/*   margin-left: 1em; */
+/*   margin-right: 1em; */
+}
+
+banner{
+  text-align: center;
+  display: inline-block;
+  width:100%;
+  margin: 0;
+  background:#555;
+  color: #fff;
+  margin-bottom: 1.5em;
+}
+
+button{
+  margin: 0.8em; 
+}
+
+
+h2{
+  border-bottom: 1px solid #999;
+  margin:0;
+  padding: 0.6em;  
+}
+
+h4{
+  margin: 0.6em;
+}
+
+ul{
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.hidden{
+  display: none;
+}
+
+#login{
+
+}
+
+#login input{
+  width: 95%;
+}
+
+#logoutButton{ 
+ position: absolute;
+ right:1%;
+ top: 1%;
+}
+
+#progressbar{
+  width: 40%;
+}
+
+#messages{
+
+  border: 1px solid #999;
+  width: 62.5%;
+  margin-left: 5%;
+/*   min-height: 200px; */
+  float: left;
+  display: block;
+  text-align: center;
+  border-radius: 1em;
+}
+
+#messages h3{
+  margin: 0;
+}
+
+#message-list{
+  text-align: left;
+  list-style: none;
+  margin: 0;
+  padding: 0em;
+}
+
+#message-list li{
+  border-bottom: 1px solid #bbb;
+  padding: 1em;
+  background-color: #fff;
+}
+
+#message-list li li {
+  border: 1px dotted #ddd;
+
+}
+
+#publishing{
+
+  width: 22.5%;
+  min-height: 80px;
+  border: 1px solid #999;
+  float: right;
+  margin-right: 5%;
+  display: block;
+  text-align: center;
+  border-radius: 1em;  
+}
+
+#publishinput{
+ min-height: 150px; 
+}
+
+#subscription-dialog input{
+  width: 95%;
+}
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/pep/sample/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/pep/sample/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/pep/sample/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/pep/sample/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/pep/sample/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/pep/sample/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/pep/sample/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/pep/sample/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
diff --git a/pep/sample/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/pep/sample/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
diff --git a/pep/sample/css/ui-lightness/images/ui-icons_222222_256x240.png b/pep/sample/css/ui-lightness/images/ui-icons_222222_256x240.png
diff --git a/pep/sample/css/ui-lightness/images/ui-icons_228ef1_256x240.png b/pep/sample/css/ui-lightness/images/ui-icons_228ef1_256x240.png
diff --git a/pep/sample/css/ui-lightness/images/ui-icons_ef8c08_256x240.png b/pep/sample/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
diff --git a/pep/sample/css/ui-lightness/images/ui-icons_ffd27a_256x240.png b/pep/sample/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
diff --git a/pep/sample/css/ui-lightness/images/ui-icons_ffffff_256x240.png b/pep/sample/css/ui-lightness/images/ui-icons_ffffff_256x240.png
diff --git a/pep/sample/css/ui-lightness/jquery-ui-1.8.6.custom.css b/pep/sample/css/ui-lightness/jquery-ui-1.8.6.custom.css
diff --git a/pep/sample/index.html b/pep/sample/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
+    <link type="text/css" href="css/sample.css" rel="stylesheet" />
+    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
+    <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
+    <script type="text/javascript" src="js/strophe.min.js"></script>
+    <script type="text/javascript" src="../strophe.pep.js"></script>
+    <script type="text/javascript" src="js/sample.js"></script>
+
+  </head>
+  <body>
+
+    <banner><h1>Personal Eventing Protocol ( XEP-0163 )</h1>
+      <button id="logoutButton">Logout</button>
+    </banner>
+
+
+    <div id="messages">
+      <h2>Messages</h2>
+      <ul id="message-list"></ul>
+      <button id="pepSubscriptionButton">Modify PEP subscription</button>
+    </div>
+
+    <div id="publishing">       
+      <h2>Publishing</h2>
+      <h4>Text</h4>
+      <textarea id="publishinput">Sample text</textarea>
+      <br/>
+      <h4>Node</h4>
+      <input type="text" value="sample" id="publishnode" />
+      <br/>
+      <button id="publishButton">Publish</button>
+    </div>
+
+    </div>
+
+
+
+    <!-- dialogs -->
+
+    <div id="login">
+      <label>Jabber ID:</label>
+      <br/>
+      <input id="jid" type="email" placeholder="YourJabberID@JabberServer.org" reqired />
+      <br/>
+      <label>Password:</label>
+      <br/>
+      <input id="pw" type="password" placeholder="Your secret password" reqired />
+      <br/>
+    </div>
+
+    <div id="subscription-dialog">
+      <label>Jabber ID:</label>
+      <br/>
+      <input id="pep-jid" type="email" placeholder="AnJabberID@JabberServer.org" reqired />
+      <br/>
+      <label>Node:</label>
+      <br/>
+      <input id="pep-node" type="text" value="sample" placeholder="" reqired />
+    </div>
+
+
+    <!-- helper -->
+
+    <div id="progressbar"></div>
+
+  </body>
+</html>