madmin 1.2.10 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1f28056e0049fbd6d19f4b686b9742d1a0d81e61bea220e0a815870be83fd426
-  data.tar.gz: ccd99dd6809870a31934bc822a4b05a506b0485a42b87b031f2b96deeea9ade9
+  metadata.gz: cb075b59c9ecf34a7f4b939bb87a3e564fd984bb0d6866b13926d9873a335d3b
+  data.tar.gz: d6ec7fa589c2784e9c4a07d43b8cb5344e8637c7f7a3f53871cd17ecf1241061
 SHA512:
-  metadata.gz: bcc1478dd032b27ef03c7707ff15bb390b44e452169404b936274971a68c72cbbd83bdcccab4498dd385f0a4c0f22d1481cbccf970596d7cc1ef44a3ccc255bf
-  data.tar.gz: c55e2a66753ca675a7906a7c12114fdc956f68da3deb1119bd83761f47c3fd42396c658baab2c5a57b7c1d42047c7f0d34f95d29c1f99dc305c95d0b96ae73f9
+  metadata.gz: 4d98c36cdfa429788088b18bdfc2bb7d9b5263575941156612c40efe4bf96ba7e3abc0560550eec7b3707aab12ec6485d5ea80182b36e8e3f9b04d3698d1c1ca
+  data.tar.gz: 24a57436a187fce39ace57a461989fb996395a6967c0513bba022c96197f054414754bd6b2a770cf54040daabfbd71880fb768fb12672917ba2a08bf94d577d3

data/app/assets/config/madmin_manifest.js

@@ -0,0 +1,3 @@
+//= link_directory ../stylesheets/madmin .css
+//= link_directory ../../javascript/madmin .js
+//= link_tree ../../javascript/madmin/controllers .js

data/app/assets/stylesheets/madmin/actiontext.css

@@ -0,0 +1,31 @@
+/*
+ * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
+ * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
+ * inclusion directly in any other asset bundle and remove this file.
+ *
+ *= require trix
+*/
+
+/*
+ * We need to override trix.css’s image gallery styles to accommodate the
+ * <action-text-attachment> element we wrap around attachments. Otherwise,
+ * images in galleries will be squished by the max-width: 33%; rule.
+*/
+.trix-content .attachment-gallery > action-text-attachment,
+.trix-content .attachment-gallery > .attachment {
+  flex: 1 0 33%;
+  padding: 0 0.5em;
+  max-width: 33%;
+}
+
+.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
+.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
+.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
+  flex-basis: 50%;
+  max-width: 50%;
+}
+
+.trix-content action-text-attachment .attachment {
+  padding: 0 !important;
+  max-width: 100% !important;
+}

data/app/assets/stylesheets/madmin/application.css

