inner_plan 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a9d0ba39c610bddad96347deadb301272052f07ce5cd2d698fa701530781bbb3
+  data.tar.gz: 61eb9a7f7156356365b6660e9d30edb4502a6b1f1c154149ff25d97303c691c4
+SHA512:
+  metadata.gz: 3d4427fb9f9569ca75b905d85c0261f1b3d545bb360b65b943b50adebbca3dee016ff4bcb9e75b9db7f1e630e0ffeb3574d574364370ced8721a3435f884647d
+  data.tar.gz: 529f948ed886946c239897df32c10e555f2544821cdd50416f0dd341aa2f358bd84eb4a716a268bcee934b980de3d07b37dcce55bf3a8f8b6dfbfc745bf3fe30

data/README.md

@@ -0,0 +1,28 @@
+# InnerPlan
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem "inner_plan"
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install inner_plan
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,8 @@
+require "bundler/setup"
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load "rails/tasks/engine.rake"
+
+load "rails/tasks/statistics.rake"
+
+require "bundler/gem_tasks"

data/app/assets/config/inner_plan_manifest.js

@@ -0,0 +1,6 @@
+//= link_directory ../stylesheets/inner_plan .css
+//= link inner_plan/application.js
+//= link inner_plan/controllers/lists_controller.js
+//= link inner_plan/controllers/groups_controller.js
+//= link inner_plan/controllers/tasks_controller.js
+//= link inner_plan/controllers/task_inline_form_controller.js

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

@@ -0,0 +1,24 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+
+.ms-tasks-element {
+  margin-left: 1.9rem;
+}
+
+.cm { cursor: move; }
+
+.hw-combobox { max-width: 100%; }
+.hw-combobox__main__wrapper { max-width: 100%; }

data/app/components/application_view.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class ApplicationView < Phlex::HTML
+end

data/app/components/inner_plan/breadcrumbs_component.rb

@@ -0,0 +1,26 @@
+module InnerPlan
+  class BreadcrumbsComponent < Phlex::HTML
+    include Phlex::DeferredRender
+    include Phlex::Rails::Helpers::LinkTo
+
+    def initialize
+      @breadcrumbs = []
+    end
+
+    def template
+      nav(class: 'mb-1', style: "--bs-breadcrumb-divider: '›';") {
+        ol(class: "breadcrumb mb-0") {
+          @breadcrumbs.each do |breadcrumb|
+            li(class: 'breadcrumb-item text-body-tertiary') {
+              breadcrumb[:content].call
+            }
+          end
+        }
+      }
+    end
+
+    def with_breadcrumb(active: false, &content)
+      @breadcrumbs << { active: active, content: content }
+    end
+  end
+end

data/app/components/inner_plan/groups/edit_view.rb

@@ -0,0 +1,72 @@
+module InnerPlan::Groups
+  class EditView < ApplicationView
+    include Phlex::Rails::Helpers::DOMID
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::Routes
+    include Phlex::Rails::Helpers::ContentTag
+    include Phlex::Rails::Helpers::FormWith
+
+    def initialize(group:)
+      @group = group
+    end
+
+    def template
+      content_tag(:turbo_frame, id: (dom_id(@group, :header))) do
+        form_with model: @group, url: helpers.group_path(@group) do |f|
+          header(class: "mb-3") do
+            render(InnerPlan::BreadcrumbsComponent.new) do |c|
+              c.with_breadcrumb do
+                link_to "Home",
+                        helpers.root_path,
+                        class: "text-reset",
+                        data: {
+                          turbo_frame: :_top
+                        }
+              end
+              c.with_breadcrumb do
+                link_to @group.list.title,
+                        @group.list,
+                        class: "text-reset",
+                        data: {
+                          turbo_frame: :_top
+                        }
+              end
+              c.with_breadcrumb do
+                link_to @group.title,
+                        helpers.group_path(@group),
+                        class: "text-reset",
+                        data: {
+                          turbo_frame: :_top
+                        }
+              end
+              c.with_breadcrumb(active: true) { plain " Edit sub " }
+            end
+            div(class: "row") do
+              div(class: "col-6") do
+                h1(class: "h2") do
+                  plain f.text_field :title,
+                                      class: "form-control form-control-lg mt-2"
+                end
+              end
+            end
+            render(
+              InnerPlan::ProgressBarSeparatorComponent.new(
+                completed: @group.tasks.completed.count,
+                total: @group.tasks.count
+              )
+            )
+          end
+          div(class: "mb-2") do
+            plain f.text_area :description,
+                              class: 'form-control',
+                              placeholder: "Add extra details or attach a file..."
+          end
+          div(class: "mb-5") do
+            plain f.submit "Save changes", class: "btn btn-success btn-sm me-2"
+            link_to "Cancel", @list, class: "btn btn-outline-secondary btn-sm"
+          end
+        end
+        end
+    end
+  end
+end

