Compare commits

...

7 Commits

Author SHA1 Message Date
Magnus Åhall
7732d8033a Bumped to v20 2024-06-25 09:49:27 +02:00
Magnus Åhall
3ec4bdec2b Fixed icons 2024-06-25 09:49:09 +02:00
Magnus Åhall
aaf4dce6f8 Fixed embedded images 2024-06-25 09:28:53 +02:00
Magnus Åhall
ebba52cded Bumped to v19 2024-06-25 09:22:28 +02:00
Magnus Åhall
54ba7b160b Added theme to configuration page 2024-06-25 09:18:15 +02:00
Magnus Åhall
c77737a20e Fixed icons for default light theme in datapoints page 2024-06-25 09:04:56 +02:00
Magnus Åhall
58e0b2f081 Theming support 2024-06-25 08:59:07 +02:00
97 changed files with 3233 additions and 1112 deletions

46
configuration.go Normal file
View File

@ -0,0 +1,46 @@
package main
import (
// External
werr "git.gibonuddevalla.se/go/wrappederror"
// Standard
"database/sql"
)
type Configuration struct {
Settings map[string]string
}
var smonConfig Configuration
func SmonConfigInit() (err error) {
smonConfig.Settings = make(map[string]string, 8)
var rows *sql.Rows
rows, err = service.Db.Conn.Query(`SELECT * FROM public.configuration`)
if err != nil {
err = werr.Wrap(err)
return
}
defer rows.Close()
for rows.Next() {
var setting, value string
err = rows.Scan(&setting, &value)
if err != nil {
err = werr.Wrap(err)
return
}
smonConfig.Settings[setting] = value
}
return
}
func (cfg *Configuration) SetTheme(theme string) (err error) {
cfg.Settings["THEME"] = theme
_, err = service.Db.Conn.Exec(`UPDATE public.configuration SET value=$1 WHERE setting='THEME'`, theme)
return
}

28
main.go
View File

@ -27,7 +27,7 @@ import (
"time"
)
const VERSION = "v18"
const VERSION = "v20"
var (
logger *slog.Logger
@ -148,10 +148,17 @@ func main() { // {{{
service.Register("/trigger/delete/{id}", false, false, actionTriggerDelete)
service.Register("/configuration", false, false, pageConfiguration)
service.Register("/configuration/theme", false, false, actionConfigurationTheme)
service.Register("/entry/{datapoint}", false, false, actionEntryDatapoint)
go nodataLoop()
err = SmonConfigInit()
if err != nil {
logger.Error("configuration", "error", werr.Wrap(err))
os.Exit(1)
}
err = service.Start()
if err != nil {
logger.Error("webserver", "error", werr.Wrap(err))
@ -366,6 +373,7 @@ func pageIndex(w http.ResponseWriter, _ *http.Request, _ *session.T) { // {{{
page := Page{
LAYOUT: "main",
PAGE: "index",
CONFIG: smonConfig.Settings,
}
page.Render(w)
} // }}}
@ -481,6 +489,7 @@ func pageProblems(w http.ResponseWriter, _ *http.Request, _ *session.T) { // {{{
page := Page{
LAYOUT: "main",
PAGE: "problems",
CONFIG: smonConfig.Settings,
}
problems, err := ProblemsRetrieve()
@ -555,6 +564,7 @@ func pageDatapoints(w http.ResponseWriter, r *http.Request, _ *session.T) { // {
page := Page{
LAYOUT: "main",
PAGE: "datapoints",
CONFIG: smonConfig.Settings,
}
datapoints, err := DatapointsRetrieve()
@ -599,6 +609,7 @@ func pageDatapointEdit(w http.ResponseWriter, r *http.Request, _ *session.T) { /
page := Page{
LAYOUT: "main",
PAGE: "datapoint_edit",
CONFIG: smonConfig.Settings,
MENU: "datapoints",
Icon: "datapoints",
Label: "Datapoint",
@ -679,6 +690,7 @@ func pageDatapointValues(w http.ResponseWriter, r *http.Request, _ *session.T) {
page := Page{
LAYOUT: "main",
PAGE: "datapoint_values",
CONFIG: smonConfig.Settings,
MENU: "datapoints",
Icon: "datapoints",
Label: "Values for " + datapoint.Name,
@ -706,6 +718,7 @@ func pageTriggers(w http.ResponseWriter, _ *http.Request, _ *session.T) { // {{{
page := Page{
LAYOUT: "main",
PAGE: "triggers",
CONFIG: smonConfig.Settings,
Data: map[string]any{
"Areas": areas,
},
@ -790,6 +803,7 @@ func pageTriggerEdit(w http.ResponseWriter, r *http.Request, _ *session.T) { //
LAYOUT: "main",
PAGE: "trigger_edit",
MENU: "triggers",
CONFIG: smonConfig.Settings,
Label: "Trigger",
Icon: "triggers",
Data: map[string]any{
@ -934,6 +948,7 @@ func pageConfiguration(w http.ResponseWriter, _ *http.Request, _ *session.T) { /
page := Page{
LAYOUT: "main",
PAGE: "configuration",
CONFIG: smonConfig.Settings,
Data: map[string]any{
"Areas": areas,
},
@ -941,3 +956,14 @@ func pageConfiguration(w http.ResponseWriter, _ *http.Request, _ *session.T) { /
page.Render(w)
} // }}}
func actionConfigurationTheme(w http.ResponseWriter, r *http.Request, _ *session.T) { // {{{
theme := r.FormValue("theme")
err := smonConfig.SetTheme(theme)
if err != nil {
httpError(w, werr.Wrap(err).Log())
return
}
w.Header().Add("Location", "/configuration")
w.WriteHeader(302)
} // }}}

View File

@ -15,6 +15,7 @@ type Page struct {
LAYOUT string
PAGE string
MENU string
CONFIG map[string]string
Label string
Icon string
@ -47,6 +48,8 @@ func (p *Page) Render(w http.ResponseWriter) {
"LAYOUT": p.LAYOUT,
"PAGE": p.PAGE,
"MENU": p.MENU,
"CONFIG": smonConfig.Settings,
"Label": p.Label,
"Icon": p.Icon,
"Data": p.Data,

5
sql/00018.sql Normal file
View File

@ -0,0 +1,5 @@
CREATE TABLE public."configuration" (
setting varchar NOT NULL,
value varchar DEFAULT '' NOT NULL,
CONSTRAINT configuration_pk PRIMARY KEY (setting)
);

1
sql/00019.sql Normal file
View File

@ -0,0 +1 @@
INSERT INTO public.configuration(setting, value) VALUES('THEME', 'gruvbox');

View File

@ -1,130 +0,0 @@
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #202020;
color: #d5c4a1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #202020;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}
#areas .area > .name {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 0px 16px;
align-items: center;
padding-left: 16px;
padding-right: 8px;
}
#areas .area > .name img {
margin-top: 3px;
margin-bottom: 4px;
height: 16px;
}
#areas .area .section.configuration {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 0 16px;
margin-top: 8px;
margin-bottom: 8px;
}
#areas .area .section.configuration:last-child {
margin-bottom: 16px;
}
#areas .area .section.configuration img {
height: 16px;
}

View File

@ -1,168 +0,0 @@
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #202020;
color: #d5c4a1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #202020;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}
#datapoints {
display: grid;
grid-template-columns: repeat(6, min-content);
grid-gap: 8px 16px;
margin-top: 16px;
}
#datapoints .group {
font-size: 1.1em;
font-weight: bold;
color: #b8bb26;
margin-top: 1.5em;
padding-bottom: 4px;
}
#datapoints h2 {
border-bottom: unset;
}
#datapoints .header {
font-weight: 800;
font-size: 0.85em;
color: #d5c4a1;
}
#datapoints div {
white-space: nowrap;
align-self: center;
}
#datapoints .icons {
display: flex;
gap: 12px;
align-items: center;
}
#datapoints img.info {
height: 20px;
}
#values {
display: grid;
grid-template-columns: repeat(2, min-content);
gap: 16px;
white-space: nowrap;
}
.widgets {
display: grid;
grid-template-columns: min-content 1fr;
gap: 8px 16px;
}
.widgets .label {
margin-top: 4px;
white-space: nowrap;
}
.widgets input[type="text"],
.widgets textarea {
width: 100%;
}
.widgets .datapoints {
display: grid;
grid-template-columns: min-content 1fr;
gap: 6px 8px;
font-family: "Roboto Mono", monospace;
margin-bottom: 8px;
}
.widgets .action {
display: grid;
grid-template-columns: min-content min-content;
grid-gap: 8px;
}

View File

@ -0,0 +1,26 @@
#areas .area > .name {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 0px 16px;
align-items: center;
padding-left: 16px;
padding-right: 8px;
}
#areas .area > .name img {
margin-top: 3px;
margin-bottom: 4px;
height: 16px;
}
#areas .area .section.configuration {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 0 16px;
margin-top: 8px;
margin-bottom: 8px;
}
#areas .area .section.configuration:last-child {
margin-bottom: 16px;
}
#areas .area .section.configuration img {
height: 16px;
}

View File

@ -0,0 +1,64 @@
#datapoints {
display: grid;
grid-template-columns: repeat(6, min-content);
grid-gap: 8px 16px;
margin-top: 16px;
}
#datapoints .group {
font-size: 1.1em;
font-weight: bold;
color: #2c6e97;
margin-top: 1.5em;
padding-bottom: 4px;
}
#datapoints h2 {
border-bottom: unset;
}
#datapoints .header {
font-weight: 800;
font-size: 0.85em;
color: #333;
}
#datapoints div {
white-space: nowrap;
align-self: center;
}
#datapoints .icons {
display: flex;
gap: 12px;
align-items: center;
}
#datapoints img.info {
height: 20px;
}
#values {
display: grid;
grid-template-columns: repeat(2, min-content);
gap: 16px;
white-space: nowrap;
}
.widgets {
display: grid;
grid-template-columns: min-content 1fr;
gap: 8px 16px;
}
.widgets .label {
margin-top: 4px;
white-space: nowrap;
}
.widgets input[type="text"],
.widgets textarea {
width: 100%;
}
.widgets .datapoints {
display: grid;
grid-template-columns: min-content 1fr;
gap: 6px 8px;
font-family: "Roboto Mono", monospace;
margin-bottom: 8px;
}
.widgets .action {
display: grid;
grid-template-columns: min-content min-content;
grid-gap: 8px;
}

View File

@ -0,0 +1,37 @@
.widgets .action #run-result {
background-color: #fff !important;
border: 1px solid #ccc;
}
#menu .entry .label {
color: #7bb8eb !important;
}
#menu .entry.selected .label {
color: #fff !important;
}
input[type="text"],
textarea,
select {
border: 1px solid #ccc;
}
.description {
border: 1px solid #ccc;
}
button {
background: #2979b8;
color: #fff;
border: 1px solid #2e84cb;
}
button:focus {
background: #2979b8;
}
#areas .area {
background: #fff !important;
border: 1px solid #2979b8;
}
#areas .area .name {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
#areas .area .section .name {
font-weight: normal;
}

View File

View File

View File