@@ -0,0 +1,88 @@
+@import url("../trix.css");
+@import url("./actiontext.css");
+@import url("./reset.css");
+@import url("./sidebar.css");
+@import url("./buttons.css");
+@import url("./forms.css");
+@import url("./tables.css");
+@import url("./pagination.css");
+
+:root {
+  --primary-color: rgb(37 99 235);
+  --border-color: rgb(229 231 235);
+  --background-color: rgb(249 250 251);
+  --text-color: rgb(2 6 23);
+  --light-text-color: rgb(71 85 105);
+
+  --sidebar-width: 16rem;
+}
+
+body {
+  color: var(--text-color);
+  font-size: 14px;
+}
+
+a {
+  color: var(--primary-color);
+}
+
+.search {
+  display: flex;
+  align-items: center;
+}
+
+.header {
+  border-bottom: 1px solid rgb(229 231 235);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 1rem;
+  margin-bottom: 1rem;
+
+  h1 {
+    margin: 0;
+  }
+
+  a {
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .actions {
+    align-items: center;
+    display: flex;
+    gap: 0.5rem;
+  }
+}
+
+.metrics {
+  display: flex;
+
+  .metric {
+    border: 1px solid rgb(229 231 235);
+    border-radius: 0.25rem;
+    padding: 1rem;
+    margin: 1rem;
+    flex: 1 1 0%;
+
+    h4 {
+      color: rgb(75 85 99);
+      font-weight: 600;
+      margin-top: 0;
+      margin-bottom: 0.5rem;
+    }
+
+    p {
+      font-size: 2rem;
+      font-weight: 600;
+      margin: 0;
+    }
+  }
+}
+
+.scopes {
+  margin-bottom: 1rem;
+}

data/app/assets/stylesheets/madmin/buttons.css

@@ -0,0 +1,46 @@
+.btn {
+  border-radius: 0.375rem;
+  display: inline-block;
+  font-weight: 600;
+  text-decoration: none;
+
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding-bottom: 0.5rem;
+  padding-top: 0.5rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+
+  &:hover {
+    text-decoration: none !important;
+  }
+
+  &.btn-primary {
+    background-color: var(--primary-color);
+    color: white;
+  }
+
+  &.btn-secondary {
+    background-color: white;
+    color: rgb(31 41 55);
+    box-shadow: inset 0 0 0 1px rgb(156 163 175);
+
+    &:hover {
+      background-color: rgb(243 244 246);
+    }
+
+    &.active {
+      background-color: rgb(243 244 246);
+    }
+  }
+
+  &.btn-danger {
+    background-color: white;
+    color: rgb(239 68 68);
+    box-shadow: inset 0 0 0 1px rgb(239 68 68);
+
+    &:hover {
+      background-color: rgb(243 244 246);
+    }
+  }
+}

data/app/assets/stylesheets/madmin/forms.css

@@ -0,0 +1,82 @@
+.alert {
+  border-radius: 0.25rem;
+  font-weight: 500;
+  padding: 1rem;
+  margin-bottom: 1rem;
+
+  ul {
+    margin-top: 0.5rem;
+    margin-bottom: 0;
+    padding-left: 2rem;
+  }
+
+  &.alert-danger {
+    background-color: rgb(254 226 226);
+    color: rgb(153 27 27);
+  }
+}
+
+.form-hint {
+  font-size: 0.875rem;
+  margin-top: 0.5rem;
+
+  &.error {
+    color: rgb(239 68 68);
+  }
+}
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+.form-input {
+  width: 100%;
+}
+
+.form-description {
+  color: var(--light-text-color);
+}
+
+label {
+  color: rgb(17 24 39);
+  line-height: 1.5rem;
+  font-weight: 500;
+  font-size: 0.875rem;
+}
+
+button, input, optgroup, select, textarea {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: #fff;
+
+  border-radius: 0.375rem;
+  box-shadow: inset 0 0 0 1px rgb(156 163 175);
+  line-height: 1.5rem;
+  padding-bottom: 0.375rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.375rem;
+
+  &:focus {
+    box-shadow: inset 0 0 0 1px rgb(var(--primary-color));
+  }
+}
+
+.required {
+  color: rgb(239 68 68);
+  font-weight: 600;
+}

data/app/assets/stylesheets/madmin/pagination.css

@@ -0,0 +1,59 @@
+.pagination {
+  padding: 0.5rem;
+}
+
+.pagy {
+  display: inline-flex;
+  isolation: isolate;
+  border-radius: 0.375rem;
+
+  a {
+    display: inline-flex;
+    position: relative;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    align-items: center;
+    box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    --tw-ring-inset: inset;
+    --tw-ring-color: #D1D5DB;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: #111827;
+    background-color: #ffffff;
+    border-radius: 0.25rem;
+    text-decoration: none;
+  }
+
+  a:hover {
+    background-color: #F3F4F6;
+  }
+
+  a:not([href]) {
+    color: #D1D5DB;
+    cursor: default;
+  }
+
+  a.current {
+    color: #ffffff;
+    background-color: var(--primary-color);
+  }
+
+  label {
+    display: inline-block;
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    border-radius: 0.5rem;
+    white-space: nowrap;
+    background-color: #E5E7EB;
+  }
+
+  label input {
+    border-radius: 0.375rem;
+    border-style: none;
+    background-color: #F3F4F6;
+  }
+}

data/app/assets/stylesheets/madmin/reset.css

@@ -0,0 +1,242 @@
+*, ::before, ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: #e5e7eb;
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+input, button, textarea, select {
+  font: inherit;
+}
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*
+Document
+========
+*/
+
+/**
+Use a better box model (opinionated).
+*/
+
+*,
+::before,
+::after {
+	box-sizing: border-box;
+}
+
+html {
+	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
+	font-family:
+		system-ui,
+		'Segoe UI',
+		Roboto,
+		Helvetica,
+		Arial,
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji';
+	line-height: 1.15; /* 1. Correct the line height in all browsers. */
+	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
+	tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
+}
+
+/*
+Sections
+========
+*/
+
+body {
+	margin: 0; /* Remove the margin in all browsers. */
+}
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct font weight in Chrome and Safari.
+*/
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+	font-family:
+		ui-monospace,
+		SFMono-Regular,
+		Consolas,
+		'Liberation Mono',
+		Menlo,
+		monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/**
+Add the correct font size in all browsers.
+*/
+
+small {
+	font-size: 80%;
+}
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+/*
+Tabular data
+============
+*/
+
+/**
+Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+table {
+	border-color: currentcolor;
+}
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit; /* 1 */
+	font-size: 100%; /* 1 */
+	line-height: 1.15; /* 1 */
+	margin: 0; /* 2 */
+}
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+	-webkit-appearance: button;
+}
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+legend {
+	padding: 0;
+}
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+	vertical-align: baseline;
+}
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+	-webkit-appearance: textfield; /* 1 */
+	outline-offset: -2px; /* 2 */
+}
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; /* 1 */
+	font: inherit; /* 2 */
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+	display: list-item;
+}

