riddler_admin 0.1.0 → 0.2.0

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

@@ -0,0 +1,37 @@
+<%= form_with model: element do |f| %>
+  <% if element.errors.any? %>
+    <div>
+      <h4><%= pluralize(element.errors.count, "error") %> prohibited this element from being saved:</h4>
+
+      <ul>
+      <% element.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="form-row">
+    <div class="form-group col">
+      <%= f.label :name %>
+      <%= f.text_field :name, class: 'form-control' %>
+      <small class="form-text text-muted">Cannot start with a capital letter or a number. Clients can use this for custom rendering.</small>
+    </div>
+
+    <div class="form-group col">
+      <%= f.label :include_predicate %>
+      <%= f.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>
+
+  <%= render partial: element.to_partial_path("form"), locals: { f: f, element: element } %>
+
+  <div class="form-row">
+    <div class="form-group col">
+      <%= f.submit 'Update element', class: 'btn btn-outline-primary' %>
+      <%= link_to "Delete", element, method: :delete, remote: true, data: { confirm: "Are you sure?" }, class: 'btn btn-link' %>
+    </div>
+  </div>
+
+<% end %>

data/app/views/riddler_admin/elements/_new.html.erb

@@ -1,15 +1,48 @@
 <%= form_with model: @element do |f| %>
-  <h5>New Element</h5>
   <% if @element.errors.any? %>
-    ERRORS
+    <div id="error_explanation">
+      <h2><%= pluralize(@element.errors.count, "error") %> prohibited this step from being saved:</h2>
+
+      <ul>
+        <% @element.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
   <% end %>
 
-  <%= f.hidden_field :id %>
-  <%= f.hidden_field :type %>
-  <%= f.hidden_field :container_type %>
-  <%= f.hidden_field :container_id %>
+  <div class="card" style="margin-bottom: 32px;">
+    <div class="card-body">
+
+      <div class="card-title">
+        <h5>New <%= @element.short_name %> Element</h5>
+      </div>
+
+      <%= f.hidden_field :id %>
+      <%= f.hidden_field :type %>
+      <%= f.hidden_field :container_type %>
+      <%= f.hidden_field :container_id %>
+
+      <div class="form-group">
+        <div class="form-row">
+          <div class="col">
+            <%= f.label :name %>
+            <%= f.text_field :name, class: 'form-control' %>
+            <small class="form-text text-muted">Cannot start with a capital letter or a number. Clients can use this for custom rendering.</small>
+          </div>
+
+          <div class="col">
+            <%= f.label :include_predicate %>
+            <%= f.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>
 
-  <%= render partial: "#{@element.to_partial_path}/form", locals: { f: f } %>
+        <%= render partial: "#{@element.to_partial_path}/form", locals: { f: f, element: @element } %>
 
-  <%= f.submit %>
+        <%= f.submit 'Add element', class: 'btn btn-primary' %>
+      </div>
+    </div>
+  </div>
 <% end %>
+</div>

data/app/views/riddler_admin/elements/_show.html.erb

@@ -1,4 +1,3 @@
-<%- binding.pry %>
 <div id="<%= element.id %>">
 <%= form_with model: element, data: { "new-element-form" => true } do |f| %>
   <h5>Element</h5>
@@ -11,6 +10,9 @@
   <%= f.hidden_field :container_type %>
   <%= f.hidden_field :container_id %>
 
+  <%= f.label :name %>
+  <%= f.text_field :name %>
+
   <%= render partial: "#{element.to_partial_path}/form", locals: { f: f } %>
 
   <%= f.submit %>

data/app/views/riddler_admin/elements/edit.js.erb

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

data/app/views/riddler_admin/elements/heading/_form.html.erb

@@ -1,2 +1,8 @@
-<%= f.label :text %>
-<%= f.text_field :text %>
+<div class="form-group">
+  <div class="form-row">
+    <div class="col">
+      <%= f.label :text %>
+      <%= f.text_field :text, class: 'form-control' %>
+    </div>
+  </div>
+</div>

data/app/views/riddler_admin/elements/image/_form.html.erb

