', '
') 59 | .replaceAll('
\n', '
') 60 | .replaceAll('\n', '
'); 61 | return (episodeDescription.indexOf('') == -1 ? urlify(episodeDescription) : episodeDescription); 62 | } 63 | 64 | function getDurationFromDurationKey(episode) { 65 | if(!episode.durationKey) 66 | return "#h #min"; 67 | 68 | let duration = parseFeedEpisodeDuration(episode.durationKey.split(":")); 69 | 70 | if (duration.hours == 0 && duration.minutes == 0) 71 | duration = ""; 72 | else 73 | duration = duration.hours + "h " + duration.minutes + "min"; 74 | return duration; 75 | } 76 | 77 | function setRefreshingStateUI() { 78 | $('#menu-refresh').addClass('is-refreshing'); 79 | $('#menu-refresh').off('click'); 80 | } 81 | 82 | function unsetRefreshingStateUI() { 83 | setTimeout(() => { 84 | $('#menu-refresh').removeClass('is-refreshing'); 85 | $('#menu-refresh').click(readFeeds); 86 | }, 2000); 87 | } 88 | 89 | function readFeeds() { 90 | setRefreshingStateUI(); 91 | 92 | if(!allFavoritePodcasts.isEmpty()) { 93 | let podcasts = allFavoritePodcasts.getAll(); 94 | for (let i in podcasts) { 95 | allFeeds.lastFeedUrlToReload = podcasts[i].feedUrl; 96 | readFeedByFeedUrl(podcasts[i].feedUrl, (i == podcasts.length - 1)); 97 | } 98 | } else 99 | unsetRefreshingStateUI(); 100 | allArchiveEpisodes.downloadManager.saveAll(); 101 | } 102 | 103 | function readFeedByFeedUrl(feedUrl, forceUnsetRefreshing) { 104 | makeRequest(feedUrl, updateFeed, (jqXHR) => { 105 | // ERR_INTERNET_DISCONNECTED 106 | if(jqXHR.status == 0 || forceUnsetRefreshing) 107 | unsetRefreshingStateUI(); 108 | }); 109 | } 110 | 111 | function updateFeed(_Content, FeedUrl) { 112 | allFeeds.initFeed(FeedUrl) 113 | 114 | if (isContent302NotFound(_Content)) { 115 | allFeeds.ui.showNothingToShow(FeedUrl); 116 | } else { 117 | if (_Content.includes("")) 118 | allFeeds.ui.showNothingToShow(FeedUrl); 119 | else 120 | processEpisodes(_Content, FeedUrl); 121 | } 122 | } 123 | 124 | xmlParserWorker.onmessage = function(ev) { 125 | let newFeed = ev.data.json; 126 | let podcastData = ev.data.podcastData; 127 | let feedUrl = podcastData.feedUrl; 128 | let oldFeed = allFeeds.getFeedPodcast(feedUrl); 129 | oldFeed = (!oldFeed ? [] : oldFeed); 130 | 131 | allFavoritePodcasts.setData(podcastData); 132 | allFeeds.set(newFeed); 133 | 134 | if(allFeeds.ui.checkPageByFeedUrl(feedUrl)) { 135 | allFeeds.ui.setHeaderArtistContent(podcastData.data.artistName); 136 | allFeeds.ui.setHeaderDescriptionContent(getInfoFromDescription(podcastData ? podcastData.data.description : '')); 137 | } 138 | 139 | updateFeedWorker.postMessage({ 140 | oldFeed: oldFeed, 141 | newFeed: newFeed 142 | }) 143 | 144 | if(allFeeds.lastFeedUrlToReload == feedUrl) 145 | unsetRefreshingStateUI(); 146 | } 147 | 148 | updateFeedWorker.onmessage = function(ev) { 149 | let feedUrl = ev.data.feedUrl; 150 | let new_episodes = ev.data.new_episodes; 151 | let deleted_episodes = ev.data.deleted_episodes; 152 | let initialLength = ev.data.initialLength; 153 | let feed = ev.data.feed; 154 | 155 | if(initialLength == 0 && new_episodes.length == feed.length) { 156 | allFeeds.ui.showLastNFeedElements(feed); 157 | addEpisodesFromTheLastWeek(feedUrl, feed); 158 | } else { 159 | for(let i in new_episodes) { 160 | let index = allFeeds.findEpisodeByEpisodeUrl(feedUrl, new_episodes[i]) 161 | let episode = feed[index]; 162 | 163 | allFeeds.ui.add(episode, index); 164 | if(!getSettings(feedUrl) && checkDateIsInTheLastWeek(episode)) 165 | allNewEpisodes.add(episode); 166 | } 167 | } 168 | 169 | for(let i = deleted_episodes.length - 1; i >= 0; i--) { 170 | let episodeUrl = deleted_episodes[i]; 171 | 172 | allFeeds.ui.remove(feedUrl, episodeUrl); 173 | allFeeds.playback.remove(episodeUrl) 174 | allNewEpisodes.removeByEpisodeUrl(episodeUrl); 175 | allArchiveEpisodes.removeByEpisodeUrl(episodeUrl); 176 | } 177 | } 178 | 179 | function addEpisodesFromTheLastWeek(feedUrl, feed) { 180 | if(!getSettings(feedUrl)) { 181 | for(let i in feed) { 182 | let episode = feed[i]; 183 | if(checkDateIsInTheLastWeek(episode)) 184 | allNewEpisodes.add(episode); 185 | else 186 | return; 187 | } 188 | } 189 | } 190 | 191 | function showAllEpisodes(obj) { 192 | let podcast = _(obj); 193 | 194 | let tmpPodcast = allFavoritePodcasts.getByFeedUrl(podcast.feedUrl); 195 | if(tmpPodcast) 196 | podcast = tmpPodcast; 197 | if(!podcast.data) 198 | podcast = getPodcastFromEpisode(podcast); 199 | 200 | setGridLayout(false); 201 | 202 | clearBody(); 203 | setHeaderViewAction(); 204 | removeContentRightHeader(); 205 | 206 | getAllEpisodesFromFeed(podcast); 207 | } 208 | 209 | function getAllEpisodesFromFeed(podcast) { 210 | let feedUrl = podcast.feedUrl; 211 | 212 | allFeeds.ui.showHeader(podcast); 213 | 214 | let feed = allFeeds.getFeedPodcast(feedUrl); 215 | allFeeds.ui.showLastNFeedElements(feed); 216 | 217 | makeRequest(feedUrl, processEpisodes, () => { 218 | allFeeds.ui.showNothingToShow(feedUrl); 219 | }); 220 | } 221 | 222 | // --------------------------------------------------------------------------------------------------------------------- 223 | // NOTE: Helper to clear corrupt feeds 224 | 225 | function isContent302NotFound(content) { 226 | return (content == "" || content.includes("302 Found")); 227 | } 228 | 229 | // --------------------------------------------------------------------------------------------------------------------- 230 | 231 | function processEpisodes(content, feedUrl) { 232 | xmlParserWorker.postMessage({ 233 | xml: content, 234 | feedUrl: feedUrl, 235 | artwork: getBestArtworkUrl(feedUrl) 236 | }); 237 | } 238 | 239 | function addToArchive(self) { 240 | let listElement = self.parentElement.parentElement; 241 | 242 | allArchiveEpisodes.add(_(listElement)); 243 | 244 | } 245 | 246 | function removeFromArchive(self) { 247 | let listElement = self.parentElement.parentElement; 248 | 249 | allArchiveEpisodes.removeByEpisodeUrl(_(listElement).episodeUrl); 250 | } -------------------------------------------------------------------------------- /app/js/helper/helper_entries.js: -------------------------------------------------------------------------------- 1 | 2 | // --------------------------------------------------------------------------------------------------------------------- 3 | // RIGHT COLUMN 4 | // --------------------------------------------------------------------------------------------------------------------- 5 | 6 | 7 | function unsubscribeListElement(self) { 8 | let feedUrl = $(self).parent().data().feedUrl; 9 | allFavoritePodcasts.removeByFeedUrl(feedUrl); 10 | } 11 | 12 | function unsubscribeContextMenu(feedUrl) { 13 | allFavoritePodcasts.removeByFeedUrl(feedUrl); 14 | showFavoritesPage(); 15 | } 16 | 17 | function setHeartContent(self, emptyHeart) { 18 | $(self) 19 | .stop() 20 | .removeAttr('style') 21 | 22 | if(emptyHeart) { 23 | $(self).animate( 24 | {opacity: 0.4}, 25 | 150, 26 | function() { 27 | $(self) 28 | .html($(s_Heart).html()) 29 | .animate( 30 | {opacity: 0.6}, 31 | 150, 32 | function () { 33 | $(self).removeAttr('style'); 34 | }); 35 | } 36 | ); 37 | } else 38 | $(self).html($(s_FullHeart).html()); 39 | } 40 | 41 | // --------------------------------------------------------------------------------------------------------------------- 42 | // PODCAST ENTRY 43 | // --------------------------------------------------------------------------------------------------------------------- 44 | 45 | function getPodcastElement(artwork, title) { 46 | return $(` 47 |
49 | 
50 |
52 | ${title}
51 |
53 | ${s_FullHeart}
54 |
55 | ${title}
63 | ${title}
71 | ${value}
72 |
28 | ${innerHTML}
29 |
`
30 | ).get(0);
31 | }
32 |
33 | function getBoldTextPart(text) {
34 | return getGenericPart(text, "list-item-bold-text");
35 | }
36 |
37 | function getTextPart(text) {
38 | return getGenericPart(text, "list-item-text");
39 | }
40 |
41 | function getSubTextPart(text) {
42 | return getGenericPart(text, "list-item-sub-text");
43 | }
44 |
45 | function getFlagPart(text) {
46 | return $(getGenericPart(text, "list-item-flag"));
47 | }
48 |
49 | function getProgressionFlagPart(episodeUrl) {
50 | return allFeeds.playback.ui.getProgressionFlag(episodeUrl);
51 | }
52 |
53 | function getIconButtonPart(icon) {
54 | return getGenericPart(icon, "list-item-icon");
55 | }
56 |
57 | function getDescriptionPart() {
58 | return getGenericPart(s_InfoIcon, "list-item-icon list-item-description");
59 | }
60 |
61 | function addToArchiveOnClickAction(event) {
62 | event.stopPropagation();
63 |
64 | let episodeUrl = $(this).parent().parent().attr('url');
65 | let stateEpisode = allArchiveEpisodes.getStateDownload(episodeUrl);
66 | if(stateEpisode === 'completed' || stateEpisode === 'error' || stateEpisode === 'in_progress') {
67 | removeFromArchive(this);
68 | allArchiveEpisodes.ui.setNotDownloadedYet(episodeUrl);
69 | } else
70 | addToArchive(this);
71 | }
72 |
73 | function getAddToArchiveButtonPart(episodeUrl) {
74 | let stateEpisode = allArchiveEpisodes.getStateDownload(episodeUrl);
75 |
76 | let $button = null;
77 | switch(stateEpisode) {
78 | case 'completed':
79 | $button = getIconButtonPart(allArchiveEpisodes.ui.isArchivePage() ? s_DeleteIcon : s_RemoveEpisodeIcon);
80 | $button.title = i18n.__("Remove from archive");
81 | break;
82 | case 'error':
83 | $button = getIconButtonPart(s_DownloadErrorIcon);
84 | $button.title = i18n.__("Download error");
85 | break;
86 | case 'in_progress':
87 | $button = getIconButtonPart(s_DownloadInProgressIcon);
88 | $button.title = i18n.__("Download in progress");
89 | break;
90 | default:
91 | $button = getIconButtonPart(s_AddEpisodeIcon);
92 | $button.title = i18n.__("Add to archive");
93 | break;
94 | }
95 |
96 | $($button).find('svg').on('click', addToArchiveOnClickAction);
97 | return $button;
98 | }
99 |
100 | function changeIconButton(obj, icon, title) {
101 | $(obj)
102 | .off('click')
103 | .stop()
104 | .animate(
105 | {opacity: 0.6},
106 | 120,
107 | function() {
108 | $(obj)
109 | .html($(icon).html())
110 | .animate(
111 | {opacity: 1.0},
112 | 120,
113 | function () {
114 | $(obj)
115 | .on('click', addToArchiveOnClickAction)
116 | .removeAttr('style')
117 | .parent()
118 | .attr('title', title);
119 | });
120 | }
121 | );
122 | }
--------------------------------------------------------------------------------
/app/js/menu.js:
--------------------------------------------------------------------------------
1 |
2 | function selectMenuItem(_MenuId) {
3 | let $menuItem = _MenuId;
4 |
5 | clearTextField($('#search-input').get(0));
6 | loseFocusTextField("search-input");
7 |
8 | clearMenuSelection();
9 |
10 | $menuItem.addClass("selected");
11 | }
12 |
13 | function showNewEpisodesPage() {
14 | setContentRightHeader();
15 | let $newEpisodesEntry = $('#menu-episodes');
16 | let title = $newEpisodesEntry.find('span').html();
17 |
18 | setHeader(generateHtmlTitle(title), '');
19 | selectMenuItem($newEpisodesEntry);
20 |
21 | clearBody();
22 | setScrollPositionOnTop();
23 |
24 | setGridLayout(false);
25 |
26 | allNewEpisodes.ui.showAll();
27 | }
28 |
29 | function showFavoritesPage() {
30 | setContentRightHeader();
31 | let $favoritesEntry = $('#menu-favorites');
32 | let title = $favoritesEntry.find('span').html();
33 |
34 | setHeader(generateHtmlTitle(title));
35 | selectMenuItem($favoritesEntry);
36 | setHeaderViewAction("list");
37 |
38 | clearBody();
39 | setScrollPositionOnTop();
40 |
41 | let JsonContent = allFavoritePodcasts.getAll();
42 |
43 | setGridLayout(true);
44 |
45 | if (allFavoritePodcasts.isEmpty())
46 | allFavoritePodcasts.ui.showNothingToShowPage();
47 |
48 | let List = document.getElementById("list");
49 | for (let i in JsonContent) {
50 | let Artwork = getBestArtworkUrl(JsonContent[i].feedUrl);
51 |
52 | let ListElement = getPodcastElement(Artwork, JsonContent[i].data.collectionName);
53 |
54 | let HeaderElement = ListElement.getElementsByClassName('podcast-entry-header')[0]
55 |
56 | HeaderElement.getElementsByTagName("img")[0].setAttribute("draggable", false)
57 |
58 | $(ListElement).data(JsonContent[i]);
59 | $(HeaderElement).attr("feedUrl", JsonContent[i].feedUrl);
60 |
61 | ListElement.onclick = function (e) {
62 | if($(e.target).is('svg') || $(e.target).is('path') || $(e.target).hasClass('podcast-entry-actions') || $(e.target).hasClass('list-item-text')) {
63 | e.preventDefault();
64 | return;
65 | }
66 | showAllEpisodes(this);
67 | }
68 |
69 | let $heartButton = $(ListElement).find('.podcast-entry-actions');
70 | $heartButton.click(function () {
71 | $(this).stop();
72 | unsubscribeListElement(this);
73 | });
74 |
75 | $heartButton.hoverIntent(function () {
76 | setHeartContent($(this).find('svg'), true);
77 | }, function () {
78 | setHeartContent($(this).find('svg'), false);
79 | });
80 |
81 | $(ListElement).mouseleave(function () {
82 | setHeartContent($(this).find('svg'), false);
83 | })
84 |
85 | List.append(ListElement)
86 | }
87 | }
88 |
89 | function showArchivePage() {
90 | setContentRightHeader();
91 | let $archiveEntry = $('#menu-archive');
92 | let title = $archiveEntry.find('span').html();
93 |
94 | setHeader(generateHtmlTitle(title), '');
95 | selectMenuItem($archiveEntry);
96 |
97 | clearBody();
98 | setScrollPositionOnTop();
99 |
100 | setGridLayout(false);
101 |
102 | allArchiveEpisodes.ui.showAll()
103 | }
104 |
105 | function showStatisticsPage() {
106 | setContentRightHeader();
107 | let $statisticsEntry = $('#menu-statistics');
108 | let title = $statisticsEntry.find('span').html();
109 |
110 | setHeader(generateHtmlTitle(title), '');
111 | selectMenuItem($statisticsEntry);
112 |
113 | clearBody();
114 | setScrollPositionOnTop();
115 |
116 | setGridLayout(false);
117 |
118 | let list = document.getElementById("list");
119 |
120 | list.append(getStatisticsHeaderElement("Podcasts"));
121 |
122 | list.append(getStatisticsEntryElement(i18n.__("Favorite Podcasts"), allFavoritePodcasts.length()));
123 |
124 | if(!allNewEpisodes.isEmpty()) {
125 | let channelName = allFavoritePodcasts.getByFeedUrl(allNewEpisodes.get(0).feedUrl).data.collectionName;
126 | list.append(getStatisticsEntryElement(i18n.__("Last Podcast"), channelName));
127 | } else
128 | list.append(getStatisticsEntryElement(i18n.__("Last Podcast"), "None"));
129 |
130 | list.append(getStatisticsHeaderElement(i18n.__("Episodes")));
131 |
132 | list.append(getStatisticsEntryElement(i18n.__("Archive Items"), allArchiveEpisodes.length()));
133 |
134 | list.append(getStatisticsEntryElement(i18n.__("New Episodes"), allNewEpisodes.length()));
135 | }
136 |
137 | function showPage(page) {
138 | if(allPreferences.ui.isOpen) {
139 | if(page == 'settings')
140 | return;
141 |
142 | allPreferences.ui.exitSettingsUI();
143 | }
144 |
145 | switch(page) {
146 | case 'newEpisodes':
147 | showNewEpisodesPage();
148 | break;
149 | case 'favorites':
150 | showFavoritesPage();
151 | break;
152 | case 'archive':
153 | showArchivePage();
154 | break;
155 | case 'statistics':
156 | showStatisticsPage();
157 | break;
158 | case 'settings':
159 | allPreferences.ui.openSettingsUI();
160 | break;
161 | case 'search':
162 | focusTextField("search-input");
163 | break;
164 | default:
165 |
166 | break;
167 | }
168 | }
--------------------------------------------------------------------------------
/app/js/new_episodes_class.js:
--------------------------------------------------------------------------------
1 | var allNewEpisodes = null;
2 |
3 | class NewEpisodesUI extends ListUI {
4 |
5 | showNothingToShow() {
6 | if(this.isNewEpisodesPage())
7 | super.showNothingToShow(s_NewEpisodesNothingFoundIcon, 'new_episodes-nothing-to-show');
8 | }
9 |
10 | isNewEpisodesPage() {
11 | return (this.getPageType() == 'newEpisodes');
12 | }
13 |
14 | add(episode, i) {
15 | if(this.isNewEpisodesPage())
16 | super.add(episode, i);
17 |
18 | setItemCounts();
19 | }
20 |
21 |
22 | directAdd(episode, i, forceOriginalDirectAdd) {
23 | if(this.isNewEpisodesPage() || forceOriginalDirectAdd)
24 | super.directAdd(episode, i);
25 | }
26 |
27 | removeByEpisodeUrl(episodeUrl) {
28 | if(this.isNewEpisodesPage())
29 | super.removeByEpisodeUrl(episodeUrl, this.dataObject.getAll());
30 |
31 | setItemCounts();
32 | }
33 |
34 | showAll() {
35 | if(this.dataObject.isEmpty())
36 | this.showNothingToShow();
37 |
38 | let $list = this.getList();
39 | let epShownCounter = 0;
40 | for(let i in this.dataObject.episodes) {
41 | let episode = this.dataObject.get(i);
42 | if(!checkDateIsInTheLastWeek(episode))
43 | this.dataObject.removeByEpisodeUrl(episode.episodeUrl);
44 | else if(epShownCounter < this.bufferSize) {
45 | $list.append(this.getNewItemList(episode));
46 | epShownCounter++;
47 | }
48 | }
49 | setItemCounts();
50 |
51 | let length = this.length()
52 |
53 | this.firstEpisodeDisplayed = 0;
54 | this.lastEpisodeDisplayed = length - 1;
55 |
56 | this.appendShowMoreEpisodesButton();
57 | this.prependShowMoreEpisodesButton();
58 | /*
59 | if(this.bufferSize < this.dataObject.length())
60 | this.getShowMoreEpisodesBottomElement().show();
61 | */
62 | setScrollPositionOnTop();
63 | }
64 |
65 | convertItemIntoInfoItemList(obj) {
66 | let episode = _(obj);
67 |
68 | let $obj = $(obj);
69 | $obj.attr('info-mode', '');
70 | let $descriptionItem = $obj.find('.list-item-description');
71 | $obj.off('click');
72 |
73 | $obj.find('div').not(".list-item-description").css('display', 'none');
74 | $obj.css('grid-template-columns', '5em 1fr 5em 5em');
75 | $descriptionItem.before(
76 | `
77 | 78 | 79 | ${episode.episodeTitle} 80 | 81 |
82 | 83 | ${episode.channelName} 84 | 85 |
86 | 87 | ${$obj.find('.list-item-sub-text').html()} 88 | 89 |
90 | 91 | ${getInfoFromDescription(episode.episodeDescription)} 92 | 93 |
94 | 95 | ${new Date(episode.pubDate).toLocaleString()} 96 | 97 | 98 | ${allArchiveEpisodes.ui.getDownloadStateButton(episode.episodeUrl)} 99 | 100 |
101 |
102 | ` 103 | ) 104 | 105 | $obj.find('#info-item-list') 106 | .stop() 107 | .animate({opacity: 1.0}, 500); 108 | 109 | $descriptionItem.html(s_ArrowUpIcon); 110 | 111 | let initialHeight = $obj.css('height'); 112 | $obj.css('height', 'auto'); 113 | let autoHeight = $obj.css('height'); 114 | $obj.css('height', initialHeight) 115 | 116 | $obj.find('img') 117 | .css('position', 'relative') 118 | .css('top', '0px') 119 | .stop() 120 | .animate({top: '22px'}, 300); 121 | 122 | $obj 123 | .stop() 124 | .animate( 125 | {height: autoHeight}, 126 | 300, 127 | function () { 128 | $obj.css('height', 'auto'); 129 | }); 130 | } 131 | 132 | convertInfoItemIntoItemList($obj) { 133 | if($obj.get(0)) { 134 | let height = $obj.get(0).offsetHeight; 135 | $obj.removeAttr('info-mode'); 136 | 137 | $obj.click(function(e) { 138 | if($(e.target).is('svg') || $(e.target).is('path') || $(e.target).hasClass('list-item-icon') || $(e.target).hasClass('list-item-text')) { 139 | e.preventDefault(); 140 | return; 141 | } 142 | playerManager.startsPlaying(_(this)); 143 | }); 144 | 145 | $obj.find('div') 146 | .not('.list-item-flag') 147 | .removeAttr('style'); 148 | $obj.css('grid-template-columns', '5em 1fr 6em 1fr 6em 5em 5em'); 149 | 150 | $obj.find('img') 151 | .stop() 152 | .animate({top: '0px'}, 300, function () { 153 | $obj.find('img').removeAttr('style'); 154 | }); 155 | 156 | $obj 157 | .css('background-color', '') 158 | .css('height', height) 159 | .stop() 160 | .animate( 161 | {height: '3.2em'}, //2.86em 162 | 300, 163 | function () { 164 | $obj.css('height', ''); 165 | }); 166 | 167 | 168 | $obj.find('#info-item-list').remove(); 169 | 170 | $obj.find('.list-item-description') 171 | .html(s_InfoIcon); 172 | 173 | 174 | $obj.find('.list-item-flag') 175 | .css('display', ''); 176 | } 177 | } 178 | 179 | getNewItemList(newEpisode) { 180 | let episode = getInfoEpisodeByObj(newEpisode); 181 | 182 | let artwork = episode.artwork; 183 | let duration = getDurationFromDurationKey(episode); 184 | 185 | let $listElement = $(buildListItem( 186 | [ 187 | getImagePart(artwork), 188 | getBoldTextPart(episode.episodeTitle), 189 | getSubTextPart(duration), 190 | getTextPart(episode.channelName), 191 | getProgressionFlagPart(episode.episodeUrl), 192 | getDescriptionPart(), 193 | getAddToArchiveButtonPart(episode.episodeUrl) 194 | ], 195 | "5em 1fr 6em 1fr 6em 5em 5em" 196 | )); 197 | 198 | $listElement.click(function(e) { 199 | if($(e.target).is('svg') || $(e.target).is('path') || $(e.target).hasClass('list-item-icon') || $(e.target).hasClass('list-item-text')) { 200 | e.preventDefault(); 201 | return; 202 | } 203 | playerManager.startsPlaying(_(this)); 204 | }); 205 | 206 | $listElement.data(episode); 207 | $listElement.attr('url', episode.episodeUrl); 208 | 209 | if(allArchiveEpisodes.downloadManager.isDownloadInProgress(episode.episodeUrl)) 210 | $listElement 211 | .css('--progress', `${allArchiveEpisodes.downloadManager.data[episode.episodeUrl].progress || 0}%`) 212 | .addClass("download-in-progress"); 213 | 214 | switch(allArchiveEpisodes.getStateDownload(episode.episodeUrl)) { 215 | case 'in_progress': 216 | $listElement.addClass("download-in-progress"); 217 | break; 218 | case 'error': 219 | $listElement.addClass("download-error"); 220 | break; 221 | default: 222 | break; 223 | } 224 | 225 | if(playerManager.isPlaying(episode.episodeUrl)) 226 | $listElement.addClass("select-episode") 227 | 228 | $listElement.find('.list-item-description').click(() => { 229 | if($listElement.is('[info-mode]')) 230 | this.convertInfoItemIntoItemList($listElement); 231 | else { 232 | this.convertInfoItemIntoItemList(this.getAllItemsList().filter('[info-mode]')); 233 | this.convertItemIntoInfoItemList($listElement); 234 | } 235 | }) 236 | 237 | return $listElement; 238 | } 239 | } 240 | 241 | class NewEpisodes { 242 | constructor() { 243 | this.load(); 244 | this.ui = new NewEpisodesUI(this); 245 | } 246 | 247 | load() { 248 | if (!fs.existsSync(getNewEpisodesSaveFilePath())) 249 | fs.openSync(getNewEpisodesSaveFilePath(), 'w'); 250 | 251 | let fileContent = ifExistsReadFile(getNewEpisodesSaveFilePath()); 252 | this.episodes = JSON.parse(fileContent == "" ? "[]": fileContent); 253 | } 254 | 255 | update() { 256 | fs.writeFileSync(getNewEpisodesSaveFilePath(), JSON.stringify(this.episodes, null, "\t")); 257 | } 258 | 259 | length() { 260 | return this.episodes.length; 261 | } 262 | 263 | isEmpty() { 264 | return (this.length() == 0); 265 | } 266 | 267 | getAll() { 268 | return this.episodes; 269 | } 270 | 271 | get(i) { 272 | return this.episodes[i]; 273 | } 274 | 275 | getInfoByIndex(i) { 276 | let newEpisode = this.get(i); 277 | return getInfoEpisodeByObj(newEpisode); 278 | } 279 | 280 | findByEpisodeUrl(episodeUrl) { 281 | for(let i in this.episodes) 282 | if(this.episodes[i].episodeUrl == episodeUrl) 283 | return i; 284 | return -1; 285 | } 286 | 287 | getByEpisodeUrl(episodeUrl) { 288 | let i = this.findByEpisodeUrl(episodeUrl); 289 | return (i != -1 ? this.episodes[i] : undefined); 290 | } 291 | 292 | add(episode) { 293 | episode = { 294 | feedUrl: episode.feedUrl, 295 | episodeUrl: episode.episodeUrl 296 | } 297 | if(this.findByEpisodeUrl(episode.episodeUrl) == -1) { 298 | let i = 0; 299 | while(i < this.length() && compareEpisodeDates(this.episodes[i], episode) > 0) 300 | i++; 301 | this.episodes.splice(i, 0, episode); 302 | this.update(); 303 | this.ui.add(episode, i); 304 | return episode; 305 | } 306 | return null; 307 | } 308 | 309 | removeByEpisodeUrl(episodeUrl) { 310 | let i = this.findByEpisodeUrl(episodeUrl); 311 | if(i != -1) { 312 | this.episodes.splice(i, 1); 313 | this.update(); 314 | this.ui.removeByEpisodeUrl(episodeUrl); 315 | return true; 316 | } 317 | return false; 318 | } 319 | 320 | removePodcastEpisodes(feedUrl) { 321 | for(let i = this.episodes.length - 1; i >= 0; i--) { 322 | if(this.episodes[i].feedUrl == feedUrl) 323 | this.episodes.splice(i, 1); 324 | } 325 | this.update(); 326 | } 327 | } 328 | 329 | function loadNewEpisodes() { 330 | allNewEpisodes = new NewEpisodes(); 331 | } -------------------------------------------------------------------------------- /app/js/pages.js: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * Body 4 | */ 5 | 6 | function clearBody() { 7 | $('#content-right #content-right-body #list').html(''); 8 | } 9 | 10 | function setBody(bodyHtml) { 11 | $('#content-right #content-right-body #list').html(bodyHtml); 12 | } 13 | 14 | function getBody() { 15 | return $('#content-right #content-right-body #list').html(); 16 | } 17 | 18 | function setNothingToShowBody(icon, id, warning) { 19 | if(!id || !$('#' + id).get(0)) { 20 | id = !id ? '' : id; 21 | 22 | setGridLayout(false); 23 | let $body = 24 | ` 25 |
26 | ${icon} 27 |
28 | ${i18n.__('Nothing to show')} 29 | ${(warning ? 30 | `
31 | 32 | ${i18n.__(warning)} 33 | ` : '')} 34 | `; 35 | 36 | if(id === 'feed-nothing-to-show') 37 | allFeeds.ui.getHeader().after($body); 38 | else 39 | setBody($body); 40 | } 41 | } 42 | 43 | /* 44 | * Header 45 | */ 46 | 47 | function clearHeader() { 48 | $('#content-right #content-right-header h1').html(''); 49 | } 50 | 51 | function setHeader(headerHtml, buttonHtml) { 52 | if(headerHtml != undefined) 53 | $('#content-right #content-right-header h1').html(headerHtml); 54 | 55 | if(buttonHtml != undefined) 56 | $('#content-right #content-right-header div').html(buttonHtml); 57 | } 58 | 59 | function getHeader() { 60 | return $('#content-right #content-right-header h1').html(); 61 | } 62 | 63 | function generateHtmlTitle(title) { 64 | return '' + i18n.__(title) + '' 65 | } 66 | 67 | /* 68 | * Page 69 | */ 70 | /* 71 | function showPage(headerHtml, bodyHtml) { 72 | setHeader(headerHtml) 73 | setBody(bodyHtml) 74 | } */ 75 | 76 | function setScrollPositionOnTop() { 77 | $('#content-right').scrollTop(0); 78 | } 79 | 80 | function removeContentRightHeader() { 81 | $('#content-right').addClass('header-null'); 82 | } 83 | 84 | function setContentRightHeader() { 85 | $('#content-right').removeClass('header-null'); 86 | } -------------------------------------------------------------------------------- /app/js/playback_class.js: -------------------------------------------------------------------------------- 1 | class PlaybackUI extends UI { 2 | constructor(obj) { 3 | super(); 4 | this.dataObject = obj; 5 | } 6 | 7 | update(episodeUrl) { 8 | this.updateDone(episodeUrl); 9 | } 10 | 11 | updateDone(episodeUrl) { 12 | this.getByEpisodeUrl(episodeUrl).find('.list-item-flag') 13 | .css('--percentage', '100%') 14 | .css('--flag-color-1', '119, 153, 136') 15 | .html('Done'); 16 | } 17 | 18 | getProgressionFlag(episodeUrl) { 19 | let done = this.dataObject.getDone(episodeUrl); 20 | if(done) 21 | return getFlagPart('Done') 22 | .css('--percentage', '100%') 23 | .css('--flag-color-1', '119, 153, 136') 24 | .get(0); 25 | 26 | let duration = this.dataObject.getDuration(episodeUrl); 27 | if(duration == null || duration == undefined || duration < 0) 28 | return getFlagPart('0%').css('--percentage', '0%').get(0); 29 | 30 | let position = this.dataObject.getPosition(episodeUrl); 31 | let percentage = getPercentage(position, duration) + '%'; 32 | return getFlagPart(percentage).css('--percentage', percentage).get(0); 33 | } 34 | 35 | updatePosition(episodeUrl, position) { 36 | if(!Number.isNaN(position) && !this.dataObject.getDone(episodeUrl)) { 37 | let percentage = position + '%'; 38 | this.getByEpisodeUrl(episodeUrl).find('.list-item-flag') 39 | .css('--percentage', percentage) 40 | .html(percentage); 41 | } 42 | } 43 | 44 | } 45 | 46 | class Playback { 47 | constructor() { 48 | this.load(); 49 | this.ui = new PlaybackUI(this); 50 | this.bufferSize = -1000; 51 | } 52 | 53 | load() { 54 | if (!fs.existsSync(getPlaybackSaveFilePath())) 55 | fs.openSync(getPlaybackSaveFilePath(), 'w'); 56 | 57 | let fileContent = ifExistsReadFile(getPlaybackSaveFilePath()); 58 | this.data = JSON.parse(fileContent == "" ? "{}": fileContent); 59 | } 60 | 61 | update() { 62 | fs.writeFileSync(getPlaybackSaveFilePath(), JSON.stringify(this.data, null, "\t")); 63 | } 64 | 65 | exists(episodeUrl) { 66 | return Boolean(this.data[episodeUrl]); 67 | } 68 | 69 | length() { 70 | Object.keys(this.data).length; 71 | } 72 | 73 | add(feedUrl, episodeUrl) { 74 | if(!this.exists(episodeUrl)) { 75 | this.unsafeAdd(feedUrl, episodeUrl); 76 | this.update(); 77 | return true; 78 | } 79 | return false; 80 | } 81 | 82 | unsafeAdd(feedUrl, episodeUrl) { 83 | if(!this.exists(episodeUrl)) { 84 | this.data[episodeUrl] = { 85 | feedUrl: feedUrl, 86 | position: 0, 87 | duration: -1, 88 | done: false 89 | }; 90 | if(this.length() > this.bufferSize) // limitation canceled, buffer size is a negative number 91 | this.unsafeRemoveOlder(); 92 | return true; 93 | } 94 | return false; 95 | } 96 | 97 | get(episodeUrl) { 98 | return this.data[episodeUrl]; 99 | } 100 | 101 | getPosition(episodeUrl) { 102 | let playback = this.get(episodeUrl); 103 | if(!playback) 104 | return 0; 105 | return playback.position; 106 | } 107 | 108 | getDuration(episodeUrl) { 109 | let playback = this.get(episodeUrl); 110 | if(!playback) 111 | return -1; 112 | return playback.duration; 113 | } 114 | 115 | getDone(episodeUrl) { 116 | let playback = this.get(episodeUrl); 117 | if(!playback) 118 | return false; 119 | return Boolean(playback.done); 120 | } 121 | 122 | alwaysGet(feedUrl, episodeUrl) { 123 | if(!this.exists(episodeUrl)) 124 | this.add(feedUrl, episodeUrl) 125 | return this.data[episodeUrl]; 126 | } 127 | 128 | unsafeSet(episodeUrl, obj) { 129 | if(this.exists(episodeUrl)) { 130 | this.data[episodeUrl] = obj; 131 | return true; 132 | } 133 | return false; 134 | } 135 | 136 | set(episodeUrl, obj) { 137 | if(this.unsafeSet(episodeUrl, obj)) { 138 | this.update(); 139 | this.ui.update(episodeUrl); 140 | return true; 141 | } 142 | return false; 143 | } 144 | 145 | setPosition(episodeUrl, position) { 146 | if(this.exists(episodeUrl)) { 147 | this.data[episodeUrl].position = position; 148 | this.update(); 149 | return true; 150 | } 151 | return false; 152 | } 153 | 154 | setDuration(episodeUrl, duration) { 155 | if(this.exists(episodeUrl)) { 156 | this.data[episodeUrl].duration = duration; 157 | this.update(); 158 | return true; 159 | } 160 | return false; 161 | } 162 | 163 | setDone(episodeUrl, done) { 164 | if(this.exists(episodeUrl)) { 165 | this.data[episodeUrl].done = done; 166 | this.update(); 167 | this.ui.updateDone(episodeUrl); 168 | return true; 169 | } 170 | return false; 171 | } 172 | 173 | alwaysSet(episodeUrl, obj) { 174 | this.data[episodeUrl] = obj; 175 | this.update(); 176 | this.ui.update(episodeUrl); 177 | } 178 | 179 | alwaysSetPositionAndDuration(feedUrl, episodeUrl, position, duration) { 180 | if(!this.exists(episodeUrl)) 181 | this.unsafeAdd(feedUrl, episodeUrl) 182 | this.data[episodeUrl].position = position; 183 | if(!this.data[episodeUrl].duration || duration) 184 | this.data[episodeUrl].duration = duration; 185 | this.update(); 186 | this.ui.updatePosition(episodeUrl, getPercentage(position, duration)); 187 | } 188 | 189 | alwaysSetDone(feedUrl, episodeUrl, done) { 190 | if(!this.exists(episodeUrl)) 191 | this.unsafeAdd(feedUrl, episodeUrl) 192 | this.data[episodeUrl].done = done; 193 | this.update(); 194 | this.ui.updateDone(episodeUrl); 195 | } 196 | 197 | remove(episodeUrl) { 198 | if(this.exists(episodeUrl)) { 199 | this.unsafeRemove(episodeUrl); 200 | this.update(); 201 | return true; 202 | } 203 | return false; 204 | } 205 | 206 | removeOlder() { 207 | let episodeUrl = Object.keys(this.data)[0]; 208 | return this.remove(episodeUrl); 209 | } 210 | 211 | unsafeRemove(episodeUrl) { 212 | if(this.exists(episodeUrl)) { 213 | delete this.data[episodeUrl]; 214 | return true; 215 | } 216 | return false; 217 | } 218 | 219 | unsafeRemoveOlder() { 220 | let episodeUrl = Object.keys(this.data)[0]; 221 | return this.unsafeRemove(episodeUrl); 222 | } 223 | 224 | removeAllDataPodcast(feedUrl) { 225 | let updated = false; 226 | for(let episodeUrl in this.data) 227 | if(this.data[episodeUrl].feedUrl == feedUrl) { 228 | this.unsafeRemove(episodeUrl); 229 | updated = true; 230 | } 231 | if(updated) 232 | this.update(); 233 | } 234 | } 235 | 236 | function getPercentage(position, duration) { 237 | return Math.floor((position / duration) * 100); 238 | } -------------------------------------------------------------------------------- /app/js/podcast_class.js: -------------------------------------------------------------------------------- 1 | class Podcast { 2 | constructor(artistName, collectionName, artworkUrl, feedUrl, description) { 3 | this.feedUrl = feedUrl; 4 | 5 | this.data = { 6 | artistName: artistName, 7 | collectionName: collectionName, 8 | artworkUrl: artworkUrl, 9 | description: (description ? description : '') 10 | }; 11 | 12 | this.excludeFromNewEpisodes = false; 13 | } 14 | 15 | isValid() { 16 | return (this.data.collectionName && this.feedUrl); 17 | } 18 | } -------------------------------------------------------------------------------- /app/js/request.js: -------------------------------------------------------------------------------- 1 | const request = require('request'); 2 | const progress = require('request-progress'); 3 | 4 | function makeRequest(url, callback, error) { 5 | $.ajax({ 6 | url: url, 7 | method: "GET", 8 | dataType: "text", 9 | cache: false, 10 | success: (data) => { 11 | callback(data, url); 12 | }, 13 | error: (e) => { 14 | if(error) 15 | error(e); 16 | } 17 | }); 18 | } 19 | 20 | function downloadFile(url, path, error, end, _progress) { 21 | let stream = fs.createWriteStream(path); 22 | let _request = request({ 23 | url: url, 24 | method: 'GET', 25 | agentOptions: { 26 | rejectUnauthorized: false, 27 | timeout: 5000 28 | }}/* , (e) => { 29 | if(!(e instanceof Error)) 30 | success(); 31 | } */) 32 | progress(_request).on('progress', (state) => { 33 | //console.log(state); 34 | if(_progress) 35 | _progress(state); 36 | /* 37 | { 38 | percentage: 0.5, // Overall percentage (between 0 to 1) 39 | speed: 554732, // The download speed in bytes/sec 40 | size: { 41 | total: 90044871, // The total payload size in bytes 42 | transferred: 27610959 // The transferred payload size in bytes 43 | }, 44 | time: { 45 | elapsed: 36.235, // The total elapsed seconds since the start (3 decimals) 46 | remaining: 81.403 // The remaining seconds to finish (3 decimals) 47 | } 48 | } 49 | */ 50 | 51 | }).on('error', function (e) { 52 | if(error) 53 | error(e); 54 | }).on('end', () => { 55 | if(end) 56 | end(); 57 | }).pipe(stream); 58 | 59 | let download = { 60 | 'stream': stream, 61 | 'request': _request 62 | } 63 | 64 | return download; 65 | } 66 | -------------------------------------------------------------------------------- /app/js/search.js: -------------------------------------------------------------------------------- 1 | var searchTimeoutVar = null; 2 | 3 | function search(self, event) { 4 | if (event.code == "Escape") 5 | clearTextField(self); 6 | else { 7 | if(!$('#search-nothing-to-show').get(0)) 8 | clearBody(); 9 | 10 | setContentRightHeader(); 11 | clearMenuSelection(); 12 | setHeader(generateHtmlTitle("Search"), ''); 13 | 14 | $('#res').attr('return-value', ''); 15 | 16 | if(isUrl(self.value)) 17 | getPodcastInfoFromFeedUrl(self.value); 18 | else 19 | getPodcasts(self.value); 20 | } 21 | } 22 | 23 | function isUrl(str) { 24 | let url = str.match(/\b(https?:\/\/\S*\b)/g); 25 | return (url && url[0] == str); 26 | } 27 | 28 | function getPodcastInfoFromFeedUrl(feedUrl) { 29 | makeRequest(feedUrl, (xml) => getPodcastInfoFromXml(xml, feedUrl), () => getPodcasts(feedUrl)); 30 | } 31 | 32 | function getPodcastInfoFromXml(xml, feedUrl) { 33 | let parser = new DOMParser(); 34 | let xmlDoc = parser.parseFromString(xml, "text/xml"); 35 | 36 | let channel = xmlDoc.getElementsByTagName("channel")[0]; 37 | if(!channel) { 38 | showSearchNothingToShow(); 39 | return; 40 | } 41 | 42 | let channelName = channel.getElementsByTagName("title")[0].childNodes[0].nodeValue; 43 | 44 | let artworkUrl = channel.getElementsByTagName("itunes:image")[0]; 45 | if(artworkUrl) 46 | artworkUrl = artworkUrl.getAttribute('href'); 47 | else { 48 | artworkUrl = channel.getElementsByTagName("image")[0]; 49 | if(artworkUrl) { 50 | artworkUrl = artworkUrl.getElementsByTagName("url")[0]; 51 | if(artworkUrl) 52 | artworkUrl = artworkUrl.textContent; 53 | } 54 | } 55 | 56 | let artistName = channel.getElementsByTagName("itunes:author")[0]; 57 | if(artistName) 58 | artistName = artistName.textContent; 59 | else { 60 | let artistName = channel.getElementsByTagName("author")[0]; 61 | if(artistName) 62 | artistName = artistName.childNodes[0].nodeValue; 63 | else 64 | artistName = ''; 65 | } 66 | 67 | let podcastDescription = ''; 68 | let podcastSubtitle = channel.getElementsByTagName('itunes:subtitle')[0]; 69 | if(podcastSubtitle) 70 | podcastDescription = podcastSubtitle.textContent; 71 | podcastSubtitle = channel.getElementsByTagName('description')[0]; 72 | if(podcastSubtitle && podcastSubtitle.textContent.length > podcastDescription.length) 73 | podcastDescription = podcastSubtitle.textContent; 74 | 75 | podcastSubtitle = channel.getElementsByTagName('itunes:summary')[0]; 76 | if(podcastSubtitle && podcastSubtitle.textContent.length > podcastDescription.length) 77 | podcastDescription = podcastSubtitle.textContent; 78 | 79 | showSearchList([{ 80 | artworkUrl60: artworkUrl, 81 | collectionName: channelName, 82 | artistName: artistName, 83 | feedUrl: feedUrl 84 | }]) 85 | } 86 | 87 | function getPodcasts(searchTerm) { 88 | if(searchTimeoutVar) 89 | clearTimeout(searchTimeoutVar); 90 | 91 | if(!searchTerm) { 92 | showSearchNothingToShow(); 93 | return; 94 | } 95 | 96 | searchTimeoutVar = setTimeout(() => { 97 | searchTerm = encodeURIComponent(searchTerm); 98 | makeRequest(getITunesSearchUrl(searchTerm), getResults); 99 | }, 300); 100 | } 101 | 102 | function getResults(data, feedUrl) { 103 | let query = decodeURIComponent(feedUrl).split('=')[1].split('&')[0]; 104 | 105 | let obj = JSON.parse(data); 106 | 107 | if(obj.results.length == 0) 108 | showSearchNothingToShow(); 109 | else if(query == $('#search-input').val()) { 110 | $('#content-right-header span').data(obj); 111 | showSearchList(obj.results); 112 | } 113 | } 114 | 115 | function showSearchList(results) { 116 | setContentRightHeader(); 117 | clearBody(); 118 | setGridLayout(false); 119 | 120 | let $list = $('#list'); 121 | for (let i in results) { 122 | let Artwork = results[i].artworkUrl100; 123 | if(Artwork == undefined || Artwork == 'undefined') { 124 | Artwork = results[i].artworkUrl60; 125 | if(Artwork == undefined || Artwork == 'undefined') 126 | Artwork = getGenericArtwork(); 127 | } 128 | let podcast = new Podcast ( 129 | results[i].artistName, 130 | results[i].collectionName, 131 | Artwork, 132 | results[i].feedUrl 133 | ); 134 | 135 | var HeartButton = null; 136 | if (isAlreadyFavorite(podcast.feedUrl)) 137 | HeartButton = getFullHeartButton(podcast); 138 | else 139 | HeartButton = getHeartButton(podcast); 140 | 141 | let item = buildListItem( 142 | [ 143 | getImagePart(results[i].artworkUrl60), 144 | getBoldTextPart(podcast.data.collectionName), 145 | getSubTextPart(podcast.data.artistName), 146 | HeartButton 147 | ], 148 | "5em 1fr 1fr 5em" 149 | ); 150 | 151 | $(item).data(podcast); 152 | item.onclick = function (e) { 153 | if($(e.target).is('svg') || $(e.target).is('path') || $(e.target).hasClass('list-item-icon') || $(e.target).hasClass('list-item-text')) { 154 | e.preventDefault(); 155 | return; 156 | } 157 | showAllEpisodes(this); 158 | } 159 | $list.append(item); 160 | 161 | } 162 | } 163 | 164 | function isSearchPage() { 165 | return getHeader() == generateHtmlTitle("Search"); 166 | } 167 | 168 | function showSearchNothingToShow() { 169 | if(isSearchPage()) 170 | setNothingToShowBody(s_SearchNothingFoundIcon, 'search-nothing-to-show', 'Try typing the feed url into the search field!'); 171 | } 172 | 173 | function getHeartButton(podcastInfos) { 174 | let $heartButtonElement = $(getIconButtonPart(s_Heart)); 175 | 176 | $heartButtonElement.find('svg').click(function () { 177 | setFavorite(this, podcastInfos.data.artistName, 178 | podcastInfos.data.collectionName, 179 | podcastInfos.data.artworkUrl, 180 | podcastInfos.feedUrl, 181 | podcastInfos.data.description 182 | ); 183 | }); 184 | return $heartButtonElement.get(0); 185 | } 186 | 187 | function getFullHeartButton(podcastInfos) { 188 | let $heartButtonElement = $(getIconButtonPart(s_FullHeart)); 189 | 190 | $heartButtonElement.find('svg').click(function() { 191 | unsetFavorite(this, podcastInfos.data.artistName, 192 | podcastInfos.data.collectionName, 193 | podcastInfos.data.artworkUrl, 194 | podcastInfos.feedUrl, 195 | podcastInfos.data.description 196 | ); 197 | }); 198 | return $heartButtonElement.get(0); 199 | } 200 | 201 | function getITunesSearchUrl(searchTerm) { 202 | return 'http://itunes.apple.com/search?term=' + searchTerm + '&media=podcast'; 203 | } -------------------------------------------------------------------------------- /app/js/slider_class.js: -------------------------------------------------------------------------------- 1 | class Slider { 2 | constructor($slider) { 3 | this.$el = $($slider); 4 | this.value = 0; 5 | this.mouseup = true; 6 | 7 | this.disable(); 8 | this.init(); 9 | 10 | } 11 | 12 | init() { 13 | this.onchange(() => { 14 | this.update(); 15 | }); 16 | 17 | this.onmousedown(() => { 18 | this.mouseup = false; 19 | }); 20 | 21 | this.onmouseup(() => { 22 | this.mouseup = true; 23 | 24 | playerManager.setCurrentTime(this.value); 25 | }); 26 | 27 | } 28 | 29 | disable() { 30 | if(!this.disableState) { 31 | this.disableState = true; 32 | this.$el.prop( "disabled", this.disableState ); 33 | } 34 | } 35 | 36 | enable() { 37 | if(this.disableState) { 38 | this.disableState = false; 39 | this.$el.prop( "disabled", this.disableState ); 40 | } 41 | } 42 | 43 | update() { 44 | this.getValue(); 45 | this.updateProgress(); 46 | } 47 | 48 | updateProgress() { 49 | this.$el.css("--progress-slider", `${this.value}%`); 50 | } 51 | 52 | getValue() { 53 | this.value = this.$el.val(); 54 | return this.value; 55 | } 56 | 57 | setValue(value) { 58 | this.enable(); 59 | 60 | if(this.mouseup && !isNaN(value)) { 61 | this.$el.val(value); 62 | this.update(); 63 | } 64 | } 65 | 66 | onchange(f) { 67 | this.$el.on("input change", f); 68 | } 69 | 70 | onmouseup(f) { 71 | this.$el.mouseup(f); 72 | this.$el.bind('touchend', f); 73 | } 74 | 75 | onmousedown(f) { 76 | this.$el.mousedown(f); 77 | this.$el.bind('touchstart', f); 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /app/js/translations.js: -------------------------------------------------------------------------------- 1 | 2 | function translate() { 3 | translateByDescriptor(".new-episodes", 'New Episodes'); 4 | translateByDescriptor(".favorites", 'Favorites'); 5 | translateByDescriptor(".archive", 'Archive'); 6 | translateByDescriptor(".settings", 'Settings'); 7 | translateByDescriptor(".statistics", 'Statistics'); 8 | 9 | translateByDescriptor('#content-left-player-title>div', 'No episode selected'); 10 | 11 | 12 | translateByDescriptor(".dark-mode-translate", 'Dark mode'); 13 | 14 | document.getElementsByName('search')[0].placeholder=i18n.__('Search'); 15 | } 16 | 17 | function translateByDescriptor(descriptor, value){ 18 | $(descriptor).html(i18n.__(value)); 19 | } 20 | -------------------------------------------------------------------------------- /app/js/ui_class.js: -------------------------------------------------------------------------------- 1 | class UI { 2 | constructor() { 3 | } 4 | 5 | /* 6 | * PAGE 7 | */ 8 | 9 | getPageType() { 10 | if(allFeeds.ui.getHeader().get(0)) 11 | return 'feed'; 12 | if(getHeader() == generateHtmlTitle('New Episodes')) 13 | return 'newEpisodes'; 14 | if((getHeader() == generateHtmlTitle('Favorites'))) 15 | return 'favorites'; 16 | if(getHeader() == generateHtmlTitle('Archive')) 17 | return 'archive'; 18 | return undefined; 19 | } 20 | 21 | /* 22 | * LIST 23 | */ 24 | 25 | length() { 26 | return this.getAllItemsList().length; 27 | } 28 | 29 | isEmpty() { 30 | return !Boolean(this.getAllItemsList().get(0)); 31 | } 32 | 33 | getList() { 34 | return $('#list'); 35 | } 36 | 37 | getAllItemsList() { 38 | return $('#list li'); 39 | } 40 | 41 | getFirstItemList() { 42 | return $(this.getAllItemsList().get(0)); 43 | } 44 | 45 | getLastItemList() { 46 | let $itemList = this.getAllItemsList(); 47 | return $($itemList.get($itemList.length - 1)); 48 | } 49 | 50 | getItemListByIndex(i) { 51 | return $(this.getAllItemsList().get(i)); 52 | } 53 | 54 | getByEpisodeUrl(episodeUrl) { 55 | return this.getAllItemsList().filter('[url="' + episodeUrl + '"]'); 56 | } 57 | } -------------------------------------------------------------------------------- /app/js/update_feed_worker.js: -------------------------------------------------------------------------------- 1 | function getDifferenceFeed(oldFeed, newFeed) { 2 | let feedUrl = oldFeed.length == 0 ? newFeed[0].feedUrl : oldFeed[0].feedUrl; 3 | let feed = newFeed; 4 | 5 | oldFeed = oldFeed.map(x => x.episodeUrl); 6 | newFeed = newFeed.map(x => x.episodeUrl); 7 | 8 | let new_episodes = newFeed.filter(x => oldFeed.indexOf(x) === -1); 9 | let deleted_episodes = oldFeed.filter(x => !newFeed.includes(x)); 10 | 11 | if(new_episodes.length == 0 && deleted_episodes.length == 0) 12 | return; 13 | 14 | postMessage({ 15 | feedUrl: feedUrl, 16 | new_episodes: new_episodes, 17 | deleted_episodes: deleted_episodes, 18 | initialLength: oldFeed.length, 19 | feed: feed 20 | }); 21 | } 22 | 23 | onmessage = function (ev) { 24 | try { 25 | getDifferenceFeed(ev.data.oldFeed, ev.data.newFeed); 26 | } catch(err) { 27 | console.log(err) 28 | } 29 | }; 30 | -------------------------------------------------------------------------------- /app/js/xmlparser_worker.js: -------------------------------------------------------------------------------- 1 | importScripts('./lib/jsdom.js') 2 | importScripts('./podcast_class.js') 3 | importScripts('./episode_class.js') 4 | 5 | function xmlParser(xml, feedUrl, artwork) { 6 | let xmlDoc = new JSDOM(xml, {contentType: "text/xml"}).window.document; 7 | 8 | let channel = xmlDoc.getElementsByTagName("channel")[0]; 9 | let channelName = channel.getElementsByTagName("title")[0].childNodes[0].nodeValue; 10 | 11 | let artworkUrl = channel.getElementsByTagName("itunes:image")[0]; 12 | if(artworkUrl) 13 | artworkUrl = artworkUrl.getAttribute('href'); 14 | else { 15 | artworkUrl = channel.getElementsByTagName("image")[0]; 16 | if(artworkUrl) { 17 | artworkUrl = artworkUrl.getElementsByTagName("url")[0]; 18 | if(artworkUrl) 19 | artworkUrl = artworkUrl.textContent; 20 | } 21 | } 22 | 23 | let artistName = channel.getElementsByTagName("itunes:author")[0]; 24 | if(artistName) 25 | artistName = artistName.textContent; 26 | else { 27 | let artistName = channel.getElementsByTagName("author")[0]; 28 | if(artistName) 29 | artistName = artistName.childNodes[0].nodeValue; 30 | else 31 | artistName = ''; 32 | } 33 | 34 | let podcastDescription = ''; 35 | let podcastSubtitle = channel.getElementsByTagName('itunes:subtitle')[0]; 36 | if(podcastSubtitle) 37 | podcastDescription = podcastSubtitle.textContent; 38 | podcastSubtitle = channel.getElementsByTagName('description')[0]; 39 | if(podcastSubtitle && podcastSubtitle.textContent.length > podcastDescription.length) 40 | podcastDescription = podcastSubtitle.textContent; 41 | 42 | podcastSubtitle = channel.getElementsByTagName('itunes:summary')[0]; 43 | if(podcastSubtitle && podcastSubtitle.textContent.length > podcastDescription.length) 44 | podcastDescription = podcastSubtitle.textContent; 45 | 46 | let podcastData = new Podcast( 47 | artistName, 48 | channelName, 49 | artworkUrl, 50 | feedUrl, 51 | podcastDescription 52 | ); 53 | 54 | let json = []; 55 | let items = xmlDoc.getElementsByTagName("item"); 56 | for(let i = 0; i < items.length; i++) { 57 | let item = items[i]; 58 | let enclosure = item.getElementsByTagName('enclosure')[0]; 59 | 60 | let description = ''; 61 | let subtitle = item.getElementsByTagName('itunes:subtitle')[0]; 62 | if(subtitle) 63 | description = subtitle.textContent; 64 | 65 | subtitle = item.getElementsByTagName('description')[0]; 66 | if(subtitle && subtitle.textContent.length > description.length) 67 | description = subtitle.textContent; 68 | 69 | subtitle = item.getElementsByTagName('itunes:summary')[0]; 70 | if(subtitle && subtitle.textContent.length > description.length) 71 | description = subtitle.textContent; 72 | 73 | let duration = item.getElementsByTagName('itunes:duration')[0]; 74 | if(duration) 75 | duration = duration.innerHTML; 76 | else { 77 | duration = item.getElementsByTagName('duration')[0]; 78 | if(duration) 79 | duration = duration.innerHTML; 80 | else 81 | duration = ''; 82 | } 83 | 84 | let episode = new Episode ( 85 | channelName, 86 | feedUrl, 87 | item.getElementsByTagName("title")[0].childNodes[0].nodeValue, 88 | (enclosure ? enclosure.getAttribute('url').split("?")[0] : ''), 89 | (enclosure ? enclosure.getAttribute('type') : ''), 90 | (enclosure ? enclosure.getAttribute('length') : ''), 91 | description, 92 | duration, 93 | item.getElementsByTagName('pubDate')[0].innerHTML, 94 | artwork 95 | ); 96 | json.push(episode); 97 | } 98 | 99 | postMessage({json: json, podcastData: podcastData}); 100 | } 101 | 102 | onmessage = function (ev) { 103 | try { 104 | xmlParser(ev.data.xml, ev.data.feedUrl, ev.data.artwork); 105 | } catch(err) { 106 | console.log(err) 107 | } 108 | }; 109 | -------------------------------------------------------------------------------- /app/main.js: -------------------------------------------------------------------------------- 1 | const { app, BrowserWindow } = require('electron'); 2 | const path = require('path'); 3 | const url = require('url'); 4 | 5 | // Import getPreference() helper function 6 | const getPreference = require('./js/helper/helper_global'); 7 | /* 8 | // Modules to create app tray icon 9 | const Menu = require('electron').Menu 10 | const Tray = require('electron').Tray 11 | */ 12 | // Create variables for appIcon, trayIcon, win 13 | // to prevent their removal by garbage collection 14 | /* let appIcon = null */ 15 | let trayIcon = null; 16 | let win = null; 17 | 18 | // Request lock to allow only one instance 19 | // of the app running at the time. 20 | const gotTheLock = app.requestSingleInstanceLock(); 21 | /* 22 | // Load proper icon for specific platform 23 | if (process.platform === 'darwin') { 24 | trayIcon = path.join(__dirname, './img/tilde16x16.png') 25 | } else if (process.platform === 'linux') { 26 | trayIcon = path.join(__dirname, './img/tilde.png') 27 | } else if (process.platform === 'win32') { 28 | trayIcon = path.join(__dirname, './img/tilde.ico') 29 | } 30 | */ 31 | // Load proper icon for specific platform 32 | switch (process.platform) { 33 | case 'darwin': 34 | trayIcon = path.join(__dirname, './img/tilde16x16.png'); 35 | break; 36 | case 'linux': 37 | trayIcon = path.join(__dirname, './img/tilde.png'); 38 | break; 39 | case 'win32': 40 | trayIcon = path.join(__dirname, './img/tilde.ico'); 41 | break; 42 | } 43 | 44 | function createWindow() { 45 | win = new BrowserWindow({ 46 | width: 1100, 47 | minWidth: 1000, 48 | height: 640, 49 | minHeight: 620, //(process.platform === 'win32' ? 635 : 620), 50 | autoHideMenuBar: true, 51 | icon: trayIcon, 52 | frame: !(process.platform === "win32"), 53 | webPreferences: { 54 | nodeIntegration: true, 55 | enableRemoteModule: true, 56 | zoomFactor: 0.9 57 | }, 58 | show: false, 59 | backgroundColor: getPreference('darkmode') ? '#333' : '#fff' 60 | }); 61 | 62 | win.loadURL(url.format({ 63 | pathname: path.join(__dirname, 'index.html'), 64 | protocol: 'file:', 65 | slashed: true 66 | })); 67 | /* 68 | win.setBackgroundColor(getPreference('darkmode') ? '#333' : '#fff'); 69 | win.webContents.on('did-finish-load', function() { 70 | win.show(); 71 | }); */ 72 | /* 73 | // Create tray icon 74 | appIcon = new Tray(trayIcon) 75 | 76 | // Create RightClick context menu for tray icon 77 | const contextMenu = Menu.buildFromTemplate([ 78 | { 79 | label: 'Restore app', 80 | click: () => { 81 | win.show() 82 | } 83 | }, 84 | { 85 | label: 'Close app', 86 | click: () => { 87 | win.close() 88 | } 89 | } 90 | ]) 91 | 92 | // Set title for tray icon 93 | appIcon.setTitle('Tilde') 94 | 95 | // Set toot tip for tray icon 96 | appIcon.setToolTip('Tilde') 97 | 98 | // Create RightClick context menu 99 | appIcon.setContextMenu(contextMenu) 100 | 101 | // The tray icon is not destroyed 102 | appIcon.isDestroyed(false) 103 | 104 | // Restore (open) app after clicking on tray icon 105 | // if window is already open, minimize it to system tray 106 | appIcon.on('click', () => { 107 | win.isVisible() ? win.hide() : win.show() 108 | }) 109 | */ 110 | win.on('closed', function() { 111 | // Dereference the window object, usually you would store windows 112 | // in an array if your app supports multi windows, this is the time 113 | // when you should delete the corresponding element. 114 | win = null; 115 | }); 116 | /* 117 | // Minimize window to system tray if 'Minimize' option is checked 118 | if (getPreference('minimize') === true) { 119 | win.on('minimize', function(event){ 120 | event.preventDefault() 121 | // win.minimize() 122 | win.hide() 123 | }) 124 | } 125 | */ 126 | // Quit when all windows are closed 127 | win.on('window-all-closed', () => { 128 | app.quit(); 129 | }); 130 | 131 | win.on('closed', () => { 132 | app.quit(); 133 | }); 134 | 135 | /* // FUNCTIONS TO COMMUNICATE WITH THE RENDER 136 | function sendToRender(channel, obj) { 137 | const { ipcMain } = require('electron'); 138 | win.send(channel, obj); 139 | } 140 | 141 | function listenFromRender(channel, f) { 142 | const { ipcMain } = require('electron'); 143 | ipcMain.on(channel, async (event, obj) => { 144 | f(obj); 145 | }); 146 | } 147 | */ 148 | } 149 | 150 | // Check if this is first instance of the app running. 151 | // If not, block it. If yes, allow it. 152 | if(!gotTheLock) { 153 | app.quit(); 154 | } else { 155 | app.on('second-instance', (event, commandLine, workingDirectory) => { 156 | // Someone tried to run a second instance, we should focus our window. 157 | if(win) { 158 | if(win.isMinimized()) 159 | win.restore(); 160 | win.focus(); 161 | } 162 | }) 163 | 164 | // Create win, load the rest of the app, etc... 165 | app.on('ready', createWindow); 166 | } 167 | -------------------------------------------------------------------------------- /app/menu.js: -------------------------------------------------------------------------------- 1 | const { app, Menu } = require('electron').remote 2 | /* const { webFrame } = require('electron') */ 3 | 4 | const template = 5 | [/* 6 | { 7 | label: i18n.__('View'), 8 | submenu: 9 | [ 10 | {role: 'reload', label: i18n.__('Reload')}, 11 | {type: 'separator'}, 12 | {role: 'resetzoom', label: i18n.__('Reset Zoom')}, 13 | {role: 'zoomin', label: i18n.__('Zoom In'), accelerator: "CommandOrControl+="}, 14 | {role: 'zoomout', label: i18n.__('Zoom Out')}, 15 | {type: 'separator'}, 16 | { 17 | label: i18n.__('Dark Mode'), 18 | type: "checkbox", 19 | accelerator: "CommandOrControl+Shift+L", 20 | checked: getPreference('darkmode'), 21 | click() { 22 | changeThemeMode() 23 | updateUITheme() 24 | } 25 | }, 26 | {role: 'togglefullscreen', label: i18n.__('Toggle Full Screen')} 27 | ] 28 | }, */ 29 | { 30 | label: i18n.__('Player'), 31 | submenu: 32 | [ 33 | { 34 | label: i18n.__('Play/Pause'), 35 | accelerator: "CommandOrControl+Space", 36 | click() 37 | { 38 | if (document.activeElement.type == undefined) { 39 | playerManager.togglePlayPause("play-pause"); 40 | } 41 | } 42 | }, 43 | {type: 'separator'}, 44 | { 45 | label: i18n.__('30sec Reply'), 46 | accelerator: "CommandOrControl+Left", 47 | click() { playerManager.reply(); } 48 | }, 49 | { 50 | label: i18n.__("30sec Forward"), 51 | accelerator: "CommandOrControl+Right", 52 | click() { playerManager.forward(); } 53 | } 54 | ] 55 | }, 56 | { 57 | label: i18n.__('Go To'), 58 | submenu: 59 | [ 60 | { 61 | label: i18n.__("Search"), 62 | accelerator: "CommandOrControl+F", 63 | click() { showPage('search'); } 64 | }, 65 | {type: 'separator'}, 66 | { 67 | label: i18n.__("New Episodes"), 68 | accelerator: "CommandOrControl+1", 69 | click() { showPage('newEpisodes'); } 70 | }, 71 | { 72 | label: i18n.__("Favorites"), 73 | accelerator: "CommandOrControl+2", 74 | click() { showPage('favorites'); } 75 | }, 76 | { 77 | label: i18n.__("Settings"), 78 | accelerator: "CommandOrControl+3", 79 | click() { showPage('settings'); } 80 | }, 81 | { 82 | label: i18n.__("Archive"), 83 | accelerator: "CommandOrControl+4", 84 | click() { showPage('archive'); } 85 | }, 86 | { 87 | label: i18n.__("Statistics"), 88 | accelerator: "CommandOrControl+5", 89 | click() { showPage('statistics'); } 90 | }/* , 91 | {type: 'separator'}, 92 | { 93 | label: i18n.__("New List"), 94 | accelerator: "CommandOrControl+N", 95 | click() { focusTextField("new_list-input") } 96 | } */ 97 | ] 98 | }, 99 | { 100 | label: i18n.__('Settings'), 101 | submenu: 102 | [/* { 103 | label: i18n.__("Minimize"), 104 | type: "checkbox", 105 | checked: getPreference('minimize'), 106 | accelerator: "CommandOrControl+Shift+M", 107 | click() { 108 | changeMinimizeMenuItem() 109 | setMinimize() 110 | } 111 | }, */ 112 | { 113 | label: i18n.__('Dark Mode'), 114 | type: "checkbox", 115 | accelerator: "CommandOrControl+Shift+L", 116 | checked: getPreference('darkmode'), 117 | click() { 118 | changeThemeMode(); 119 | updateUITheme(); 120 | } 121 | }/* , 122 | {type: 'separator'}, 123 | {role: 'toggledevtools'} */ 124 | ] 125 | } 126 | ] 127 | /* 128 | if(process.platform === 'win32') { 129 | template[0].submenu.splice(2, 3, 130 | { 131 | label: 'Reset Zoom', 132 | accelerator: "CommandOrControl+O", 133 | click() { 134 | webFrame.setZoomFactor(1); 135 | } 136 | }, 137 | { 138 | label: 'Zoom In', 139 | accelerator: "CommandOrControl+=", 140 | click() { 141 | let zoomFactor = webFrame.getZoomFactor() + 0.1; 142 | if(zoomFactor < 2) 143 | webFrame.setZoomFactor(zoomFactor); 144 | } 145 | }, 146 | { 147 | label: 'Zoom Out', 148 | accelerator: "CommandOrControl+-", 149 | click() { 150 | let zoomFactor = webFrame.getZoomFactor() - 0.1; 151 | if(zoomFactor > 0) 152 | webFrame.setZoomFactor(zoomFactor); 153 | } 154 | } 155 | ); 156 | } 157 | */ 158 | 159 | if(isDevMode()) { 160 | template[template.length - 1].submenu.push({type: 'separator'}); 161 | template[template.length - 1].submenu.push({role: 'toggledevtools'}); 162 | } 163 | 164 | if (process.platform === 'darwin') { 165 | template.unshift({ 166 | label: app.getName(), 167 | submenu: [ 168 | {role: 'about'}, 169 | {type: 'separator'}, 170 | {role: 'services', submenu: []}, 171 | {type: 'separator'}, 172 | {role: 'hide'}, 173 | {role: 'hideothers'}, 174 | {role: 'unhide'}, 175 | {type: 'separator'}, 176 | {role: 'quit'} 177 | ] 178 | }) 179 | } 180 | 181 | const menu = Menu.buildFromTemplate(template) 182 | Menu.setApplicationMenu(menu) 183 | -------------------------------------------------------------------------------- /app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "main": "main.js", 3 | "description": "Podcast client to listen to all you favorite podcasts", 4 | "name": "tilde-podcast", 5 | "version": "1.0.0", 6 | "license": "MIT", 7 | "author": "paologiuaa