pin_flags 0.1.0

data/app/models/pin_flags/feature_tag.rb

@@ -0,0 +1,98 @@
+module PinFlags
+  class FeatureTagImportError < StandardError; end
+
+  class FeatureTag < ApplicationRecord
+    include PinFlags::FeatureTag::Cacheable
+
+    self.table_name = "pin_flags_feature_tags"
+
+    has_many :feature_subscriptions, dependent: :destroy
+    has_many :feature_taggables, through: :feature_subscriptions
+
+    MIN_NAME_LENGTH ||= 3
+    MAX_NAME_LENGTH ||= 64
+
+    validates :name, presence: true, uniqueness: true, length: { minimum: MIN_NAME_LENGTH, maximum: MAX_NAME_LENGTH }
+    validates :enabled, inclusion: { in: [ true, false ] }
+
+    normalizes :name, with: ->(value) { value.strip.downcase.parameterize.underscore }
+
+    scope :enabled, -> { where(enabled: true) }
+    scope :disabled, -> { where(enabled: false) }
+    scope :with_name_like, ->(name) {
+      where("LOWER(name) LIKE LOWER(?)", "%#{normalize_tag_name(name)}%")
+    }
+
+    def self.enable(tag_name)
+      normalized_name = normalize_tag_name(tag_name)
+      result = find_or_create_by(name: normalized_name).update!(enabled: true)
+      clear_tag_cache(normalized_name)
+      result
+    end
+
+    def self.disable(tag_name)
+      normalized_name = normalize_tag_name(tag_name)
+      result = find_or_create_by(name: normalized_name).update!(enabled: false)
+      clear_tag_cache(normalized_name)
+      result
+    end
+
+    def self.enabled_for_subscriber?(tag_name, feature_taggable)
+      normalized_name = normalize_tag_name(tag_name)
+      return false unless enabled?(normalized_name)
+
+      feature_taggable.feature_tag_enabled?(normalized_name)
+    end
+
+    def self.feature_taggable_models
+      Rails.application.eager_load! unless Rails.application.config.eager_load
+
+      # Find all classes that include FeatureTaggable
+      ObjectSpace.each_object(Class).select do |klass|
+        klass < ActiveRecord::Base &&
+        klass.included_modules.include?(PinFlags::FeatureTaggable)
+      end.uniq
+    end
+
+    def self.feature_taggable_options_for_select
+      feature_taggable_models.map { [ it.name, it.name ] }.sort
+    end
+
+    def self.export_as_json
+      all.as_json(only: [ :name, :enabled ]).to_json
+    end
+
+    def self.import_from_json(json, batch_size: 1000)
+      data = JSON.parse(json)
+
+      data.each_slice(batch_size) do |batch|
+        normalized_batch = batch.map do |item|
+          {
+            name: normalize_tag_name(item["name"]),
+            enabled: item["enabled"],
+            created_at: Time.current,
+            updated_at: Time.current
+          }
+        end
+
+        # Use upsert_all for efficient bulk operations
+        upsert_all(
+          normalized_batch,
+          unique_by: :name,
+          update_only: [ :enabled, :updated_at ]
+        )
+      end
+
+      clear_all_cache
+      true
+    rescue JSON::ParserError
+      raise PinFlags::FeatureTagImportError, "Invalid JSON format"
+    rescue StandardError => e
+      raise PinFlags::FeatureTagImportError, "Import failed: #{e.message}"
+    end
+
+    def self.normalize_tag_name(tag_name)
+      tag_name.to_s.strip.downcase.parameterize.underscore
+    end
+  end
+end

data/app/models/pin_flags/page.rb

@@ -0,0 +1,48 @@
+class PinFlags::Page
+  DEFAULT_PAGE_SIZE = 10
+
+  attr_reader :records, :index, :page_size
+
+  def initialize(relation, page: 1, page_size: DEFAULT_PAGE_SIZE)
+    @relation = relation
+    @page_size = page_size
+    @index = [ page, 1 ].max
+  end
+
+  def records
+    @relation.limit(page_size).offset(offset)
+  end
+
+  def first?
+    index == 1
+  end
+
+  def last?
+    index == pages_count || empty? || records.empty?
+  end
+
+  def empty?
+    total_count == 0
+  end
+
+  def previous_index
+    [ index - 1, 1 ].max
+  end
+
+  def next_index
+    pages_count&.positive? ? [ index + 1, pages_count ].min : index + 1
+  end
+
+  def pages_count
+    (total_count.to_f / page_size).ceil unless total_count.infinite?
+  end
+
+  def total_count
+    @total_count ||= @relation.size # Uses loaded records if available, otherwise falls back to count
+  end
+
+  private
+    def offset
+      (index - 1) * page_size
+    end
+end