data/app/components/inner_plan/groups/new_view.rb

@@ -0,0 +1,66 @@
+module InnerPlan::Groups
+  class NewView < ApplicationView
+    include Phlex::Rails::Helpers::DOMID
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::Routes
+    include Phlex::Rails::Helpers::ContentTag
+    include Phlex::Rails::Helpers::FormWith
+
+    def initialize(group:)
+      @group = group
+      @list = group.list
+    end
+
+    def template
+      form_with model: @group, url: helpers.list_groups_path(@list) do |f|
+        header(class: "mb-3") do
+          render(InnerPlan::BreadcrumbsComponent.new) do |c|
+            c.with_breadcrumb do
+              link_to "Home",
+                      helpers.root_path,
+                      class: "text-reset",
+                      data: {
+                        turbo_frame: :_top
+                      }
+            end
+            c.with_breadcrumb do
+              link_to @group.list.title,
+                      @group.list,
+                      class: "text-reset",
+                      data: {
+                        turbo_frame: :_top
+                      }
+            end
+            c.with_breadcrumb(active: true) { plain " New group " }
+          end
+          div(class: "row") do
+            div(class: "col-6") do
+              h1(class: "h2") do
+                plain f.text_field :title,
+                                  placeholder: "Name this group...",
+                                  class: "form-control form-control-lg mt-2"
+              end
+            end
+          end
+          render(
+            InnerPlan::ProgressBarSeparatorComponent.new(
+              completed: @group.tasks.completed.count,
+              total: @group.tasks.count
+            )
+          )
+        end
+
+        div(class: "mb-2") do
+          plain f.text_area :description,
+                            class: 'form-control',
+                            placeholder: "Add extra details or attach a file..."
+        end
+
+        div(class: "mb-5") do
+          plain f.submit "Save changes", class: "btn btn-success btn-sm"
+          link_to "Cancel", @list, class: "btn btn-outline-secondary btn-sm"
+        end
+      end
+    end
+  end
+end

data/app/components/inner_plan/groups/row/handle_component.rb

@@ -0,0 +1,30 @@
+module InnerPlan::Groups::Row
+  class HandleComponent < Phlex::HTML
+    include Phlex::Rails::Helpers::LinkTo
+
+    def initialize(list)
+      @list = list
+    end
+
+    def template
+      div(class: "dropstart me-2", style: "margin-top:-0.15rem") {
+        a(class: "align-top text-body-tertiary group-handle cm", data: { bs_toggle: :dropdown }) {
+          render(Phlex::Icons::Tabler::GripVertical.new(width: 20, height: 20))
+        }
+
+        ul(class: 'dropdown-menu') {
+          li {
+            link_to(helpers.edit_group_path(list), class: "dropdown-item d-flex gap-2 align-items-center") {
+              render(Phlex::Icons::Tabler::Pencil.new(width: 18, height: 18, class: 'text-secondary'))
+              span { 'Edit group' }
+            }
+          }
+        }
+      }
+    end
+
+    private
+
+    attr_reader :list
+  end
+end

