riddler_admin 0.1.0 → 0.2.0

data/app/views/riddler_admin/publish_requests/index.html.erb

@@ -0,0 +1,62 @@
+<div class="row">
+  <% if notice %>
+  <div class="col-sm">
+    <span id="notice"><%= notice %></span>
+  </div>
+  <% end %>
+  <% if flash[:error] %>
+  <div class="col-sm">
+    <span id="error"><%= flash[:error] %></span>
+  </div>
+  <% end %>
+</div>
+
+<div class="row">
+  <div class="col-sm-6">
+    <h1>Publish Requests</h1>
+  </div>
+</div>
+
+<table class="table">
+  <thead>
+    <tr>
+      <th>Title</th>
+      <th>Status</th>
+      <th>Content</th>
+      <th>Approval</th>
+      <th>Published</th>
+
+      <th colspan="3"></th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <% @publish_requests.each do |publish_request| %>
+      <tr>
+        <td><%= link_to publish_request.title, publish_request %></td>
+        <td><%= publish_request.status %></td>
+        <td><%= publish_request.content.title %></td>
+        <td>
+          <% if publish_request.approved_at.present? %>
+            <%= time_ago_in_words publish_request.approved_at %> ago
+            by
+            <%= publish_request.approved_by_name %>
+          <% end %>
+        </td>
+        <td>
+          <% if publish_request.published_at.present? %>
+            <%= time_ago_in_words publish_request.published_at %> ago
+          <% end %>
+        </td>
+
+        <td>
+          <% unless publish_request.approved? %>
+            <%= link_to "Delete", publish_request, method: :delete, data: { confirm: "Are you sure?" }, class: "btn btn-light" %>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<br>

data/app/views/riddler_admin/publish_requests/new.html.erb

@@ -0,0 +1,10 @@
+<div class="card">
+  <div class="card-body">
+    <div class="row">
+      <div class="col-sm">
+        <h1>New Publish Request</h1>
+      </div>
+    </div>
+    <%= render 'form', publish_request: @publish_request %>
+  </div>
+</div>

data/app/views/riddler_admin/publish_requests/publish.js.erb

@@ -0,0 +1,2 @@
+$("#<%= @publish_request.id %>-actions")
+  .html("<%= j render partial: "riddler_admin/publish_requests/actions", locals: { publish_request: @publish_request } %>")

data/app/views/riddler_admin/publish_requests/show.html.erb

@@ -0,0 +1,25 @@
+<div class="row">
+  <div class="col-sm">
+    <% if notice %>
+    <div class="alert alert-success">
+      <span id="notice"><%= notice %></span>
+    </div>
+    <% end %>
+  </div>
+</div>
+
+<div class="row" style="margin-bottom: 32px;">
+  <div class="col-sm-6">
+    <h1><%= @publish_request.title %></h1>
+  </div>
+  <div id="<%= @publish_request.id %>-actions" class="col-sm-6">
+    <%= render partial: "riddler_admin/publish_requests/actions", locals: { publish_request: @publish_request } %>
+  </div>
+</div>
+<div class="row" style="margin-bottom: 32px;">
+  <div class="col-sm-6">
+    <%= @publish_request.description %>
+  </div>
+</div>
+
+<%= render partial: "riddler_admin/preview_step", locals: { preview_contexts: @preview_contexts, step: @publish_request.content } %>

data/app/views/riddler_admin/slugs/_form.html.erb

