-
Notifications
You must be signed in to change notification settings - Fork 269
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
502 additions
and
189 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
165 changes: 165 additions & 0 deletions
165
themes-default/slim/views/vue-components/app-footer.mako
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,165 @@ | ||
| <script type="text/x-template" id="app-footer-template"> | ||
| <%text> | ||
| <footer v-if="isAuthenticated"> | ||
| <div class="footer clearfix"> | ||
| <span class="footerhighlight">{{ stats.shows.total }}</span> Shows (<span class="footerhighlight">{{ stats.shows.active }}</span> Active) | ||
| | <span class="footerhighlight">{{ stats.episodes.downloaded }}</span> | ||
| <template v-if="stats.episodes.snatched"> | ||
| <span class="footerhighlight"><app-link :href="`manage/episodeStatuses?whichStatus=${statuses.values.snatched}`" title="View overview of snatched episodes">+{{ stats.episodes.snatched }}</app-link></span> | ||
| Snatched | ||
| </template> | ||
| / <span class="footerhighlight">{{ stats.episodes.total }}</span> Episodes Downloaded <span v-if="episodePercentage" class="footerhighlight">({{ episodePercentage }})</span> | ||
| | Daily Search: <span class="footerhighlight">{{ timeLeft.daily }}</span> | ||
| | Backlog Search: <span class="footerhighlight">{{ timeLeft.backlog }}</span> | ||
| <div> | ||
| <template v-if="memoryUsage"> | ||
| Memory used: <span class="footerhighlight">{{ memoryUsage }}</span> | | ||
| </template> | ||
| Load time: <span class="footerhighlight">{{ loadTime }}s</span> / Mako: <span class="footerhighlight">{{ makoTime }}s</span> | | ||
| Branch: <span class="footerhighlight">{{ config.branch }}</span> | | ||
| Now: <span class="footerhighlight">{{ nowInUserPreset }}</span> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| </%text> | ||
| </script> | ||
| <%! | ||
| import json | ||
| from time import time | ||
| from medusa.app import backlog_search_scheduler, daily_search_scheduler | ||
| from medusa.helper.common import pretty_file_size | ||
| mem_usage = None | ||
| try: | ||
| from psutil import Process | ||
| from os import getpid | ||
| mem_usage = 'psutil' | ||
| except ImportError: | ||
| try: | ||
| import resource # resource module is unix only | ||
| mem_usage = 'resource' | ||
| except ImportError: | ||
| pass | ||
| %> | ||
| <% | ||
| timeleft_daily = str(daily_search_scheduler.timeLeft()).split('.')[0] | ||
| timeleft_backlog = str(backlog_search_scheduler.timeLeft()).split('.')[0] | ||
| loadtime = '%.4f' % (time() - sbStartTime) | ||
| makotime = '%.4f' % (time() - makoStartTime) | ||
| if not mem_usage: | ||
| memory = '' | ||
| elif mem_usage == 'resource': | ||
| memory = pretty_file_size(resource.getrusage(resource.RUSAGE_SELF).ru_maxrss) | ||
| elif mem_usage == 'psutil': | ||
| memory = pretty_file_size(Process(getpid()).memory_info().rss) | ||
| %> | ||
| <script> | ||
| const { api } = window; | ||
| const AppFooterComponent = { | ||
| name: 'app-footer', | ||
| template: '#app-footer-template', | ||
| data() { | ||
| return { | ||
| // JS Only | ||
| // @TODO: Replace with store | ||
| stats: { | ||
| episodes: { | ||
| downloaded: null, | ||
| snatched: null, | ||
| total: null, | ||
| }, | ||
| shows: { | ||
| active: null, | ||
| total: null, | ||
| } | ||
| }, | ||
| // Python conversions | ||
| timeLeft: { | ||
| daily: ${json.dumps(timeleft_daily)}, | ||
| backlog: ${json.dumps(timeleft_backlog)}, | ||
| }, | ||
| loadTime: ${json.dumps(loadtime)}, | ||
| makoTime: ${json.dumps(makotime)}, | ||
| memoryUsage: ${json.dumps(memory)}, | ||
| }; | ||
| }, | ||
| created() { | ||
| // @TODO: Replace with store | ||
| api.get('stats').then(response => { | ||
| this.stats = response.data; | ||
| }); | ||
| }, | ||
| computed: { | ||
| config() { | ||
| return this.$store.state.config; | ||
| }, | ||
| statuses() { | ||
| return this.$store.state.statuses; | ||
| }, | ||
| isAuthenticated() { | ||
| return this.$store.state.auth.isAuthenticated; | ||
| }, | ||
| episodePercentage() { | ||
| const { stats } = this; | ||
| const { episodes } = stats; | ||
| const { total, downloaded } = episodes; | ||
| if (!total) { | ||
| return ''; | ||
| } | ||
| const [integer, fractional] = String((downloaded / total) * 100).split('.'); | ||
| <%text> | ||
| return `${integer}.${fractional.slice(0, 1)}%`; | ||
| </%text> | ||
| }, | ||
| nowInUserPreset() { | ||
| const { config, formatDateUsingPythonPreset } = this; | ||
| const { datePreset, timePreset } = config; | ||
| return formatDateUsingPythonPreset(new Date(), datePreset + ' ' + timePreset); | ||
| }, | ||
| }, | ||
| methods: { | ||
| formatDateUsingPythonPreset(date, preset) { | ||
| const presetConversion = { | ||
| '%a': 'ddd', // Weekday name, short | ||
| '%A': 'dddd', // Weekday name, full | ||
| '%w': 'd', // Weekday number | ||
| '%d': 'DD', // Day of the month, zero-padded | ||
| '%b': 'MMM', // Month name, short | ||
| '%B': 'MMMM', // Month name, short | ||
| '%m': 'MM', // Day of the month, zero-padded | ||
| '%y': 'YY', // Year without century, zero-padded | ||
| '%Y': 'YYYY', // Year with century | ||
| '%H': 'HH', // Hour (24-hour clock), zero-padded | ||
| '%I': 'hh', // Hour (12-hour clock), zero-padded | ||
| '%p': 'A', // AM / PM | ||
| '%M': 'mm', // Minute, zero-padded | ||
| '%S': 'ss', // Second, zero-padded | ||
| '%f': '', // [UNSUPPORTED] Microsecond, zero-padded | ||
| '%z': 'ZZ', // UTC offset in the form +HHMM or -HHMM | ||
| '%Z': '', // [UNSUPPORTED] Time zone name | ||
| '%j': 'DDDD', // Day of the year, zero-padded | ||
| '%U': '', // [UNSUPPORTED] Week number of the year (Sunday as the first day of the week), zero padded | ||
| '%W': 'W', // Week number of the year (Monday as the first day of the week) | ||
| '%c': date.toLocaleString(), // [APPROXIMATE] Locale's appropriate date and time representation | ||
| '%x': date.toLocaleDateString(), // [APPROXIMATE] Locale's appropriate date representation | ||
| '%X': date.toLocaleTimeString(), // [APPROXIMATE] Locale's appropriate time representation | ||
| '%%': '%' // Literal '%' character | ||
| }; | ||
| let newPreset = preset; | ||
| for (key in presetConversion) { | ||
| newPreset = newPreset.replace(key, presetConversion[key]); | ||
| } | ||
| return dateFns.format(date, newPreset); | ||
| } | ||
| } | ||
| }; | ||
| window.components.push(AppFooterComponent); | ||
| </script> | ||
| <style> | ||
| /* placeholder */ | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.