data/app/components/inner_plan/groups/row_component.rb

@@ -0,0 +1,31 @@
+module InnerPlan::Groups
+  class RowComponent < Phlex::HTML
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::DOMID
+
+    def initialize(list, context: nil)
+      @list = list
+      @context = context
+    end
+
+    def template
+      div(data: { update_url: helpers.update_position_group_path(list), id: list.id }) {
+        div(class: 'd-flex w-100 mb-1', style: 'line-height: 1.7rem') {
+          render(InnerPlan::Groups::Row::HandleComponent.new(list))
+
+          div(class: "ms-1 w-100") {
+            strong {
+              link_to(list.title, helpers.group_path(list), class: 'text-reset text-decoration-none')
+            }
+          }
+        }
+
+        render(InnerPlan::Lists::OngoingTasksComponent.new(list, context: context))
+      }
+    end
+
+    private
+
+    attr_reader :list, :context
+  end
+end

data/app/components/inner_plan/groups/rows_component.rb

@@ -0,0 +1,17 @@
+module InnerPlan::Groups
+  class RowsComponent < Phlex::HTML
+    def initialize(groups, list:, context: nil)
+      @groups = groups
+      @list = list
+      @context = context
+    end
+
+    def template
+      div(data: { controller: :groups, tasks_list_id_value: @list.id }) {
+        @groups.each do |group|
+          render(InnerPlan::Groups::RowComponent.new(group, context: @context))
+        end
+      }
+    end
+  end
+end

data/app/components/inner_plan/groups/show_menu_component.rb

@@ -0,0 +1,30 @@
+module InnerPlan::Groups
+  class ShowMenuComponent < Phlex::HTML
+    include Phlex::Rails::Helpers::LinkTo
+
+    def initialize(group)
+      @group = group
+    end
+
+    def template
+      div(class: "dropdown") {
+        button(class: "btn btn-link text-reset p-0 opacity-50", data_bs_toggle: "dropdown") {
+          render(Phlex::Icons::Tabler::DotsCircleHorizontal.new(width: 35, height: 35))
+        }
+
+        ul(class: "dropdown-menu dropdown-menu-end") {
+          li {
+            link_to(helpers.edit_group_path(@group), class: 'dropdown-item d-flex align-items-center gap-2', data: { turbo_frame: :_top }) {
+              render(Phlex::Icons::Tabler::Pencil.new(width: 18, height: 18, class: 'text-secondary'))
+              span { "Edit group" }
+            }
+          }
+        }
+      }
+    end
+
+    private
+
+    attr_reader :task
+  end
+end

data/app/components/inner_plan/groups/show_view.rb

@@ -0,0 +1,77 @@
+module InnerPlan::Groups
+  class ShowView < ApplicationView
+    include Phlex::Rails::Helpers::DOMID
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::Routes
+    include Phlex::Rails::Helpers::ContentTag
+
+    def initialize(group:)
+      @group = group
+    end
+
+    def template
+      content_tag(:turbo_frame, id: dom_id(@group, :header)) do
+        header do
+          render(InnerPlan::BreadcrumbsComponent.new) do |c|
+            c.with_breadcrumb do
+              link_to "Home",
+                      helpers.root_path,
+                      class: "text-reset",
+                      data: {
+                        turbo_frame: :_top
+                      }
+            end
+            c.with_breadcrumb(active: true) do
+              link_to @group.list.title,
+                      @group.list,
+                      class: "text-reset",
+                      data: {
+                        turbo_frame: :_top
+                      }
+            end
+          end
+          div(class: "row") do
+            div(class: "col-10") do
+              h1(class: "h2") do
+                link_to @group.title,
+                        helpers.edit_group_path(@group),
+                        class: "text-reset text-decoration-none me-2"
+                small(class: "fs-6 text-body-tertiary") do
+                  plain @group.tasks.completed.count
+                  plain "/"
+                  plain @group.tasks.count
+                end
+              end
+            end
+            div(class: "col-2 text-end") do
+              render(InnerPlan::Groups::ShowMenuComponent.new(@group))
+            end
+          end
+          render(
+            InnerPlan::ProgressBarSeparatorComponent.new(
+              completed: @group.tasks.completed.count,
+              total: @group.tasks.count
+            )
+          )
+        end
+        div(class: "mb-4 mt-3") { @group.description }
+      end
+
+      render(
+        InnerPlan::Lists::OngoingTasksComponent.new(@group, context: :groups_show)
+      )
+
+      content_tag(:div, class: "mt-2 mb-4", id: dom_id(@group, :add_task)) do
+        render InnerPlan::Tasks::InlineFormView.new(list: @group)
+      end
+
+      render(
+        InnerPlan::Lists::CompletedTasksComponent.new(
+          @group,
+          context: :groups_show,
+          limit: 0
+        )
+      )
+    end
+  end
+end

