decidim-admin 0.27.5 → 0.28.0.rc4

data/app/packs/stylesheets/decidim/admin/_moderations.scss

@@ -0,0 +1,36 @@
+.moderation-details {
+  @apply p-4;
+
+  .toggle-content {
+    @apply cursor-pointer ml-2 text-sm;
+  }
+
+  .reported-content {
+    .original {
+      @apply hidden;
+    }
+  }
+
+  .callout {
+    &-text {
+      @apply ml-2;
+
+      .icon {
+        @apply w-2;
+      }
+    }
+  }
+
+  dd {
+    @apply p-4 bg-gray-3 mb-1;
+  }
+
+  .reportable-authors {
+    list-style: none;
+    margin: 0;
+
+    .icon {
+      @apply ml-2;
+    }
+  }
+}

data/app/packs/stylesheets/decidim/admin/_secondary-nav.scss

@@ -0,0 +1,111 @@
+.process-title,
+.voting-title {
+  @apply bg-gray-2 py-2 relative;
+
+  .layout-content__container {
+    @apply py-0;
+  }
+
+  .process-title-content {
+    @apply flex-col md:flex-row flex items-start gap-y-2 md:items-center min-h-[28px];
+
+    .dropdown__trigger {
+      @apply flex no-underline px-1.5 py-1 text-sm flex-row items-center;
+
+      svg {
+        @apply block h-5 fill-white;
+      }
+
+      span {
+        @apply text-white;
+      }
+    }
+
+    &-icon-home {
+      @apply flex items-center;
+
+      svg {
+        @apply w-5 h-5 fill-white;
+      }
+    }
+
+    a.process-title-content-breadcrumb:hover {
+      @apply cursor-pointer hover:backdrop-brightness-75 focus:backdrop-brightness-75;
+    }
+
+    &-breadcrumb {
+      @apply text-md text-white rounded py-1 px-2 bg-transparent;
+
+      &-no-active {
+        @apply text-md text-white;
+      }
+
+      &-container-left {
+        @apply block sm:flex items-center gap-x-4;
+      }
+
+      &-container-right {
+        @apply ml-auto flex items-center gap-x-4;
+
+        &-link {
+          @apply flex items-center gap-x-1 px-1.5 py-1;
+
+          span {
+            @apply text-sm;
+          }
+        }
+
+        svg {
+          @apply w-4 h-4 fill-white;
+        }
+
+        .dropdown__item svg {
+          @apply fill-gray;
+        }
+      }
+    }
+
+    &-dropdown {
+      .dropdown__item {
+        @apply flex-col items-start;
+
+        ul {
+          @apply ml-12;
+        }
+
+        a {
+          @apply flex items-center gap-x-4 text-secondary;
+
+          svg {
+            @apply fill-gray;
+          }
+
+          &:hover {
+            @apply underline;
+          }
+        }
+
+        &:hover {
+          @apply no-underline;
+        }
+      }
+    }
+  }
+}
+
+.process-title-content .button {
+  @apply no-underline mb-0;
+}
+
+.secondary-nav__title,
+.voting-title-content {
+  @apply text-xs font-bold w-full text-white;
+}
+
+.dropdown {
+  &__item {
+    a[href*="components"] + ul {
+      @apply hidden;
+    }
+  }
+}

data/app/packs/stylesheets/decidim/admin/_show_email.scss

@@ -0,0 +1,19 @@
+.show_email {
+  @apply my-4;
+
+  h4 {
+    @apply text-md w-full text-gray-2 font-semibold mb-2;
+  }
+
+  > div {
+    @apply bg-gray-3 mb-2 p-2;
+  }
+
+  #user_email + p {
+    @apply hidden;
+  }
+
+  #user_email:empty + p {
+    @apply block;
+  }
+}

data/app/packs/stylesheets/decidim/admin/_sidebar-menu.scss

@@ -0,0 +1,66 @@
+.sidebar-menu {
+  @apply p-4 flex-none w-full md:w-fit max-w-full md:max-w-xs;
+
+  &__item {
+    a,
+    &-disabled {
+      @apply gap-x-2 p-2 flex items-center text-sm truncate border border-gray-5 rounded;
+
+      > svg {
+        @apply w-4 h-4 flex-none text-gray fill-current;
+      }
+    }
+
+    a {
+      @apply text-secondary;
+    }
+
+    &.is-active > a,
+    & > a:hover {
+      @apply underline [&>svg]:text-secondary bg-white border;
+    }
+
+    &.is-active > a {
+      @apply font-semibold;
+    }
+
+    ul {
+      @apply ml-10;
+
+      li {
+        a {
+          @apply px-2 py-1;
+
+          .component-counter {
+            @apply ml-auto inline-flex items-center justify-center w-5 h-5 text-xs font-semibold rounded-full bg-background-4 border-secondary;
+          }
+        }
+
+        &.is-active a {
+          @apply font-semibold;
+        }
+
+        &.is-active > a,
+        & > a:hover {
+          @apply underline [&>svg]:text-secondary bg-white;
+        }
+      }
+    }
+  }
+
+  &__container {
+    @apply flex flex-col md:flex-row items-stretch;
+
+    [id*="dropdown-menu"] {
+      @apply py-3.5;
+
+      [aria-hidden="false"] {
+        @apply block;
+      }
+    }
+  }
+
+  & + * {
+    @apply grow;
+  }
+}

