collavre_plan 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f1f4d20acde286797f3e083741480a5c654a0c93f9a674c09cedfc5bc7865f55
-  data.tar.gz: 81034f4bd8a3e0c6b36bd8d59786fbae8f5f0e141fcf34c29d88fce8feadf199
+  metadata.gz: e99d6a30bd4978b465c1bb84e5733c85884f40c9e824178a0157bfa31779c81b
+  data.tar.gz: 0c118b9a2083ecbd3edb475c8a1bfa255c7df380579cf91848c16f15b338b4ac
 SHA512:
-  metadata.gz: 6a366c4ef91d21b2caba0215f42ac7a1489b9b5ed251039da6baf12858b7f0de7e0cca533a3783d7d21f3839aa642811dc86e62a75522333f882a3bd1d30652f
-  data.tar.gz: e75dd6df51d244be43629f6ac461493810c71d61e6b4db42d8261d1dd574c71deb1b50b328cfc8ce5015c4ac2a10c0d7e55dde085f880d6a29cfb37e9ab1c9af
+  metadata.gz: 2549c3dac73f60dcf4ede3c9dc605e9ed20153b72195e8f41721eae74850d5d2b3d1ece7d28baf8ffeca69f99f744c5ae5ec4561a9250c2fbc0e47fad34a188f
+  data.tar.gz: 81560db00fbd1ccfa4b31f2be018a970fbbab935f9c36b06e8b2308fef24792913284fc61030ab4b0b3516607af463811bbd1d5112b27879d6e8aa83245f4ced

data/app/assets/stylesheets/collavre_plan/timeline.css

@@ -0,0 +1,183 @@
+/*
+ * Plans timeline panel styles.
+ *
+ * Owned by the collavre_plan engine (not the host application.css) so the
+ * engine ships its own CSS. Loaded via stylesheet_link_tag in the engine's
+ * navigation panel partial. Design tokens (--color-*, --surface-*, --ease-*)
+ * are provided globally by collavre/design_tokens.css.
+ */
+
+#plans-list-area {
+    max-width: var(--max-width);
+    width: min(100%, var(--max-width));
+    margin: 0.5em auto;
+    box-sizing: border-box;
+}
+
+#plans-list-area hr {
+    border: 0;
+    border-top: 1px solid var(--color-border);
+}
+
+.horizontal-timeline {
+    overflow-x: auto;
+    position: relative;
+    padding-bottom: 1em;
+    width: 100%;
+}
+
+.plans-timeline-wrapper {
+    position: relative;
+    width: 100%;
+}
+
+.plans-timeline-wrapper #timeline-today-btn {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 1;
+}
+
+.horizontal-timeline .timeline-scroll {
+    position: relative;
+    white-space: nowrap;
+    height: 120px;
+}
+
+.horizontal-timeline .timeline-day {
+    display: inline-block;
+    width: 80px;
+    box-sizing: border-box;
+    border-right: 1px solid var(--color-border);
+    text-align: center;
+    font-size: 0.8em;
+}
+
+.plan-form-container {
+    padding: 0.5em;
+    display: flex;
+    justify-content: flex-end;
+}
+
+.plan-form-container form {
+    display: flex;
+    flex-direction: column;
+    gap: var(--paragraph-space-1);
+    max-width: min(28rem, 100%);
+}
+
+.plan-bar {
+    position: absolute;
+    height: 20px;
+    background: var(--color-border);
+    border-radius: var(--radius-2);
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.plan-bar .plan-progress {
+    background: var(--color-complete);
+    height: 100%;
+}
+
+.plan-bar .plan-label {
+    position: absolute;
+    left: 2px;
+    top: 2px;
+    font-size: 0.75em;
+    color: var(--color-text);
+}
+
+.plan-bar .delete-plan-btn {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    border: none;
+    background: none;
+    font-weight: bold;
+    cursor: pointer;
+    color: var(--color-bg);
+}
+
+/* Registration markers: creatives drawn at their created_at (single day). */
+.plan-bar--registration {
+    background: var(--color-link);
+    opacity: 0.85;
+    min-width: 6px;
+}
+
+.plan-bar--registration .plan-progress {
+    background: transparent;
+}
+
+/* Modification markers: creatives drawn at their updated_at (single day).
+   Amber to read as distinct from the blue registration markers. */
+.plan-bar--modification {
+    background: var(--color-warning);
+    opacity: 0.85;
+    min-width: 6px;
+}
+
+.plan-bar--modification .plan-progress {
+    background: transparent;
+}
+
+/* Timeline chip filters (Registered, ...) — default-off toggles. */
+.timeline-controls {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    margin-bottom: 0.25em;
+}
+
+.timeline-chips {
+    display: flex;
+    gap: 0.25em;
+}
+
+.timeline-chip {
+    /* Inactive chips sit on a neutral surface (not transparent) so the off-state
+       still reads as a toggle against the timeline background, without looking
+       active. */
+    border: 1px solid var(--color-border);
+    background: var(--surface-secondary);
+    color: var(--color-text);
+    border-radius: var(--radius-round);
+    padding: 0.1em 0.7em;
+    font-size: 0.75em;
+    line-height: 1.6;
+    cursor: pointer;
+    transition: background-color 0.15s var(--ease-2), color 0.15s var(--ease-2), border-color 0.15s var(--ease-2);
+}
+
+.timeline-chip:hover {
+    background: var(--surface-hover);
+    color: var(--color-text);
+}
+
+.timeline-chip:focus-visible {
+    outline: 2px solid var(--color-link);
+    outline-offset: 1px;
+}
+
+.timeline-chip--active {
+    background: var(--color-link);
+    border-color: var(--color-link);
+    color: var(--color-bg);
+}
+
+/* Keep the active chip filled on hover — don't fall back to the inactive surface. */
+.timeline-chip--active:hover {
+    background: var(--color-link);
+    color: var(--color-bg);
+}
+
+/* The Modified chip's active fill matches its amber timeline markers
+   (.plan-bar--modification) so the filter color maps to the dots it controls.
+   --text-on-badge is the codebase convention for text over --color-warning. */
+#chip-modifications.timeline-chip--active,
+#chip-modifications.timeline-chip--active:hover {
+    background: var(--color-warning);
+    border-color: var(--color-warning);
+    color: var(--text-on-badge);
+}