data/app/components/inner_plan/lists/completed_tasks_component.rb

@@ -0,0 +1,30 @@
+module InnerPlan::Lists
+  class CompletedTasksComponent < Phlex::HTML
+    def initialize(list, limit: 3, context: nil)
+      @list = list
+      @limit = limit
+      @context = context
+    end
+
+    def template
+      truncate = @limit.positive?
+      scope = @list.root? ? @list.tasks_including_groups : @list.tasks
+      scope = scope.completed
+      scope = truncate ? scope.limit(@limit) : scope
+
+      render InnerPlan::Tasks::RowsComponent.new(scope, list: @list, context: context, id_key: :completed_tasks) do
+        if truncate
+          completed_tasks_count = @list.tasks.completed.count
+
+          if (completed_tasks_count - @limit).positive?
+            div(class: "mt-2 ms-tasks-element") {
+              a(href: helpers.list_path(@list, anchor: :completed), class: "text-body-tertiary") {
+                plain "And #{completed_tasks_count - @limit} more completed to-dos..."
+              }
+            }
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/inner_plan/lists/edit_view.rb

@@ -0,0 +1,62 @@
+module InnerPlan::Lists
+  class EditView < ApplicationView
+    include Phlex::Rails::Helpers::DOMID
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::Routes
+    include Phlex::Rails::Helpers::ContentTag
+    include Phlex::Rails::Helpers::FormWith
+
+    def initialize(list:)
+      @list = list
+    end
+
+    def template
+      content_tag(:turbo_frame, id: dom_id(@list, :header)) do
+        form_with model: @list do |f|
+          header(class: "mb-3") do
+            nav(aria_label: "breadcrumb", style: "--bs-breadcrumb-divider: '›';") do
+              ol(class: "breadcrumb mb-0") do
+                li(class: "breadcrumb-item text-body-tertiary") do
+                  a(href: helpers.root_path, class: "text-reset", data_turbo_frame: "_top") do
+                    "Home"
+                  end
+                end
+                li(
+                  class: "breadcrumb-item text-body-tertiary",
+                  aria_current: "page"
+                ) { link_to "List ##{@list.id}", @list, class: "text-reset" }
+                li(
+                  class: "breadcrumb-item active text-body-tertiary",
+                  aria_current: "page"
+                ) { "Edit" }
+              end
+            end
+            div(class: "row") do
+              div(class: "col-6") do
+                h1(class: "h2") do
+                  plain f.text_field :title,
+                                    class: "form-control form-control-lg mt-2"
+                end
+              end
+            end
+            render(
+              InnerPlan::ProgressBarSeparatorComponent.new(
+                completed: @list.tasks.completed.count,
+                total: @list.tasks.count
+              )
+            )
+          end
+          div(class: "mb-2") do
+            plain f.text_area :description,
+                              class: 'form-control',
+                              placeholder: "Add extra details or attach a file..."
+          end
+          div(class: "mb-5") do
+            plain f.submit "Save changes", class: "btn btn-success btn-sm"
+            link_to "Cancel", @list, class: "btn btn-outline-secondary btn-sm"
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/inner_plan/lists/index_view.rb