data/app/views/layouts/pin_flags/_flash.html.erb

@@ -0,0 +1,6 @@
+<% flash.each do |type, message| %>
+  <div class="notification <%= flash_class(type) %> is-light">
+    <button class="delete" onclick="this.parentElement.remove()"></button>
+    <%= message %>
+  </div>
+<% end %>

data/app/views/layouts/pin_flags/_modal.html.erb

@@ -0,0 +1,41 @@
+<%# locals: (modal_id:, title:, body_content: nil, footer_buttons: nil) %>
+
+<div class="modal" id="<%= modal_id %>" 
+     x-data="{ 
+       isOpen: false,
+       open() { this.isOpen = true },
+       close() { this.isOpen = false }
+     }"
+     x-show="isOpen"
+     x-cloak
+     @keydown.escape.window="close()"
+     @open-modal.window="if ($event.detail.modalId === '<%= modal_id %>') open()"
+     :class="{ 'is-active': isOpen }">
+  
+  <div class="modal-background" @click="close()"></div>
+  
+  <div class="modal-card">
+    <header class="modal-card-head">
+      <p class="modal-card-title"><%= title %></p>
+      <button class="delete" @click="close()"></button>
+    </header>
+    
+    <section class="modal-card-body">
+      <% if body_content %>
+        <%= body_content %>
+      <% else %>
+        <%= yield %>
+      <% end %>
+    </section>
+    
+    <footer class="modal-card-foot">
+      <% if footer_buttons %>
+        <%= footer_buttons %>
+      <% else %>
+        <button class="button" @click="close()">
+          Close
+        </button>
+      <% end %>
+    </footer>
+  </div>
+</div>

data/app/views/layouts/pin_flags/application.html.erb

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Pin Flags | <%= content_for(:title) %></title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+
+    <!-- bulma@1.0.4 -->
+    <%= stylesheet_link_tag "pin_flags/bulma.min", preload: false %>
+    <%= stylesheet_link_tag "pin_flags/application", "data-turbo-track": "reload" %>
+
+    <!-- Use host app's JavaScript (Turbo + Stimulus) -->
+    <%= javascript_importmap_tags %>
+
+    <!-- alpinejs@3.14.8 -->
+    <%= javascript_include_tag "pin_flags/alpine.min", defer: true %>
+  </head>
+  <body>
+    <section class="section">
+      <div class="container">
+        <%= render "layouts/pin_flags/flash" if flash.any? %>
+        <%= yield %>
+      </div>
+    </section>
+
+    <%= render "layouts/pin_flags/modal",
+        modal_id: display_import_form_modal_id,
+        title: "Import Feature Tags" do %>
+        <%= render "pin_flags/feature_tags/imports/form" %>
+    <% end %>
+  </body>
+</html>

data/app/views/pin_flags/feature_tags/_empty_feature_tags_table.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (filter_param: nil, enabled_param: nil, subscriptions_param: nil) %>
+
+<div class="has-text-centered mt-6">
+  <p class="has-text-weight-semibold is-size-4">
+    <%= "No feature tags #{(filter_param.present? || enabled_param.present? || subscriptions_param.present?) ? 'found' : 'created yet'}." %>
+  </p>
+</div>

data/app/views/pin_flags/feature_tags/_feature_tags_table.html.erb

