decidim-admin 0.9.3 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8b4130a578d9140eb173946a9f3ac83c9014bc1563c10e549196cb5d724f8df7
-  data.tar.gz: df14e82901eaa5876e839cc3c1477b34215842800e07920f002425ec44a1aa4e
+  metadata.gz: 9a8c533c386e581cf533829aa1438846244db66cd40db0b20b1b4e24be2ac0cc
+  data.tar.gz: 449820378916379fdc541ee8f123e1d6e6c22f38ddce34aa24f8835912083a82
 SHA512:
-  metadata.gz: eeeda4d79df6dfba7298d7e43d5e5a206004ff2fbe749a4b4cc90b88df4838408f79690f56550b5b2e6c623322966b344d7a296bda39966518ded208dfe61d55
-  data.tar.gz: 6ca7906a86040057aa916482da31221f2a0ec54c7957574571a53dfba5c535ecd1a9ea09f16abd907ec8fb30a56119df2cd5d9eea3deb3bcba48147a935112f1
+  metadata.gz: bf89918254191a8e6179d8de37a3eccedfcad338c3d000cb5c1b93561f56e9b2061180a8af11b8a13eee8b5fe5ae9f0c3fee2939babd51c2253bdae9ffa8371e
+  data.tar.gz: '09b8e3a8e1c4e28c3229b9346177f847c89facb8b1e93ef3aaf426323c9333c6111fe8e40ecee0ad7d9bc36a03d77eb922bf50cb2dd91f5ea7e876b4465490d8'

data/app/assets/javascripts/decidim/admin/application.js.es6

@@ -9,6 +9,7 @@
 // = require form_datepicker
 // = require moment.min
 // = require decidim/data_picker
+// = require jquery.auto-complete
 // = require_self
 
 window.Decidim = window.Decidim || {};

data/app/assets/stylesheets/decidim/admin/_decidim.scss

@@ -2,13 +2,15 @@
 @import "utils/fontface";
 @import "utils/helpers";
 @import "utils/keyframes";
-@import "utils/mixins";
 @import "utils/settings";
 @import "utils/toggle-expand";
 @import "foundation";
 
 @include foundation-everything();
 
+@import "utils/mixins";
+@import "utils/flex";
 @import "plugins/foundation-datepicker";
 @import "decidim/modules/data-picker";
 @import "modules/modules";
+@import "plugins/jquery.auto-complete";

data/app/assets/stylesheets/decidim/admin/extra/_logs.scss