@ -0,0 +1,206 @@
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
#layout {
display: grid;
grid-template-areas: "menu content";
grid-template-columns: 104px 1fr;
height: 100vh;
}
#menu {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(32, min-content);
align-items: start;
grid-area: menu;
background: #1b4e78;
}
#menu .entry.selected {
background: #2979b8;
}
#menu .entry.selected a {
color: #000 !important;
}
#menu .entry > a {
display: grid;
justify-items: center;
grid-template-rows: 38px
16px
;
padding: 16px;
color: #7bb8eb;
text-decoration: none;
}
#menu .entry > a img {
display: block;
width: 32px;
}
#menu .entry > a .label {
font-size: 0.9em;
font-weight: bold;
}
#page {
grid-area: content;
padding: 32px;
}
#page .page-label {
display: grid;
grid-template-columns: min-content 1fr;
grid-gap: 12px;
align-items: center;
margin-bottom: 32px;
}
#page .page-label div {
font-weight: 800;
font-size: 1.5em;
color: #1b4e78;
}
#page .page-label img {
display: block;
}
#areas {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
#areas .area {
background: #2979b8;
border-radius: 4px;
}
#areas .area > .name {
background: #1b4e78;
color: #fff;
font-weight: 800;
padding: 4px 16px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#areas .area .section {
margin: 8px 16px;
margin-top: 12px;
margin-bottom: 20px;
}
#areas .area .section:last-child {
margin-bottom: 12px;
}
#areas .area .section .create {
display: grid;
grid-template-columns: min-content min-content;
grid-gap: 8px;
white-space: nowrap;
}
#areas .area .section .create .new {
font-weight: 800;
}
#areas .area .section > .name {
font-weight: 800;
}
dialog {
background: #1b4e78;
border: 1px solid #3f90d4;
color: #333;
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.25);
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #fff;
font-family: sans-serif;
font-weight: 300;
color: #333;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
margin-top: 32px;
font-size: 1.5em;
color: #1b4e78;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #2c6e97;
font-weight: 800;
}
a {
color: #2c6e97;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #fff;
color: #333;
padding: 4px 8px;
border: 1px solid #484848;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #1b4e78;
color: #333;
padding: 8px 32px;
border: 1px solid #2e84cb;
font-size: 1em;
height: 3em;
}
button:focus {
background: #2979b8;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #d9d9d9;
}
span.date {
color: #333;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #333;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #123450;
color: #2c6e97;
background: #fff;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}

View File

@ -0,0 +1,51 @@
#problems-list,
#acknowledged-list {
display: grid;
grid-template-columns: repeat(6, min-content);
grid-gap: 4px 16px;
margin-bottom: 32px;
}
#problems-list div,
#acknowledged-list div {
white-space: nowrap;
line-height: 24px;
}
#problems-list .header,
#acknowledged-list .header {
font-weight: 800;
}
#problems-list .trigger,
#acknowledged-list .trigger {
color: #1b4e78;
font-weight: 800;
}
#problems-list .acknowledge img,
#acknowledged-list .acknowledge img {
height: 16px;
}
#acknowledged-list.hidden {
display: none;
}
#areas {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
#areas .area .section {
display: grid;
grid-template-columns: repeat(2, min-content);
grid-gap: 8px 12px;
}
#areas .area .section .name {
color: #000;
grid-column: 1 / -1;
font-weight: bold !important;
line-height: 24px;
}
#areas .area .section div {
white-space: nowrap;
}
.hidden {
display: none;
}

View File

@ -0,0 +1,44 @@
.widgets {
display: grid;
grid-template-columns: min-content 1fr;
gap: 8px 16px;
}
.widgets .label {
margin-top: 4px;
}
.widgets input[type="text"],
.widgets textarea {
width: 100%;
}
.widgets .datapoints {
font: "Roboto Mono", monospace;
display: grid;
grid-template-columns: min-content min-content 1fr;
gap: 6px 8px;
margin-bottom: 8px;
white-space: nowrap;
}
.widgets .datapoints .invalid {
color: #c83737;
}
.widgets .datapoints .delete img {
height: 16px;
}
.widgets .action {
display: grid;
grid-template-columns: min-content min-content 1fr;
grid-gap: 8px;
}
.widgets .action #run-result {
font-family: 'Roboto Mono', monospace;
margin-left: 16px;
padding: 16px;
background: #1b4e78;
min-height: 8em;
}
.widgets .action #run-result.ok {
color: #333;
}
.widgets .action #run-result.error {
color: #fb4934;
}

View File

@ -0,0 +1,13 @@
#areas .area .section .triggers .trigger {
display: grid;
grid-template-columns: min-content 1fr min-content;
grid-gap: 8px;
align-items: center;
margin-top: 8px;
}
#areas .area .section .triggers .trigger img {
height: 16px;
}
#areas .area .section .triggers .trigger .label {
color: inherit;
}

View File

@ -0,0 +1,26 @@
#areas .area > .name {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 0px 16px;
align-items: center;
padding-left: 16px;
padding-right: 8px;
}
#areas .area > .name img {
margin-top: 3px;
margin-bottom: 4px;
height: 16px;
}
#areas .area .section.configuration {
display: grid;
grid-template-columns: 1fr min-content;
grid-gap: 0 16px;
margin-top: 8px;
margin-bottom: 8px;
}
#areas .area .section.configuration:last-child {
margin-bottom: 16px;
}
#areas .area .section.configuration img {
height: 16px;
}

View File

@ -0,0 +1,64 @@
#datapoints {
display: grid;
grid-template-columns: repeat(6, min-content);
grid-gap: 8px 16px;
margin-top: 16px;
}
#datapoints .group {
font-size: 1.1em;
font-weight: bold;
color: #b8bb26;
margin-top: 1.5em;
padding-bottom: 4px;
}
#datapoints h2 {
border-bottom: unset;
}
#datapoints .header {
font-weight: 800;
font-size: 0.85em;
color: #d5c4a1;
}
#datapoints div {
white-space: nowrap;
align-self: center;
}
#datapoints .icons {
display: flex;
gap: 12px;
align-items: center;
}
#datapoints img.info {
height: 20px;
}
#values {
display: grid;
grid-template-columns: repeat(2, min-content);
gap: 16px;
white-space: nowrap;
}
.widgets {
display: grid;
grid-template-columns: min-content 1fr;
gap: 8px 16px;
}
.widgets .label {
margin-top: 4px;
white-space: nowrap;
}
.widgets input[type="text"],
.widgets textarea {
width: 100%;
}
.widgets .datapoints {
display: grid;
grid-template-columns: min-content 1fr;
gap: 6px 8px;
font-family: "Roboto Mono", monospace;
margin-bottom: 8px;
}
.widgets .action {
display: grid;
grid-template-columns: min-content min-content;
grid-gap: 8px;
}

View File

@ -0,0 +1,37 @@
.widgets .action #run-result {
background-color: #fff !important;
border: 1px solid #ccc;
}
#menu .entry .label {
color: #777 !important;
}
#menu .entry.selected .label {
color: #fff !important;
}
input[type="text"],
textarea,
select {
border: 1px solid #ccc;
}
.description {
border: 1px solid #ccc;
}
button {
background: #333;
color: #fff;
border: 1px solid #535353;
}
button:focus {
background: #333;
}
#areas .area {
background: #fff !important;
border: 1px solid #333;
}
#areas .area .name {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
#areas .area .section .name {
font-weight: normal;
}

View File

View File

View File

@ -12,100 +12,10 @@ html {
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #202020;
color: #d5c4a1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #202020;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}
#layout {
display: grid;
grid-template-areas: "menu content";
grid-template-columns: 96px 1fr;
grid-template-columns: 104px 1fr;
height: 100vh;
}
#menu {
@ -203,3 +113,94 @@ dialog {
color: #d5c4a1;
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.25);
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
margin-top: 32px;
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #282828;
color: #d5c4a1;
padding: 4px 8px;
border: 1px solid #484848;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #282828;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}

View File

@ -0,0 +1,51 @@
#problems-list,
#acknowledged-list {
display: grid;
grid-template-columns: repeat(6, min-content);
grid-gap: 4px 16px;
margin-bottom: 32px;
}
#problems-list div,
#acknowledged-list div {
white-space: nowrap;
line-height: 24px;
}
#problems-list .header,
#acknowledged-list .header {
font-weight: 800;
}
#problems-list .trigger,
#acknowledged-list .trigger {
color: #fb4934;
font-weight: 800;
}
#problems-list .acknowledge img,
#acknowledged-list .acknowledge img {
height: 16px;
}
#acknowledged-list.hidden {
display: none;
}
#areas {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
#areas .area .section {
display: grid;
grid-template-columns: repeat(2, min-content);
grid-gap: 8px 12px;
}
#areas .area .section .name {
color: #f7edd7;
grid-column: 1 / -1;
font-weight: bold !important;
line-height: 24px;
}
#areas .area .section div {
white-space: nowrap;
}
.hidden {
display: none;
}

View File

View File

@ -0,0 +1,44 @@
.widgets {
display: grid;
grid-template-columns: min-content 1fr;
gap: 8px 16px;
}
.widgets .label {
margin-top: 4px;
}
.widgets input[type="text"],
.widgets textarea {
width: 100%;
}
.widgets .datapoints {
font: "Roboto Mono", monospace;
display: grid;
grid-template-columns: min-content min-content 1fr;
gap: 6px 8px;
margin-bottom: 8px;
white-space: nowrap;
}
.widgets .datapoints .invalid {
color: #c83737;
}
.widgets .datapoints .delete img {
height: 16px;
}
.widgets .action {
display: grid;
grid-template-columns: min-content min-content 1fr;
grid-gap: 8px;
}
.widgets .action #run-result {
font-family: 'Roboto Mono', monospace;
margin-left: 16px;
padding: 16px;
background: #202020;
min-height: 8em;
}
.widgets .action #run-result.ok {
color: #d5c4a1;
}
.widgets .action #run-result.error {
color: #fb4934;
}

View File

@ -0,0 +1,13 @@
#areas .area .section .triggers .trigger {
display: grid;
grid-template-columns: min-content 1fr min-content;
grid-gap: 8px;
align-items: center;
margin-top: 8px;
}
#areas .area .section .triggers .trigger img {
height: 16px;
}
#areas .area .section .triggers .trigger .label {
color: inherit;
}

View File

@ -1,108 +0,0 @@
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #202020;
color: #d5c4a1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #202020;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}
.graph {
margin-top: 192px;
border-radius: 16px;
}

View File

@ -1,155 +0,0 @@
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #202020;
color: #d5c4a1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #202020;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}
#problems-list,
#acknowledged-list {
display: grid;
grid-template-columns: repeat(6, min-content);
grid-gap: 4px 16px;
margin-bottom: 32px;
}
#problems-list div,
#acknowledged-list div {
white-space: nowrap;
line-height: 24px;
}
#problems-list .header,
#acknowledged-list .header {
font-weight: 800;
}
#problems-list .trigger,
#acknowledged-list .trigger {
color: #fb4934;
font-weight: 800;
}
#problems-list .acknowledge img,
#acknowledged-list .acknowledge img {
height: 16px;
}
#acknowledged-list.hidden {
display: none;
}
#areas {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
#areas .area .section {
display: grid;
grid-template-columns: repeat(2, min-content);
grid-gap: 8px 12px;
}
#areas .area .section .name {
color: #f7edd7;
grid-column: 1 / -1;
font-weight: bold !important;
line-height: 24px;
}
#areas .area .section div {
white-space: nowrap;
}
.hidden {
display: none;
}

View File

@ -1,148 +0,0 @@
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #202020;
color: #d5c4a1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #202020;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}
.widgets {
display: grid;
grid-template-columns: min-content 1fr;
gap: 8px 16px;
}
.widgets .label {
margin-top: 4px;
}
.widgets input[type="text"],
.widgets textarea {
width: 100%;
}
.widgets .datapoints {
font: "Roboto Mono", monospace;
display: grid;
grid-template-columns: min-content min-content 1fr;
gap: 6px 8px;
margin-bottom: 8px;
white-space: nowrap;
}
.widgets .datapoints .invalid {
color: #c83737;
}
.widgets .datapoints .delete img {
height: 16px;
}
.widgets .action {
display: grid;
grid-template-columns: min-content min-content 1fr;
grid-gap: 8px;
}
.widgets .action #run-result {
font-family: 'Roboto Mono', monospace;
margin-left: 16px;
padding: 16px;
background: #202020;
min-height: 8em;
}
.widgets .action #run-result.ok {
color: #d5c4a1;
}
.widgets .action #run-result.error {
color: #fb4934;
}

View File

@ -1,117 +0,0 @@
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: #282828;
font-family: sans-serif;
font-weight: 300;
color: #d5c4a1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
}
h1:first-child,
h2:first-child {
margin-top: 0px;
}
h1 {
font-size: 1.5em;
color: #fb4934;
font-weight: 800;
}
h2 {
font-size: 1.25em;
color: #b8bb26;
font-weight: 800;
}
a {
color: #3f9da1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b {
font-weight: 800;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: #202020;
color: #d5c4a1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em;
}
button {
background: #202020;
color: #d5c4a1;
padding: 8px 32px;
border: 1px solid #535353;
font-size: 1em;
height: 3em;
}
button:focus {
background: #333;
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid #4e4e4e;
}
span.date {
color: #d5c4a1;
font-weight: 800;
}
span.time {
font-size: 0.9em;
color: #d5c4a1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid #737373;
color: #3f9da1;
background: #202020;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}
#areas .area .section .triggers .trigger {
display: grid;
grid-template-columns: min-content 1fr min-content;
grid-gap: 8px;
align-items: center;
margin-top: 8px;
}
#areas .area .section .triggers .trigger img {
height: 16px;
}
#areas .area .section .triggers .trigger .label {
color: inherit;
}