@@ -0,0 +1,48 @@
+<%= form_with model: slug, local: true do |form| %>
+  <div class="row">
+    <% if slug.errors.any? %>
+      <div id="error_explanation">
+        <h2><%= pluralize(slug.errors.count, "error") %> prohibited this slug from being saved:</h2>
+
+        <ul>
+        <% slug.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+        </ul>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="form-row">
+    <div class="form-group col">
+      <%= form.label :name %>
+      <%= form.text_field :name, class:"form-control" %>
+    </div>
+    <div class="form-group col">
+      <%= form.label :status %>
+      <%= form.select :status, options_for_select([["Live", "LIVE"], ["Paused", "PAUSED"]], slug.status), {}, class:"form-control" %>
+    </div>
+    <div class="form-group col">
+      <%= form.label :content_definition %>
+      <%= form.collection_select :content_definition_id, RiddlerAdmin::ContentDefinition.all, :id, :title, {prompt: true}, {class:"form-control"}  %>
+    </div>
+  </div>
+  <div class="form-row">
+    <div class="form-group col">
+      <%= form.label :interaction_identity %>
+      <%= form.text_field :interaction_identity, class:"form-control", placeholder: "e.g. user_id:{{ ids.user_id }}" %>
+      <small class="form-text text-muted">This liquid string will determine when an interaction is used again (can only use <code>ids</code>).</small>
+    </div>
+    <div class="form-group col">
+      <%= form.label :target_predicate %>
+      <%= form.text_field :target_predicate, class: "form-control", placeholder: "e.g. params.user_id is present" %>
+      <small class="form-text text-muted">Use data from the context that evaluates to <code>true</code> or <code>false</code></small>
+    </div>
+  </div>
+  <div class="form-row">
+    <div class="form-group col">
+      <%= form.submit "Save slug", class: "btn btn-primary" %>
+      <%= link_to "Cancel", slugs_path, class: "btn btn-light" %>
+    </div>
+  </div>
+<% end %>

data/app/views/riddler_admin/slugs/edit.html.erb

@@ -0,0 +1,10 @@
+<div class="card">
+  <div class="card-body">
+    <div class="row">
+      <div class="col-sm">
+        <h1>Edit Slug</h1>
+      </div>
+    </div>
+    <%= render "form", slug: @slug %>
+  </div>
+</div>

data/app/views/riddler_admin/slugs/index.html.erb

@@ -0,0 +1,44 @@
+<div class="row">
+  <% if notice %>
+  <div class="col-sm">
+    <div class="alert alert-success">
+      <span id="notice"><%= notice %></span>
+    </div>
+  </div>
+  <% end %>
+</div>
+
+<div class="row">
+  <div class="col-sm-6">
+    <h1>Slugs</h1>
+  </div>
+  <div class="col-sm-6">
+    <%= link_to "New slug", new_slug_path, class: "btn btn-primary float-right"%>
+  </div>
+</div>
+
+<table class="table">
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>ContentDefinition</th>
+      <th>Status</th>
+      <th>Events (last day)</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <% @slugs.each do |slug| %>
+      <tr>
+        <td><%= link_to slug.name, edit_slug_path(slug) %></td>
+        <td><%= slug.content_definition.title %></td>
+        <td><%= slug.status.titleize %></td>
+        <td>
+          <% slug.daily_stats.each do |event_counts| %>
+            <%= event_counts.event_name.titleize %>: <%= event_counts.count %>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/riddler_admin/slugs/new.html.erb

@@ -0,0 +1,10 @@
+<div class="card">
+  <div class="card-body">
+    <div class="row">
+      <div class="col-sm">
+        <h1>New Slug</h1>
+      </div>
+    </div>
+    <%= render "form", slug: @slug %>
+  </div>
+</div>

data/app/views/riddler_admin/slugs/show.html.erb

@@ -0,0 +1,18 @@
+<div class="row">
+  <div class="col-sm">
+    <% if notice %>
+    <div class="alert alert-success">
+      <span id="notice"><%= notice %></span>
+    </div>
+    <% end %>
+  </div>
+</div>
+
+<div class="row" style="margin-bottom: 32px;">
+  <div class="col-sm-6">
+    <h1><%= @slug.name %> slug</h1>
+  </div>
+  <div class="col-sm-6">
+    <%= link_to "Edit", edit_slug_path(@slug), class: "btn btn-primary float-right" %>
+  </div>
+</div>

data/app/views/riddler_admin/steps/_definition.html.erb

@@ -0,0 +1,11 @@
+<div class="row">
+  <div class="col-sm">
+    <h4>Step Definition</h4>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-sm">
+    <pre><%= definition.definition_hash.to_yaml %></pre>
+  </div>
+</div>

data/app/views/riddler_admin/steps/_form.html.erb

