webview/index.html at master · rontho/webview · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!doctype html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<head>
  <style>
    body{
      background-color: #FFFFFF;
      color: #000;
    }
    input{
      background-color: #581374;
      width: 300px;
      padding:10px;
      color: #fff;
    }
    div#content{
      padding:20px;
      background-color: #581374;
      color: #fff;
    }
  </style>
  <script type="text/javascript">

    function getLocation() {
      if (navigator.geolocation) {
        console.log("Geolocalisation en cours");
        window.navigator.geolocation.getCurrentPosition(console.log, console.log);
      } else {
        console.log("Geolocalisation non supportee");
      }
    }

    function exitWebapp() {
      if (typeof webkit !== 'undefined' && webkit !== null) {
        webkit.messageHandlers.exitWebapp.postMessage({});
      } else {
        androidBridge.exitWebapp();
      }
    }
    function getCameraAndReadFilePermission() {
      if (typeof webkit !== 'undefined' && webkit !== null) {
        webkit.messageHandlers.getCameraAndReadFilePermission.postMessage({});
      } else {
        androidBridge.getPermissions(["toto", "titi", "tata"]);
      }
    }
    function getPermissions() {
      if (typeof webkit !== 'undefined' && webkit !== null) {
        webkit.messageHandlers.getCameraAndReadFilePermission.postMessage({});
      } else {
        androidBridge.getPermissions(123, ["LOCATION"]);
      }
    }
    function setCameraAndReadFilePermission(granted) {
      alert("Permissions granted " + granted);
    }
    function openFeature(deeplink) {
      if (typeof webkit !== 'undefined' && webkit !== null) {
        webkit.messageHandlers.openFeature.postMessage({});
      } else {
        androidBridge.openFeature(deeplink);
      }
   }
    function shareFile(name, type, data) {
      if (typeof webkit !== 'undefined' && webkit !== null) {
        webkit.messageHandlers.openFeature.postMessage({});
      } else {
        androidBridge.shareFile(name, type, data);
      }
   }
    function openPdf(name, data) {
      if (typeof webkit !== 'undefined' && webkit !== null) {
        webkit.messageHandlers.openFeature.postMessage({});
      } else {
        androidBridge.openPdf(name, data);
      }
   }
    function disconnect() {
      androidBridge.disconnect();
   }
  </script>