View File

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32.000023"
height="32.890053"
viewBox="0 0 8.4666725 8.70216"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="configuration.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="10.5"
inkscape:cy="10"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.101544,-148.43131)">
<title
id="title1">cog</title>
<title
id="title1-9">cog-outline</title>
<path
d="m 94.33488,151.04195 a 1.7404377,1.7404377 0 0 1 1.740437,1.74043 1.7404377,1.7404377 0 0 1 -1.740437,1.74043 1.7404377,1.7404377 0 0 1 -1.740438,-1.74043 1.7404377,1.7404377 0 0 1 1.740438,-1.74043 m 0,0.8702 a 0.87021889,0.87021889 0 0 0 -0.87022,0.87023 0.87021889,0.87021889 0 0 0 0.87022,0.87022 0.87021889,0.87021889 0 0 0 0.870219,-0.87022 0.87021889,0.87021889 0 0 0 -0.870219,-0.87023 m -0.87022,5.22132 c -0.108784,0 -0.20015,-0.0783 -0.217553,-0.18274 l -0.160998,-1.15305 c -0.274119,-0.1087 -0.509079,-0.2567 -0.735335,-0.43076 l -1.083423,0.43946 c -0.09573,0.0349 -0.213203,0 -0.265416,-0.0957 l -0.870219,-1.50548 c -0.05657,-0.0957 -0.03046,-0.21321 0.05221,-0.27848 l 0.918081,-0.72227 -0.03046,-0.42206 0.03046,-0.43511 -0.918081,-0.70922 c -0.08267,-0.0653 -0.108784,-0.18276 -0.05221,-0.27848 l 0.870219,-1.50548 c 0.05221,-0.0957 0.169692,-0.13485 0.265416,-0.0957 l 1.083423,0.4351 c 0.226256,-0.1697 0.461216,-0.31764 0.735335,-0.42641 l 0.160998,-1.15304 c 0.0174,-0.10443 0.108767,-0.18274 0.217553,-0.18274 h 1.740439 c 0.108768,0 0.20015,0.0783 0.217554,0.18274 l 0.160997,1.15304 c 0.27412,0.10871 0.509079,0.25671 0.735335,0.42641 l 1.083422,-0.4351 c 0.09573,-0.0391 0.213204,0 0.265417,0.0957 l 0.87022,1.50548 c 0.05657,0.0957 0.03046,0.21321 -0.05221,0.27848 l -0.918081,0.70922 0.03046,0.43511 -0.03046,0.4351 0.918081,0.70923 c 0.08267,0.0653 0.108785,0.18275 0.05221,0.27848 l -0.87022,1.50548 c -0.05221,0.0957 -0.169692,0.13485 -0.265417,0.0957 l -1.083422,-0.4351 c -0.226256,0.1697 -0.461215,0.31764 -0.735335,0.4264 l -0.160997,1.15305 c -0.0174,0.10443 -0.108784,0.18274 -0.217554,0.18274 H 93.46466 m 0.543887,-7.83197 -0.160998,1.13565 c -0.522131,0.1087 -0.983348,0.38723 -1.318382,0.77448 l -1.048614,-0.45251 -0.326331,0.56565 0.918081,0.67441 c -0.174045,0.50908 -0.174045,1.06166 0,1.5664 l -0.922433,0.67877 0.326332,0.56564 1.057316,-0.45252 c 0.335034,0.38289 0.7919,0.66137 1.30968,0.7658 l 0.160997,1.13999 h 0.661366 l 0.160997,-1.13565 c 0.51778,-0.1087 0.974646,-0.38725 1.30968,-0.77014 l 1.057315,0.45252 0.326333,-0.56564 -0.922433,-0.67442 c 0.174045,-0.50909 0.174045,-1.06167 0,-1.57075 l 0.918081,-0.67441 -0.326331,-0.56565 -1.048614,0.45251 c -0.335034,-0.38725 -0.796251,-0.66572 -1.318382,-0.77014 l -0.160998,-1.13999 z"
id="path1-1"
style="fill:#7bb8eb;fill-opacity:1;stroke-width:0.435109" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32.000031"
height="32.897346"
viewBox="0 0 8.4666745 8.7040898"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="configuration_selected.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="9.5"
inkscape:cy="10"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.294521,-148.43129)">
<title
id="title1">cog</title>
<path
d="m 94.528826,154.30658 a 1.5232321,1.5232321 0 0 1 -1.523231,-1.52325 1.5232321,1.5232321 0 0 1 1.523231,-1.52323 1.5232321,1.5232321 0 0 1 1.523232,1.52323 1.5232321,1.5232321 0 0 1 -1.523232,1.52325 m 3.233603,-1.10109 c 0.0174,-0.13932 0.03046,-0.27853 0.03046,-0.42216 0,-0.1436 -0.013,-0.28723 -0.03046,-0.4352 l 0.918292,-0.70939 c 0.08269,-0.0653 0.10445,-0.1828 0.05222,-0.27853 l -0.870417,-1.50583 c -0.05222,-0.0957 -0.169732,-0.13488 -0.265478,-0.0957 l -1.083672,0.4352 c -0.226308,-0.16972 -0.461321,-0.31769 -0.735503,-0.4265 l -0.161018,-1.15329 c -0.0174,-0.10445 -0.108809,-0.1828 -0.217605,-0.1828 h -1.740836 c -0.108809,0 -0.200198,0.0783 -0.217605,0.1828 l -0.161035,1.15329 c -0.274181,0.10889 -0.509194,0.25678 -0.735503,0.4265 l -1.08367,-0.4352 c -0.09575,-0.0391 -0.213253,0 -0.265478,0.0957 l -0.870419,1.50583 c -0.05658,0.0957 -0.03046,0.21324 0.05222,0.27853 l 0.918292,0.70939 c -0.0174,0.14804 -0.03046,0.29158 -0.03046,0.4352 0,0.1436 0.013,0.28289 0.03046,0.42216 l -0.918292,0.72245 c -0.08269,0.0653 -0.108809,0.18278 -0.05222,0.27853 l 0.870419,1.50582 c 0.05222,0.0957 0.16973,0.13061 0.265478,0.0957 l 1.08367,-0.43957 c 0.226309,0.17408 0.461322,0.32206 0.735503,0.43087 l 0.161035,1.15329 c 0.0174,0.10445 0.108809,0.1828 0.217605,0.1828 h 1.740836 c 0.108809,0 0.200195,-0.0783 0.217605,-0.1828 l 0.161018,-1.15329 c 0.274182,-0.11317 0.509195,-0.25679 0.735503,-0.43087 l 1.083672,0.43957 c 0.09575,0.0349 0.213253,0 0.265478,-0.0957 l 0.870417,-1.50582 c 0.05223,-0.0957 0.03046,-0.21325 -0.05222,-0.27853 z"
id="path1"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#9bff07;fill-opacity:1;stroke-width:0.710544;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,76 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32"
height="32"
viewBox="0 0 8.4666667 8.4666664"
version="1.1"
id="svg1"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="datapoints.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="16"
inkscape:cx="0.53125"
inkscape:cy="20.0625"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showgrid="false" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-102.9229,-148.76801)">
<title
id="title1">file-chart</title>
<title
id="title1-6">chart-timeline-variant</title>
<circle
style="fill:#7bb8eb;fill-opacity:1;stroke-width:0.329648"
id="path1"
cx="103.69108"
cy="156.46651"
r="0.76817483" />
<circle
style="fill:#7bb8eb;fill-opacity:1;stroke-width:0.329648"
id="circle1"
cx="110.62139"
cy="149.53618"
r="0.76817483" />
<circle
style="fill:#7bb8eb;fill-opacity:1;stroke-width:0.329648"
id="circle2"
cx="106.00118"
cy="151.84628"
r="0.76817483" />
<circle
style="fill:#7bb8eb;fill-opacity:1;stroke-width:0.329648"
id="circle3"
cx="108.31129"
cy="154.1564"
r="0.76817483" />
<path
style="fill:none;fill-opacity:1;stroke-width:0.90831457;stroke:#7bb8eb;stroke-opacity:1;stroke-dasharray:none;stroke-linecap:round"
d="m 103.69108,156.46651 2.3101,-4.62023 2.31011,2.31012 2.3101,-4.62022"
id="path3" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32"
height="32"
viewBox="0 0 8.4666667 8.4666664"
version="1.1"
id="svg1"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="datapoints_selected.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="16"
inkscape:cx="0.53125"
inkscape:cy="20.0625"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showgrid="false" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-102.9229,-148.76801)">
<title
id="title1">file-chart</title>
<title
id="title1-6">chart-timeline-variant</title>
<path
d="m 94.987379,153.53513 0.19242,0.0269 1.75874,-1.75874 c -0.0692,-0.25015 -0.004,-0.53493 0.20012,-0.73505 0.30018,-0.30402 0.78508,-0.30402 1.08527,0 0.20396,0.20012 0.26937,0.4849 0.20011,0.73505 l 0.98905,0.98905 0.19242,-0.0269 c 0.0692,0 0.13469,0 0.19242,0.0269 l 1.373891,-1.37389 c -0.0269,-0.0577 -0.0269,-0.1232 -0.0269,-0.19242 a 0.76968815,0.76968815 0 0 1 0.76969,-0.76969 0.76968815,0.76968815 0 0 1 0.7697,0.76969 0.76968815,0.76968815 0 0 1 -0.7697,0.76968 c -0.0692,0 -0.13469,0 -0.19242,-0.0269 l -1.37389,1.3739 c 0.0269,0.0577 0.0269,0.1232 0.0269,0.19242 a 0.76968815,0.76968815 0 0 1 -0.769691,0.76968 0.76968815,0.76968815 0 0 1 -0.76969,-0.76968 l 0.0269,-0.19242 -0.98904,-0.98905 c -0.1232,0.0269 -0.2617,0.0269 -0.38485,0 l -1.75873,1.75873 0.0269,0.19242 a 0.76968815,0.76968815 0 0 1 -0.7697,0.76969 0.76968815,0.76968815 0 0 1 -0.76969,-0.76969 0.76968815,0.76968815 0 0 1 0.76969,-0.76968 z"
id="path1-2"
style="fill:#777777;fill-opacity:1;stroke-width:0.384844" />
<circle
style="fill:#9bff07;fill-opacity:1;stroke-width:0.329648"
id="path1"
cx="103.69108"
cy="156.46651"
r="0.76817483" />
<circle
style="fill:#9bff07;fill-opacity:1;stroke-width:0.329648"
id="circle1"
cx="110.62139"
cy="149.53618"
r="0.76817483" />
<circle
style="fill:#9bff07;fill-opacity:1;stroke-width:0.329648"
id="circle2"
cx="106.00118"
cy="151.84628"
r="0.76817483" />
<circle
style="fill:#9bff07;fill-opacity:1;stroke-width:0.329648"
id="circle3"
cx="108.31129"
cy="154.1564"
r="0.76817483" />
<path
style="fill:none;fill-opacity:1;stroke-width:0.90831457;stroke:#9bff07;stroke-opacity:1;stroke-dasharray:none;stroke-linecap:round"
d="m 103.69108,156.46651 2.3101,-4.62023 2.31011,2.31012 2.3101,-4.62022"
id="path3" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,848 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Do not edit this file with editors other than draw.io -->
<svg
version="1.1"
width="809px"
height="152px"
viewBox="-0.5 -0.5 809 152"
content="&lt;mxfile host=&quot;diagram.gibonuddevalla.se&quot; modified=&quot;2024-05-28T10:02:20.373Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36&quot; etag=&quot;029SYytIuNc7IRsrmX2d&quot; version=&quot;21.6.5&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;15J0dj6b0bNp4ZTDu6Jz&quot;&gt;7Vpbc9o6EP41PCYDFjbkMYSkPXPSTmfSmaaPwl5sNbJFZXE7v/5ItmRbxlwSSIAMwwPWSlpJu5++XVluobt48YXjSfSNBUBbTjtYtNCw5Tgd172Rf0qyzCV9t5MLQk6CXNQuBU/kP9A9jXRKAki1LBcJxqggE1vosyQBX1gyzDmb283GjAaWYIJDWBE8+ZiuSn+RQERmFe1S/hVIGJmRO21dM8L+S8jZNNHjtRzk9NUvr46x0aXbpxEO2LwiQvctdMcZE/lTvLgDqmxrm+1hTW0xbw6J2KWDR37Pfvk4+rmI/iXfHwf/OPHzVTE5sTQGgUDaRxcZFxELWYLpfSkdZIsGpbYtS2WbR8YmUtiRwj8gxFI7G08Fk6JIxFTXwoKI58rzb6Xq2tWl4UJrzgpLU0gEXz5XC5Veqlh2y0qm35gl4gHHhCrBV6AzEMTHukLPsNPV5TtGGZeCAMZ4SqVZB+kLCD/Sc/WnfAYPRAiShGahJAwzUzlKBaHUqJBwCFzoB0p1Kjh7gUpN3xkhz5M1q07Ufk3ZlPuwwXNmr2AegtjQDuXtlFcrA2iIfAEWg7SWbMCBYkFm9q7AenOFRbsSYPJBY+wVeNN6Z5hOwWwbLzP0SD6E6mGIBZ4wIu2ha+RARWXRmtclyn0WkL2/U2YqrtLM0beyQceZLPJuur5U9JAhRy3Q8XAsoTzINCc4hkJijSmb5sMaDbWtZG+UeUQEPE1w5ta5ZFN7U7wOaTXw5ggzBNaARU1Nm7BY3QBSPhyon9ZkCCFlVPl3PW5nwAUsNiLN1Bru0YHDMZQ7L2m4aBNVKNhrvxM4He9cyPCzkpqzI6l1eifFas52VvvB2YhC/MGcRlJlA0xSCdALZ+3PWe7pcRb61JxV9ek7sxbFI6CDIqk3TRKWwF6chnbkNOekKA25TZyW50DJKFV/gk+hLmsE46OyrA0gTEmYyGdfmhOkmQdqD0o40FtdEZMgyLEKkufwKNOnYJSlhtlq3UHLHa7Bz1qg7Q2sNTCp0tUqVjZu3RX6KQ67etnWgbGJlq7a16jrWsxk4LQzWrTyH3nmXWh2alq7tgY2HqcS1XW0FVPcA4C9cyG2y8n0bYSHvJNivG57K+ONMU0vlLcH5ZlNvT/lScZrOz2bnDr7UV6hxv0wjtt+bvjJpSeAH+PcAGpeWFyODgc5OqD60eHm2EeHXgP66lSWBLfqHbuiLYrTlPi2E22P7xnQ3hpHX4WkDXhYEyLX+n77W4pDx7fmHK1bA1a/Bpg8YOtO1QuCmh5k60Gdm+saE+YrXtF0KDrsbw3A6t3wq+JvPZS+LR5bKLfgZmGrAXs23CrJ2yqB7Xs8ruK3HOhwsbu3KU7vxIQfdMXQxGu1qPqdCTKW5hWEJccIrSlY1xuXqPrWqNo7uaiKuudybv2058/zvBo1077cjZ4irTXQ1zqqOwCt1e9GETo6rTXdcR3ztHCyWT86TtqP6q7fNe1fwZr30Xk/anwPckn8TyTxN1v/5DN/dHMuqdflyqD5KuDcPvww8z7VLz9A5iqzywvcd/n2A3XfLyeTxfLD4DzMll9fo/v/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"
style="background-color: rgb(40, 40, 40);"
id="svg54"
sodipodi:docname="graph.svg"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<sodipodi:namedview
id="namedview54"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.2088117"
inkscape:cx="430.58815"
inkscape:cy="69.48973"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="g26" />
<defs
id="defs1">
<style
type="text/css"
id="style1">@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
</style>
</defs>
<rect
style="color:#000000;overflow:visible;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:2.18822;-inkscape-stroke:none;paint-order:markers stroke fill"
id="rect54"
x="-0.5"
y="-0.5"
height="152"
width="809" />
<path
d="m 207,31 h 40 v 40 h 33.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path1" />
<path
d="m 285.88,71 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path2" />
<path
d="m 207,31 m 0,0 c 6.49,-3.79 19.53,-3.25 40,0 m -40,0 c 15.58,1.85 28.9,-0.92 40,0 m 0,0 c 0.03,10.14 1.53,14.34 0,40 m 0,-40 c -0.67,10.49 2.06,17.08 0,40 m 0,0 c 8.93,-0.17 24.16,2.12 33.63,0 M 247,71 c 6.76,0.05 14.35,0.31 33.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path3" />
<path
d="m 278.69,67.71 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 2.37,3.38 c 0.27,-0.22 0.71,-1.01 1.31,-1.51 m -1.31,1.51 c 0.16,-0.14 0.72,-0.69 1.31,-1.51"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path4" />
<path
d="m 285.88,71 m 0,0 c -2.93,0.96 -3.34,2.96 -7,3.5 m 7,-3.5 c -2.1,0.9 -3.91,1.83 -7,3.5 m 0,0 c 0.78,-1.46 0.38,-1.57 1.75,-3.5 m -1.75,3.5 c 0.83,-1.42 0.82,-1.98 1.75,-3.5 m 0,0 c -0.97,-0.78 -1.45,-1.22 -1.75,-3.5 m 1.75,3.5 c -0.51,-0.95 -1.31,-2.23 -1.75,-3.5 m 0,0 c 1.43,-0.28 3.54,1.33 7,3.5 m -7,-3.5 c 1.82,1.53 5.5,1.81 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path5" />
<rect
x="87"
y="1"
width="120"
height="60"
fill="none"
stroke="none"
pointer-events="all"
id="rect5" />
<path
d="m 87,1 c 49.52,0.7 94.52,-2.11 120,0 M 87,1 c 24.93,0.37 51.08,-0.76 120,0 m 0,0 c -1.22,18.86 2.32,39.92 0,60 m 0,-60 c 1.63,20.02 0.5,38.3 0,60 m 0,0 C 173.32,60.93 130.78,59.81 87,61 m 120,0 c -47.55,1.22 -92.93,-0.71 -120,0 m 0,0 C 87.06,47.98 86.28,29.73 87,1 m 0,60 C 87.92,35.94 84.14,14.89 87,1"
fill="none"
stroke="#82b366"
stroke-width="2"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path7" />
<g
transform="translate(-0.5,-0.5)"
id="g7"
style="fill:#ff0000">
<switch
id="switch7"
style="fill:#ff0000">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 31px; margin-left: 88px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<xhtml:b>Datapoint</xhtml:b>
<xhtml:br />
<xhtml:font
style="font-size: 12px;">/entry/&lt;name&gt;</xhtml:font>
</xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="147"
y="35"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text7"
style="fill:#ff0000">Datapoint...</text>
</switch>
</g>
<path
d="m 607,31 h 40 v 40 h 33.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path8" />
<path
d="m 685.88,71 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path9" />
<path
d="m 607,31 m 0,0 c 8.77,0.4 23.7,3.33 40,0 m -40,0 c 15.21,0.71 32.72,0.56 40,0 m 0,0 c 3.23,12.65 -0.94,17.27 0,40 m 0,-40 c 1.31,9.78 -1.2,19.81 0,40 m 0,0 c 8.58,-3.33 22.5,0.95 33.63,0 M 647,71 c 11.19,2.27 20.59,1.17 33.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path10" />
<path
d="m 679.07,67.28 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 1.71,4.13 c 0.97,0.01 0.8,-1.21 1.97,-2.26 m -1.97,2.26 c 0.8,-0.79 0.96,-1.54 1.97,-2.26"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path11" />
<path
d="m 685.88,71 m 0,0 c -2.35,0.05 -2.65,2.72 -7,3.5 m 7,-3.5 c -1.3,1.6 -3.32,2.16 -7,3.5 m 0,0 c 0.51,-1.63 1.43,-2.34 1.75,-3.5 m -1.75,3.5 c 0.63,-0.48 0.85,-1.09 1.75,-3.5 m 0,0 c -0.22,-1.45 -0.46,-2.64 -1.75,-3.5 m 1.75,3.5 c -0.78,-1.57 -1.41,-2.26 -1.75,-3.5 m 0,0 c 3.28,1.05 4.93,2.82 7,3.5 m -7,-3.5 c 2.7,1.47 4.72,1.75 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path12" />
<rect
x="487"
y="1"
width="120"
height="60"
fill="none"
stroke="none"
pointer-events="all"
id="rect12" />
<path
d="m 487,1 c 47.23,-4.26 89.88,1.33 120,0 M 487,1 c 31.96,-0.65 65.9,-3.35 120,0 m 0,0 c -2.84,17.32 -1.59,45.81 0,60 m 0,-60 c 0.3,18.08 0.96,34.44 0,60 m 0,0 c -30.28,2.62 -64.25,-3.5 -120,0 m 120,0 c -25.98,1.98 -54.22,1.82 -120,0 m 0,0 c -2.12,-9.5 -1.83,-28.58 0,-60 m 0,60 c -0.51,-22.32 0.05,-40.77 0,-60"
fill="none"
stroke="#82b366"
stroke-width="2"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path14" />
<g
transform="translate(-0.5,-0.5)"
id="g14"
style="fill:#ff0000">
<switch
id="switch14"
style="fill:#ff0000">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 31px; margin-left: 488px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<xhtml:b>Problem</xhtml:b>
<xhtml:br />
<xhtml:font
style="font-size: 12px;">is raised</xhtml:font>
</xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="547"
y="35"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text14"
style="fill:#ff0000">Problem...</text>
</switch>
</g>
<path
d="m 407,71 h 40 V 31 h 33.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path15" />
<path
d="m 485.88,31 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path16" />
<path
d="m 407,71 m 0,0 c 7.63,-1.69 21.62,0.04 40,0 m -40,0 c 15.4,-0.72 30.81,-0.18 40,0 m 0,0 c -2.38,-14.72 0.28,-24.43 0,-40 m 0,40 c -0.94,-13.57 -0.83,-26.96 0,-40 m 0,0 c 9.39,-1.75 16.61,1.53 33.63,0 M 447,31 c 10.34,0.49 24.2,-1.93 33.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path17" />
<path
d="m 479.09,27.26 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 1.7,4.14 c 0.29,-1.03 1.33,-1.27 1.97,-2.27 m -1.97,2.27 c 0.47,-0.78 1.17,-1.49 1.97,-2.27"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path18" />
<path
d="m 485.88,31 m 0,0 c -0.3,0.16 -1.52,2.14 -7,3.5 m 7,-3.5 c -3.18,1.74 -5.01,2.05 -7,3.5 m 0,0 c 0.64,-1.51 0.9,-1.14 1.75,-3.5 m -1.75,3.5 c 0.84,-0.95 1.11,-2.66 1.75,-3.5 m 0,0 c -0.66,-0.37 -1.8,-1.97 -1.75,-3.5 m 1.75,3.5 c -0.08,-0.88 -0.62,-1.51 -1.75,-3.5 m 0,0 c 2.35,1.81 4.23,3.5 7,3.5 m -7,-3.5 c 2.41,1.29 3,2.01 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path19" />
<g
transform="translate(-0.5,-0.5)"
id="g19">
<switch
id="switch19">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 50px; margin-left: 445px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; background-color: #282828; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> true </xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="445"
y="54"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text19"> true </text>
</switch>
</g>
<path
d="m 407,71 h 40 v 50 h 33.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path20" />
<path
d="m 485.88,121 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path21" />
<path
d="m 407,71 m 0,0 c 7.65,-2.3 19.25,-2.61 40,0 m -40,0 c 11.92,1.34 22.41,-0.85 40,0 m 0,0 c 3.81,16.24 -1.28,32.05 0,50 m 0,-50 c -0.58,14.12 -1.67,29.32 0,50 m 0,0 c 8.51,-2.8 19.92,1.41 33.63,0 M 447,121 c 14.35,-1.07 24.93,-1.37 33.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path22" />
<path
d="m 479.04,117.32 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 1.7,4.13 c 1.22,-1.01 1.16,-2.12 1.97,-2.26 m -1.97,2.26 c 0.63,-0.61 1.02,-1.07 1.97,-2.26"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path23" />
<path
d="m 485.88,121 m 0,0 c -1.83,0.05 -2.48,2.58 -7,3.5 m 7,-3.5 c -2.3,0.85 -6.05,2.11 -7,3.5 m 0,0 c 1.01,-0.72 0.93,-2.64 1.75,-3.5 m -1.75,3.5 c 0.74,-0.93 0.77,-2.14 1.75,-3.5 m 0,0 c -0.74,-0.67 -1.8,-3.36 -1.75,-3.5 m 1.75,3.5 c -0.83,-1.03 -1.33,-1.92 -1.75,-3.5 m 0,0 c 3.51,2.31 3.27,3.63 7,3.5 m -7,-3.5 c 2.16,1.5 4.62,2.81 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path24" />
<g
transform="translate(-0.5,-0.5)"
id="g24">
<switch
id="switch24">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 102px; margin-left: 447px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; background-color: #282828; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> false </xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="447"
y="106"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text24"> false </text>
</switch>
</g>
<rect
x="287"
y="41"
width="120"
height="60"
fill="none"
stroke="none"
pointer-events="all"
id="rect24" />
<path
d="m 287,41 c 44.95,3.58 93.24,1.57 120,0 m -120,0 c 42.99,-0.87 84.73,2.87 120,0 m 0,0 c -4.47,23.77 2.5,43.71 0,60 m 0,-60 c 0.56,16.13 -0.98,34.57 0,60 m 0,0 c -26.88,-2.69 -52.27,2.19 -120,0 m 120,0 c -32.4,2.74 -63.5,0.36 -120,0 m 0,0 c 3.7,-17.99 -2.95,-41.89 0,-60 m 0,60 c -0.33,-19.57 0.56,-35.44 0,-60"
fill="none"
stroke="#82b366"
stroke-width="2"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path26" />
<g
transform="translate(-0.5,-0.5)"
id="g26"
style="fill:#d40000">
<text
xml:space="preserve"
style="font-weight:bold;font-size:26.6667px;line-height:125%;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Bold';text-decoration:none;text-decoration-line:none;text-decoration-color:#000000;letter-spacing:0px;word-spacing:0px;fill:#000000;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stop-color:#000000"
x="312.51959"
y="68.300392"
id="text55"><tspan
sodipodi:role="line"
id="tspan54"
x="312.51959"
y="68.300392">Trigger</tspan><tspan
sodipodi:role="line"
x="312.51959"
y="101.63377"
id="tspan55">is evaluated</tspan></text>
</g>
<path
d="M 7,31 H 80.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path27" />
<path
d="m 85.88,31 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path28" />
<path
d="m 7,31 m 0,0 c 26.08,2.11 55.23,1.7 73.63,0 M 7,31 c 15.96,-0.2 33.69,1.28 73.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path29" />
<path
d="m 78.71,27.7 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 2.36,3.38 c 0.55,-0.34 0.77,-0.63 1.31,-1.51 m -1.31,1.51 c 0.45,-0.41 1.11,-0.99 1.31,-1.51"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path30" />
<path
d="m 85.88,31 m 0,0 c -0.37,0.56 -4.59,1.88 -7,3.5 m 7,-3.5 c -1.18,0.29 -2.53,1.37 -7,3.5 m 0,0 c 0.35,-0.46 0.45,-2.31 1.75,-3.5 m -1.75,3.5 c 0.79,-0.76 0.97,-1.71 1.75,-3.5 m 0,0 c -0.38,-1.41 -0.91,-1.15 -1.75,-3.5 m 1.75,3.5 c -0.59,-1.6 -1.26,-2.97 -1.75,-3.5 m 0,0 c 3.66,2.91 5.38,2.75 7,3.5 m -7,-3.5 c 1.66,1.24 3.55,1.95 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path31" />
<g
transform="translate(-0.5,-0.5)"
id="g31"
style="fill:#1a1a1a">
<switch
id="switch31"
style="fill:#1a1a1a">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 32px; margin-left: 48px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; background-color: #282828; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> Data </xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="48"
y="36"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text31"
style="fill:#1a1a1a"> Data </text>
</switch>
</g>
<rect
x="687"
y="41"
width="120"
height="60"
fill="none"
stroke="none"
pointer-events="all"
id="rect31" />
<path
d="m 687,41 c 33.41,-1.53 59.02,-2.56 120,0 m -120,0 c 27.61,1.06 54.75,-0.18 120,0 m 0,0 c 1.58,23.68 1.77,41.71 0,60 m 0,-60 c 0.34,13.61 0,26.72 0,60 m 0,0 c -25.22,0.23 -56.29,2.57 -120,0 m 120,0 c -31.44,-0.24 -59.57,-2.58 -120,0 m 0,0 c 1.29,-18.2 3.53,-29.52 0,-60 m 0,60 c -0.97,-18 0.22,-31.89 0,-60"
fill="none"
stroke="#82b366"
stroke-width="2"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path33" />
<g
transform="translate(-0.5,-0.5)"
id="g33"
style="fill:#ff0000">
<switch
id="switch33"
style="fill:#ff0000">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 71px; margin-left: 688px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<xhtml:b>Notification</xhtml:b>
<xhtml:br />
<xhtml:font
style="font-size: 12px;">is sent</xhtml:font>
</xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="747"
y="75"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text33"
style="fill:#ff0000">Notification...</text>
</switch>
</g>
<path
d="m 207,111 h 40 V 71 h 33.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path34" />
<path
d="m 285.88,71 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path35" />
<path
d="m 207,111 m 0,0 c 6.5,-2.79 17.16,3.7 40,0 m -40,0 c 12.1,-0.1 20.5,-1.59 40,0 m 0,0 c -2.6,-8.64 -0.85,-20.66 0,-40 m 0,40 c 0.38,-12.76 -2.09,-28.51 0,-40 m 0,0 c 16.05,-1.22 27.48,2 33.63,0 M 247,71 c 10.77,2.5 19.08,0.88 33.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path36" />
<path
d="m 278.69,67.71 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 2.37,3.38 c 0.09,-0.26 0.59,-0.84 1.31,-1.51 m -1.31,1.51 c 0.53,-0.39 0.75,-1.08 1.31,-1.51"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path37" />
<path
d="m 285.88,71 m 0,0 c -1.19,0.85 -4.15,3.4 -7,3.5 m 7,-3.5 c -1.22,1.58 -3.38,1.88 -7,3.5 m 0,0 c 1.15,-0.6 1.97,-3 1.75,-3.5 m -1.75,3.5 c 0.73,-0.62 0.48,-1.46 1.75,-3.5 m 0,0 c -1.18,-1.09 -1.58,-2.61 -1.75,-3.5 m 1.75,3.5 c -0.13,-1.12 -0.54,-1.96 -1.75,-3.5 m 0,0 c 2.72,-0.06 2.71,1.18 7,3.5 m -7,-3.5 c 1.87,1.32 4.46,1.5 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path38" />
<rect
x="87"
y="81"
width="120"
height="60"
fill="none"
stroke="none"
pointer-events="all"
id="rect38" />
<path
d="m 87,81 c 33.45,3.98 63.27,1.28 120,0 M 87,81 c 33.38,1.5 64.78,0.7 120,0 m 0,0 c 0.83,17.08 1.41,43.8 0,60 m 0,-60 c 1.65,12.61 1.8,26.15 0,60 m 0,0 c -34.84,-1 -65.82,1.22 -120,0 m 120,0 c -43.24,2.41 -83.65,-0.54 -120,0 m 0,0 c 4.11,-17.32 1.78,-38.85 0,-60 m 0,60 c 1.06,-20.27 0.9,-41.09 0,-60"
fill="none"
stroke="#82b366"
stroke-width="2"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path40" />
<g
transform="translate(-0.5,-0.5)"
id="g40"
style="fill:#ff0000">
<switch
id="switch40"
style="fill:#ff0000">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 111px; margin-left: 88px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<xhtml:b>Datapoint</xhtml:b>
<xhtml:br />
<xhtml:font
style="font-size: 12px;">/entry/&lt;name&gt;</xhtml:font>
</xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="147"
y="115"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text40"
style="fill:#ff0000">Datapoint...</text>
</switch>
</g>
<path
d="M 7,111 H 80.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path41" />
<path
d="m 85.88,111 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path42" />
<path
d="m 7,111 m 0,0 c 19.52,-0.37 35.34,-2.67 73.63,0 M 7,111 c 24.85,0.21 48.47,1.85 73.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path43" />
<path
d="m 78.96,107.41 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 1.7,4.14 c 0.64,-0.76 1.14,-2.32 1.97,-2.27 m -1.97,2.27 c 0.39,-0.74 1.08,-0.71 1.97,-2.27"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path44" />
<path
d="m 85.88,111 m 0,0 c -2.49,1.73 -4.56,1.51 -7,3.5 m 7,-3.5 c -2.46,1.99 -5.5,2.89 -7,3.5 m 0,0 c 0.51,-0.29 0.77,-2.25 1.75,-3.5 m -1.75,3.5 c 0.39,-0.89 0.96,-1.94 1.75,-3.5 m 0,0 c -0.67,-0.42 -1.44,-1.23 -1.75,-3.5 m 1.75,3.5 c -0.82,-0.91 -0.5,-1.69 -1.75,-3.5 m 0,0 c 0.58,-0.17 5.36,3.33 7,3.5 m -7,-3.5 c 1.95,1.39 5.04,2.84 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path45" />
<g
transform="translate(-0.5,-0.5)"
id="g45"
style="fill:#1a1a1a">
<switch
id="switch45"
style="fill:#1a1a1a">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 112px; margin-left: 48px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; background-color: #282828; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> Data </xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="48"
y="116"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text45"
style="fill:#1a1a1a"> Data </text>
</switch>
</g>
<path
d="m 607,121 h 40 V 71 h 33.63"
fill="none"
stroke="none"
pointer-events="stroke"
id="path46" />
<path
d="m 685.88,71 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
fill="none"
stroke="none"
pointer-events="all"
id="path47" />
<path
d="m 607,121 m 0,0 c 11.07,2.84 17.97,3.32 40,0 m -40,0 c 10.46,-1.17 21.02,1.51 40,0 m 0,0 c 1.25,-12.2 -0.39,-22.85 0,-50 m 0,50 c 1.66,-12.45 0.16,-23.76 0,-50 m 0,0 c 10.21,1.48 25.67,-4.31 33.63,0 M 647,71 c 7.35,-0.78 18.04,-1.53 33.63,0"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="stroke"
id="path48" />
<path
d="m 679.07,67.28 c 0,0 0,0 0,0 m 0,0 c 0,0 0,0 0,0 m 1.71,4.13 c 0.72,-0.65 0.91,-1.06 1.97,-2.26 m -1.97,2.26 c 0.65,-0.68 0.88,-1.16 1.97,-2.26"
fill="none"
stroke="#82b366"
stroke-width="0.5"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path49" />
<path
d="m 685.88,71 m 0,0 c -3.66,2.3 -5.2,1.35 -7,3.5 m 7,-3.5 c -2.61,0.72 -3.94,1.38 -7,3.5 m 0,0 c 1.17,-0.26 1.29,-1.91 1.75,-3.5 m -1.75,3.5 c 0.64,-1.36 0.99,-2.28 1.75,-3.5 m 0,0 c -0.9,-0.64 -1.24,-1.77 -1.75,-3.5 m 1.75,3.5 c -0.92,-1.24 -1.37,-2.19 -1.75,-3.5 m 0,0 c 2.66,2.43 3.89,1.48 7,3.5 m -7,-3.5 c 2.08,1.43 4.04,3.03 7,3.5"
fill="none"
stroke="#82b366"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path50" />
<rect
x="487"
y="91"
width="120"
height="60"
fill="none"
stroke="none"
pointer-events="all"
id="rect50" />
<path
d="m 487,91 c 30.03,1.59 64.08,0.88 120,0 m -120,0 c 28.54,1.2 54.89,0.58 120,0 m 0,0 c -4.91,21.35 0.28,41.28 0,60 m 0,-60 c 2.98,18.88 0.1,34.81 0,60 m 0,0 c -33.84,4.46 -69.96,-2.33 -120,0 m 120,0 c -43.37,-2.59 -86.08,-0.66 -120,0 m 0,0 c -3.58,-11.74 -0.61,-33.39 0,-60 m 0,60 c 1.16,-18.54 2.67,-38.41 0,-60"
fill="none"
stroke="#82b366"
stroke-width="2"
stroke-linejoin="round"
stroke-linecap="round"
stroke-miterlimit="10"
pointer-events="all"
id="path52" />
<g
transform="translate(-0.5,-0.5)"
id="g52"
style="fill:#ff0000">
<switch
id="switch52"
style="fill:#ff0000">
<foreignObject
pointer-events="none"
width="100%"
height="100%"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
style="overflow: visible; text-align: left;">
<xhtml:div
style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 121px; margin-left: 488px;">
<xhtml:div
data-drawio-colors="color: #DBDBDB; "
style="box-sizing: border-box; font-size: 0px; text-align: center;">
<xhtml:div
style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<xhtml:b>Problem</xhtml:b>
<xhtml:br />
<xhtml:font
style="font-size: 12px;">is resolved</xhtml:font>
</xhtml:div>
</xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="547"
y="125"
fill="#dbdbdb"
font-family="Helvetica"
font-size="14px"
text-anchor="middle"
id="text52"
style="fill:#ff0000">Problem...</text>
</switch>
</g>
<switch
id="switch54">
<g
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
id="g54" />
<a
transform="translate(0,-5)"
xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems"
target="_blank"
id="a54">
<text
text-anchor="middle"
font-size="10px"
x="50%"
y="100%"
id="text54">Text is not SVG - cannot display</text>
</a>
</switch>
</svg>