@@ -0,0 +1,82 @@
+<%# locals: (feature_tags:, paginator:, filter_param: nil, enabled_param: nil, subscriptions_param: nil) %>
+
+<section class="mt-6">
+  <div class="table-container">
+    <table class="table is-striped is-hoverable is-fullwidth">
+      <thead>
+        <tr>
+          <th><abbr title="Feature Tag Name">Name</abbr></th>
+          <th><abbr title="Feature Tag Status">Enabled?</abbr></th>
+          <th><abbr title="Feature Tag Subscriptions">Subscriptions?</abbr></th>
+          <th><abbr title="Available Actions">Actions</abbr></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render partial: 'feature_tags_table_row', collection: feature_tags, as: :feature_tag %>
+      </tbody>
+      <tfoot>
+        <tr>
+          <td><abbr title="Feature Tag Name">Name</abbr></td>
+          <td><abbr title="Feature Tag Status">Enabled?</abbr></td>
+          <td><abbr title="Feature Tag Subscriptions">Subscriptions?</abbr></td>
+          <td><abbr title="Available Actions">Actions</abbr></td>
+        </tr>
+      </tfoot>
+    </table>
+  </div>
+
+  <% if paginator.pages_count && paginator.pages_count > 1 %>
+    <nav class="pagination mt-4" role="navigation" aria-label="pagination">
+      <% unless paginator.first? %>
+        <%= link_to "Previous", pin_flags.feature_tags_path(page: paginator.previous_index, filter: filter_param, enabled: enabled_param, subscriptions: subscriptions_param),
+            class: "pagination-previous" %>
+      <% end %>
+
+      <% unless paginator.last? %>
+        <%= link_to "Next page", pin_flags.feature_tags_path(page: paginator.next_index, filter: filter_param, enabled: enabled_param, subscriptions: subscriptions_param),
+            class: "pagination-next" %>
+      <% end %>
+
+      <ul class="pagination-list">
+        <% if paginator.index > 3 %>
+          <li>
+            <%= link_to "1", pin_flags.feature_tags_path(page: 1, filter: filter_param, enabled: enabled_param, subscriptions: subscriptions_param),
+                class: "pagination-link", "aria-label": "Goto page 1" %>
+          </li>
+          <% if paginator.index > 4 %>
+            <li>
+              <span class="pagination-ellipsis">&hellip;</span>
+            </li>
+          <% end %>
+        <% end %>
+
+        <% start_page = [paginator.index - 2, 1].max %>
+        <% end_page = [paginator.index + 2, paginator.pages_count].min %>
+        <% (start_page..end_page).each do |page| %>
+          <li>
+            <% if page == paginator.index %>
+              <span class="pagination-link is-current" aria-label="Page <%= page %>" aria-current="page">
+                <%= page %>
+              </span>
+            <% else %>
+              <%= link_to page, pin_flags.feature_tags_path(page: page, filter: filter_param, enabled: enabled_param, subscriptions: subscriptions_param),
+                  class: "pagination-link", "aria-label": "Goto page #{page}" %>
+            <% end %>
+          </li>
+        <% end %>
+
+        <% if paginator.index < paginator.pages_count - 2 %>
+          <% if paginator.index < paginator.pages_count - 3 %>
+            <li>
+              <span class="pagination-ellipsis">&hellip;</span>
+            </li>
+          <% end %>
+          <li>
+            <%= link_to paginator.pages_count, pin_flags.feature_tags_path(page: paginator.pages_count, filter: filter_param, enabled: enabled_param, subscriptions: subscriptions_param),
+                class: "pagination-link", "aria-label": "Goto page #{paginator.pages_count}" %>
+          </li>
+        <% end %>
+      </ul>
+    </nav>
+  <% end %>
+</section>

data/app/views/pin_flags/feature_tags/_feature_tags_table_row.html.erb