data/app/components/collavre/plans_timeline_component.html.erb

@@ -1,6 +1,12 @@
 <div class="plans-timeline-wrapper">
-  <button id="timeline-today-btn" class="btn btn-xs" type="button"><%= t('collavre.plans.today', default: '오늘') %></button>
-  <div id="plans-timeline" class="horizontal-timeline" data-plans='<%= raw plan_data.to_json %>' data-start-date="<%= @start_date %>" data-end-date="<%= @end_date %>" data-delete-confirm="<%= t('collavre.plans.delete_confirm', default: 'Are you sure?') %>"></div>
+  <div class="timeline-controls">
+    <button id="timeline-today-btn" class="btn btn-xs" type="button"><%= t('collavre.plans.today', default: '오늘') %></button>
+    <div class="timeline-chips">
+      <button type="button" id="chip-registrations" class="timeline-chip<%= ' timeline-chip--active' if show_registrations %>" data-chip="registrations" aria-pressed="<%= show_registrations %>"><%= t('collavre.plans.chip_registrations', default: 'Registered') %></button>
+      <button type="button" id="chip-modifications" class="timeline-chip<%= ' timeline-chip--active' if show_modifications %>" data-chip="modifications" aria-pressed="<%= show_modifications %>"><%= t('collavre.plans.chip_modifications', default: 'Modified') %></button>
+    </div>
+  </div>
+  <div id="plans-timeline" class="horizontal-timeline" data-plans='<%= raw plan_data.to_json %>' data-start-date="<%= @start_date %>" data-end-date="<%= @end_date %>" data-registrations="<%= show_registrations %>" data-modifications="<%= show_modifications %>" data-delete-confirm="<%= t('collavre.plans.delete_confirm', default: 'Are you sure?') %>"></div>
 </div>
 <hr>
 <div class="plan-form-container">

data/app/components/collavre/plans_timeline_component.rb

@@ -1,18 +1,25 @@
 module Collavre
 class PlansTimelineComponent < ViewComponent::Base
-  # Accepts pre-filtered plans and calendar_events from the controller
-  def initialize(plans:, calendar_events: Collavre::CalendarEvent.none)
+  # Accepts pre-filtered plans, calendar_events, registrations and modifications from the controller
+  def initialize(plans:, calendar_events: Collavre::CalendarEvent.none, registrations: [], show_registrations: false, modifications: [], show_modifications: false)
     @start_date = Date.current - 30
     @end_date = Date.current + 30
     @plans = plans
     @calendar_events = calendar_events
+    @registrations = registrations
+    @show_registrations = show_registrations
+    @modifications = modifications
+    @show_modifications = show_modifications
   end
 
