Skip to content

Commit f9f7098

Browse files
puranjayjainpuranjayjain
committed
more design
1 parent 23dedac commit f9f7098

8 files changed

+293
-182
lines changed

‎TODO.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
- [ ] Showcase the app on the material-ui docs site
1+
- [ ] Showcase the app on the material-ui or polymer docs site
22
- [x] remove all inline TODO statements and make it work
3-
- [ ] add a linter
3+
- [x] add a linter
44
- [ ] Always remove all inline TODOs and console.logs on release build
55
- [ ] implement the offline/online feature detection http://electron.atom.io/docs/all/#onlineoffline-event-detection
66
- [ ] decide between tray icon change or overlay status and implement it http://electron.atom.io/docs/all/#icon-overlays-in-taskbar-windows

‎past/src/assets/icon - Copy.svg

+64
Loading

‎src/bower.json

+8-1
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,16 @@
1717
"paper-icon-button": "PolymerElements/paper-icon-button#~1.1.0",
1818
"polymer": "Polymer/polymer#^1.6.0",
1919
"paper-menu": "PolymerElements/paper-menu#^1.2.2",
20-
"paper-item": "PolymerElements/paper-item#^1.2.1"
20+
"paper-item": "PolymerElements/paper-item#^1.2.1",
21+
"paper-fab": "PolymerElements/paper-fab#^1.2.1",
22+
"iron-icons": "PolymerElements/iron-icons#^1.2.0",
23+
"paper-datatable": "David-Mulder/paper-datatable#^0.9.8",
24+
"paper-tooltip": "PolymerElements/paper-tooltip#^1.1.3"
2125
},
2226
"devDependencies": {
2327
"web-component-tester": "^4.0.0"
28+
},
29+
"resolutions": {
30+
"paper-styles": "^1.0.0"
2431
}
2532
}

‎src/index.html