data/app/packs/stylesheets/decidim/admin/_table-list.scss

@@ -0,0 +1,155 @@
+.table-scroll {
+  @apply overflow-x-auto;
+
+  table {
+    border-collapse: unset;
+
+    @apply mb-0 text-gray-2 border border-background-4 w-full;
+  }
+}
+
+//Table list
+.table-list {
+  @apply border-collapse border-spacing-0;
+
+  thead tr {
+    @apply bg-background-2;
+
+    a {
+      @apply font-semibold;
+
+      &:hover {
+        @apply underline;
+      }
+    }
+  }
+
+  td {
+    @apply border-b border-background-4 text-sm;
+
+    &:not(:last-child) {
+      @apply border-r border-background-4;
+    }
+  }
+
+  th {
+    .sort_link.desc,
+    .sort_link.asc {
+      @apply underline;
+    }
+  }
+
+  thead th {
+    @apply border-b border-background-4 text-xs font-semibold;
+
+    &:not(:last-child) {
+      @apply border-r border-background-4;
+    }
+
+    &:first-child {
+      @apply text-left pl-4;
+    }
+  }
+
+  tbody tr td {
+    @apply p-3;
+  }
+
+  thead th,
+  thead td,
+  tfoot th,
+  tfoot td {
+    @apply p-2;
+  }
+
+  tr:nth-child(even) {
+    @apply bg-background-2;
+  }
+
+  th:not(:first-child),
+  td:not(:first-child) {
+    @apply text-center;
+  }
+
+  th [type="checkbox"],
+  td [type="checkbox"] {
+    @apply m-0;
+  }
+
+  &.table-list--selectable {
+    th:nth-child(2),
+    td:nth-child(2) {
+      @apply text-left;
+    }
+  }
+
+  thead tr a,
+  thead tr {
+    @apply text-gray-2 text-xs;
+  }
+
+  td a:not(.button) {
+    @apply underline text-md font-semibold text-secondary;
+  }
+
+  td > .button {
+    @apply mb-0;
+  }
+
+  .table-list__date,
+  .table-list__state {
+    @apply text-sm;
+  }
+
+  .tabel-list__left {
+    @apply text-left;
+  }
+
+  .icon-active {
+    @apply bg-[#5dc560] inline-block w-3 h-3 align-middle mr-2 rounded-[50%];
+  }
+}
+
+.table-list__actions {
+  @apply text-center whitespace-nowrap;
+
+  a:not(:last-child) {
+    @apply pr-2;
+  }
+
+  &:last-child {
+    @apply text-right;
+  }
+
+  span {
+    @apply mr-1;
+  }
+
+  svg {
+    @apply inline-block fill-secondary w-5 h-5;
+
+    &.action-icon--disabled {
+      @apply fill-gray mr-2;
+    }
+  }
+
+  .action-space {
+    @apply w-5 h-5;
+  }
+}
+
+.table-list__state {
+  @apply text-center;
+}
+
+.table-list__type-icon {
+  @apply relative cursor-pointer;
+}
+
+.table-list__type-label {
+  @apply hidden relative font-semibold;
+
+  &.expanded {
+    @apply inline-block;
+  }
+}

data/app/packs/stylesheets/decidim/admin/_tabs.scss

@@ -0,0 +1,74 @@
+.tabs--lang {
+  @apply bg-transparent flex items-center gap-x-1;
+
+  li {
+    @apply p-0.5 rounded-t-sm text-secondary text-xs;
+
+    background-color: rgba(243, 244, 247, 1);
+
+    &.is-active,
+    &:hover {
+      @apply border-b border-secondary;
+    }
+
+    &:hover {
+      background-color: rgba(243, 244, 247, 1);
+    }
+  }
+
+  a {
+    @apply text-xs p-0;
+
+    &::before {
+      @apply content-[''] w-2 h-2 inline-block bg-white rounded-full mr-2 border;
+
+      border-color: rgba(116, 129, 144, 1);
+    }
+  }
+
+  .tabs-title > a[aria-selected="true"] {
+    @apply font-bold text-secondary;
+
+    background-color: rgba(243, 244, 247, 1);
+
+    &::before {
+      @apply border-white;
+
+      background-color: rgba(40, 167, 69, 1);
+    }
+  }
+
+  a.is-tab-error {
+    color: red;
+  }
+}
+
+.label--tabs {
+  @apply flex justify-between items-end;
+
+  label {
+    @apply inline-block;
+  }
+}
+
+.tabs-panel[aria-hidden="true"] {
+  @apply hidden;
+}
+
+.form {
+  .language-change {
+    @apply h-8 mb-4;
+  }
+}
+
+.tab-custom-error-wrapper {
+  @apply flex flex-wrap;
+}
+
+.tab-custom-error {
+  @apply mr-1;
+}
+
+.is-tab-custom-error-visible {
+  @apply block;
+}

data/app/packs/stylesheets/decidim/admin/_title-bar.scss

@@ -0,0 +1,62 @@
+.title-bar {
+  @apply bg-tertiary text-black text-xs;
+
+  [data-target*="dropdown"] > svg:first-of-type {
+    @apply inline-block;
+  }
+
+  .layout-content__container {
+    @apply pt-2.5 pb-2 px-2 md:px-8 block sm:flex items-center;
+  }
+}
+
+.main .title-bar .dropdown__trigger {
+  @apply block border-transparent;
+
+  svg {
+    @apply fill-black w-4 h-4;
+  }
+}
+
+.menu-trigger {
+  @apply inline-block md:hidden p-2 w-10 text-center;
+}
+
+.logo {
+  @apply p-4 block max-w-[80px] md:max-w-[120px] bg-transparent md:bg-gray-2 relative pt-7 pb-8 min-h-[68px] md:min-h-[88px];
+
+  img {
+    @apply block;
+  }
+
+  svg {
+    @apply w-12 h-8 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;
+  }
+}
+
+.tool-bar {
+  @apply ml-auto gap-x-2 md:gap-x-4 flex items-center text-sm;
+
+  .user-login,
+  .language-choose {
+    @apply inline-block;
+  }
+
+  [id*="dropdown-menu"] {
+    @apply mx-0 md:mx-3;
+  }
+
+  .button__site {
+    @apply flex items-center gap-x-2 p-1 text-black font-normal rounded;
+
+    background-color: rgba(255, 255, 255, 0.15);
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.35);
+    }
+
+    svg {
+      @apply fill-black;
+    }
+  }
+}

