examples ended

DVS-devtools · Oct 15, 2018 · 3fecd09 · 3fecd09
1 parent 1590610
commit 3fecd09
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 7 deletions.
diff --git a/example/index.html b/example/index.html
@@ -8,7 +8,16 @@
 <body>
     <body>
         <h1>JsBrowser</h1>
-
+        <div>
+            <label>PrevPage: </label><label id="prevPage"></label>
+        </div>
+        <div>
+            <label>QueryParams: </label><label id="queryParams"></label>
+        </div>
+        <button onClick="shiftPage()">change page</button>
+        <!-- <button onClick="getPrevPage()">get prev page</button> -->
+        <!-- <button onClick="getQueryParams()">get query params</button> -->
+        <button onClick="addQueryParams()">set query params</button>
         <script src="./index.js"></script>
     </body>
 </body>

diff --git a/example/index.js b/example/index.js
@@ -1,8 +1,29 @@
-import JsBrowser from '../src/index.js';
+import Browser from '../src/index.js';
 
-const foo = JsBrowser.init({
-    message: 'hello'
-});
+let pageIndex = 0;
+let paramIndex = 0;
+let params = '';
 
-document.write(foo);
-console.log(foo);
+window.shiftPage = () => {
+    Browser.shiftPage(params + pageIndex);
+    pageIndex += 1;
+
+
+    console.log(['Browser.getPrevPage:', Browser.getPrevPage()])
+    document.getElementById('prevPage').innerText = JSON.stringify(Browser.getPrevPage());
+};
+
+
+
+window.addQueryParams = () => {
+    params = params + `params${paramIndex}=${paramIndex}&`;
+    if (history.pushState) {
+        var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname +  `?${params}`;
+        window.history.pushState({ path: newurl }, '', newurl);
+    }
+
+    paramIndex += 1;
+
+    console.log(['Browser.getQueryParams:', Browser.getQueryParams()])
+    document.getElementById('queryParams').innerText = JSON.stringify(Browser.getQueryParams());
+}