@@ -1,22 +1,50 @@
-<%= form_with(model: step, local: true) do |form| %>
-  <% if step.errors.any? %>
-    <div id="error_explanation">
-      <h2><%= pluralize(step.errors.count, "error") %> prohibited this step from being saved:</h2>
+<%= form_with model: step, local: true do |form| %>
+  <div class="row">
+    <% if step.errors.any? %>
+      <div id="error_explanation">
+        <h2><%= pluralize(step.errors.count, "error") %> prohibited this step from being saved:</h2>
 
-      <ul>
-      <% step.errors.full_messages.each do |message| %>
-        <li><%= message %></li>
-      <% end %>
-      </ul>
-    </div>
-  <% end %>
-
-  <div class="field">
-    <%= form.label :name %>
-    <%= form.text_field :name %>
+        <ul>
+        <% step.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+        </ul>
+      </div>
+    <% end %>
   </div>
 
-  <div class="actions">
-    <%= form.submit %>
+  <div class="form-group">
+    <div class="form-row">
+      <div class="col">
+        <%= form.label :title %>
+        <%= form.text_field :title, class:"form-control" %>
+      </div>
+      <div class="col">
+        <%= form.label :name %>
+        <%= form.text_field :name, class:"form-control" %>
+        <small class="form-text text-muted">This will be created based on the title if not provided</small>
+      </div>
+    </div>
+    <% unless @step.persisted? %>
+    <div class="form-row">
+      <div class="col">
+        <%= form.label :type %>
+        <%= form.select :type, options_for_select(::RiddlerAdmin::Step.available_classes.map{|klass| [klass.short_name, klass.name]}, step.type), {}, class:"form-control" %>
+      </div>
+    </div>
+    <% end %>
+    <div class="form-row">
+      <div class="col">
+        <%= form.label :include_predicate %>
+        <%= form.text_field :include_predicate, class: "form-control", placeholder: "e.g. params.user_id is present" %>
+        <small class="form-text text-muted">Use data from the context that evaluates to <code>true</code> or <code>false</code></small>
+      </div>
+    </div>
+    <div class="form-row">
+      <div class="actions">
+        <%= form.submit "Save step", class: "btn btn-primary" %>
+        <%= link_to "Cancel", steps_path, class: "btn btn-light" %>
+      </div>
+    </div>
   </div>
 <% end %>

data/app/views/riddler_admin/steps/_new_sub_step.html.erb

@@ -0,0 +1,56 @@
+<%= form_with model: step do |form| %>
+  <% if step.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(step.errors.count, "error") %> prohibited this step from being saved:</h2>
+
+      <ul>
+      <% step.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="card" style="margin-bottom: 32px;">
+    <div class="card-body">
+
+      <div class="card-title">
+        <h5>New <%= step.short_name %> Step</h5>
+      </div>
+
+      <%= form.hidden_field :type %>
+      <%= form.hidden_field :stepable_type %>
+      <%= form.hidden_field :stepable_id %>
+
+      <div class="form-group">
+        <div class="form-row">
+          <div class="col">
+            <%= form.label :title %>
+            <%= form.text_field :title, class:"form-control" %>
+          </div>
+          <div class="col">
+            <%= form.label :name %>
+            <%= form.text_field :name, class:"form-control" %>
+            <small class="form-text text-muted">This will be created based on the title if not provided</small>
+          </div>
+        </div>
+
+        <div class="form-row">
+          <div class="col">
+            <%= form.label :include_predicate %>
+            <%= form.text_field :include_predicate, class: "form-control", placeholder: "e.g. params.user_id is present" %>
+            <small class="form-text text-muted">Use data from the context that evaluates to <code>true</code> or <code>false</code></small>
+          </div>
+        </div>
+
+
+        <div class="form-row">
+          <div class="actions">
+            <%= form.submit "Add step", class: "btn btn-primary" %>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+<% end %>

data/app/views/riddler_admin/steps/_visual_preview.html.erb