@@ -0,0 +1,12 @@
+<div class="form-group">
+  <div class="form-row">
+    <div class="col">
+      <%= f.label :text, "Alt text" %>
+      <%= f.text_field :text, class: "form-control" %>
+    </div>
+    <div class="col">
+      <%= f.label :url, "Src" %>
+      <%= f.text_field :url, class: "form-control" %>
+    </div>
+  </div>
+</div>

data/app/views/riddler_admin/elements/link/_form.html.erb

@@ -0,0 +1,12 @@
+<div class="form-group">
+  <div class="form-row">
+    <div class="col">
+      <%= f.label :text, "Link text" %>
+      <%= f.text_field :text, class: "form-control" %>
+    </div>
+    <div class="col">
+      <%= f.label :url, "Href" %>
+      <%= f.text_field :url, class: "form-control" %>
+    </div>
+  </div>
+</div>

data/app/views/riddler_admin/elements/show.js.erb

@@ -1,4 +1,4 @@
 $("#new-element").fadeOut().html("").show();
 
-$("#step-elements")
-  .html("<%= j render partial: "riddler_admin/element", collection: @element.container.elements %>")
+$("#<%= @element.step.id %>-elements")
+  .html("<%= j render partial: "riddler_admin/element", collection: @element.step.elements %>")

data/app/views/riddler_admin/elements/text/_form.html.erb

@@ -0,0 +1,4 @@
+<div class="form-group">
+  <%= f.label :text %>
+  <%= f.text_area :text, class: 'form-control', rows: "5" %>
+</div>

data/app/views/riddler_admin/elements/variant/_detail.html.erb

@@ -0,0 +1,6 @@
+Add new: 
+<% RiddlerAdmin::Element.available_classes.each do |klass| %>
+  <%= link_to "#{klass.short_name}", new_element_path(type: klass.name, element_id: element.id), remote: true, class: "btn btn-outline-secondary btn-sm" %>
+<% end %>
+
+<%= render partial: "riddler_admin/element_container", locals: { container: element } %>

data/app/views/riddler_admin/elements/variant/_form.html.erb

@@ -0,0 +1 @@
+<div class="form-group"></div>

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

@@ -0,0 +1,44 @@
+<%= form_with model: preview_context, local: true do |form| %>
+  <div class="row">
+    <% if preview_context.errors.any? %>
+      <div id="error_explanation">
+        <h2><%= pluralize(preview_context.errors.count, "error") %> prohibited this preview context from being saved:</h2>
+
+        <ul>
+        <% preview_context.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+        </ul>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="row">
+    <div class="col">
+      <div class="form-group">
+        <div class="field">
+          <%= form.label :title %>
+          <%= form.text_field :title, class:"form-control" %>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="field">
+          <%= form.label :params %>
+          <%= form.text_area :params, class:"form-control", rows: 3, placeholder: "e.g. user_id: 1" %>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="field">
+          <%= form.label :headers %>
+          <%= form.text_area :headers, class:"form-control", rows: 3, placeholder: "e.g. authorization: [JWT GOES HERE]" %>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="actions">
+          <%= form.submit "Save preview context", class: "btn btn-primary" %>
+          <%= link_to "Cancel", preview_contexts_path, class: "btn btn-light" %>
+        </div>
+      </div>
+    </div>
+  </div>
+<% end %>

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

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

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

@@ -0,0 +1,43 @@
+<div class="row">
+  <% if notice %>
+  <div class="col-sm">
+    <span id="notice"><%= notice %></span>
+  </div>
+  <% end %>
+</div>
+
+<div class="row">
+  <div class="col-sm-6">
+    <h1>Preview Contexts</h1>
+  </div>
+  <div class="col-sm-6">
+    <%= link_to "New preview context", new_preview_context_path, class: "btn btn-primary float-right"%>
+  </div>
+</div>
+
+<table class="table">
+  <thead>
+    <tr>
+      <th>Title</th>
+      <th>Id</th>
+      <th>Type</th>
+
+      <th colspan="3"></th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <% @preview_contexts.each do |preview_context| %>
+      <tr>
+        <td><%= link_to preview_context.title, preview_context %></td>
+        <td><%= preview_context.id %></td>
+
+        <td>
+            <%= link_to "Delete", preview_context, method: :delete, data: { confirm: "Are you sure?" }, class: "btn btn-light" %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<br>

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

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

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