After

Width:  |  Height:  |  Size: 33 KiB

View File

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="17.999989"
height="18"
viewBox="0 0 4.7624969 4.7625001"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="info-filled.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="16"
inkscape:cx="6.84375"
inkscape:cy="0.6875"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.222917,-148.43125)">
<title
id="title1">information-slab-circle</title>
<title
id="title1-6">information</title>
<path
d="m 92.842292,150.09812 h -0.47625 v -0.47625 h 0.47625 m 0,2.38126 h -0.47625 v -1.42875 h 0.47625 m -0.238125,-2.14313 a 2.3812503,2.3812503 0 0 0 -2.38125,2.38125 2.3812503,2.3812503 0 0 0 2.38125,2.38124 2.3812503,2.3812503 0 0 0 2.381246,-2.38124 2.3812503,2.3812503 0 0 0 -2.381246,-2.38125 z"
id="path1-2"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#1b4e78;fill-opacity:1;stroke-width:0.311724;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="17.999989"
height="18"
viewBox="0 0 4.7624969 4.7625001"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="info-outline.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.313708"
inkscape:cx="21.610952"
inkscape:cy="4.5961943"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.222917,-148.43125)">
<title
id="title1">information-slab-circle</title>
<title
id="title1-6">information-slab-circle-outline</title>
<title
id="title1-5">information-outline</title>
<path
d="m 92.366045,150.09812 h 0.47625 v -0.47625 h -0.47625 m 0.238125,3.09564 c -1.050132,0 -1.905003,-0.85488 -1.905003,-1.90501 0,-1.05013 0.854871,-1.90501 1.905003,-1.90501 1.050133,0 1.905006,0.85488 1.905006,1.90501 0,1.05013 -0.854873,1.90501 -1.905006,1.90501 m 0,-4.28626 a 2.381253,2.381253 0 0 0 -2.381253,2.38125 2.381253,2.381253 0 0 0 2.381253,2.38125 2.381253,2.381253 0 0 0 2.381256,-2.38125 2.381253,2.381253 0 0 0 -2.381256,-2.38125 m -0.238125,3.57188 h 0.47625 v -1.42875 h -0.47625 z"
id="path1-3"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#c9c9c9;fill-opacity:1;stroke-width:0.238125;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="31.999998"
height="28.799999"
viewBox="0 0 8.466666 7.62"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="logo.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="16"
inkscape:cx="9.03125"
inkscape:cy="17.3125"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.275834,-148.48417)">
<title
id="title1">alert-octagram</title>
<title
id="title1-7">alert-octagram-outline</title>
<title
id="title1-3">database-alert</title>
<title
id="title1-6">database-alert-outline</title>
<path
d="m 93.6625,148.48417 c -1.871133,0 -3.386666,0.75776 -3.386666,1.69332 v 4.23335 c 0,0.93557 1.519766,1.69333 3.386666,1.69333 1.866901,0 3.386667,-0.75776 3.386667,-1.69333 v -4.23335 c 0,-0.93556 -1.515533,-1.69332 -3.386667,-1.69332 m 2.54,5.92667 c 0,0.21166 -0.901699,0.84666 -2.54,0.84666 -1.6383,0 -2.540001,-0.635 -2.540001,-0.84666 v -0.94403 c 0.681568,0.33019 1.574801,0.52069 2.540001,0.52069 0.9652,0 1.858434,-0.1905 2.54,-0.52069 v 0.94403 m 0,-1.92618 c -0.550333,0.40218 -1.515533,0.65618 -2.54,0.65618 -1.024466,0 -1.989666,-0.254 -2.540001,-0.65618 v -1.18956 c 0.622301,0.35137 1.528234,0.57574 2.540001,0.57574 1.011768,0 1.917701,-0.22437 2.54,-0.57574 v 1.18956 m -2.54,-1.46049 c -1.6383,0 -2.540001,-0.635 -2.540001,-0.84668 0,-0.21166 0.901701,-0.84665 2.540001,-0.84665 1.638301,0 2.54,0.63499 2.54,0.84665 0,0.21168 -0.901699,0.84668 -2.54,0.84668 m 5.08,-0.84668 v 2.54001 h -0.846665 v -2.54001 H 98.7425 m -0.846665,3.38668 H 98.7425 v 0.84667 h -0.846665 z"
id="path1"
style="fill:#7bb8eb;fill-opacity:1;stroke-width:0.423333" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32"
height="28.800037"
viewBox="0 0 8.4666665 7.6200101"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="logo_selected.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="16"
inkscape:cx="9.03125"
inkscape:cy="17.3125"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.275834,-148.48417)">
<title
id="title1">alert-octagram</title>
<title
id="title1-7">alert-octagram-outline</title>
<title
id="title1-3">database-alert</title>
<path
d="m 97.049172,150.1775 c 0,0.93557 -1.515534,1.69334 -3.38667,1.69334 -1.871134,0 -3.386668,-0.75777 -3.386668,-1.69334 0,-0.93557 1.515534,-1.69333 3.386668,-1.69333 1.871136,0 3.38667,0.75776 3.38667,1.69333 m -3.38667,4.65667 c -1.871134,0 -3.386668,-0.75776 -3.386668,-1.69333 v 1.27001 c 0,0.93557 1.515534,1.69333 3.386668,1.69333 1.871136,0 3.38667,-0.75776 3.38667,-1.69333 v -1.27001 c 0,0.93557 -1.515534,1.69333 -3.38667,1.69333 m 0,-2.11667 c -1.871134,0 -3.386668,-0.75776 -3.386668,-1.69332 v 1.26999 c 0,0.93557 1.515534,1.69333 3.386668,1.69333 1.871136,0 3.38667,-0.75776 3.38667,-1.69333 v -1.26999 c 0,0.93556 -1.515534,1.69332 -3.38667,1.69332 m 4.233338,1.69335 h 0.846661 v -0.84668 H 97.89584 v 0.84668 m 0,-4.23335 v 2.54 h 0.846661 v -2.54 z"
id="path1"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#9bff07;fill-opacity:1;stroke-width:0.431972;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32"
height="31.999975"
viewBox="0 0 8.4666665 8.4666603"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="problems.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="16"
inkscape:cx="9.03125"
inkscape:cy="17.3125"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.275834,-148.48417)">
<title
id="title1">alert-octagram</title>
<title
id="title1-7">alert-octagram-outline</title>
<path
d="m 90.275834,154.47132 0.725714,-1.75381 -0.725714,-1.75381 1.75381,-0.72572 0.725715,-1.75381 1.753808,0.72571 1.753809,-0.72571 0.725714,1.75381 1.753811,0.72572 -0.725715,1.75381 0.725715,1.75381 -1.753811,0.72571 -0.725714,1.75382 -1.753809,-0.72572 -1.753808,0.72572 -0.725715,-1.75382 -1.75381,-0.72571 m 1.12745,-3.04973 0.535645,1.29592 -0.535645,1.29592 1.287278,0.52269 0.522687,1.28727 1.295918,-0.53565 1.295919,0.53565 0.522687,-1.28727 1.287278,-0.52269 -0.535646,-1.29592 0.535646,-1.29592 -1.287278,-0.52269 -0.522687,-1.28727 -1.295919,0.53564 -1.295918,-0.53564 -0.522687,1.28727 -1.287278,0.52269 m 2.673911,2.59184 h 0.863945 v 0.86395 h -0.863945 v -0.86395 m 0,-3.45579 h 0.863945 v 2.59184 h -0.863945 v -2.59184"
id="path1-5"
style="stroke-width:0.431972;fill:#7bb8eb;fill-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32"
height="31.999975"
viewBox="0 0 8.4666665 8.4666603"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="problems_selected.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8284271"
inkscape:cx="-0.1767767"
inkscape:cy="15.202796"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-90.275834,-148.48417)">
<title
id="title1">alert-octagram</title>
<path
d="m 90.275834,154.47131 0.725714,-1.75382 -0.725714,-1.75379 1.753809,-0.72572 0.725714,-1.75381 1.75381,0.72571 1.75381,-0.72571 0.725715,1.75381 1.753809,0.72572 -0.725715,1.75379 0.725715,1.75382 -1.753809,0.72571 -0.725715,1.75381 -1.75381,-0.72571 -1.75381,0.72571 -0.725714,-1.75381 -1.753809,-0.72571 m 4.665306,0.40605 v -0.86395 h -0.863946 v 0.86395 h 0.863946 m 0,-1.72788 v -2.59184 h -0.863946 v 2.59184 z"
id="path1"
style="stroke-width:0.431972;fill:#9bff07;fill-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="31.99999"
height="32.000011"
viewBox="0 0 8.466664 8.4666699"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="triggers.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="7.5"
inkscape:cy="4"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-87.047917,-148.43125)">
<title
id="title1">script-text</title>
<title
id="title1-6">script-text-outline</title>
<title
id="title1-9">calculator-variant-outline</title>
<path
d="m 94.573842,148.43125 h -6.585184 c -0.517408,0 -0.940741,0.42334 -0.940741,0.94075 v 6.58517 c 0,0.51742 0.423333,0.94075 0.940741,0.94075 h 6.585184 c 0.517409,0 0.940739,-0.42333 0.940739,-0.94075 V 149.372 c 0,-0.51741 -0.42333,-0.94075 -0.940739,-0.94075 m 0,7.52592 H 87.988658 V 149.372 h 6.585184 v 6.58517 m -6.020739,-5.31518 h 2.35185 v 0.70556 h -2.35185 v -0.70556 m 3.198517,3.81001 h 2.351853 v 0.70554 H 91.75162 V 154.452 m 0,-1.22297 h 2.351853 v 0.70556 H 91.75162 v -0.70556 m -2.351851,2.25778 h 0.705556 v -0.94075 h 0.94074 v -0.70555 h -0.94074 v -0.94074 h -0.705556 v 0.94074 h -0.940741 v 0.70555 h 0.940741 v 0.94075 m 2.869259,-3.33963 0.658519,-0.65853 0.658518,0.65853 0.517408,-0.47037 -0.65852,-0.65852 0.65852,-0.65852 -0.517408,-0.51741 -0.658518,0.65853 -0.658519,-0.65853 -0.517408,0.51741 0.658519,0.65852 -0.658519,0.65852 z"
id="path1-1"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#7bb8eb;fill-opacity:1;stroke-width:0.423333;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="31.99999"
height="32.000011"
viewBox="0 0 8.466664 8.4666699"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="triggers_selected.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="-3.5"
inkscape:cy="65"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-89.918898,-132.29942)">
<title
id="title1">script-text</title>
<title
id="title1-9">calculator-variant</title>
<path
d="m 97.444823,132.29942 h -6.585184 c -0.517408,0 -0.940741,0.42334 -0.940741,0.94075 v 6.58517 c 0,0.51742 0.423333,0.94075 0.940741,0.94075 h 6.585184 c 0.517408,0 0.940742,-0.42333 0.940742,-0.94075 v -6.58517 c 0,-0.51741 -0.423334,-0.94075 -0.940742,-0.94075 m -2.822222,1.92852 0.517408,-0.51741 0.658519,0.65853 0.658518,-0.65853 0.517408,0.51741 -0.65852,0.65852 0.65852,0.65852 -0.517408,0.51741 -0.658518,-0.65853 -0.658519,0.65853 -0.517408,-0.51741 0.658519,-0.65852 -0.658519,-0.65852 m -3.198517,0.28222 h 2.35185 v 0.70556 h -2.35185 v -0.70556 m 2.492962,3.90407 h -0.94074 v 0.94075 H 92.27075 v -0.94075 h -0.940741 v -0.70555 h 0.940741 v -0.94074 h 0.705556 v 0.94074 h 0.94074 v 0.70555 m 3.057408,0.56444 h -2.351853 v -0.70554 h 2.351853 v 0.70554 m 0,-1.12889 h -2.351853 v -0.70554 h 2.351853 z"
id="path1"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#9bff07;fill-opacity:1;stroke-width:1.22872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="18.500002"
height="15"
viewBox="0 0 4.8947921 3.9687501"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="values.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="4.9375"
inkscape:cx="11.64557"
inkscape:cy="25.721519"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-81.359375,-211.79896)">
<title
id="title1">format-list-bulleted</title>
<path
d="m 82.55,211.93125 h 3.704167 v 0.52917 H 82.55 v -0.52917 m 0,2.11667 v -0.52917 h 3.704167 v 0.52917 H 82.55 m -0.79375,-2.24896 a 0.396875,0.396875 0 0 1 0.396875,0.39687 0.396875,0.396875 0 0 1 -0.396875,0.39688 0.396875,0.396875 0 0 1 -0.396875,-0.39688 0.396875,0.396875 0 0 1 0.396875,-0.39687 m 0,1.5875 a 0.396875,0.396875 0 0 1 0.396875,0.39687 0.396875,0.396875 0 0 1 -0.396875,0.39688 0.396875,0.396875 0 0 1 -0.396875,-0.39688 0.396875,0.396875 0 0 1 0.396875,-0.39687 m 0.79375,2.24896 v -0.52917 h 3.704167 v 0.52917 H 82.55 m -0.79375,-0.66146 a 0.396875,0.396875 0 0 1 0.396875,0.39687 0.396875,0.396875 0 0 1 -0.396875,0.39688 0.396875,0.396875 0 0 1 -0.396875,-0.39688 0.396875,0.396875 0 0 1 0.396875,-0.39687 z"
id="path1"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#1b4e78;fill-opacity:1;stroke-width:0.311724;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="31.999987"
height="29.090721"
viewBox="0 0 8.4666629 7.6969202"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="acknowledge-filled.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="11.5"
inkscape:cy="10"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-89.958296,-148.43122)">
<title
id="title1">thumb-up</title>
<path
d="m 98.424959,151.89488 c 0,-0.42719 -0.346361,-0.7697 -0.769692,-0.7697 h -2.432224 l 0.369452,-1.75874 c 0.0077,-0.0385 0.01149,-0.0809 0.01149,-0.1232 0,-0.15778 -0.06542,-0.30402 -0.169332,-0.40794 l -0.407941,-0.40408 -2.532284,2.53229 c -0.142399,0.1424 -0.227059,0.33482 -0.227059,0.54648 v 3.84845 a 0.76969147,0.76969147 0 0 0 0.769691,0.7697 h 3.463611 c 0.319422,0 0.592664,-0.19242 0.708117,-0.46951 l 1.162234,-2.71317 c 0.03463,-0.0884 0.05388,-0.18087 0.05388,-0.28093 v -0.7697 m -8.466606,4.23331 h 1.539382 v -4.61815 h -1.539382 z"
id="path1"
style="stroke-width:0.384845;fill:#fb4934;fill-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="31.999987"
height="29.090721"
viewBox="0 0 8.4666629 7.6969202"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="acknowledge-outline.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="11.5"
inkscape:cy="10"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-89.958296,-148.43122)">
<title
id="title1">thumb-up</title>
<title
id="title1-3">thumb-up-outline</title>
<path
d="m 91.497681,151.50999 v 4.61815 h -1.539385 v -4.61815 h 1.539385 m 1.539383,4.61815 a 0.76969186,0.76969186 0 0 1 -0.769692,-0.76969 v -3.84846 c 0,-0.21166 0.08467,-0.40408 0.22706,-0.54263 l 2.532286,-2.53614 0.407936,0.40794 c 0.103912,0.10385 0.169333,0.24631 0.169333,0.40408 l -0.01149,0.1232 -0.365604,1.75875 h 2.428378 c 0.42718,0 0.769693,0.34636 0.769693,0.76969 v 0.76969 c 0,0.10008 -0.01924,0.19242 -0.05388,0.28095 l -1.162236,2.71316 c -0.115446,0.27709 -0.388694,0.46951 -0.708116,0.46951 h -3.463613 m 0,-0.7697 h 3.47516 l 1.142991,-2.69392 v -0.76969 h -3.382795 l 0.434876,-2.04738 -1.670232,1.67408 z"
id="path1"
style="stroke-width:0.384845;fill:#fb4934;fill-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="31.999987"
height="29.090721"
viewBox="0 0 8.4666629 7.6969202"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
sodipodi:docname="acknowledge.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.313708"
inkscape:cx="28.019106"
inkscape:cy="19.489631"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1916"
inkscape:window-height="1041"
inkscape:window-x="1920"
inkscape:window-y="1098"
inkscape:window-maximized="1"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-89.958296,-148.43122)">
<title
id="title1">thumb-up</title>
<path
d="m 91.497681,151.50999 v 4.61815 h -1.539385 v -4.61815 h 1.539385 m 1.539383,4.61815 a 0.76969186,0.76969186 0 0 1 -0.769692,-0.76969 v -3.84846 c 0,-0.21166 0.08467,-0.40408 0.22706,-0.54263 l 2.532286,-2.53614 0.407936,0.40794 c 0.103912,0.10385 0.169333,0.24631 0.169333,0.40408 l -0.01149,0.1232 -0.365604,1.75875 h 2.428378 c 0.42718,0 0.769693,0.34636 0.769693,0.76969 v 0.76969 c 0,0.10008 -0.01924,0.19242 -0.05388,0.28095 l -1.162236,2.71316 c -0.115446,0.27709 -0.388694,0.46951 -0.708116,0.46951 h -3.463613 m 0,-0.7697 h 3.47516 l 1.142991,-2.69392 v -0.76969 h -3.382795 l 0.434876,-2.04738 -1.670232,1.67408 z"
id="path1"
style="fill:#666666;fill-opacity:1;stroke-width:0.384845" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="16.000025"
height="18"
viewBox="0 0 4.2333398 4.7625001"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="delete.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.70710678"
inkscape:cx="-458.9123"
inkscape:cy="132.93608"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-214.57708,-116.15208)">
<title
id="title1">trash-can-outline</title>
<path
d="m 215.9,116.15208 v 0.26459 h -1.32292 v 0.52916 h 0.26459 v 3.43959 a 0.52916667,0.52916667 0 0 0 0.52916,0.52916 h 2.64584 a 0.52916667,0.52916667 0 0 0 0.52916,-0.52916 v -3.43959 h 0.26459 v -0.52916 h -1.32292 v -0.26459 H 215.9 m -0.52917,0.79375 h 2.64584 v 3.43959 h -2.64584 v -3.43959 M 215.9,117.475 v 2.38125 h 0.52917 V 117.475 H 215.9 m 1.05833,0 v 2.38125 h 0.52917 V 117.475 Z"
id="path1"
style="fill:#fb4934;fill-opacity:1;stroke-width:0.264583" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="16.000025"
height="18"
viewBox="0 0 4.2333398 4.7625001"
version="1.1"
id="svg8"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="delete_white.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="32"
inkscape:cx="10.203125"
inkscape:cy="7.03125"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2190"
inkscape:window-height="1404"
inkscape:window-x="1463"
inkscape:window-y="16"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d6d6d6"
showborder="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-214.57708,-116.15208)">
<title
id="title1">trash-can-outline</title>
<path
d="m 215.9,116.15208 v 0.26459 h -1.32292 v 0.52916 h 0.26459 v 3.43959 a 0.52916667,0.52916667 0 0 0 0.52916,0.52916 h 2.64584 a 0.52916667,0.52916667 0 0 0 0.52916,-0.52916 v -3.43959 h 0.26459 v -0.52916 h -1.32292 v -0.26459 H 215.9 m -0.52917,0.79375 h 2.64584 v 3.43959 h -2.64584 v -3.43959 M 215.9,117.475 v 2.38125 h 0.52917 V 117.475 H 215.9 m 1.05833,0 v 2.38125 h 0.52917 V 117.475 Z"
id="path1"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -1,9 +1,9 @@
less = $(wildcard *.less)
_css = $(less:.less=.css)
css = $(addprefix ../css/, $(_css) )
css = $(addprefix ../css/${THEME}/, $(_css) )
../css/%.css: %.less theme.less
lessc $< ../css/$@
../css/${THEME}/%.css: %.less theme-${THEME}.less
lessc --global-var="THEME=${THEME}" $< $@
all: $(css)