data/app/packs/stylesheets/decidim/admin/_user-login.scss

@@ -0,0 +1,9 @@
+.user-login {
+  a {
+    @apply text-black;
+  }
+
+  .is-dropdown-submenu-parent > a {
+    @apply text-black;
+  }
+}

data/app/packs/stylesheets/decidim/admin/application.scss

@@ -1,22 +1,38 @@
-@import "stylesheets/decidim/admin/decidim";
-@import "stylesheets/decidim/admin/extra/action-icon";
-@import "stylesheets/decidim/admin/extra/block_user";
-@import "stylesheets/decidim/admin/extra/cards";
-@import "stylesheets/decidim/admin/extra/categories";
-@import "stylesheets/decidim/admin/extra/dropdown_inverted";
-@import "stylesheets/decidim/admin/extra/editor";
-@import "stylesheets/decidim/admin/extra/email_preview";
-@import "stylesheets/decidim/admin/extra/label-required";
-@import "stylesheets/decidim/admin/extra/login";
-@import "stylesheets/decidim/admin/extra/logs";
-@import "stylesheets/decidim/admin/extra/newsletter-templates-gallery";
-@import "stylesheets/decidim/admin/extra/organization-appearance";
-@import "stylesheets/decidim/admin/extra/quill";
-@import "stylesheets/decidim/admin/extra/select_multiple";
-@import "stylesheets/decidim/admin/extra/show_email";
-@import "stylesheets/decidim/admin/extra/sort";
-@import "stylesheets/decidim/admin/extra/title_bar";
+:root {
+  --primary: #e02d2d;
+  --primary-rgb: 224 45 45;
+  --secondary: #155abf;
+  --secondary-rgb: 21 90 191;
+  --tertiary: #ebc34b;
+  --tertiary-rgb: 235 195 75;
+  --success: #28a745;
+  --success-rgb: 40 167 69;
+  --warning: #ffb703;
+  --warning-rgb: 255 183 3;
+  --alert: #e7131a;
+  --alert-rgb: 231 19 26;
+}
 
