thredded 0.6.3 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7a1acf1b52acfeb414676b3d0b4c60cf9ea347af
-  data.tar.gz: cc19fecffc62460f24b8781ab0f4dc27bcf2db95
+  metadata.gz: a4599cfd4cc1a0446216da0bb6c5bfcb19ad857d
+  data.tar.gz: 24286dd248ea8aa78737a5ee708ae3af0b2d0ad0
 SHA512:
-  metadata.gz: 4085dd28328ce761c890fdf976d199cc3b6ac2aab5ca7da0ec32ab866ee95f8c8ae465f9f74c387dfdc13b4dbe201dca503820060c02e636472e35bd3548c4e6
-  data.tar.gz: 917c71e13f4b5bfd94d8567ff146c871f39201ed9727e0e1fe77b88bfdd19304cf3dbd25a5935015e03ae37982986828fbb100b5b88960afef9b5c3c6ae2f252
+  metadata.gz: 0019fe0f00970082f29c57572ff07968de460d2a0cb9d8ab2590a668ef68a954078ac41f5d64a1e0125c4f6d0aabfd4a7465a96dae5685e0ce65f1b9cd0a8796
+  data.tar.gz: e4fb202dee30cad34b4cc8ced571cd0c6968c7ab5989b7e4d7722916fe4eb382e9e0abaa7ef237ebad6e32c546f6bf315fa6853daa6da8647101f4061f6a5e06

data/README.md

@@ -44,7 +44,7 @@ application and not an engine like Thredded.
 Add the gem to your Gemfile:
 
 ```ruby
-gem 'thredded', '~> 0.6.3'
+gem 'thredded', '~> 0.7.0'
 ```
 
 Add the Thredded [initializer] to your parent app by running the install generator.
@@ -150,21 +150,21 @@ The views within Thredded pass those up through to your layout if you would like
 
 ### User profile page
 
-Thredded does not provide a user's profile page, but it provides a helper for rendering the user's recent posts
-in your app's user profile page.
-
-To use it:
-
-1. Include `Thredded::ApplicationHelper` in the app's helpers module.
-2. Render the partial like this:
+Thredded does not provide a user's profile page, but it provides a partial for rendering the user's recent posts
+in your app's user profile page. Here is how you can render it in your app:
 
 ```erb
-<%= render 'thredded/users/posts',
-           posts: Thredded.posts_page_view(
-               scope: user.thredded_posts.order_newest_first.limit(5),
-               current_user: current_user) %>
+<%= Thredded::ApplicationController.render partial: 'thredded/users/posts', locals: {
+      posts: Thredded.posts_page_view(scope: user.thredded_posts.order_newest_first.limit(5),
+                                      current_user: current_user) } %>
 ```
 