View File

@ -1,4 +1,4 @@
@import 'theme.less';
@import 'theme-@{THEME}.less';
#areas {
.area {

View File

@ -1,4 +1,4 @@
@import "theme.less";
@import "theme-@{THEME}.less";
#datapoints {
display: grid;

View File

@ -0,0 +1,53 @@
@import "theme-@{THEME}.less";
.widgets {
.action {
#run-result {
background-color: #fff !important;
border: 1px solid #ccc;
}
}
}
#menu .entry .label {
color: @text3 !important;
}
#menu .entry.selected .label {
color: #fff !important;
}
input[type="text"],
textarea,
select {
border: 1px solid #ccc;
}
.description {
border: 1px solid #ccc;
}
button {
background: @bg3;
color: #fff;
border: 1px solid lighten(@bg2, 20%);
&:focus {
background: @bg3;
}
}
#areas {
.area {
background: #fff !important;
border: 1px solid @bg3;
.name {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
.section .name {
font-weight: normal;
}
}
}

1
static/less/gruvbox.less Normal file
View File

@ -0,0 +1 @@
@import "theme-@{THEME}.less";

View File

@ -1,6 +1 @@
@import "theme.less";
.graph {
margin-top: 192px;
border-radius: 16px;
}
@import "theme-@{THEME}.less";