@@ -0,0 +1,50 @@
+<%# locals: (feature_tag:) %>
+
+<tr id="<%= display_feature_tag_table_turbo_frame_row_id(feature_tag) %>"
+    x-data="{
+      removing: false,
+      handleDelete() {
+        if (this.removing) return;
+        if (confirm('<%= j(display_feature_tag_row_delete_confirmation(feature_tag)) %>')) {
+          this.removing = true;
+          setTimeout(() => {
+            this.$el.closest('form').requestSubmit();
+          }, 300);
+        }
+      }
+    }"
+    :class="{ 'pin-flags-fade-out': removing }"
+    class="pin-flags-fade-in">
+  <td>
+    <%= link_to feature_tag, data: { turbo_frame: "_top" } do %>
+      <%= feature_tag.name.truncate(PinFlags::FeatureTag::MAX_NAME_LENGTH / 2) %>
+    <% end %>
+  </td>
+  <td>
+    <%= form_with model: feature_tag, url: pin_flags.feature_tag_path(feature_tag),
+        method: :patch,
+        class: 'form-inline' do |f| %>
+      <div x-data="{ timeout: null }">
+        <%= f.check_box :enabled, class: 'checkbox',
+            "@change": "clearTimeout(timeout); timeout = setTimeout(() => { $el.closest('form').requestSubmit() }, 500)" %>
+      </div>
+    <% end %>
+  </td>
+  <td>
+    <%= link_to feature_tag, data: { turbo_frame: "_top" } do %>
+      <%= feature_tag.feature_subscriptions.any? ? 'Yes' : 'None' %>
+    <% end %>
+  </td>
+  <td>
+    <%= button_to 'Delete', feature_tag, method: :delete,
+        data: {
+          turbo_method: :delete,
+        },
+        aria: {
+          label: "Delete Feature Tag #{feature_tag.name}",
+          describedby: "deletion-help"
+        },
+        class: 'button is-small is-danger is-outlined',
+        "@click.prevent": "handleDelete()" %>
+  </td>
+</tr>

data/app/views/pin_flags/feature_tags/_new_feature_subscription_link.html.erb

@@ -0,0 +1,8 @@
+<%# locals: (feature_tag:) %>
+
+<div>
+  <%= link_to "New Subscription",
+      pin_flags.new_feature_tag_feature_subscription_path(feature_tag_id: feature_tag.id),
+      class: "button is-success is-outlined"
+  %>
+</div>

data/app/views/pin_flags/feature_tags/_new_feature_tag_link.html.erb

@@ -0,0 +1,6 @@
+<%# locals: () %>
+
+<div>
+  <%= link_to "Add New Feature Tag", pin_flags.new_feature_tag_path,
+      class: "button is-success is-outlined" %>
+</div>

data/app/views/pin_flags/feature_tags/create.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_stream.update :new_feature_tag do %>
+  <%= render 'new_feature_tag_link' %>
+<% end %>
+
+<%= turbo_stream.update :feature_tags_table do %>
+  <%= render 'feature_tags_table', feature_tags: @feature_tags, paginator: @paginator %>
+<% end %>

data/app/views/pin_flags/feature_tags/destroy.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_stream.remove(display_feature_tag_table_turbo_frame_row_id(@feature_tag)) %>
+
+<% unless PinFlags::FeatureTag.exists? %>
+  <%= turbo_stream.update :feature_tags_table do %>
+    <%= render 'empty_feature_tags_table', filter_param: @filter_param %>
+  <% end %>
+<% end %>

data/app/views/pin_flags/feature_tags/feature_subscriptions/_empty_feature_subscriptions_table.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (filter_param: nil, feature_taggable_type: nil) %>
+
+<div class="has-text-centered mt-6">
+  <p class="has-text-weight-semibold is-size-4">
+    <%= "No feature subscriptions #{(filter_param.present? || feature_taggable_type.present?) ? 'found' : 'created yet'}." %>
+  </p>
+</div>

data/app/views/pin_flags/feature_tags/feature_subscriptions/_feature_subscriptions_table.html.erb