-  attr_reader :plans, :calendar_events, :start_date, :end_date
+  attr_reader :plans, :calendar_events, :registrations, :start_date, :end_date, :show_registrations, :modifications, :show_modifications
 
   # Called after component enters render context - safe to use helpers here
   def plan_data
-    @plan_data ||= @plans.map { |plan| plan_item(plan) } + @calendar_events.map { |event| calendar_item(event) }
+    @plan_data ||= @plans.map { |plan| plan_item(plan) } +
+                   @calendar_events.map { |event| calendar_item(event) } +
+                   @registrations.map { |creative| registration_item(creative) } +
+                   @modifications.map { |creative| modification_item(creative) }
   end
 
   private
@@ -42,6 +49,32 @@ class PlansTimelineComponent < ViewComponent::Base
     }
   end
 
+  def registration_item(creative)
+    {
+      id: "registration_#{creative.id}",
+      type: "registration",
+      name: (creative.effective_description(nil, false).presence || I18n.t("collavre.plans.registration_fallback", id: creative.id)),
+      created_at: creative.created_at.to_date,
+      target_date: creative.created_at.to_date,
+      progress: creative.progress,
+      path: helpers.collavre.creative_path(creative),
+      deletable: false
+    }
+  end
+
+  def modification_item(creative)
+    {
+      id: "modification_#{creative.id}",
+      type: "modification",
+      name: (creative.effective_description(nil, false).presence || I18n.t("collavre.plans.modification_fallback", id: creative.id)),
+      created_at: creative.updated_at.to_date,
+      target_date: creative.updated_at.to_date,
+      progress: creative.progress,
+      path: helpers.collavre.creative_path(creative),
+      deletable: false
+    }
+  end
+
   def plan_creatives_path(plan)
     if helpers.params[:id].present?
       helpers.collavre.creative_path(helpers.params[:id], tags: [ plan.id ])

data/app/controllers/collavre_plan/plans_controller.rb

@@ -1,5 +1,11 @@
 module CollavrePlan
   class PlansController < ApplicationController
+    # Cap how many registration/modification markers we draw so a busy window
+    # never floods the timeline (or the JSON payload). Most recent within the
+    # window win.
+    REGISTRATION_LIMIT = 300
+    MODIFICATION_LIMIT = 300
+
     def index
       center = if params[:date].present?
                   Date.parse(params[:date]) rescue Date.current
@@ -20,14 +26,24 @@ module CollavrePlan
       shared_events = events_in_scope.reject { |event| event.user_id == Current.user.id }
                                      .select { |event| event.creative&.has_permission?(Current.user, :write) }
       @calendar_events = (own_events + shared_events).uniq.sort_by(&:start_time)
+
+      # "Registered"/"Modified" chips are default-off, so their creatives are
+      # only gathered when the client explicitly asks (lazy, zero cost normally).
+      @show_registrations = ActiveModel::Type::Boolean.new.cast(params[:registrations]) == true
+      @registrations = @show_registrations ? registration_creatives(start_date, end_date) : []
+      @show_modifications = ActiveModel::Type::Boolean.new.cast(params[:modifications]) == true
+      @modifications = @show_modifications ? modification_creatives(start_date, end_date) : []
+
       respond_to do |format|
         format.html do
-          render html: render_to_string(Collavre::PlansTimelineComponent.new(plans: @plans, calendar_events: @calendar_events), layout: false)
+          render html: render_to_string(Collavre::PlansTimelineComponent.new(plans: @plans, calendar_events: @calendar_events, registrations: @registrations, show_registrations: @show_registrations, modifications: @modifications, show_modifications: @show_modifications), layout: false)
         end
         format.json do
           plan_jsons = @plans.map { |p| plan_json(p) }
           event_jsons = @calendar_events.map { |e| calendar_json(e) }
-          render json: plan_jsons + event_jsons
+          registration_jsons = @registrations.map { |c| registration_json(c) }
+          modification_jsons = @modifications.map { |c| modification_json(c) }
+          render json: plan_jsons + event_jsons + registration_jsons + modification_jsons
         end
       end
     end
@@ -58,8 +74,8 @@ module CollavrePlan
     end
 
     def destroy
-      @plan = Collavre::Plan.find(params[:id])
-      return render_forbidden unless plan_editable_by_current_user?
+      @plan = Collavre::Plan.find_by(id: params[:id])
+      raise ActiveRecord::RecordNotFound unless @plan && plan_editable_by_current_user?
 
       @plan.destroy
       respond_to do |format|