View File

@ -6,10 +6,15 @@ do
inotifywait -q -e MODIFY *less
#sleep 0.5
clear
if make -j12; then
echo -e "\n\e[32;1mOK!\e[0m"
#curl -s http://notes.lan:1371/_ws/css_update
sleep 1
clear
fi
for THEME in $(ls theme-*.less | sed -e 's/^theme-\(.*\)\.less$/\1/'); do
if make -j12; then
:
#curl -s http://notes.lan:1371/_ws/css_update
fi
done
echo -e "\n\e[32;1mOK!\e[0m"
sleep 1
clear
done

View File

@ -1,9 +1,27 @@
@import "theme.less";
@import "theme-@{THEME}.less";
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
#layout {
display: grid;
grid-template-areas: "menu content";
grid-template-columns: 96px 1fr;
grid-template-columns: 104px 1fr;
height: 100vh;
}
@ -30,7 +48,7 @@
16px
;
padding: 16px;
color: #777;
color: @text3;
text-decoration: none;
img {
@ -122,3 +140,111 @@ dialog {
color: @text1;
box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.25);
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: @bg1;
font-family: sans-serif;
font-weight: 300;
color: @text1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
&:first-child {
margin-top: 0px;
}
}
h1 {
margin-top: 32px;
font-size: 1.5em;
color: @color1;
font-weight: @bold;
}
h2 {
font-size: 1.25em;
color: @color3;
font-weight: @bold;
}
a {
color: @color4;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
b {
font-weight: @bold;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: @bg1;
color: @text1;
padding: 4px 8px;
border: 1px solid #484848;
font-size: 1em;
line-height: 1.5em; // fix for chrome hiding underscores
}
button {
background: @bg2;
color: @text1;
padding: 8px 32px;
border: 1px solid lighten(@bg2, 20%);
font-size: 1em;
height: 3em;
&:focus {
background: @bg3;
}
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid .lighterOrDarker(@bg1, 15%)[@result];
}
span.date {
color: @text1;
font-weight: @bold;
}
span.time {
font-size: 0.9em;
color: @text1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid .lighterOrDarker(@bg3, 25%)[@result];
color: @color4;
background: @bg1;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}

View File

@ -1,4 +1,4 @@
@import "theme.less";
@import "theme-@{THEME}.less";
#problems-list, #acknowledged-list {
display: grid;

View File

@ -0,0 +1,20 @@
@bg1: #fff;
@bg2: #1b4e78;
@bg3: #2979b8;
@text1: #333;
@text2: #000;
@text3: #7bb8eb;
@error: #fb4934;
@color1: #1b4e78;
@color2: #fabd2f;
@color3: #2c6e97;
@color4: #2c6e97;
@color5: #fe8019;
@bold: 800;
.lighterOrDarker(@color, @amount) {
@result: darken(@color, @amount);
}

View File

@ -0,0 +1,20 @@
@bg1: #282828;
@bg2: #202020;
@bg3: #333;
@text1: #d5c4a1;
@text2: #f7edd7;
@text3: #777;
@error: #fb4934;
@color1: #fb4934;
@color2: #fabd2f;
@color3: #b8bb26;
@color4: #3f9da1;
@color5: #fe8019;
@bold: 800;
.lighterOrDarker(@color, @amount) {
@result: lighten(@color, @amount);
}

View File

@ -1,143 +0,0 @@
@bg1: #282828;
@bg2: #202020;
@bg3: #333;
@text1: #d5c4a1;
@text2: #f7edd7;
@error: #fb4934;
@color1: #fb4934;
@color2: #fabd2f;
@color3: #b8bb26;
@color4: #3f9da1;
@color5: #fe8019;
@bold: 800;
.lighterOrDarker(@color, @amount) {
@result: lighten(@color, @amount);
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
*:focus {
outline: none;
}
[onClick] {
cursor: pointer;
}
html,
body {
margin: 0;
padding: 0;
}
body {
background: @bg1;
font-family: sans-serif;
font-weight: 300;
color: @text1;
font-size: 11pt;
}
h1,
h2 {
margin-bottom: 4px;
&:first-child {
margin-top: 0px;
}
}
h1 {
font-size: 1.5em;
color: @color1;
font-weight: @bold;
}
h2 {
font-size: 1.25em;
color: @color3;
font-weight: @bold;
}
a {
color: @color4;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
b {
font-weight: @bold;
}
input[type="text"],
textarea,
select {
font-family: monospace;
background: @bg2;
color: @text1;
padding: 4px 8px;
border: none;
font-size: 1em;
line-height: 1.5em; // fix for chrome hiding underscores
}
button {
background: @bg2;
color: @text1;
padding: 8px 32px;
border: 1px solid lighten(@bg2, 20%);
font-size: 1em;
height: 3em;
&:focus {
background: @bg3;
}
}
.line {
grid-column: 1 / -1;
border-bottom: 1px solid .lighterOrDarker(@bg1, 15%)[@result];
}
span.date {
color: @text1;
font-weight: @bold;
}
span.time {
font-size: 0.9em;
color: @text1;
}
span.seconds {
display: none;
}
label {
user-select: none;
}
.description {
border: 1px solid .lighterOrDarker(@bg3, 25%)[@result];
color: @color4;
background: @bg2;
padding: 4px 8px;
margin-top: 8px;
white-space: nowrap;
width: min-content;
border-radius: 8px;
}

View File

@ -1,4 +1,4 @@
@import "theme.less";
@import "theme-@{THEME}.less";
#dlg-datapoints {
}

View File

@ -1,4 +1,4 @@
@import 'theme.less';
@import 'theme-@{THEME}.less';
#areas {

View File

@ -2,35 +2,35 @@
<div id="menu">
<div class="entry {{ if eq .MENU "index" }}selected{{ end }}">
<a href="/">
<img src="/images/{{ .VERSION }}/logo{{ if eq .MENU "index" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/logo{{ if eq .MENU "index" }}_selected{{ end }}.svg">
<div class="label">Start</div>
</a>
</div>
<div class="entry {{ if eq .MENU "problems" }}selected{{ end }}">
<a href="/problems">
<img src="/images/{{ .VERSION }}/problems{{ if eq .MENU "problems" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/problems{{ if eq .MENU "problems" }}_selected{{ end }}.svg">
<div class="label">Problems</div>
</a>
</div>
<div class="entry {{ if eq .MENU "datapoints" }}selected{{ end }}">
<a href="/datapoints">
<img src="/images/{{ .VERSION }}/datapoints{{ if eq .MENU "datapoints" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints{{ if eq .MENU "datapoints" }}_selected{{ end }}.svg">
<div class="label">Datapoints</div>
</a>
</div>
<div class="entry {{ if eq .MENU "triggers" }}selected{{ end }}">
<a href="/triggers">
<img src="/images/{{ .VERSION }}/triggers{{ if eq .MENU "triggers" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/triggers{{ if eq .MENU "triggers" }}_selected{{ end }}.svg">
<div class="label">Triggers</div>
</a>
</div>
<div class="entry {{ if eq .MENU "configuration" }}selected{{ end }}">
<a href="/configuration">
<img src="/images/{{ .VERSION }}/configuration{{ if eq .MENU "configuration" }}_selected{{ end }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/configuration{{ if eq .MENU "configuration" }}_selected{{ end }}.svg">
<div class="label">Config</div>
</a>
</div>

View File

@ -1,6 +1,6 @@
{{ define "page_label" }}
<div class="page-label">
<img src="/images/{{ .VERSION }}/{{ .Icon }}.svg">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/{{ .Icon }}.svg">
<div>{{ .Label }}</div>
</div>
{{ end }}

View File

@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
{{ template "fonts" }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/main.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/main.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/{{ .CONFIG.THEME }}.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.1/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luxon@3.3.0/build/global/luxon.min.js"></script>

View File

@ -1,6 +1,7 @@
{{ define "page" }}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/configuration.css">
{{ $theme := .CONFIG.THEME }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/configuration.css">
<script type="text/javascript">
function newArea() {
let name = prompt("Area name")
@ -74,7 +75,7 @@
<div class="area">
<div class="name">
<div onclick="renameArea({{ .ID }}, '{{ .Name }}')">{{ .Name }}</div>
<img class="delete" src="/images/{{ $version }}/delete_white.svg" onclick="deleteArea({{ .ID }}, '{{ .Name }}')">
<img class="delete" src="/images/{{ $version }}/{{ $theme }}/delete_white.svg" onclick="deleteArea({{ .ID }}, '{{ .Name }}')">
</div>
<div style="margin: 8px 16px">
@ -86,11 +87,19 @@
{{ end }}
<div class="section configuration">
<div class="name" onclick="renameSection({{ .ID }}, {{ .Name }})">{{ .Name }}</div>
<img src="/images/{{ $version }}/delete.svg" onclick="deleteSection({{ .ID }}, '{{ .Name }}')">
<img src="/images/{{ $version }}/{{ $theme }}/delete.svg" onclick="deleteSection({{ .ID }}, '{{ .Name }}')">
</div>
{{ end }}
</div>
{{ end }}
</div>
<h1>Theme</h1>
<form action="/configuration/theme" id="theme-set">
<select name="theme" onchange="console.log(this.form.submit())">
<option value="default_light" {{ if eq "default_light" .CONFIG.THEME }}selected{{ end }}>Default light</option>
<option value="gruvbox" {{ if eq "gruvbox" .CONFIG.THEME }}selected{{ end }}>Gruvbox</option>
</select>
</form>
{{ end }}

View File

@ -1,5 +1,5 @@
{{ define "page" }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/datapoints.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints.css">
<script type="module" defer>
import {UI} from "/js/{{ .VERSION }}/datapoint_edit.mjs"

View File

@ -1,6 +1,6 @@
{{ define "page" }}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/datapoints.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints.css">
{{ block "page_label" . }}{{end}}

View File

@ -1,6 +1,7 @@
{{ define "page" }}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/datapoints.css">
{{ $theme := .CONFIG.THEME }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/datapoints.css">
{{ block "page_label" . }}{{end}}
@ -32,12 +33,12 @@
{{ end }}
<div class="icons">
{{ if eq .Comment "" }}
<div class="values"><img class="info" src="/images/{{ $version }}/info-outline.svg"></div>
<div class="values"><img class="info" src="/images/{{ $version }}/{{ $theme }}/info-outline.svg"></div>
{{ else }}
<div class="values"><img class="info" src="/images/{{ $version }}/info-filled.svg" title="{{ .Comment }}"></div>
<div class="values"><img class="info" src="/images/{{ $version }}/{{ $theme }}/info-filled.svg" title="{{ .Comment }}"></div>
{{ end }}
<div class="values"><a href="/datapoint/values/{{ .ID }}"><img src="/images/{{ $version }}/values.svg"></a></div>
<div class="delete"><a href="/datapoint/delete/{{ .ID }}" onclick="confirm(`Are you sure you want to delete '{{ .Name }}'?`)"><img src="/images/{{ $version }}/delete.svg"></a></div>
<div class="values"><a href="/datapoint/values/{{ .ID }}"><img src="/images/{{ $version }}/{{ $theme }}/values.svg"></a></div>
<div class="delete"><a href="/datapoint/delete/{{ .ID }}" onclick="confirm(`Are you sure you want to delete '{{ .Name }}'?`)"><img src="/images/{{ $version }}/{{ $theme }}/delete.svg"></a></div>
</div>
{{ $prevGroup = .Group }}
{{ end }}

View File

@ -1,8 +1,8 @@
{{ define "page" }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/index.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/index.css">
<div style="float: left;">
<img src="/images/{{ .VERSION }}/logo_selected.svg" style="width: 64px; margin-right: 32px;">
<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/logo.svg" style="width: 64px; margin-right: 32px;">
</div>
<div style="float: left;">
@ -10,8 +10,4 @@
<h2>{{ .VERSION }}</h2>
</div>
<div style="clear: both" class="graph">
<img src="/images/{{ .VERSION }}/graph.svg">
</div>
{{ end }}

View File

@ -5,7 +5,7 @@
window._ui = new UI()
</script>
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/problems.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/problems.css">
{{ block "page_label" . }}{{end}}

View File

@ -11,7 +11,7 @@
_ui.setTrigger(trigger)
_ui.render()
</script>
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/trigger_edit.css">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/trigger_edit.css">
{{ block "page_label" . }}{{end}}

View File

@ -2,7 +2,8 @@
{{ block "page_label" . }}{{end}}
{{ $version := .VERSION }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/triggers.css">
{{ $theme := .CONFIG.THEME }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/triggers.css">
<script type="text/javascript">
function createTrigger(sectionID) {
@ -53,9 +54,9 @@
{{ continue }}
{{ end }}
<div class="trigger">
<img src="/images/{{ $version }}/triggers.svg">
<img src="/images/{{ $version }}/{{ $theme }}/triggers.svg">
<div class="label"><a href="/trigger/edit/{{ .ID }}">{{ .Name }}</a></div>
<img src="/images/{{ $version }}/delete.svg" onclick="deleteTrigger({{ .ID }}, '{{ .Name }}')">
<img src="/images/{{ $version }}/{{ $theme }}/delete.svg" onclick="deleteTrigger({{ .ID }}, '{{ .Name }}')">
</div>
{{ end }}
</div>