data/app/assets/stylesheets/madmin/sidebar.css

@@ -0,0 +1,80 @@
+main {
+  padding-top: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  padding-left: calc(1rem + var(--sidebar-width));
+}
+
+#sidebar {
+  border-right: 1px solid var(--border-color);
+  height: 100%;
+  margin: 0;
+  overflow: auto;
+  padding: 1rem;
+  position: fixed;
+  width: var(--sidebar-width);
+
+  h1 {
+    margin-top: 0;
+
+    a {
+      color: var(--text-color);
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  nav {
+    h4 {
+      margin-top: 0.5rem;
+      margin-bottom: 0.25rem;
+    }
+
+    a {
+      border-radius: .375rem;
+      color: var(--text-color);
+      display: block;
+      font-weight: 500;
+      padding: 0.5rem;
+      text-decoration: none;
+
+      margin-top: 0.1rem;
+      margin-bottom: 0.1rem;
+
+      &:hover {
+        background-color: rgb(243 244 246);
+      }
+
+      &.active {
+        background-color: rgb(243 244 246);
+        font-weight: 600;
+      }
+    }
+  }
+
+  footer {
+    border-top: 1px solid var(--border-color);
+    padding-top: 1rem;
+    margin-top: 1rem;
+
+    a {
+      color: rgb(75 85 99);
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      padding: 0.5rem;
+      text-decoration: none;
+
+      svg {
+        display: inline-block;
+      }
+    }
+
+    &:hover {
+      color: var(--primary-color);
+    }
+  }
+}

data/app/assets/stylesheets/madmin/tables.css

@@ -0,0 +1,56 @@
+.table-scroll {
+  border-radius: 6px;
+  border: 1px solid var(--border-color);
+  overflow-x: auto;
+  position: relative;
+}
+
+table {
+  border-collapse: collapse;
+  min-width: 100%;
+
+  th {
+    background-color: var(--background-color);
+    border-bottom: 1px solid var(--border-color);
+    text-align: left;
+    padding-bottom: 0.75rem;
+    padding-top: 0.75rem;
+    padding-right: 0.875rem;
+    padding-left: 0.875rem;
+
+    a {
+      color: rgb(17 24 39);
+      text-decoration: none;
+    }
+
+    svg {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    &.label {
+      background-color: var(--background-color);
+      border-right: 1px solid var(--border-color);
+      width: 16rem;
+    }
+  }
+
+  td {
+    padding-bottom: 0.75rem;
+    padding-top: 0.75rem;
+    padding-right: 0.875rem;
+    padding-left: 0.875rem;
+
+    a {
+      font-weight: 500;
+    }
+  }
+
+  tr {
+    border-bottom: 1px solid var(--border-color);
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}