Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New Timer App with Brand Fetching Features. #181

Merged
merged 23 commits into from
Oct 10, 2024
Merged

New Timer App with Brand Fetching Features. #181

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
ceaec25
added new timer app with brand fetching features.
salmanfarisvp Aug 30, 2024
d4fa4c2
added sentry details
salmanfarisvp Aug 30, 2024
93c8b86
added signal ready feature
salmanfarisvp Aug 30, 2024
f82d21c
fix JS lint error
salmanfarisvp Aug 30, 2024
6dba0f2
fix JS lint error
salmanfarisvp Aug 30, 2024
217cbe0
fix config.css lint
salmanfarisvp Aug 30, 2024
ea8e5c3
fix font.css lint error
salmanfarisvp Aug 30, 2024
e696c35
fix styles.css lint error
salmanfarisvp Aug 30, 2024
3c0158c
Merge branch 'master' into newTimerApp
salmanfarisvp Sep 14, 2024
31c113b
added sentry as settings as per same #182 PR
salmanfarisvp Sep 17, 2024
a566113
fix lint
salmanfarisvp Sep 17, 2024
e8a8436
added ready_signal on yml
salmanfarisvp Sep 17, 2024
0bab929
fix css theme colour syntax
salmanfarisvp Sep 17, 2024
1b6f021
fix brand colour variable name
salmanfarisvp Sep 17, 2024
fb41f7b
fix brand colour variable name
salmanfarisvp Sep 17, 2024
54a834d
Merge branch 'Screenly:master' into newTimerApp
salmanfarisvp Sep 30, 2024
f7e7bff
fix the html id inconsistenc brand-logo as per comment
salmanfarisvp Sep 30, 2024
112ee6c
fix brand colour and brand logo fetching logic
salmanfarisvp Oct 3, 2024
6690e6d
fix js lint
salmanfarisvp Oct 3, 2024
e6820df
fix brand logo fetching logic and added failover to proxy and default…
salmanfarisvp Oct 8, 2024
6924aba
fix js lint
salmanfarisvp Oct 8, 2024
992a240
added no-useless-catch to make the try catch excluded from the jslint
salmanfarisvp Oct 8, 2024
9678d3c
added no-useless-catch to make the try catch excluded from the jslint
salmanfarisvp Oct 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions edge-apps/countdown-timer/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# Screenly Countdown Timer App

![Countdown Timer Screen](./static/images/countdown_timer_screen.jpg)
![Countdown Timer Screen](./static/img/TimerPreview.png)

## tl;dr
## Installation