+66-105
Original file line numberDiff line numberDiff line change
@@ -1,110 +1,71 @@
1-
<!--
2-
@license
3-
Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
4-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7-
Code distributed by Google as part of the polymer project is also
8-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9-
-->
10-
111
<!doctype html>
122
<html lang="en">
13-
<head>
14-
<meta charset="utf-8">
15-
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
16-
17-
<title>Youtube-dl GUI</title>
18-
<meta name="description" content="Youtube-dl GUI description">
19-
20-
<link rel="icon" href="/images/favicon.ico">
21-
22-
<!-- See https://goo.gl/OOhYW5 -->
23-
<link rel="manifest" href="/manifest.json">
24-
25-
<!-- See https://goo.gl/qRE0vM -->
26-
<meta name="theme-color" content="#3f51b5">
27-
28-
<!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
29-
<meta name="mobile-web-app-capable" content="yes">
30-
<meta name="application-name" content="Youtube-dl GUI">
31-
32-
<!-- Add to homescreen for Safari on iOS -->
33-
<meta name="apple-mobile-web-app-capable" content="yes">
34-
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
35-
<meta name="apple-mobile-web-app-title" content="Youtube-dl GUI">
36-
37-
<!-- Homescreen icons -->
38-
<link rel="apple-touch-icon" href="/images/manifest/icon-48x48.png">
39-
<link rel="apple-touch-icon" sizes="72x72" href="/images/manifest/icon-72x72.png">
40-
<link rel="apple-touch-icon" sizes="96x96" href="/images/manifest/icon-96x96.png">
41-
<link rel="apple-touch-icon" sizes="144x144" href="/images/manifest/icon-144x144.png">
42-
<link rel="apple-touch-icon" sizes="192x192" href="/images/manifest/icon-192x192.png">
43-
44-
<!-- Tile icon for Windows 8 (144x144 + tile color) -->
45-
<meta name="msapplication-TileImage" content="/images/manifest/icon-144x144.png">
46-
<meta name="msapplication-TileColor" content="#3f51b5">
47-
<meta name="msapplication-tap-highlight" content="no">
48-
49-
<script>
50-
// Setup Polymer options
51-
window.Polymer = {
52-
dom: 'shadow',
53-
lazyRegister: true
54-
};
55-
56-
// Load webcomponentsjs polyfill if browser does not support native Web Components
57-
(function() {
58-
'use strict';
59-
60-
var onload = function() {
61-
// For native Imports, manually fire WebComponentsReady so user code
62-
// can use the same code path for native and polyfill'd imports.
63-
if (!window.HTMLImports) {
64-
document.dispatchEvent(
65-
new CustomEvent('WebComponentsReady', {bubbles: true})
66-
);
67-
}
68-
};
69-
70-
var webComponentsSupported = (
71-
'registerElement' in document
72-
&& 'import' in document.createElement('link')
73-
&& 'content' in document.createElement('template')
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
6+
<title>Youtube-dl GUI</title>
7+
<meta name="description" content="Youtube-dl GUI description">
8+
<link rel="icon" href="/images/favicon.ico">
9+
10+
<script>
11+
// Setup Polymer options
12+
window.Polymer = {
13+
dom: 'shadow',
14+
lazyRegister: true
15+
};
16+
17+
// Load webcomponentsjs polyfill if browser does not support native Web Components
18+
(function() {
19+
'use strict';
20+
21+
var onload = function() {
22+
// For native Imports, manually fire WebComponentsReady so user code
23+
// can use the same code path for native and polyfill'd imports.
24+
if (!window.HTMLImports) {
25+
document.dispatchEvent(
26+
new CustomEvent('WebComponentsReady', {bubbles: true})
7427
);
75-
76-
if (!webComponentsSupported) {
77-
var script = document.createElement('script');
78-
script.async = true;
79-
script.src = '/bower_components/webcomponentsjs/webcomponents-lite.min.js';
80-
script.onload = onload;
81-
document.head.appendChild(script);
82-
} else {
83-
onload();
84-
}
85-
})();
86-
87-
// Load pre-caching Service Worker
88-
if ('serviceWorker' in navigator) {
89-
window.addEventListener('load', function() {
90-
navigator.serviceWorker.register('/service-worker.js');
91-
});
92-
}
93-
</script>
94-
95-
<link rel="import" href="/src/youtube-dl.html">
96-
97-
<style>
98-
body {
99-
margin: 0;
100-
font-family: 'Roboto', 'Noto', sans-serif;
101-
line-height: 1.5;
102-
min-height: 100vh;
103-
background-color: #eeeeee;
10428
}
105-
</style>
106-
</head>
107-
<body>
108-
<youtube-dl></youtube-dl>
109-
</body>
29+
};
30+
31+
var webComponentsSupported = (
32+
'registerElement' in document
33+
&& 'import' in document.createElement('link')
34+
&& 'content' in document.createElement('template')
35+
);
36+
37+
if (!webComponentsSupported) {
38+
var script = document.createElement('script');
39+
script.async = true;
40+
script.src = '/bower_components/webcomponentsjs/webcomponents-lite.min.js';
41+
script.onload = onload;
42+
document.head.appendChild(script);
43+
} else {
44+
onload();
45+
}
46+
})();
47+
48+
// Load pre-caching Service Worker
49+
if ('serviceWorker' in navigator) {
50+
window.addEventListener('load', function() {
51+
navigator.serviceWorker.register('/service-worker.js');
52+
});
53+
}
54+
</script>
55+
56+
<link rel="import" href="/src/youtube-dl.html">
57+
58+
<style>
59+
body {
60+
margin: 0;
61+
font-family: 'Roboto', 'Noto', sans-serif;
62+
line-height: 1.5;
63+
min-height: 100vh;
64+
background-color: #eeeeee;
65+
}
66+
</style>
67+
</head>
68+
<body>
69+
<youtube-dl></youtube-dl>
70+
</body>
11071
</html>

‎src/src/lightning.html

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
2+
<link rel="import" href="../bower_components/iron-iconset-svg/iron-iconset-svg.html">
3+
<iron-iconset-svg name="youtube-dl" size="24">
4+
<svg><defs>
5+
<g id="lightning">
6+
<path d="M 16.310357,0.428142 3.495,13.735285 l 8.013214,0 L 8.1958929,23.571 20.505,10.842428 l -7.810714,0 z"/>
7+
</g>
8+
</defs></svg>
9+
</iron-iconset-svg>

‎src/src/my-icons.html

-31
This file was deleted.

0 commit comments

Comments
 (0)