mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
new emails page
This commit is contained in:
codecalm
202
shared/data/mails.json
Normal file
202
shared/data/mails.json
Normal file
@@ -0,0 +1,202 @@
|
||||
[
|
||||
{
|
||||
"id": "e1",
|
||||
"sender": "Lucas, me (4)",
|
||||
"senderEmail": "lucas@example.com",
|
||||
"subject": "Direct message on Twitter",
|
||||
"preview": "@LucasKriebel - Very cool :) You have a new direct message. Open Twitter to read and reply now.",
|
||||
"labels": ["Social"],
|
||||
"starred": true,
|
||||
"date": "2025-08-27T11:49:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e2",
|
||||
"sender": "Acme Support",
|
||||
"senderEmail": "support@acme.io",
|
||||
"subject": "Your ticket #48213 has been updated",
|
||||
"preview": "Hi, we've added a detailed note to your request regarding billing. Please review the update and let us know if anything looks off.",
|
||||
"labels": ["Updates"],
|
||||
"starred": false,
|
||||
"date": "2025-08-26T09:15:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e3",
|
||||
"sender": "Marketing Weekly",
|
||||
"senderEmail": "news@marketingweekly.com",
|
||||
"subject": "10 growth tactics you can try today",
|
||||
"preview": "We curated a list of actionable ideas from top marketers to boost acquisition, retention, and activation this quarter.",
|
||||
"labels": ["Promotions"],
|
||||
"starred": false,
|
||||
"date": "2025-08-25T17:02:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e4",
|
||||
"sender": "GitHub",
|
||||
"senderEmail": "noreply@github.com",
|
||||
"subject": "[tabler] New issue assigned to you",
|
||||
"preview": "Issue #3294: Update email inbox page to use data file. Please triage, add labels, and provide an estimate.",
|
||||
"labels": ["Important", "Updates"],
|
||||
"starred": true,
|
||||
"date": "2025-08-25T08:41:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e5",
|
||||
"sender": "me (2), Stripe",
|
||||
"senderEmail": "no-reply@stripe.com",
|
||||
"subject": "Payout scheduled",
|
||||
"preview": "A payout of $1,248.32 is scheduled for tomorrow. Funds typically arrive within 2 business days.",
|
||||
"labels": ["Updates"],
|
||||
"starred": false,
|
||||
"date": "2025-08-24T12:30:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e6",
|
||||
"sender": "Figma",
|
||||
"senderEmail": "team@figma.com",
|
||||
"subject": "You were invited to a file",
|
||||
"preview": "Anna shared ‘Inbox redesign v3’ with you. Review the latest components and leave feedback in comments.",
|
||||
"labels": ["Social"],
|
||||
"starred": false,
|
||||
"date": "2025-08-24T07:58:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e7",
|
||||
"sender": "Calendly",
|
||||
"senderEmail": "no-reply@calendly.com",
|
||||
"subject": "Event confirmed for Fri 3 PM",
|
||||
"preview": "Your meeting with Chris is confirmed for this Friday at 3 PM. A calendar invite with the video link was attached.",
|
||||
"labels": ["Updates"],
|
||||
"starred": false,
|
||||
"date": "2025-08-23T14:21:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e8",
|
||||
"sender": "Twitter",
|
||||
"senderEmail": "notify@twitter.com",
|
||||
"subject": "New followers this week",
|
||||
"preview": "You gained 27 new followers. See who followed you and engage with their posts to grow reach.",
|
||||
"labels": ["Social"],
|
||||
"starred": false,
|
||||
"date": "2025-08-23T06:12:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e9",
|
||||
"sender": "Product Hunt",
|
||||
"senderEmail": "hello@producthunt.com",
|
||||
"subject": "Today's top launches",
|
||||
"preview": "Catch up on trending products you might like. Today's list features tools for design and developer productivity.",
|
||||
"labels": ["Promotions"],
|
||||
"starred": false,
|
||||
"date": "2025-08-22T19:33:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e10",
|
||||
"sender": "Notion",
|
||||
"senderEmail": "team@notion.so",
|
||||
"subject": "Weekly summary: Inbox project",
|
||||
"preview": "3 tasks completed, 2 comments, 1 new page added. Click through to see highlights and next steps.",
|
||||
"labels": ["Updates"],
|
||||
"starred": false,
|
||||
"date": "2025-08-22T08:00:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e11",
|
||||
"sender": "AWS",
|
||||
"senderEmail": "no-reply@aws.amazon.com",
|
||||
"subject": "Billing alert threshold reached",
|
||||
"preview": "Your usage exceeded the alert threshold for this month. Consider upgrading your plan or adjusting limits.",
|
||||
"labels": ["Important"],
|
||||
"starred": true,
|
||||
"date": "2025-08-21T18:45:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e12",
|
||||
"sender": "LinkedIn",
|
||||
"senderEmail": "messages-noreply@linkedin.com",
|
||||
"subject": "Someone viewed your profile",
|
||||
"preview": "See who looked at your profile this week. Strengthen your network by following up with recent viewers.",
|
||||
"labels": ["Social"],
|
||||
"starred": false,
|
||||
"date": "2025-08-21T10:27:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e13",
|
||||
"sender": "Google Alerts",
|
||||
"senderEmail": "noreply-alerts@google.com",
|
||||
"subject": "Alert for: Tabler UI",
|
||||
"preview": "New articles mentioning Tabler UI were found. Skim the summaries and set alerts for related keywords.",
|
||||
"labels": ["Updates"],
|
||||
"starred": false,
|
||||
"date": "2025-08-20T16:14:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e14",
|
||||
"sender": "Medium",
|
||||
"senderEmail": "noreply@medium.com",
|
||||
"subject": "Stories you might like",
|
||||
"preview": "Handpicked stories based on your reading history. Discover deep dives on design systems and UX workflows.",
|
||||
"labels": ["Promotions"],
|
||||
"starred": false,
|
||||
"date": "2025-08-20T07:05:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e15",
|
||||
"sender": "Slack",
|
||||
"senderEmail": "feedback@slack.com",
|
||||
"subject": "Missed messages in #design",
|
||||
"preview": "You have 14 unread messages across 3 channels. Catch up now to keep the conversation moving.",
|
||||
"labels": ["Updates"],
|
||||
"starred": false,
|
||||
"date": "2025-08-19T21:43:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e16",
|
||||
"sender": "Sentry",
|
||||
"senderEmail": "alerts@sentry.io",
|
||||
"subject": "New error: TypeError in preview",
|
||||
"preview": "Tabler preview threw TypeError: cannot read properties of undefined. Investigate stack trace and recent commits.",
|
||||
"labels": ["Important", "Updates"],
|
||||
"starred": true,
|
||||
"date": "2025-08-19T11:20:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e17",
|
||||
"sender": "Dribbble",
|
||||
"senderEmail": "no-reply@dribbble.com",
|
||||
"subject": "New shots from designers you follow",
|
||||
"preview": "A fresh batch of inspiration is here. Explore new shots and save your favorites to collections.",
|
||||
"labels": ["Social"],
|
||||
"starred": false,
|
||||
"date": "2025-08-18T15:37:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e18",
|
||||
"sender": "Airbnb",
|
||||
"senderEmail": "express@airbnb.com",
|
||||
"subject": "Plan your next getaway",
|
||||
"preview": "Deals on stays you'll love this fall. Flexible dates and free cancellation on many options.",
|
||||
"labels": ["Promotions"],
|
||||
"starred": false,
|
||||
"date": "2025-08-18T06:50:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e19",
|
||||
"sender": "Google Calendar",
|
||||
"senderEmail": "calendar-notification@google.com",
|
||||
"subject": "Reminder: Standup in 10 minutes",
|
||||
"preview": "Daily standup starts at 9:30 AM. Share yesterday's progress, today's plan, and blockers.",
|
||||
"labels": ["Updates"],
|
||||
"starred": false,
|
||||
"date": "2025-08-17T09:20:00Z"
|
||||
},
|
||||
{
|
||||
"id": "e20",
|
||||
"sender": "Superstore",
|
||||
"senderEmail": "offers@superstore.com",
|
||||
"subject": "Exclusive 25% off for you",
|
||||
"preview": "Save big on electronics this weekend only. Limited quantities—use code WEEKEND25 at checkout.",
|
||||
"labels": ["Promotions"],
|
||||
"starred": false,
|
||||
"date": "2025-08-16T13:00:00Z"
|
||||
}
|
||||
]
|
||||
@@ -231,6 +231,11 @@
|
||||
"title": "Chat",
|
||||
"url": "chat.html"
|
||||
},
|
||||
"email-inbox": {
|
||||
"title": "Email inbox",
|
||||
"url": "email-inbox.html",
|
||||
"badge": "New"
|
||||
},
|
||||
"cookie-banner": {
|
||||
"title": "Cookie banner",
|
||||
"url": "cookie-banner.html"
|
||||
|
||||
27
shared/includes/parts/modals/new-email.html
Normal file
27
shared/includes/parts/modals/new-email.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">New Message</h4>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<form>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">To</label>
|
||||
<input type="text" class="form-control" placeholder="Example@email.com">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Subject</label>
|
||||
<input type="text" class="form-control" placeholder="Your subject">
|
||||
</div>
|
||||
<div>
|
||||
<label class="form-label">Message</label>
|
||||
{% include "ui/wysiwyg.html" id="email-message" %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn" data-bs-dismiss="modal">Cancel</button>
|
||||
<button type="button" class="btn btn-primary ms-auto" data-bs-dismiss="modal">
|
||||
{% include "ui/icon.html" icon="send" %} Send Message
|
||||
</button>
|
||||
</div>
|
||||
@@ -25,7 +25,9 @@
|
||||
content_style: 'body { font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }'
|
||||
}
|
||||
|
||||
if (localStorage.getItem("tablerTheme") === 'dark') {
|
||||
// check current theme is light or dark
|
||||
const theme = document.documentElement.getAttribute('data-bs-theme');
|
||||
if (theme === 'dark') {
|
||||
options.skin = 'oxide-dark';
|
||||
options.content_css = 'dark';
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user