+The `user` above is the user whose posts are rendered, and `current_user` is the user viewing the posts or `nil`.
+The policy scopes that limit the posts to the ones `current_user` can see are applied automatically.
+
+The code above uses the `ApplicationController.render` method introduced in Rails 5. If you're using Rails 4,
+you will need to add the [`backport_new_renderer`](https://github.com/brainopia/backport_new_renderer) gem to use it.
+
 ### Customizing views
 
 You can also override any views and assets by placing them in the same path in your application as they are in the gem.

data/app/assets/images/thredded/follow.svg

@@ -0,0 +1 @@
+<svg width="116" height="121" viewBox="0 0 116 121" xmlns="http://www.w3.org/2000/svg"><path d="M57.071 113.714c0-.714-.357-1.071-1.071-1.071-2.634 0-4.9-.949-6.797-2.846-1.897-1.897-2.846-4.163-2.846-6.797 0-.714-.357-1.071-1.071-1.071-.715 0-1.072.357-1.072 1.071 0 3.259 1.15 6.038 3.449 8.337 2.3 2.3 5.078 3.449 8.337 3.449.714 0 1.071-.357 1.071-1.072zM12.473 94.43h87.054C87.652 81.036 81.714 62.464 81.714 38.714c0-2.277-.535-4.62-1.607-7.031-1.071-2.41-2.611-4.71-4.62-6.897-2.01-2.188-4.721-3.985-8.137-5.39-3.415-1.407-7.198-2.11-11.35-2.11-4.152 0-7.935.703-11.35 2.11-3.416 1.405-6.128 3.202-8.137 5.39-2.009 2.187-3.549 4.486-4.62 6.897-1.072 2.41-1.607 4.754-1.607 7.031 0 23.75-5.938 42.322-17.813 55.715zm99.241 0c0 2.321-.848 4.33-2.544 6.026-1.697 1.697-3.706 2.545-6.027 2.545h-30c0 4.732-1.674 8.772-5.022 12.12-3.349 3.349-7.389 5.023-12.121 5.023s-8.772-1.674-12.12-5.022c-3.349-3.349-5.023-7.389-5.023-12.121h-30c-2.321 0-4.33-.848-6.027-2.545C1.134 98.76.286 96.75.286 94.43a58.82 58.82 0 0 0 6.093-5.893c1.83-2.054 3.728-4.721 5.692-8.003 1.965-3.28 3.628-6.819 4.99-10.613 1.36-3.795 2.477-8.393 3.347-13.795.871-5.402 1.306-11.205 1.306-17.41 0-6.786 2.612-13.092 7.835-18.918 5.223-5.826 12.076-9.364 20.558-10.614a6.67 6.67 0 0 1-.536-2.612c0-1.785.625-3.303 1.875-4.553S54.214.143 56 .143c1.786 0 3.304.625 4.554 1.875 1.25 1.25 1.875 2.768 1.875 4.553a6.67 6.67 0 0 1-.536 2.612c8.482 1.25 15.335 4.788 20.558 10.614 5.223 5.826 7.835 12.132 7.835 18.917 0 6.206.435 12.01 1.306 17.411.87 5.402 1.986 10 3.348 13.795 1.361 3.794 3.024 7.332 4.989 10.613 1.964 3.282 3.861 5.95 5.692 8.003a58.82 58.82 0 0 0 6.093 5.893z" fill-rule="evenodd"/></svg>

data/app/assets/images/thredded/unfollow.svg

@@ -0,0 +1 @@
+<svg width="138" height="121" viewBox="0 0 138 121" xmlns="http://www.w3.org/2000/svg"><path d="M69.643 113.714c0-.714-.357-1.071-1.072-1.071-2.634 0-4.9-.949-6.796-2.846-1.898-1.897-2.846-4.163-2.846-6.797 0-.714-.358-1.071-1.072-1.071-.714 0-1.071.357-1.071 1.071 0 3.259 1.15 6.038 3.448 8.337 2.3 2.3 5.078 3.449 8.337 3.449.715 0 1.072-.357 1.072-1.072zm-35.96-31.808l58.728-50.893c-1.875-3.928-4.833-7.198-8.873-9.81-4.04-2.611-9.029-3.917-14.967-3.917-4.151 0-7.935.703-11.35 2.11-3.415 1.405-6.127 3.202-8.136 5.39-2.01 2.187-3.55 4.486-4.62 6.897-1.072 2.41-1.608 4.754-1.608 7.031 0 17.143-3.058 31.54-9.174 43.192zm90.603 12.523c0 2.321-.848 4.33-2.545 6.026-1.696 1.697-3.705 2.545-6.027 2.545h-30c0 4.732-1.674 8.772-5.022 12.12-3.348 3.349-7.388 5.023-12.12 5.023-4.733 0-8.762-1.663-12.088-4.989-3.326-3.326-5.01-7.355-5.055-12.087l9.977-8.638h50.692c-7.41-8.349-12.477-18.594-15.2-30.737l7.432-6.496c2.724 15.893 9.375 28.304 19.956 37.233zm5.759-93.215l5.625 6.429c.357.446.524.97.502 1.574a2.052 2.052 0 0 1-.703 1.506L10.112 119.34c-.447.357-.971.514-1.574.469-.603-.045-1.083-.29-1.44-.737l-5.625-6.428c-.357-.447-.524-.971-.502-1.574.022-.602.257-1.082.703-1.44L14.13 98.85c-.848-1.43-1.272-2.903-1.272-4.42a58.82 58.82 0 0 0 6.094-5.893c1.83-2.054 3.728-4.721 5.692-8.003 1.964-3.28 3.627-6.819 4.989-10.613 1.361-3.795 2.477-8.393 3.348-13.795.87-5.402 1.306-11.205 1.306-17.41 0-6.786 2.611-13.092 7.835-18.918 5.223-5.826 12.075-9.364 20.558-10.614a6.67 6.67 0 0 1-.536-2.612c0-1.785.625-3.303 1.875-4.553S66.786.143 68.57.143c1.786 0 3.304.625 4.554 1.875C74.375 3.268 75 4.786 75 6.57a6.67 6.67 0 0 1-.536 2.612c5.536.804 10.424 2.645 14.665 5.525 4.242 2.88 7.545 6.395 9.911 10.546L127.031.946c.447-.357.971-.513 1.574-.468.603.044 1.082.29 1.44.736z" fill-rule="evenodd"/></svg>

data/app/assets/stylesheets/thredded/_thredded.scss

@@ -1,32 +1,31 @@
 @import "base";
 
-.thredded {
-  @import "utilities/is-compact";
-  @import "utilities/is-expanded";
+@import "utilities/is-compact";
+@import "utilities/is-expanded";
 
-  @import "layout/main-container";
-  @import "layout/main-navigation";
-  @import "layout/search-navigation";
-  @import "layout/user-navigation";
-  @import "layout/navigation";
-  @import "layout/moderation";
-  @import "layout/user";
+@import "layout/main-container";
+@import "layout/main-navigation";
+@import "layout/search-navigation";
+@import "layout/user-navigation";
+@import "layout/navigation";
+@import "layout/moderation";
+@import "layout/user";
 
-  @import "components/base";
-  @import "components/alerts";
-  @import "components/icons";
-  @import "components/currently-online";
-  @import "components/empty";
-  @import "components/flash-message";
-  @import "components/form-list";
-  @import "components/main-section";
-  @import "components/messageboard";
-  @import "components/pagination";
-  @import "components/post";
-  @import "components/post-form";
-  @import "components/preferences";
-  @import "components/select2";
-  @import "components/topic-delete";
-  @import "components/topic-header";
-  @import "components/topics";
-}
+@import "components/base";
+@import "components/alerts";
+@import "components/icons";
+@import "components/currently-online";
+@import "components/empty";
+@import "components/flash-message";
+@import "components/following";
+@import "components/form-list";
+@import "components/main-section";
+@import "components/messageboard";
+@import "components/pagination";
+@import "components/post";
+@import "components/post-form";
+@import "components/preferences";
+@import "components/select2";
+@import "components/topic-delete";
+@import "components/topic-header";
+@import "components/topics";

data/app/assets/stylesheets/thredded/components/_alerts.scss

@@ -1,19 +1,19 @@
-&--alert {
+.thredded--alert {
   @extend %thredded--alert;
 }
 
-&--alert-success {
+.thredded--alert-success {
   @extend %thredded--alert--success;
 }
 
-&--alert-danger {
+.thredded--alert-danger {
   @extend %thredded--alert--danger;
 }
 
-&--alert-info {
+.thredded--alert-info {
   @extend %thredded--alert--info;
 }
 
-&--alert-warning {
+.thredded--alert-warning {
   @extend %thredded--alert--warning;
 }

data/app/assets/stylesheets/thredded/components/_base.scss

@@ -1,21 +1,21 @@
 // Common classes for base placeholders.
 
-&--button, &--form--submit {
+.thredded--button, .thredded--form--submit {
   @extend %thredded--button;
 }
 
-&--form {
+.thredded--form {
   @extend %thredded--form;
 }
 
-&--link {
+.thredded--link {
   @extend %thredded--link;
 }
 
-&--blockquote {
+.thredded--blockquote {
   @extend %thredded--blockquote;
 }
 
-&--table {
+.thredded--table {
   @extend %thredded--table;
 }

data/app/assets/stylesheets/thredded/components/_currently-online.scss

@@ -1,4 +1,4 @@
-&--currently-online {
+.thredded--currently-online {
   background-color: $thredded-base-border-color;
   bottom: -1.25rem;
   padding: $thredded-base-spacing;

data/app/assets/stylesheets/thredded/components/_empty.scss

@@ -1,10 +1,10 @@
-&--empty {
+.thredded--empty {
   border: $thredded-base-border;
   padding: $thredded-base-spacing;
   text-align: center;
 }
 
-&--empty--title {
+.thredded--empty--title {
   @extend %thredded--heading;
   font-size: 1.5rem; // 24px
   margin-bottom: $thredded-base-spacing;

data/app/assets/stylesheets/thredded/components/_flash-message.scss

@@ -1,19 +1,19 @@
-&--flash-message {
+.thredded--flash-message {
   @extend %thredded--alert;
 }
 
-&--flash-message--success {
+.thredded--flash-message--success {
   @extend %thredded--alert--success;
 }
 
-&--flash-message--error {
+.thredded--flash-message--error {
   @extend %thredded--alert--danger;
 }
 
-&--flash-message--notice {
+.thredded--flash-message--notice {
   @extend %thredded--alert--info;
 }
 
-&--flash-message--alert {
+.thredded--flash-message--alert {
   @extend %thredded--alert--warning;
 }

data/app/assets/stylesheets/thredded/components/_following.scss

@@ -0,0 +1,17 @@
+// Used in both the topics list and the topic posts views.
+%thredded--following-icon {
+  fill: currentColor;
+  display: inline-block;
+  font-size: 1em;
+  width: 1.4rem;
+  height: 1.4rem;
+  position: absolute;
+  top: 0;
+  right: -1.6rem;
+  opacity: 0.4;
+}
+
+%thredded--not-following-icon {
+  @extend %thredded--following-icon;
+  opacity: 0.1;
+}

data/app/assets/stylesheets/thredded/components/_form-list.scss

@@ -1,4 +1,4 @@
-&--form-list {
+.thredded--form-list {
   @extend %thredded--list-unstyled;
 
   &.on-top {
@@ -15,7 +15,7 @@
   }
 }
 
-&--form-list--admin-options {
+.thredded--form-list--admin-options {
   label {
     cursor: pointer;
     display: inline-block;
@@ -24,7 +24,7 @@
   }
 }
 
-&--form-list--hint {
+.thredded--form-list--hint {
   @extend %thredded--paragraph;
   color: $thredded-secondary-text-color;
   font-size: $thredded-font-size-small;

data/app/assets/stylesheets/thredded/components/_icons.scss

@@ -1,3 +1,3 @@
-&--icon {
+.thredded--icon {
   @extend %thredded--icon;
 }

data/app/assets/stylesheets/thredded/components/_main-section.scss

@@ -1,3 +1,3 @@
-&--main-section {
+.thredded--main-section {
   margin-bottom: $thredded-large-spacing;
 }

data/app/assets/stylesheets/thredded/components/_messageboard.scss

@@ -1,4 +1,4 @@
-&--messageboard {
+.thredded--messageboard {
   @extend %thredded--link;
   border: $thredded-base-border;
   display: block;
@@ -15,7 +15,7 @@
   }
 }
 
-&--messageboard--title {
+.thredded--messageboard--title {
   @extend %thredded--heading;
   display: inline-block;
   float: left;
@@ -26,7 +26,7 @@
   vertical-align: baseline;
 }
 
-&--messageboard--meta {
+.thredded--messageboard--meta {
   @extend %thredded--heading;
   color: $thredded-secondary-text-color;
   display: inline-block;
@@ -35,14 +35,14 @@
   vertical-align: baseline;
 }
 
-&--messageboard--description {
+.thredded--messageboard--description {
   @extend %thredded--paragraph;
   clear: both;
   margin-bottom: $thredded-small-spacing / 2;
   color: $thredded-text-color;
 }
 
-&--messageboard--byline {
+.thredded--messageboard--byline {
   @extend %thredded--paragraph;
   color: $thredded-secondary-text-color;
   font-size: 0.875em;
@@ -50,6 +50,6 @@
   margin-bottom: 0;
 }
 
-&--messageboards--actions {
+.thredded--messageboards--actions {
   @extend %thredded--buttons-list;
 }

data/app/assets/stylesheets/thredded/components/_pagination.scss

@@ -1,4 +1,4 @@
-&--pagination {
+.thredded--pagination {
   border-top: $thredded-base-border;
   margin-top: $thredded-base-spacing;
   padding-top: $thredded-base-spacing;

data/app/assets/stylesheets/thredded/components/_post-form.scss

@@ -1,4 +1,4 @@
-&--post-form {
+.thredded--post-form {
   label {
     display: none;
   }

data/app/assets/stylesheets/thredded/components/_post.scss

@@ -1,4 +1,4 @@
-&--post {
+.thredded--post {
   position: relative;
   margin-bottom: $thredded-large-spacing;
   @include thredded-media-mobile {
@@ -6,7 +6,7 @@
   }
 }
 
-&--post--avatar {
+.thredded--post--avatar {
   border-radius: 50%;
   display: inline-block;
   height: 1.75rem; // 28px
@@ -25,16 +25,16 @@
   }
 }
 
-&--post--topic {
+.thredded--post--topic {
   @extend %thredded--heading;
   font-size: $thredded-base-font-size * 1.25; // 24px
   line-height: 1.2;
   margin-bottom: $thredded-small-spacing / 2;
 }
 
-&--post--user,
-&--post--topic,
-&--post--user-and-topic {
+.thredded--post--user,
+.thredded--post--topic,
+.thredded--post--user-and-topic {
   @extend %thredded--heading;
   display: inline;
   font-size: 1.125rem; // 18px
@@ -46,29 +46,30 @@
   }
 }
 
-&--post--user {
+.thredded--post--user {
   a {
     color: $thredded-text-color;
   }
 }
 
-&--post--created-at {
+.thredded--post--created-at {
   @extend %thredded--paragraph;
   font-size: $thredded-font-size-small;
   color: $thredded-secondary-text-color;
   display: inline-block;
 }
 
-&--post--edit, &--post--delete {
+.thredded--post--edit,
+.thredded--post--delete {
   font-size: $thredded-font-size-small;
   @extend %thredded--link;
 }
 
-&--post--delete {
+.thredded--post--delete {
   margin-left: 0.4rem;
 }
 
-&--post--content {
+.thredded--post--content {
   font-size: 1.063rem; // 17px
   line-height: 1.65;
   word-break: break-word;

data/app/assets/stylesheets/thredded/components/_preferences.scss

@@ -1,4 +1,4 @@
-&--preferences-header {
+.thredded--preferences-header {
   &--title {
     @extend %thredded--heading;
     font-size: 1.5rem; // 24px

data/app/assets/stylesheets/thredded/components/_select2.scss

@@ -1,4 +1,4 @@
-&--select2-container {
+.thredded--select2-container {
   width: 100%;
 
   > .select2-choices {
@@ -46,7 +46,7 @@
   }
 }
 
-&--select2-drop {
+.thredded--select2-drop {
   background: inherit;
   border-color: $thredded-form-border-focus-color;
   border-top: $thredded-base-border;
@@ -83,7 +83,7 @@
 }
 
 
-&--select2-user-result {
+.thredded--select2-user-result {
   &__avatar {
     width: 2rem;
     min-height: 2rem;
@@ -97,7 +97,7 @@
   }
 }
 
-&--select2-user-selection {
+.thredded--select2-user-selection {
   &__avatar {
     width: 1rem;
     min-height: 1rem;

data/app/assets/stylesheets/thredded/components/_topic-delete.scss

@@ -1,9 +1,5 @@
-&--topic-delete {
-
-  &--wrapper {
-    border-top: $thredded-base-border;
-    margin-top: $thredded-base-spacing;
-    padding-top: $thredded-large-spacing;
-  }
-
+.thredded--topic-delete--wrapper {
+  border-top: $thredded-base-border;
+  margin-top: $thredded-base-spacing;
+  padding-top: $thredded-large-spacing;
 }