@@ -0,0 +1,83 @@
+<%# locals: (feature_tag:, paginator:, feature_subscriptions:, filter_param: nil, feature_taggable_type: nil) %>
+
+<section class="mt-6">
+  <div class="table-container">
+    <table class="table is-striped is-hoverable is-fullwidth">
+      <thead>
+        <tr>
+          <th><abbr title="Feature Taggable Type">Taggable Type</abbr></th>
+          <th><abbr title="Feature Taggable ID">Taggable ID</abbr></th>
+          <th><abbr title="Available Actions">Actions</abbr></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render partial: 'pin_flags/feature_tags/feature_subscriptions/feature_subscriptions_table_row',
+                   collection: feature_subscriptions,
+                   as: :feature_subscription,
+                   locals: { feature_tag: feature_tag } %>
+      </tbody>
+      <tfoot>
+        <tr>
+          <td><abbr title="Feature Taggable Type">Taggable Type</abbr></td>
+          <td><abbr title="Feature Taggable ID">Taggable ID</abbr></td>
+          <td><abbr title="Available Actions">Actions</abbr></td>
+        </tr>
+      </tfoot>
+    </table>
+  </div>
+
+  <% if paginator.pages_count && paginator.pages_count > 1 %>
+    <nav class="pagination mt-4" role="navigation" aria-label="pagination">
+      <% unless paginator.first? %>
+        <%= link_to "Previous", pin_flags.feature_tag_path(feature_tag, page: paginator.previous_index, filter: filter_param, feature_taggable_type: feature_taggable_type),
+            class: "pagination-previous" %>
+      <% end %>
+
+      <% unless paginator.last? %>
+        <%= link_to "Next page", pin_flags.feature_tag_path(feature_tag, page: paginator.next_index, filter: filter_param, feature_taggable_type: feature_taggable_type),
+            class: "pagination-next" %>
+      <% end %>
+
+      <ul class="pagination-list">
+        <% if paginator.index > 3 %>
+          <li>
+            <%= link_to "1", pin_flags.feature_tag_path(feature_tag, page: 1, filter: filter_param, feature_taggable_type: feature_taggable_type),
+                class: "pagination-link", "aria-label": "Goto page 1" %>
+          </li>
+          <% if paginator.index > 4 %>
+            <li>
+              <span class="pagination-ellipsis">&hellip;</span>
+            </li>
+          <% end %>
+        <% end %>
+
+        <% start_page = [paginator.index - 2, 1].max %>
+        <% end_page = [paginator.index + 2, paginator.pages_count].min %>
+        <% (start_page..end_page).each do |page| %>
+          <li>
+            <% if page == paginator.index %>
+              <span class="pagination-link is-current" aria-label="Page <%= page %>" aria-current="page">
+                <%= page %>
+              </span>
+            <% else %>
+              <%= link_to page, pin_flags.feature_tag_path(feature_tag, page: page, filter: filter_param, feature_taggable_type: feature_taggable_type),
+                  class: "pagination-link", "aria-label": "Goto page #{page}" %>
+            <% end %>
+          </li>
+        <% end %>
+
+        <% if paginator.index < paginator.pages_count - 2 %>
+          <% if paginator.index < paginator.pages_count - 3 %>
+            <li>
+              <span class="pagination-ellipsis">&hellip;</span>
+            </li>
+          <% end %>
+          <li>
+            <%= link_to paginator.pages_count, pin_flags.feature_tag_path(feature_tag, page: paginator.pages_count, filter: filter_param, feature_taggable_type: feature_taggable_type),
+                class: "pagination-link", "aria-label": "Goto page #{paginator.pages_count}" %>
+          </li>
+        <% end %>
+      </ul>
+    </nav>
+  <% end %>
+</section>

data/app/views/pin_flags/feature_tags/feature_subscriptions/_feature_subscriptions_table_row.html.erb

@@ -0,0 +1,37 @@
+<%# locals: (feature_tag:, feature_subscription:) %>
+
+<tr id="<%= display_feature_subscription_table_turbo_frame_row_id(feature_subscription) %>"
+    x-data="{
+      removing: false,
+      handleDelete() {
+        if (this.removing) return;
+        if (confirm('<%= j(display_feature_subscription_row_delete_confirmation(feature_subscription)) %>')) {
+          this.removing = true;
+          setTimeout(() => {
+            this.$el.closest('form').requestSubmit();
+          }, 300);
+        }
+      }
+    }"
+    :class="{ 'pin-flags-fade-out': removing }"
+    class="pin-flags-fade-in">
+  <td>
+    <%= feature_subscription.feature_taggable_type %>
+  </td>
+  <td>
+    <%= feature_subscription.feature_taggable_id %>
+  </td>
+  <td>
+    <%= button_to 'Unsubscribe', pin_flags.feature_tag_feature_subscription_path(feature_tag, feature_subscription),
+        method: :delete,
+        data: {
+          turbo_method: :delete,
+        },
+        aria: {
+          label: display_feature_subscription_delete_button_aria_label(feature_subscription),
+          describedby: "deletion-help"
+        },
+        class: "button is-small is-danger is-outlined",
+        "@click.prevent": "handleDelete()" %>
+  </td>
+</tr>

data/app/views/pin_flags/feature_tags/feature_subscriptions/create.turbo_stream.erb