</head>
<body>
  <center>
    <h1>Test mobile bridge function</h1>
    <div id="content">
      This page is use to test native bridge features
    </div>
    <div>
      Here are few examples:
    </div>
    <div>
      <input type="button" value="Exit web app" onClick="exitWebapp()" /><br/>
      <a href="tel:+33500000000">Link TEL</a>
      <input type="button" value="Get permissions" onClick="getCameraAndReadFilePermission()" /><br/>
      <input type="button" value="Get Location" onClick="getLocation()" /><br/>
      <input type="button" value="Get Location permissions" onClick="getPermissions()" /><br/>
      <input type="button" value="Show permission alert" onClick="setCameraAndReadFilePermission(false)" /><br/>
      <input type="button" value="Open Feature" onClick="openFeature('ad.dpn.link.card')" /><br/>
      <input type="button" value="Open Youtube" onclick="window.location.href = 'https://youtu.be/c4D6EETkBNE'" /><br/>
      <input type="button" value="Open Transfer CE" onclick="window.location.href = 'caisse-epargne://transfer'" /><br/>
      <input type="button" value="Open Transfer BP" onclick="window.location.href = 'banquepopulaire://transfer'" /><br/>
      <input type="button" value="Navigate inside website" onclick="window.location.href = 'http://mobilefactory.banquepopulaire.tec/environnement/environnements.php'" /><br/>
      <input type="button" value="Open other url" onclick="window.location.href = 'https://groupebpce.com/'" /><br/>
      <input type="button" value="Open PDF" onclick="window.location.href = 'https://groupebpce.com/en/content/download/16766/file/GroupeBPCE-IDentity-BD-19062019.pdf'" /><br/>
      <input type="button" value="Share PDF" onClick="shareFile('the_file_name.pdf', 'application/pdf', 'JVBERi0xLjMNCiXi48/TDQoNCjEgMCBvYmoNCjw8DQovVHlwZSAvQ2F0YWxvZw0KL091dGxpbmVzIDIgMCBSDQovUGFnZXMgMyAwIFINCj4+DQplbmRvYmoNCg0KMiAwIG9iag0KPDwNCi9UeXBlIC9PdXRsaW5lcw0KL0NvdW50IDANCj4+DQplbmRvYmoNCg0KMyAwIG9iag0KPDwNCi9UeXBlIC9QYWdlcw0KL0NvdW50IDINCi9LaWRzIFsgNCAwIFIgNiAwIFIgXSANCj4+DQplbmRvYmoNCg0KNCAwIG9iag0KPDwNCi9UeXBlIC9QYWdlDQovUGFyZW50IDMgMCBSDQovUmVzb3VyY2VzIDw8DQovRm9udCA8PA0KL0YxIDkgMCBSIA0KPj4NCi9Qcm9jU2V0IDggMCBSDQo+Pg0KL01lZGlhQm94IFswIDAgNjEyLjAwMDAgNzkyLjAwMDBdDQovQ29udGVudHMgNSAwIFINCj4+DQplbmRvYmoNCg0KNSAwIG9iag0KPDwgL0xlbmd0aCAxMDc0ID4+DQpzdHJlYW0NCjIgSg0KQlQNCjAgMCAwIHJnDQovRjEgMDAyNyBUZg0KNTcuMzc1MCA3MjIuMjgwMCBUZA0KKCBBIFNpbXBsZSBQREYgRmlsZSApIFRqDQpFVA0KQlQNCi9GMSAwMDEwIFRmDQo2OS4yNTAwIDY4OC42MDgwIFRkDQooIFRoaXMgaXMgYSBzbWFsbCBkZW1vbnN0cmF0aW9uIC5wZGYgZmlsZSAtICkgVGoNCkVUDQpCVA0KL0YxIDAwMTAgVGYNCjY5LjI1MDAgNjY0LjcwNDAgVGQNCigganVzdCBmb3IgdXNlIGluIHRoZSBWaXJ0dWFsIE1lY2hhbmljcyB0dXRvcmlhbHMuIE1vcmUgdGV4dC4gQW5kIG1vcmUgKSBUag0KRVQNCkJUDQovRjEgMDAxMCBUZg0KNjkuMjUwMCA2NTIuNzUyMCBUZA0KKCB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiApIFRqDQpFVA0KQlQNCi9GMSAwMDEwIFRmDQo2OS4yNTAwIDYyOC44NDgwIFRkDQooIEFuZCBtb3JlIHRleHQuIEFuZCBtb3JlIHRleHQuIEFuZCBtb3JlIHRleHQuIEFuZCBtb3JlIHRleHQuIEFuZCBtb3JlICkgVGoNCkVUDQpCVA0KL0YxIDAwMTAgVGYNCjY5LjI1MDAgNjE2Ljg5NjAgVGQNCiggdGV4dC4gQW5kIG1vcmUgdGV4dC4gQm9yaW5nLCB6enp6ei4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gQW5kICkgVGoNCkVUDQpCVA0KL0YxIDAwMTAgVGYNCjY5LjI1MDAgNjA0Ljk0NDAgVGQNCiggbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiApIFRqDQpFVA0KQlQNCi9GMSAwMDEwIFRmDQo2OS4yNTAwIDU5Mi45OTIwIFRkDQooIEFuZCBtb3JlIHRleHQuIEFuZCBtb3JlIHRleHQuICkgVGoNCkVUDQpCVA0KL0YxIDAwMTAgVGYNCjY5LjI1MDAgNTY5LjA4ODAgVGQNCiggQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgKSBUag0KRVQNCkJUDQovRjEgMDAxMCBUZg0KNjkuMjUwMCA1NTcuMTM2MCBUZA0KKCB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBFdmVuIG1vcmUuIENvbnRpbnVlZCBvbiBwYWdlIDIgLi4uKSBUag0KRVQNCmVuZHN0cmVhbQ0KZW5kb2JqDQoNCjYgMCBvYmoNCjw8DQovVHlwZSAvUGFnZQ0KL1BhcmVudCAzIDAgUg0KL1Jlc291cmNlcyA8PA0KL0ZvbnQgPDwNCi9GMSA5IDAgUiANCj4+DQovUHJvY1NldCA4IDAgUg0KPj4NCi9NZWRpYUJveCBbMCAwIDYxMi4wMDAwIDc5Mi4wMDAwXQ0KL0NvbnRlbnRzIDcgMCBSDQo+Pg0KZW5kb2JqDQoNCjcgMCBvYmoNCjw8IC9MZW5ndGggNjc2ID4+DQpzdHJlYW0NCjIgSg0KQlQNCjAgMCAwIHJnDQovRjEgMDAyNyBUZg0KNTcuMzc1MCA3MjIuMjgwMCBUZA0KKCBTaW1wbGUgUERGIEZpbGUgMiApIFRqDQpFVA0KQlQNCi9GMSAwMDEwIFRmDQo2OS4yNTAwIDY4OC42MDgwIFRkDQooIC4uLmNvbnRpbnVlZCBmcm9tIHBhZ2UgMS4gWWV0IG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gKSBUag0KRVQNCkJUDQovRjEgMDAxMCBUZg0KNjkuMjUwMCA2NzYuNjU2MCBUZA0KKCBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSB0ZXh0LiBBbmQgbW9yZSApIFRqDQpFVA0KQlQNCi9GMSAwMDEwIFRmDQo2OS4yNTAwIDY2NC43MDQwIFRkDQooIHRleHQuIE9oLCBob3cgYm9yaW5nIHR5cGluZyB0aGlzIHN0dWZmLiBCdXQgbm90IGFzIGJvcmluZyBhcyB3YXRjaGluZyApIFRqDQpFVA0KQlQNCi9GMSAwMDEwIFRmDQo2OS4yNTAwIDY1Mi43NTIwIFRkDQooIHBhaW50IGRyeS4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gQW5kIG1vcmUgdGV4dC4gKSBUag0KRVQNCkJUDQovRjEgMDAxMCBUZg0KNjkuMjUwMCA2NDAuODAwMCBUZA0KKCBCb3JpbmcuICBNb3JlLCBhIGxpdHRsZSBtb3JlIHRleHQuIFRoZSBlbmQsIGFuZCBqdXN0IGFzIHdlbGwuICkgVGoNCkVUDQplbmRzdHJlYW0NCmVuZG9iag0KDQo4IDAgb2JqDQpbL1BERiAvVGV4dF0NCmVuZG9iag0KDQo5IDAgb2JqDQo8PA0KL1R5cGUgL0ZvbnQNCi9TdWJ0eXBlIC9UeXBlMQ0KL05hbWUgL0YxDQovQmFzZUZvbnQgL0hlbHZldGljYQ0KL0VuY29kaW5nIC9XaW5BbnNpRW5jb2RpbmcNCj4+DQplbmRvYmoNCg0KMTAgMCBvYmoNCjw8DQovQ3JlYXRvciAoUmF2ZSBcKGh0dHA6Ly93d3cubmV2cm9uYS5jb20vcmF2ZVwpKQ0KL1Byb2R1Y2VyIChOZXZyb25hIERlc2lnbnMpDQovQ3JlYXRpb25EYXRlIChEOjIwMDYwMzAxMDcyODI2KQ0KPj4NCmVuZG9iag0KDQp4cmVmDQowIDExDQowMDAwMDAwMDAwIDY1NTM1IGYNCjAwMDAwMDAwMTkgMDAwMDAgbg0KMDAwMDAwMDA5MyAwMDAwMCBuDQowMDAwMDAwMTQ3IDAwMDAwIG4NCjAwMDAwMDAyMjIgMDAwMDAgbg0KMDAwMDAwMDM5MCAwMDAwMCBuDQowMDAwMDAxNTIyIDAwMDAwIG4NCjAwMDAwMDE2OTAgMDAwMDAgbg0KMDAwMDAwMjQyMyAwMDAwMCBuDQowMDAwMDAyNDU2IDAwMDAwIG4NCjAwMDAwMDI1NzQgMDAwMDAgbg0KDQp0cmFpbGVyDQo8PA0KL1NpemUgMTENCi9Sb290IDEgMCBSDQovSW5mbyAxMCAwIFINCj4+DQoNCnN0YXJ0eHJlZg0KMjcxNA0KJSVFT0YNCg==')"/><br/>
      <input type="button" value="View PDF" onClick="openPdf('the_file_name.pdf', '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PC9UeXBlL1BhZ2UvTWVkaWFCb3hbMCAwIDU5NSA4NDJdL1Jlc291cmNlczw8L1Byb2NTZXQgWy9QREYgL1RleHQgL0ltYWdlQiAvSW1hZ2VDIC9JbWFnZUldL0ZvbnQ8PC9GMSAxIDAgUi9GMiAyIDAgUj4+L1hPYmplY3Q8PC9pbWcwIDMgMCBSL2ltZzEgNCAwIFI+Pj4+L0NvbnRlbnRzIDUgMCBSL1BhcmVudCA2IDAgUj4+CmVuZG9iagoxIDAgb2JqCjw8L1R5cGUvRm9udC9TdWJ0eXBlL1R5cGUxL0Jhc2VGb250L0hlbHZldGljYS9FbmNvZGluZy9XaW5BbnNpRW5jb2Rpbmc+PgplbmRvYmoKMiAwIG9iago8PC9UeXBlL0ZvbnQvU3VidHlwZS9UeXBlMS9CYXNlRm9udC9Db3VyaWVyL0VuY29kaW5nL1dpbkFuc2lFbmNvZGluZz4+CmVuZG9iago2IDAgb2JqCjw8L1R5cGUvUGFnZXMvQ291bnQgMS9LaWRzWzcgMCBSXS9JVFhUKDUuMi4xKT4+CmVuZG9iago4IDAgb2JqCjw8L1R5cGUvQ2F0YWxvZy9QYWdlcyA2IDAgUj4+CmVuZG9iago5IDAgb2JqCjw8L1Byb2R1Y2VyKGlUZXh0U2hhcnAgNS4yLjEgXChjXCkgMVQzWFQgQlZCQSkvQ3JlYXRpb25EYXRlKEQ6MjAyMDA5MjUxMTA0MTgrMDgnMDAnKS9Nb2REYXRlKEQ6MjAyMDA5MjUxMTA0MTgrMDgnMDAnKT4+CmVuZG9iagp4cmVmCjAgMTAKMDAwMDAwMDAwMCA2NTUzNSBmIAowMDAwMDA2NDkxIDAwMDAwIG4gCjAwMDAwMDY1NzkgMDAwMDAgbiAKMDAwMDAwMDAxNSAwMDAwMCBuIAowMDAwMDAwMjEwIDAwMDAwIG4gCjAwMDAwMDQyMjggMDAwMDAgbiAKMDAwMDAwNjY2NSAwMDAwMCBuIAowMDAwMDA2MjkxIDAwMDAwIG4gCjAwMDAwMDY3MjggMDAwMDAgbiAKMDAwMDAwNjc3MyAwMDAwMCBuIAp0cmFpbGVyCjw8L1NpemUgMTAvUm9vdCA4IDAgUi9JbmZvIDkgMCBSL0lEIFs8MjViYWMwNzJmZjNmZmM1ZGQ3NDgwYjRlMThhNzZkYTQ+PGJlMDgyMWI1ZmU5NDQ4MDk1MjRkOTcwYzk2NjFhODg0Pl0+PgpzdGFydHhyZWYKNjkwOAolJUVPRgo=')"/><br/>
      <input type="button" value="Disconnect" onClick="disconnect()" /><br/>
      <form>
        <input type="file" accept="image/*"/>
        <input type="submit"/>
      </form>
      <form>
        <input type="file" accept="image/*" capture="camera"/>
        <input type="submit"/>
      </form>
    </div>
  </center>
</body>
</html>