@@ -0,0 +1,24 @@
+<ul class="list-group">
+  <% if (data[:response_code] || "").to_s == "204" %>
+    <li class="list-group-item">
+      <%= data[:message] %>
+    </li>
+  <% else %>
+    <% data["elements"].each do |element| %>
+      <li class="list-group-item">
+        <% case element[:type] %>
+        <% when "link" %>
+          <a href="<%= element[:href] %>" target="_blank"><%= element[:text] %></a>
+        <% when "heading" %>
+          <h5><%= element[:text] %></h5>
+        <% when "image" %>
+          <img src="<%= element[:src] %>" alt="<%= element[:alt] %>" />
+        <% when "text" %>
+          <%= element[:text] %>
+        <% else %>
+          Unknown Element type "<%= element[:type] %>"
+        <% end %>
+      </li>
+    <% end %>
+  <% end %>
+</ul>

data/app/views/riddler_admin/steps/content/_show.html.erb

@@ -1,31 +1,59 @@
-<ul id="step-tabs" class="nav nav-tabs">
-  <li class="nav-item">
-    <a class="nav-link active" id="elements-tab" data-toggle="tab" href="#elements" role="tab" aria-controls="elements" aria-selected="true">Elements</a>
-  </li>
-  <li class="nav-item">
-    <a class="nav-link" id="step-preview-tab" data-toggle="tab" href="#step-preview" role="tab" aria-controls="step-preview" aria-selected="false">Preview</a>
-  </li>
-</ul>
-
-<div class="tab-content" id="step-tabs-content">
-  <div class="tab-pane fade show active" id="elements" role="tabpanel" aria-labelledby="elements-tab">
-    <h4>Available Elements</h4>
-    <ul class="list-group">
-    <%- RiddlerAdmin::Element.available_classes.each do |klass| %>
-      <%= render klass, object: klass, step: @step %>
-    <%- end %>
-    </ul>
-
-    <div id="new-element">
-    </div>
+<div class="row" style="margin-bottom: 32px;">
+  <div class="col-sm">
 
-    <h4>Elements</h4>
-    <ul id="step-elements" class="list-group step-elements" data-step-id="<%= @step.id %>">
-      <%= render partial: "riddler_admin/element", collection: @step.elements %>
+    <ul id="step-tabs" class="nav nav-tabs">
+      <li class="nav-item">
+        <a class="nav-link active" id="elements-tab" data-toggle="tab" href="#elements" role="tab" aria-controls="elements" aria-selected="true">Elements</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" id="step-definition-tab" data-toggle="tab" href="#step-definition" role="tab" aria-controls="step-definition" aria-selected="false">Definition</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" id="step-preview-tab" data-toggle="tab" href="#step-preview" role="tab" aria-controls="step-preview" aria-selected="false">Preview</a>
+      </li>
     </ul>
+
   </div>
+</div>
+
+<div class="row">
+  <div class="col-sm">
+
+    <div class="tab-content" id="step-tabs-content">
+      <div class="tab-pane fade show active" id="elements" role="tabpanel" aria-labelledby="elements-tab">
+
+        <div class="container">
+          <div class="row">
+            <div class="col-md-3">
+              <h4>Add an element type</h4>
+
+              <ul class="nav flex-column">
+              <% RiddlerAdmin::Element.available_classes.each do |klass| %>
+                <%= link_to "#{klass.short_name} Element", new_element_path(type: klass.name, step_id: @step.id), remote: true, class: 'nav-link' %>
+              <% end %>
+              </ul>
+
+            </div>
+            <div class="col-md-9">
+              <div id="new-element">
+              </div>
+
+              <%= render partial: "riddler_admin/element_container", locals: { container: @step } %>
+
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+      <div class="tab-pane fade" id="step-definition" role="tabpanel" aria-labelledby="definition-tab">
+        <%= render partial: "definition", object: @step %>
+      </div>
+
+      <div class="tab-pane fade" id="step-preview" role="tabpanel" aria-labelledby="preview-tab">
+        <%= render partial: "riddler_admin/preview_step", locals: { preview_contexts: @preview_contexts, step: @step } %>
+      </div>
+    </div>
 
-  <div class="tab-pane fade" id="step-preview" role="tabpanel" aria-labelledby="preview-tab">
-    <%= render partial: "preview", object: @step %>
   </div>
 </div>