@@ -0,0 +1,122 @@
+.logs{
+  list-style: none;
+  margin-left: 0;
+  margin-bottom: 0;
+
+  p.logs--no-logs{
+    margin: rem-calc(16);
+  }
+
+  li{
+    .logs__log__content,
+    .logs__log__diff-row{
+      display: flex;
+      flex-direction: row;
+      padding: $table-padding;
+      border-bottom: 1px solid rgba(black, .05);
+    }
+
+    .logs__log__diff-row{
+      &:last-child{
+        border-bottom: none;
+      }
+    }
+  }
+
+  .logs__log--deletion .logs__log__content{
+    background-color: rgb(255, 242, 242);
+  }
+
+  .logs__log__date{
+    font-family: $font-family-monospace;
+    font-size: 14px;
+    margin-top: 2px;
+    color: $muted;
+    text-align: right;
+    padding-right: rem-calc(10);
+    flex-grow: 5;
+    flex-basis: 1px;
+  }
+
+  .logs__log__explanation{
+    flex-grow: 34;
+    flex-basis: 1px;
+
+    span,
+    a{
+      font-weight: 600;
+    }
+
+    .logs__log__author{
+      color: rgb(89, 197, 100);
+    }
+
+    .logs__log__resource{
+      color: rgb(58, 134, 222);
+    }
+
+    .logs__log__space{
+      color: rgb(143, 107, 201);
+    }
+  }
+
+  .logs__log__actions{
+    flex-grow: 1;
+    flex-basis: 1px;
+    text-align: right;
+  }
+
+  .logs__log__actions-dropdown{
+    color: $muted;
+    padding: rem-calc(0 10);
+
+    &::after{
+      content: "▸";
+    }
+  }
+
+  .logs__log__diff{
+    max-height: 200px;
+    overflow-y: scroll;
+    display: none;
+  }
+
+  .logs__log--expanded{
+    .logs__log__diff{
+      display: block;
+    }
+
+    .logs__log__actions-dropdown{
+      &::after{
+        content: "▾";
+      }
+    }
+  }
+
+  .logs__log__diff-title{
+    padding-right: rem-calc(10);
+    flex-grow: 5;
+    font-weight: 600;
+    text-align: right;
+    flex-basis: 1px;
+  }
+
+  .logs__log__diff-value{
+    flex-grow: 35;
+    flex-basis: 1px;
+  }
+
+  .logs__log__diff-row--new-value{
+    background-color: rgb(217, 255, 221);
+  }
+
+  .logs__log__diff-row--previous-value{
+    background-color: rgb(238, 238, 238);
+
+    .logs__log__diff-title{
+      color: rgb(152, 152, 152);
+      font-weight: normal;
+      text-transform: lowercase;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/admin/modules/_action-icon.scss

@@ -11,12 +11,6 @@ $action-icon-width: $icon-size;
   margin-right: 1rem;
 }
 
-.action-icon.has-tip,
-.simple-has-tip.has-tip{
-  border-bottom: 0;
-  cursor: pointer;
-}
-
 .action-icon.action-icon--remove{
   color: $alert-color;
 }

data/app/assets/stylesheets/decidim/admin/modules/_buttons.scss

@@ -1,14 +1,25 @@
 /* Foundation button overrides */
-
 .button{
   &.small{
     padding-top: .5rem;
     padding-bottom: .5rem;
+
+    &.compact{
+      padding-left: .5rem;
+      padding-right: .5rem;
+      letter-spacing: 0;
+    }
   }
 
   &.tiny{
     padding-top: .25rem;
     padding-bottom: .25rem;
+
+    &.compact{
+      padding-left: .25rem;
+      padding-right: .25rem;
+      letter-spacing: 0;
+    }
   }
 }
 
@@ -20,6 +31,10 @@
   }
 }
 
+.button.light{
+  color: $white;
+}
+
 .button--title{
   margin-bottom: 0;
   float: right;
@@ -45,3 +60,7 @@
 .button--simple{
   margin-bottom: 0;
 }
+
+.button--nomargin{
+  margin: 0;
+}

data/app/assets/stylesheets/decidim/admin/modules/_cards.scss

@@ -3,10 +3,16 @@ $card-padding-small: 1rem;
 .card-title{
   @include smallcaps;
 
-  font-size: 1rem;
+  button:not(.clear){
+    @include smallcaps;
+  }
 
-  @include clearfix;
+  // clearfix if there is no flex--* class in the same element
+  &:not([class*="flex--"]){
+    @include clearfix;
+  }
 
+  font-size: 1rem;
   width: 100%;
 }
 
@@ -87,3 +93,8 @@ $card-padding-small: 1rem;
   margin-bottom: 0;
   display: block;
 }
+
+.card-divider--reduced{
+  // height adjust
+  padding: (($global-padding / 2) + rem-calc(.7)) $global-padding;
+}

data/app/assets/stylesheets/decidim/admin/modules/_component-counter.scss

@@ -9,6 +9,15 @@
   font-size: .7rem;
   float: right;
   margin-top: .4em;