@@ -0,0 +1,45 @@
+<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><%= @preview_context.title %></h1>
+  </div>
+  <div class="col-sm-6">
+    <%= link_to "Edit", edit_preview_context_path(@preview_context), class: "btn btn-primary float-right" %>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-sm-3">
+    <div class="list-group" id="preview-context-sections-tab" role="tablist">
+      <a class="list-group-item list-group-item-action active" id="list-preview-context-input-params" data-toggle="list" href="#preview-context-input-params" role="tab" aria-controls="preview-context-input-params">Input Params</a>
+      <a class="list-group-item list-group-item-action" id="list-preview-context-input-headers" data-toggle="list" href="#preview-context-input-headers" role="tab" aria-controls="preview-context-input-headers">Input Headers</a>
+      <% @preview_context.data.keys.each do |key| %>
+        <a class="list-group-item list-group-item-action" id="list-preview-<%= key %>" data-toggle="list" href="#preview-context-<%= key %>" role="tab" aria-controls="preview-context-<%= key %>"><%= key %></a>
+      <% end %>
+    </div>
+  </div>
+  <div class="col-sm-9">
+    <div class="tab-content" id="nav-tabContent">
+      <div class="tab-pane fade show active" id="preview-context-input-params" role="tabpanel" aria-labelledby="list-preview-context-input-params">
+        <pre><%= @preview_context.params %></pre>
+      </div>
+      <div class="tab-pane fade" id="preview-context-input-headers" role="tabpanel" aria-labelledby="list-preview-context-input-headers">
+        <pre><%= @preview_context.headers %></pre>
+      </div>
+      <% @preview_context.data.each do |key, val| %>
+        <div class="tab-pane fade" id="preview-context-<%= key %>" role="tabpanel" aria-labelledby="list-preview-context-<%= key %>">
+          <pre><%= val.to_yaml %></pre>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,19 @@
+<% if publish_request.approved_at.present? %>
+  <span class="sm float-right">Approved <%= time_ago_in_words publish_request.approved_at %> ago</span>
+<% elsif riddler_user_can_approve? %>
+  <%= link_to "Approve", approve_publish_request_path(publish_request), method: :post, remote: true, class: "btn btn-secondary float-right" %>
+<% else %>
+  Not Approved
+<% end %>
+
+<% if publish_request.approved_at.present? %>
+  <% if publish_request.published_at.present? %>
+    <span class="sm float-right">Published <%= time_ago_in_words publish_request.published_at %> ago</span>
+  <% else %>
+    <%= link_to "Publish", publish_publish_request_path(publish_request), method: :post, remote: true, class: "btn btn-secondary float-right" %>
+  <% end %>
+<% end %>
+
+<% unless publish_request.published? %>
+  <%= link_to "Edit", edit_publish_request_path(publish_request), class: "btn btn-primary float-right" %>
+<% end %>

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

@@ -0,0 +1,53 @@
+<%= form_with model: publish_request, local: true do |form| %>
+  <%= form.hidden_field :content_type %>
+  <%= form.hidden_field :content_id %>
+
+  <% if publish_request.errors.any? %>
+    <div class="row">
+      <div id="error_explanation">
+        <h2><%= pluralize(publish_request.errors.count, "error") %> prohibited this preview context from being saved:</h2>
+
+        <ul>
+        <% publish_request.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+        </ul>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="row">
+    <div class="col">
+      <h4><%= publish_request.content.short_name %> <%= publish_request.content.content_type %>: <%= publish_request.content.title %>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col">
+      <div class="form-group">
+        <div class="field">
+          <%= form.label :title %>
+          <%= form.text_field :title, class:"form-control" %>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="field">
+          <%= form.label :description %>
+          <%= form.text_area :description, class:"form-control", rows: 3 %>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="field">
+          Definition:
+          <textarea class="form-control" rows="6" disabled><%= @definition %></textarea>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="actions">
+          <%= form.submit "Save publish request", class: "btn btn-primary" %>
+          <%= link_to "Cancel", publish_requests_path, class: "btn btn-light" %>
+        </div>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/riddler_admin/publish_requests/approve.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/edit.html.erb

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