@@ -0,0 +1,57 @@
+module InnerPlan::Lists
+  class IndexView < ApplicationView
+    include Phlex::Rails::Helpers::DOMID
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::Routes
+
+    def initialize(lists:)
+      @lists = lists
+    end
+
+    def template
+      header(class: %(mb-4)) {
+        div(class: %(row)) {
+          div(class: %(col-6)) {
+            h1(class: %(h2)) {
+              plain %(Tasks)
+              small(class: %(fs-6 text-body-tertiary ms-2)) {
+                plain InnerPlan::Task.completed.count
+                plain %(/)
+                plain InnerPlan::Task.all.count
+              }
+            }
+          }
+          div(class: %(col-6 text-end)) {
+            link_to('+ New list', helpers.new_list_path,
+                                  class: 'btn btn-success',
+                                  data: { turbo_frame: dom_id(InnerPlan::List.new, :form) })
+          }
+        }
+
+        render(
+          InnerPlan::ProgressBarSeparatorComponent.new(
+            completed: InnerPlan::Task.completed.count,
+            total: InnerPlan::Task.all.count
+          )
+        )
+      }
+
+      if @lists.none?
+        div(class: %(text-center mt-5 pt-5)) {
+          render(partial: 'inner_plan/shared/blankslate', formats: [:svg])
+
+          h3(class: %(mt-5)) { %(Nothing here) }
+          p(class: %(text-secondary)) {
+            plain %( Looks like there are no tasks here yet. )
+          }
+        }
+      end
+
+      div(data_controller: %(lists)) {
+        @lists.each do |list|
+          render(InnerPlan::Lists::RowComponent.new(list, context: :lists_index))
+        end
+      }
+    end
+  end
+end

data/app/components/inner_plan/lists/new_view.rb

@@ -0,0 +1,49 @@
+module InnerPlan::Lists
+  class NewView < ApplicationView
+    include Phlex::Rails::Helpers::DOMID
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::Routes
+    include Phlex::Rails::Helpers::ContentTag
+    include Phlex::Rails::Helpers::FormWith
+
+    def initialize(list:)
+      @list = list
+    end
+
+    def template
+      header(class: "mb-3") do
+        render(InnerPlan::BreadcrumbsComponent.new) do |c|
+          c.with_breadcrumb do
+            link_to "Home",
+                    helpers.root_path,
+                    class: "text-reset",
+                    data: {
+                      turbo_frame: :_top
+                    }
+          end
+        end
+        div(class: "row") { div(class: "col-6") { h1(class: "h2") { "New list" } } }
+        render(InnerPlan::ProgressBarSeparatorComponent.new)
+      end
+
+      form_with model: @list do |f|
+        plain f.object.errors.full_messages.to_sentence
+        div(class: "mb-3") do
+          plain f.text_field :title,
+                            class: "form-control form-control-lg",
+                            placeholder: "Name this list...",
+                            autofocus: true
+        end
+
+        div(class: "mb-3") do
+          plain f.text_area :description,
+                            class: 'form-control',
+                            placeholder: "Add extra details or attach a file..."
+        end
+
+        plain f.submit "Create list", class: "btn btn-success btn-sm me-2"
+        link_to "Cancel", helpers.lists_path, class: "btn btn-outline-secondary btn-sm"
+      end
+    end
+  end
+end

data/app/components/inner_plan/lists/ongoing_tasks_component.rb

@@ -0,0 +1,17 @@
+module InnerPlan::Lists
+  class OngoingTasksComponent < Phlex::HTML
+    def initialize(list, context: nil)
+      @list = list
+      @context = context
+    end
+
+    def template
+      tasks = @list.tasks.ongoing.ordered_by_position
+      render(
+        InnerPlan::Tasks::RowsComponent.new(tasks, list: @list,
+                                                   context: @context,
+                                                   id_key: :ongoing_tasks)
+      )
+    end
+  end
+end