@@ -72,8 +88,8 @@ module CollavrePlan
     end
 
     def update
-      @plan = Collavre::Plan.find(params[:id])
-      return render_forbidden unless plan_editable_by_current_user?
+      @plan = Collavre::Plan.find_by(id: params[:id])
+      raise ActiveRecord::RecordNotFound unless @plan && plan_editable_by_current_user?
 
       if @plan.update(plan_update_params)
         respond_to do |format|
@@ -119,16 +135,85 @@ module CollavrePlan
       tagged_creative.has_permission?(Current.user, :write)
     end
 
-    def render_forbidden
-      respond_to do |format|
-        format.html do
-          redirect_back fallback_location: main_app.root_path,
-                        alert: t("collavre.plans.update_forbidden", default: "You do not have permission to update this plan.")
-        end
-        format.json do
-          render json: { error: "forbidden" }, status: :forbidden
-        end
-      end
+    # Registered creatives owned by the current user, drawn at their created_at.
+    # Owner-scoped (cheap, indexed) and capped — readable-but-shared creatives are
+    # intentionally a follow-up to avoid a per-creative permission fan-out here.
+    def registration_creatives(start_date, end_date)
+      # Range-compare in the user's zone (set_time_zone wraps the request in
+      # Time.use_zone) so day-edge creatives match the local created_at.to_date
+      # we render the marker at; also stays sargable (no DATE() cast on the column).
+      Collavre::Creative.active
+                        .where(user_id: Current.user.id)
+                        .where(created_at: start_date.beginning_of_day..end_date.end_of_day)
+                        .where.not(id: plan_anchor_creative_ids)
+                        .order(created_at: :desc)
+                        .limit(REGISTRATION_LIMIT)
+                        .to_a
+    end
+
+    # Plan#start_date= overwrites the anchor creative's created_at (via
+    # update_column), repurposing it as the plan start date — so these creatives
+    # already render as plan bars at that date and their created_at is not a true
+    # registration. Exclude them from the Registered chip to avoid a duplicate,
+    # mislabeled marker. (The Modified chip handles anchors via the immutable
+    # plan-label created_at instead; see modification_creatives.)
+    def plan_anchor_creative_ids
+      Collavre::Plan.where.not(creative_id: nil).select(:creative_id)
+    end
+
+    def registration_json(creative)
+      {
+        id: "registration_#{creative.id}",
+        type: "registration",
+        name: (creative.effective_description(nil, false).presence || I18n.t("collavre.plans.registration_fallback", id: creative.id)),
+        created_at: creative.created_at.to_date,
+        target_date: creative.created_at.to_date,
+        progress: creative.progress,
+        path: Collavre::Engine.routes.url_helpers.creative_path(creative),
+        deletable: false
+      }
+    end
+
+    # Modified creatives owned by the current user, drawn at their updated_at.
+    # We only include creatives genuinely edited after they came into being, so
+    # the "Modified" chip stays distinct from "Registered" rather than duplicating
+    # it. Owner-scoped and capped, mirroring registration_creatives.
+    #
+    # Plan#start_date= rewrites an anchor creative's created_at to the chosen plan
+    # start date (via update_column, leaving updated_at untouched), so for anchors
+    # created_at is the plan start, not a creation time, and updated_at > created_at
+    # can't signal a real edit (it's true for almost every anchor). The plan
+    # label's own created_at is immutable, so we measure "edited since setup"
+    # against the earliest plan's created_at for anchors; COALESCE falls back to
+    # created_at for ordinary creatives. This surfaces genuine post-setup edits to
+    # planned creatives while still suppressing the setup-only false positive.
+    def modification_creatives(start_date, end_date)
+      Collavre::Creative.active
+                        .where(user_id: Current.user.id)
+                        .where(updated_at: start_date.beginning_of_day..end_date.end_of_day)
+                        .where(
+                          "creatives.updated_at > COALESCE(" \
+                          "(SELECT MIN(plan_labels.created_at) FROM labels plan_labels " \
+                          "WHERE plan_labels.creative_id = creatives.id " \
+                          "AND plan_labels.type = ?), creatives.created_at)",
+                          Collavre::Plan.sti_name
+                        )
+                        .order(updated_at: :desc)
+                        .limit(MODIFICATION_LIMIT)
+                        .to_a
+    end
+
+    def modification_json(creative)
+      {
+        id: "modification_#{creative.id}",
+        type: "modification",
+        name: (creative.effective_description(nil, false).presence || I18n.t("collavre.plans.modification_fallback", id: creative.id)),
+        created_at: creative.updated_at.to_date,
+        target_date: creative.updated_at.to_date,
+        progress: creative.progress,
+        path: Collavre::Engine.routes.url_helpers.creative_path(creative),
+        deletable: false
+      }
     end
 
     def plan_json(plan, creative_id: nil)