```bash
$ cd edge-apps/countdown-timer
Expand Down
130 changes: 52 additions & 78 deletions edge-apps/countdown-timer/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,88 +1,62 @@
<!DOCTYPE html>
<!doctype html>
<html>

<head>
<title>Screenly Countdown Timer App</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" href="static/styles/main.css" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="static/css/styles.css" rel="stylesheet">
</head>

<body>
<script src="screenly.js?version=1"></script>

<!-- Google Tag Manager -->
<script>
const {
enable_analytics: enableAnalytics,
tag_manager_id: tagManagerId,

} = screenly.settings;

if (enableAnalytics === 'true') {
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', tagManagerId);
}
</script>
<!-- End Google Tag Manager -->

<div class="content">
<section class="countdown-section">
<div>
<h2 class="timer-headline">Countdown</h2>
<div class="countdown">
<div class="container-day">
<h3 class="day">0</h3>
<h3>Day</h3>
</div>
<div class="container-hour">
<h3 class="hour">0</h3>
<h3>Hour</h3>
</div>
<div class="container-minute">
<h3 class="minute">0</h3>
<h3>Minute</h3>
</div>
<div class="container-second">
<h3 class="second">0</h3>
<h3>Second</h3>
</div>
</div>
</div>
<div class="date-time">
<div class="date">
<img src="static/images/icons/calendar.svg" alt="calendar icon" />
<span id="date"></span>
</div>
<div class="time">
<img src="static/images/icons/clock.svg" alt="clock icon" />
<span id="time"></span>
</div>
</div>
</section>
</div>





<script src="static/js/moment-with-locales.min.js"></script>
<script src="static/js/tz.min.js"></script>
<script src="static/js/moment-timezone-with-data.min.js"></script>
<script src="static/js/country-locale-map.1.18.5.min.js"></script>
<script src="static/js/offline-geocode-city-1.0.2.min.js"></script>
<script src="static/js/main.js"></script>
<script src="screenly.js?version=1"></script>

<div class="main-container">
<div class="primary-card">
<span class="primary-card-message message">Countdown</span>
<span class="primary-card-number day">0</span>
<span class="primary-card-text">DAYS</span>
</div>
<div class="secondary-container">
<div class="row-container">
<div class="secondary-card">
<object id="svgObject1" class="clock-icon" data="./static/img/clock-icon.svg" type="image/svg+xml"></object>
<span class="secondary-card-number hour">0</span>
<span class="secondary-card-label">HOURS</span>
</div>
<div class="secondary-card">
<object id="svgObject1" class="clock-icon" data="./static/img/clock-icon.svg" type="image/svg+xml"></object>
<span class="secondary-card-number minute">0</span>
<span class="secondary-card-label">MINUTES</span>
</div>
<div class="secondary-card">
<object id="svgObject1" class="clock-icon" data="./static/img/clock-icon.svg" type="image/svg+xml"></object>
<span class="secondary-card-number second">0</span>
<span class="secondary-card-label">SECONDS</span>
</div>
</div>
<div class="row-container">
<div class="secondary-card info-card">
<img id="brand-logo" src="" class="brand-logo" alt="Brand Logo" />
<span class="info-text">Powered by Screenly</span>
</div>
<div class="secondary-card">
<div class="secondary-card date-card">
<span class="date-text">WED</span>
<span class="date-number">0</span>
</div>
</div>
</div>
</div>
</div>

<script src="static/js/country-locale-map.1.18.5.min.js"></script>
<script src="static/js/moment-with-locales.min.js"></script>
<script src="static/js/moment-timezone-with-data.min.js"></script>
<script src="static/js/offline-geocode-city-1.0.2.min.js"></script>
<script src="static/js/tz.min.js"></script>
<script src="https://browser.sentry-cdn.com/8.30.0/bundle.tracing.min.js" integrity="sha384-whi3vRW+DIBqY2lQQ6oghGXbbA0sL5NJxUL6CMC+LRJ0b4A64Qn7/6YhpeR0+3Nq" crossorigin="anonymous"></script>
salmanfarisvp marked this conversation as resolved.
Show resolved Hide resolved
<script src="static/js/main.js"></script>
</body>

</html>
9 changes: 8 additions & 1 deletion edge-apps/countdown-timer/screenly.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
---
syntax: manifest_v1
id: 01HS8ZSEPGFZDKE606PD038TTB
id: 01J8053D38CMQ1ZEN6GB7FD37D
description: Screenly Countdown Edge App
icon: https://playground.srly.io/edge-apps/countdown-timer/static/images/icon.svg
author: Screenly, Inc.
ready_signal: true
settings:
countdown_headline:
type: string
Expand All @@ -29,6 +30,12 @@ settings:
title: override_timezone
optional: true
help_text: Specify a supported timezone value (e.g., Europe/London).
sentry_dsn:
type: secret
title: Sentry Client Key
optional: true
help_text: Sentry Client Key from Sentry SDK for error capturing.
is_global: true
tag_manager_id:
type: string
default_value: GTM-P98SPZ9Z
Expand Down
1 change: 1 addition & 0 deletions edge-apps/countdown-timer/screenly_qc.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
syntax: manifest_v1
id: 01HS8ZQP09W71PAMEZ65GH6SVV
ready_signal: true
description: Screenly Countdown Edge App
icon: https://playground.srly.io/edge-apps/countdown-timer/static/images/icon.svg
author: Screenly, Inc.
Expand Down
Loading
Loading