Notification Time
45 |There should be a notification waiting for you...
48 |
14 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/app/src/main/assets/www/scripts/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (C) 2010 The Android Open Source Project
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | /**
18 | * When the window loads, connect the showNotificationBtn to the Javascript
19 | * interface "window.NotificationBind"
20 | */
21 | window.onload = function() {
22 | console.log('window.onload');
23 | var loadFileBtn = document.querySelector('.loadFileBtn');
24 | var fileInputField = document.querySelector('.hiddenFileInput');
25 | var img = document.querySelector('img');
26 |
27 | loadFileBtn.addEventListener('click', function() {
28 | fileInputField.click();
29 | }.bind(this));
30 | fileInputField.addEventListener('change', function(evt) {
31 | console.log('Change', evt);
32 | var reader = new FileReader();
33 | reader.onload = function (evt) {
34 | img.src = evt.target.result;
35 | };
36 |
37 | reader.readAsDataURL(evt.target.files[0]);
38 | });
39 | };
--------------------------------------------------------------------------------
/app/src/main/assets/www/styles/main.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (C) 2010 The Android Open Source Project
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | /** Reference Local Fonts **/
18 | @font-face {
19 | font-family: 'Lobster Two';
20 | font-style: normal;
21 | font-weight: 400;
22 | src: local('Lobster Two'), local('LobsterTwo'), url('../fonts/Lobster_Two/LobsterTwo-Regular.ttf') format('truetype');
23 | }
24 |
25 | @font-face {
26 | font-family: 'Londrina Shadow';
27 | font-style: normal;
28 | font-weight: 400;
29 | src: local('Londrina Shadow'), local('LondrinaShadow-Regular'), url('../fonts/Londrina_Shadow/LondrinaShadow-Regular.ttf') format('truetype');
30 | }
31 |
32 | html, body {
33 | width: 100%;
34 | height: 100%;
35 | min-height: 100%;
36 | margin: 0;
37 | padding: 0;
38 | font-size: 26px;
39 |
40 | overflow: hidden;
41 | }
42 |
43 | body {
44 | position: relative;
45 | font-family: 'Lobster Two', cursive;
46 |
47 | overflow: hidden;
48 | }
49 |
50 | h1, h2, h3, h4, h5, h6 {
51 | font-family: 'Londrina Shadow', cursive;
52 | }
53 |
54 | button {
55 | display: block;
56 | width: 100%;
57 | background-color: #f39c12;
58 | color: #fefefe;
59 | font-family: inherit;
60 | font-size: inherit;
61 | padding: 16px;
62 | margin: 0 auto;
63 | border-radius: 6px;
64 | border-style: none;
65 | border-bottom-style: solid;
66 | border-color: #E68F05;
67 | border-width: 4px;
68 |
69 | /**
70 | * Remove any touch feedback from WebView since
71 | * We handle the :active state
72 | */
73 | outline: 0;
74 | -webkit-tap-highlight-color: rgba(0,0,0, 0.0);
75 |
76 | -webkit-user-select: none;
77 | user-select: none;
78 | }
79 |
80 | button:focus {
81 | background-color: #E68F05;
82 | border-color: #DA8300;
83 | }
84 |
85 | button:active {
86 | background-color: #FFA91F;
87 | border-color: #E68F05;
88 | }
89 |
90 | @media screen and (min-width: 500px) {
91 | button {
92 | width: 60%;
93 | }
94 | }
95 |
96 | @media screen and (min-width: 750px) {
97 | button {
98 | width: 40%;
99 | max-width: 400px;
100 | }
101 | }
102 |
103 | .hiddenFileInput {
104 | width: 0;
105 | height: 0;
106 | visibility: hidden;
107 | position: absolute;
108 | top: 0;
109 | left: 0;
110 | }
111 |
112 | .center {
113 | display: flex;
114 | flex-direction: column;
115 |
116 | width: 100%;
117 | height: 100%;
118 |
119 | align-items: center;
120 | justify-content: center;
121 |
122 | padding: 8px;
123 |
124 | box-sizing: border-box;
125 | }
126 |
127 | img {
128 | max-width: 100%;
129 | max-height: 60%;
130 | margin-bottom: 8px;
131 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/chiclaim/webview/AppChooserActivity.java:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (C) 2010 The Android Open Source Project
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | package com.chiclaim.webview;
17 |
18 | import android.app.Activity;
19 | import android.os.Bundle;
20 | import android.util.Log;
21 | import android.view.Menu;
22 | import android.view.MenuItem;
23 |
24 | /**
25 | * WebView 选择文件上传，使用系统自带选择框
26 | */
27 | public class AppChooserActivity extends Activity {
28 |
29 | private static final String TAG = AppChooserActivity.class.getSimpleName();
30 |
31 | @Override
32 | protected void onCreate(Bundle savedInstanceState) {
33 | super.onCreate(savedInstanceState);
34 | setContentView(R.layout.app_chooser_activity);
35 | if (savedInstanceState == null) {
36 | Log.v(TAG, "AppChooserFragment Creation");
37 | getFragmentManager().beginTransaction()
38 | .add(R.id.container, new AppChooserFragment())
39 | .commit();
40 | }
41 | }
42 |
43 |
44 | @Override
45 | public boolean onCreateOptionsMenu(Menu menu) {
46 | // Inflate the menu; this adds items to the action bar if it is present.
47 | getMenuInflater().inflate(R.menu.main, menu);
48 | return true;
49 | }
50 |
51 | @Override
52 | public boolean onOptionsItemSelected(MenuItem item) {
53 | // Handle action bar item clicks here. The action bar will
54 | // automatically handle clicks on the Home/Up button, so long
55 | // as you specify a parent activity in AndroidManifest.xml.
56 | int id = item.getItemId();
57 | if (id == R.id.action_settings) {
58 | return true;
59 | }
60 | return super.onOptionsItemSelected(item);
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/app/src/main/java/com/chiclaim/webview/AppChooserFragment.java:
--------------------------------------------------------------------------------
1 | package com.chiclaim.webview;
2 |
3 | import android.app.Activity;
4 | import android.app.Fragment;
5 | import android.content.Intent;
6 | import android.net.Uri;
7 | import android.os.Bundle;
8 | import android.os.Environment;
9 | import android.provider.MediaStore;
10 | import android.util.Log;
11 | import android.view.LayoutInflater;
12 | import android.view.View;
13 | import android.view.ViewGroup;
14 | import android.webkit.ValueCallback;
15 | import android.webkit.WebChromeClient;
16 | import android.webkit.WebSettings;
17 | import android.webkit.WebView;
18 |
19 | import java.io.File;
20 | import java.io.IOException;
21 | import java.text.SimpleDateFormat;
22 | import java.util.Date;
23 |
24 | public class AppChooserFragment extends Fragment {
25 |
26 | private static final String TAG = AppChooserFragment.class.getSimpleName();
27 |
28 | public static final int REQUEST_CODE_LOLIPOP = 1;
29 | private final static int RESULT_CODE_ICE_CREAM = 2;
30 |
31 | private WebView mWebView;
32 | private ValueCallback
15 |
20 |
21 | Notify Me of Awesome
34 |
41 |
42 |
43 |
44 |
46 |
47 |
49 | You Clicked the Notification
54 |
56 |
58 | There is only so much I can do with a notification you know...
57 |Ssshhhhh
63 |
66 |
68 | Secret Spot in the app, congrats :)
67 |