data/app/javascript/controllers/creatives/set_plan_modal_controller.js

@@ -1,4 +1,5 @@
 import { Controller } from '@hotwired/stimulus'
+import { alertDialog } from 'collavre/lib/utils/dialog'
 
 // Self-contained controller: attaches to the modal wrapper element
 // and listens for 'plan:open-modal' on document for cross-element communication.
@@ -119,6 +120,6 @@ export default class extends Controller {
 
   alert(message) {
     if (!message) return
-    window.alert(message)
+    alertDialog(message)
   }
 }

data/app/javascript/modules/plans_timeline.js

@@ -1,3 +1,5 @@
+import { alertDialog, confirmDialog } from "collavre/lib/utils/dialog";
+
 let plansTimelineScriptInitialized = false;
 
 if (!plansTimelineScriptInitialized) {
@@ -24,6 +26,12 @@ if (!plansTimelineScriptInitialized) {
     var endDate = new Date(container.dataset.endDate || new Date());
     container.dataset.lastLoadedDate = new Date().toISOString().slice(0, 10);
 
+    // "Registered" chip: when on, the timeline also draws creatives at their
+    // created_at. Default-off, so registrations are fetched lazily on toggle.
+    var registrationsEnabled = container.dataset.registrations === 'true';
+    // "Modified" chip: same idea, drawing modified creatives at their updated_at.
+    var modificationsEnabled = container.dataset.modifications === 'true';
+
     var scroll = document.createElement('div');
     scroll.className = 'timeline-scroll';
     container.appendChild(scroll);
@@ -65,6 +73,8 @@ if (!plansTimelineScriptInitialized) {
     function createPlanBar(plan, idx) {
       var el = document.createElement('div');
       el.className = 'plan-bar';
+      if (plan.type === 'registration') el.className += ' plan-bar--registration';
+      else if (plan.type === 'modification') el.className += ' plan-bar--modification';
       el.dataset.path = plan.path;
       el.dataset.id = plan.id;
       var startDateValue = plan.start_date || plan.created_at;
@@ -90,9 +100,9 @@ if (!plansTimelineScriptInitialized) {
         del.textContent = '×';
         del.className = 'delete-plan-btn';
         el.appendChild(del);
-        del.addEventListener('click', function (e) {
+        del.addEventListener('click', async function (e) {
           e.stopPropagation();
-          if (!confirm(container.dataset.deleteConfirm)) return;
+          if (!(await confirmDialog(container.dataset.deleteConfirm, { danger: true }))) return;
           var deleteUrl;
           if (String(plan.id).indexOf('calendar_event_') === 0) {
             deleteUrl = '/calendar_events/' + String(plan.id).replace('calendar_event_', '');
@@ -190,6 +200,7 @@ if (!plansTimelineScriptInitialized) {
     renderPlans();
     updatePlanPositions();
 
+    var loadSeq = 0;
     function loadPlans(centerDate) {
       var dateStr = centerDate.toISOString().slice(0, 10);
       if (container.dataset.lastLoadedDate === dateStr) return;
@@ -197,9 +208,16 @@ if (!plansTimelineScriptInitialized) {
       var listArea = document.getElementById('plans-list-area')
       var basePlansUrl = (listArea && listArea.dataset.plansUrl) || '/plans.json'
       var separator = basePlansUrl.indexOf('?') >= 0 ? '&' : '?'
-      fetch(basePlansUrl + separator + 'date=' + dateStr)
+      var requestUrl = basePlansUrl + separator + 'date=' + dateStr
+      if (registrationsEnabled) requestUrl += '&registrations=1'
+      if (modificationsEnabled) requestUrl += '&modifications=1'
+      // Discard out-of-order responses: a slower registrations fetch must not
+      // overwrite the result of a later request (e.g. rapid chip on/off).
+      var seq = ++loadSeq;
+      fetch(requestUrl)
         .then(function (r) { return r.json(); })
         .then(function (newPlans) {
+          if (seq !== loadSeq) return;
           plans = newPlans.map(function (p) {
             if (p.start_date) {
               p.start_date = new Date(p.start_date);
@@ -235,6 +253,38 @@ if (!plansTimelineScriptInitialized) {
       todayBtn.addEventListener('click', function () { scrollToDate(new Date()); });
     }
 
+    // Re-fetch the currently centered window, bypassing the lastLoadedDate guard
+    // (used when toggling a chip changes WHAT we request for the same date).
+    function reloadCurrentView() {
+      var centerOffset = container.scrollLeft + container.clientWidth / 2;
+      var daysFromStart = centerOffset / dayWidth;
+      var centerDate = new Date(startDate.getTime() + Math.round(daysFromStart) * 86400000);
+      container.dataset.lastLoadedDate = '';
+      loadPlans(centerDate);
+    }
+
+    var registrationsChip = document.getElementById('chip-registrations');
+    if (registrationsChip) {
+      registrationsChip.addEventListener('click', function () {
+        registrationsEnabled = !registrationsEnabled;
+        container.dataset.registrations = registrationsEnabled ? 'true' : 'false';
+        registrationsChip.classList.toggle('timeline-chip--active', registrationsEnabled);
+        registrationsChip.setAttribute('aria-pressed', registrationsEnabled ? 'true' : 'false');
+        reloadCurrentView();
+      });
+    }
+
+    var modificationsChip = document.getElementById('chip-modifications');
+    if (modificationsChip) {
+      modificationsChip.addEventListener('click', function () {
+        modificationsEnabled = !modificationsEnabled;
+        container.dataset.modifications = modificationsEnabled ? 'true' : 'false';
+        modificationsChip.classList.toggle('timeline-chip--active', modificationsEnabled);
+        modificationsChip.setAttribute('aria-pressed', modificationsEnabled ? 'true' : 'false');
+        reloadCurrentView();
+      });
+    }
+
     scrollToDate(new Date());
 
     var scrollTimer;
@@ -257,7 +307,15 @@ if (!plansTimelineScriptInitialized) {
 
     // Listen for plan creation from delegated handler
     const onPlanCreated = function (e) {
-      addPlan(e.detail);
+      // While a chip is active, the planned creative's derived
+      // registration/modification marker stops being eligible (plan anchors
+      // are excluded server-side), so re-fetch the authoritative view to drop
+      // the now-stale marker. Appending alone would leave it as a duplicate.
+      if (registrationsEnabled || modificationsEnabled) {
+        reloadCurrentView();
+      } else {
+        addPlan(e.detail);
+      }
     };
     document.addEventListener('plan:created', onPlanCreated);
 
@@ -398,7 +456,7 @@ if (!plansTimelineScriptInitialized) {
           if (addPlanBtn) addPlanBtn.disabled = true;
         }).catch(function (err) {
           if (err && err.errors) {
-            alert(err.errors.join(', '));
+            alertDialog(err.errors.join(', '));
           } else {
             console.error(err);
           }

data/app/views/collavre_plan/shared/navigation/_panels.html.erb

@@ -1,3 +1,4 @@
+<%= stylesheet_link_tag "collavre_plan/timeline" %>
 <div id="plans-list-area" style="display:none;" data-plans-url="<%= collavre_plan_engine.plans_path(format: :json) %>">
   <%= render Collavre::PlansTimelineComponent.new(plans: Collavre::Plan.none) %>
 </div>

data/config/locales/plans.en.yml

@@ -14,3 +14,7 @@ en:
       delete_confirm: Are you sure you want to delete this plan?
       today: Today
       select_creative: Select Creative
+      chip_registrations: Registered
+      chip_modifications: Modified
+      registration_fallback: 'Creative #%{id}'
+      modification_fallback: 'Creative #%{id}'

data/config/locales/plans.ko.yml

@@ -14,6 +14,10 @@ ko:
       delete_confirm: 이 계획을 삭제하시겠습니까?
       today: 오늘
       select_creative: 크리에이티브 선택
+      chip_registrations: 등록
+      chip_modifications: 수정
+      registration_fallback: '크리에이티브 #%{id}'
+      modification_fallback: '크리에이티브 #%{id}'
     activerecord:
       errors:
         models:

data/lib/collavre_plan/version.rb

@@ -1,3 +1,3 @@
 module CollavrePlan
-  VERSION = "0.1.0"
+  VERSION = "0.1.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: collavre_plan
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Collavre
@@ -45,6 +45,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - Rakefile
+- app/assets/stylesheets/collavre_plan/timeline.css
 - app/components/collavre/plans_timeline_component.html.erb
 - app/components/collavre/plans_timeline_component.rb
 - app/controllers/collavre_plan/application_controller.rb