-// This imports all the Decidim module stylesheet imports registered at
-// `config/assets.rb` of the module for the "admin" group.
-@import "!decidim-style-imports[admin]";
+@import "stylesheets/decidim/admin/_forms.scss";
+@import "stylesheets/decidim/admin/_color_picker.scss";
+@import "stylesheets/decidim/admin/_main-nav.scss";
+@import "stylesheets/decidim/admin/_layout.scss";
+@import "stylesheets/decidim/admin/_secondary-nav.scss";
+@import "stylesheets/decidim/admin/_title-bar.scss";
+@import "stylesheets/decidim/admin/_user-login.scss";
+@import "stylesheets/decidim/admin/_cards.scss";
+@import "stylesheets/decidim/admin/_logs.scss";
+@import "stylesheets/decidim/admin/_filters.scss";
+@import "stylesheets/decidim/admin/_table-list.scss";
+@import "stylesheets/decidim/admin/_dropdown.scss";
+@import "stylesheets/decidim/admin/_item_show.scss";
+@import "stylesheets/decidim/admin/_item_edit.scss";
+@import "stylesheets/decidim/admin/_tabs.scss";
+@import "stylesheets/decidim/admin/_component-show.scss";
+@import "stylesheets/decidim/admin/_moderations.scss";
+@import "stylesheets/decidim/admin/_show_email.scss";
+@import "stylesheets/decidim/admin/_bulk_actions.scss";
+@import "stylesheets/decidim/admin/_data_picker.scss";
+@import "stylesheets/decidim/admin/_legacy_foundation.scss";
+@import "stylesheets/decidim/admin/_sidebar-menu.scss";
+@import "stylesheets/decidim/admin/_minimap.scss";

data/app/permissions/decidim/admin/permissions.rb

@@ -89,7 +89,7 @@ module Decidim
                          .find_participatory_space_manifest(manifest.name)
                          .participatory_spaces
                          .call(user.organization)&.any? do |space|
-            space.respond_to?(:user_roles) && space.user_roles(:admin).where(user: user).or(space.user_roles(:moderator).where(user: user)).any?
+            space.respond_to?(:user_roles) && space.user_roles(:admin).where(user:).or(space.user_roles(:moderator).where(user:)).any?
           end
         end
 
@@ -147,7 +147,7 @@ module Decidim
         when :update_slug, :destroy
           static_page.present? && !StaticPage.default?(static_page.slug)
         when :update_notable_changes
-          static_page.slug == "terms-and-conditions" && static_page.persisted?
+          static_page.slug == "terms-of-service" && static_page.persisted?
         else
           true
         end

data/app/presenters/decidim/admin/aside_menu_presenter.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Admin
+    class AsideMenuPresenter < Decidim::MenuPresenter
+      def render(render_options = {}, &)
+        styles = %w(item_show__content-menu)
+        content_tag :div, class: styles.join(" ") do
+          output = []
+          output.push render_title(render_options) if render_options.fetch(:title, false)
+          output.push render_menu(&)
+          safe_join(output)
+        end
+      end
+
+      protected
+
+      def render_title(render_options)
+        content_tag :div, class: "secondary-nav__title" do
+          render_options.fetch(:title)
+        end
+      end
+    end
+  end
+end

data/app/presenters/decidim/admin/dashboard_metric_charts_presenter.rb

@@ -7,14 +7,6 @@ module Decidim
         __getobj__.fetch(:summary)
       end
 
-      def render_not_highlighted(metrics)
-        safe_join(
-          metrics.map do |metric|
-            render_metrics_data(metric.metric_name, klass: not_highlighted_classes, graph_klass: "small")
-          end
-        )
-      end
-
       def highlighted_metrics
         return super unless summary?
 
@@ -36,24 +28,6 @@ module Decidim
           %w(comments meetings accepted_proposals results blocked_users user_reports reported_users).include? registry.metric_name
         end
       end
-
-      private
-
-      def highlighted_classes
-        return "cell medium-6" if summary?
-
-        "cell medium-4"
-      end
-
-      def not_highlighted_classes
-        return "cell medium-3" if summary?
-
-        "cell medium-2"
-      end
-
-      def not_highlighted_wrapper_classes
-        "grid-x grid-margin-x"
-      end
     end
   end
 end

data/app/presenters/decidim/admin/secondary_menu_presenter.rb

@@ -3,15 +3,11 @@
 module Decidim
   module Admin
     class SecondaryMenuPresenter < Decidim::MenuPresenter
-      def render(render_options = {}, &block)
-        styles = %w(secondary-nav)
-        styles.push "secondary-nav--subnav" unless render_options.fetch(:title, false)
-        content_tag :div, class: styles.join(" ") do
-          output = []
-          output.push render_title(render_options) if render_options.fetch(:title, false)
-          output.push render_menu(&block)
-          safe_join(output)
-        end
+      def render(render_options = {}, &)
+        output = []
+        output.push render_title(render_options) if render_options.fetch(:title, false)
+        output.push render_menu(&)
+        safe_join(output)
       end
 
       protected