@@ -0,0 +1,10 @@
+<%= turbo_stream.update :new_feature_subscription do %>
+  <%= render 'pin_flags/feature_tags/new_feature_subscription_link', feature_tag: @feature_tag %>
+<% end %>
+
+<%= turbo_stream.update :feature_subscriptions_table do %>
+  <%= render 'pin_flags/feature_tags/feature_subscriptions/feature_subscriptions_table',
+      feature_tag: @feature_tag, feature_subscriptions: @feature_subscriptions, paginator: @paginator,
+      filter_param: @filter_param, feature_taggable_type: @feature_taggable_type
+  %>
+<% end %>

data/app/views/pin_flags/feature_tags/feature_subscriptions/destroy.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_stream.remove(display_feature_subscription_table_turbo_frame_row_id(@feature_subscription)) %>
+
+<% if @feature_tag.feature_subscriptions.empty? %>
+  <%= turbo_stream.update :feature_subscriptions_table do %>
+    <%= render 'pin_flags/feature_tags/feature_subscriptions/empty_feature_subscriptions_table' %>
+  <% end %>
+<% end %>

data/app/views/pin_flags/feature_tags/feature_subscriptions/new.html.erb

@@ -0,0 +1,83 @@
+<%= turbo_frame_tag :new_feature_subscription do %>
+  <div class="container">
+    <%= form_with model: [@feature_tag, @feature_subscription], url: feature_tag_feature_subscriptions_path(@feature_tag) do |form| %>
+      <%= render "pin_flags/shared/error_messages", resource: @feature_subscription %>
+
+      <div class="columns">
+        <div class="column is-half">
+          <div class="field mb-5">
+            <div class="is-flex is-align-items-flex-start">
+              <%= form.label :feature_taggable_type, 'Feature Taggable Type', class: "label" %>
+              <span class="has-text-danger ml-1">*</span>
+            </div>
+            <p class="help is-info mb-2">
+              Must be a valid <strong>"feature_taggable_type"</strong> based on your database schema.
+            </p>
+            <div class="control">
+              <div class="select is-fullwidth">
+                <%= form.select :feature_taggable_type,
+                    PinFlags::FeatureTag.feature_taggable_options_for_select,
+                    { prompt: 'Select Taggable Type' },
+                    required: true
+                %>
+              </div>
+            </div>
+          </div>
+
+          <section x-data="{ bulkUpload: false }">
+            <div class="field mb-4">
+              <%= form.label :bulk_upload, 'Bulk Upload?', class: 'label' %>
+              <div class="control">
+                <%= form.check_box :bulk_upload, class: 'checkbox',
+                    "@change": "bulkUpload = $el.checked"
+                %>
+              </div>
+            </div>
+
+            <div class="field mb-4">
+              <div class="is-flex is-align-items-flex-start">
+                <%= form.label :feature_taggable_id, 'Feature Taggable ID', class: "label" %>
+                <span class="has-text-danger ml-1">*</span>
+              </div>
+              <p class="help is-info mb-2">
+                Must be a valid <strong>"id"</strong> column value for the feature taggable type in the database.
+              </p>
+              <div class="control" x-html="bulkUpload ? $refs.textareaTemplate.innerHTML : $refs.textTemplate.innerHTML">
+                <!-- This div will be populated by Alpine -->
+              </div>
+            </div>
+
+            <!-- Templates -->
+            <template x-ref="textTemplate">
+              <div>
+                <%= form.text_field :feature_taggable_id, class: "input",
+                    required: true, autofocus: false, autocomplete: "off",
+                    placeholder: "Enter a single Feature Taggable ID."
+                %>
+              </div>
+            </template>
+
+            <template x-ref="textareaTemplate">
+              <div>
+                <%= form.text_area :feature_taggable_id, class: "textarea",
+                    required: true, autofocus: false, autocomplete: "off",
+                    rows: 6,
+                    placeholder: "Enter comma separated values for Feature Taggable IDs. All IDs must be for the same Feature Taggable Type."
+                %>
+              </div>
+            </template>
+          </section>
+
+          <div class="field is-grouped my-4">
+            <div class="control">
+              <%= form.submit "Create Feature Subscription", class: "button is-success is-outlined" %>
+            </div>
+            <div class="control">
+              <%= link_to "Cancel", @feature_tag, class: "button is-danger is-outlined" %>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+<% end %>