+
+  &.component-counter--inline{
+    float: none;
+    display: inline-block;
+  }
+
+  &:empty{
+    display: none;
+  }
 }
 
 .component-counter--off{

data/app/assets/stylesheets/decidim/admin/modules/_dropdown.scss

@@ -0,0 +1,20 @@
+// Overwrite foundation defaults
+.dropdown-pane{
+  padding: 0;
+  background-color: $white;
+  border: $card-border;
+
+  ul{
+    margin: 0;
+    padding: 0;
+  }
+
+  li{
+    padding: $global-padding;
+    color: $brand;
+
+    &:not(:last-child){
+      border-bottom: $card-border;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/admin/modules/_filters.scss

@@ -0,0 +1,6 @@
+.filters__section{
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  padding: 0 $global-padding;
+}

data/app/assets/stylesheets/decidim/admin/modules/_forms.scss

@@ -20,7 +20,8 @@ textarea{
   select,
   textarea,
   .check-radio,
-  .input-field{
+  .input-field,
+  .data-picker{
     margin-bottom: $input-margin;
   }
 

data/app/assets/stylesheets/decidim/admin/modules/_modules.scss

@@ -23,3 +23,5 @@
 @import "char-counter";
 @import "component-counter";
 @import "pics";
+@import "filters";
+@import "dropdown";

data/app/assets/stylesheets/decidim/admin/modules/_secondary-nav.scss

@@ -79,6 +79,13 @@ $process-title-height: 3rem;
   margin-top: 2rem;
 }
 
+.secondary-nav__subtitle{
+  display: block;
+  padding: .5rem 1rem;
+  margin: 0 .5rem;
+  color: $body-font-color;
+}
+
 .process-title{
   @include breakpoint(large){
     margin-bottom: $process-title-height;

data/app/assets/stylesheets/decidim/admin/modules/_table-list.scss

@@ -33,6 +33,11 @@
     text-align: right;
   }
 
+  th [type="checkbox"]:only-child,
+  td [type="checkbox"]:only-child{
+    margin-bottom: 0;
+  }
+
   &.table-list--lastcenter{
     th:last-child,
     td:last-child{
@@ -47,6 +52,10 @@
     }
   }
 
+  tr.selected{
+    background-color: rgba($brand, .05);
+  }
+
   a:not(.button){
     color: $body-font-color;
 
@@ -59,6 +68,10 @@
     margin-bottom: 0;
   }
 
+  td{
+    @include modifiers(color, (muted: $muted));
+  }
+
   .switch.tiny{
     margin: 0 auto;
     width: 48px;
@@ -86,7 +99,3 @@
 .table-list__state{
   text-align: center;
 }
-
-.icon-state.has-tip{
-  border-bottom: 0;
-}

data/app/assets/stylesheets/decidim/admin/utils/_flex.scss

@@ -0,0 +1,60 @@
+// Flex layout utilities
+// require foundation
+$space: $global-margin;
+$spaces: $space ($space * 2);
+
+@mixin flexgap($gap: 0, $dir: row){
+  display: flex;
+  flex-direction: $dir;
+
+  @if $dir == row{
+    & > *{
+      margin: 0 $gap/2;
+    }
+
+    & > :first-child{
+      margin-left: 0;
+    }
+
+    & > :last-child{
+      margin-right: 0;
+    }
+  }
+
+  @else if $dir == column{
+    & > *{
+      margin: $gap/2 0;
+    }
+
+    & > :first-child{
+      margin-top: 0;
+    }
+
+    & > :last-child{
+      margin-bottom: 0;
+    }
+  }
+}
+
+// generates a gap simple and a double
+@each $gap in $spaces{
+  .flex-gap--#{strip-unit($gap)}{
+    @include flexgap($gap: $gap);
+  }
+}
+
+// flex--cc:
+// justify-content: center;
+// align-items: center;
+.flex--cc{
+  @include flex;
+  @include flex-align($x: center, $y: middle);
+}
+
+// flex--cc:
+// justify-content: space-between;
+// align-items: center;
+.flex--sbc{
+  @include flex;
+  @include flex-align($x: spaced, $y: middle);
+}

data/app/assets/stylesheets/decidim/admin/utils/_mixins.scss

@@ -17,3 +17,20 @@
   letter-spacing: .1em;
   font-size: .9em;
 }
+
+// Status modifier mixin
+$palette: $foundation-palette;
+
+@mixin modifiers($vars, $colors: $palette){
+  $map: map-merge($palette, $colors);
+
+  @each $key, $value in $map{
+    &.#{$key}{
+      @content;
+
+      @each $property in $vars{
+        #{$property}: map-get($map, $key);
+      }
+    }
+  }
+}