push setup
This commit is contained in:
34
index.html
34
index.html
@@ -24,6 +24,11 @@
|
||||
<body>
|
||||
<div class="app-container">
|
||||
<header class="header">
|
||||
<div class="push-notification-controls">
|
||||
<button id="pushSettingsButton" class="header-button" title="Push Notification Settings">
|
||||
<i class="fas fa-bell"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="game-controls">
|
||||
<button id="gameButton" class="game-button">Start Game</button>
|
||||
</div>
|
||||
@@ -111,6 +116,35 @@
|
||||
<button id="cameraCaptureButton" class="camera-button-large"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Push Notification Settings Modal -->
|
||||
<div id="pushSettingsModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<h2>Push Notification Settings</h2>
|
||||
<div class="notification-status-container">
|
||||
<div class="notification-status">
|
||||
<p><strong>Notification Permission: </strong><span id="notificationPermissionStatus">Unknown</span></p>
|
||||
<p><strong>Subscription Status: </strong><span id="subscriptionStatus">Unknown</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="pushUsername">Username for Push Service</label>
|
||||
<input type="text" id="pushUsername" placeholder="Enter username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="pushPassword">Password</label>
|
||||
<input type="password" id="pushPassword" placeholder="Enter password">
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<button type="button" id="pushCancelButton" class="cancel-button">Cancel</button>
|
||||
<button type="button" id="pushSaveButton" class="save-button">Save & Subscribe</button>
|
||||
</div>
|
||||
<div class="advanced-options">
|
||||
<button type="button" id="pushUnsubscribeButton" class="cancel-button">Unsubscribe</button>
|
||||
<button type="button" id="pushResubscribeButton" class="save-button">Resubscribe</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main application script -->
|
||||
<script type="module" src="/js/app.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user