Introducing a very barebones admin UI for managing buckets. I would
Matthew Horsfall (alh) [Tue, 26 Jul 2011 20:24:25 +0000 (16:24 -0400)]
avoid using the delete action on active buckets for now as it does not
clean up videos/announcements or files on disk

13 files changed:
lib/App/IdiotBox.pm
lib/App/IdiotBox/Store/SQLite.pm
share/html/admin.html [new file with mode: 0644]
share/html/delete.html [new file with mode: 0644]
share/html/deleted.html [new file with mode: 0644]
share/html/edit.html [new file with mode: 0644]
share/html/edited.html [new file with mode: 0644]
share/skin/presentingperl/html/admin.html [new file with mode: 0644]
share/skin/presentingperl/html/delete.html [new file with mode: 0644]
share/skin/presentingperl/html/deleted.html [new file with mode: 0644]
share/skin/presentingperl/html/edit.html [new file with mode: 0644]
share/skin/presentingperl/html/edited.html [new file with mode: 0644]
share/skin/presentingperl/static/style/layout.css

index 081327e..a915049 100644 (file)
@@ -66,6 +66,55 @@ sub BUILD {
 sub dispatch_request {
   my $self = shift;
   sub (/) { $self->show_front_page },
+  sub (/admin/) {
+    sub (%new_name=&new_slug=) {
+        my ($self, $name, $slug) = @_;
+
+       unless ($name && $slug) {
+               return $self->show_admin_page(error => "Please enter a name and a bucket");
+       }
+       if ($name =~ /^\s+$/ || $slug =~ /^\s+$/) {
+               return $self->show_admin_page(error => "Names/buckets must not be all whitespace");
+       }
+
+        $slug =~ s/ /-/g;
+
+        my $nb = $self->buckets->add(bless({
+          slug => $slug,
+          name => $name,
+        }, 'App::IdiotBox::Bucket'));
+
+        $self->show_admin_page;
+    },
+  },
+  sub (/admin/) { $self->show_admin_page },
+
+  sub (/admin/*/...) {
+    my $bucket = $self->buckets->get({ slug => $_[1] });
+    sub (%new_name=) {
+      my ($self, $new_name) = @_;
+      if (!$new_name) {
+        return $self->show_edit_bucket_page($bucket, error => "Please enter a new name");
+      } elsif ($new_name =~ /^\s+$/) {
+        return $self->show_edit_bucket_page($bucket, error => "Names must not be all whitespace");
+      }
+      $self->buckets->replace($bucket, bless({
+          slug => $bucket->slug,
+          name => $new_name,
+        }, 'App::IdiotBox::Bucket'));
+      $self->show_bucket_edited_page($bucket);
+    },
+    sub (/) {
+      $self->show_edit_bucket_page($bucket);
+    },
+    sub (/delete/) {
+      $self->show_confirm_delete_bucket_page($bucket)
+    },
+    sub (/delete/yes/) {
+      $self->buckets->remove({ slug => $bucket->slug });
+      $self->show_bucket_deleted_page($bucket->slug);
+    },
+  },
   sub (/*/...) {
     my $bucket = $self->buckets->get({ slug => $_[1] });
     sub (/) {
@@ -101,6 +150,68 @@ sub show_front_page {
   );
 }
 
+sub show_admin_page {
+  my $self = shift;
+  my %opts = @_;
+  my $error = $opts{error} || '';
+
+  my $bucket = $self->buckets;
+  $self->html_response(
+    admin => sub {
+      $_->select('#bucket-list')
+        ->repeat_content($bucket->map(sub {
+            my $obj = $_;
+            sub {
+              $_->select('.bucket-slug')->replace_content($obj->slug)
+                ->select('.bucket-name')->replace_content($obj->name)
+                ->select('.edit-link')->set_attribute(
+                    'href' => $obj->slug.'/'
+                  )
+                ->select('.delete-link')->set_attribute(
+                    'href' => $obj->slug.'/delete/'
+                  )
+            }
+          }))
+        ->select('.error-text')->replace_content($error)
+
+    }
+
+  );
+}
+
+sub show_confirm_delete_bucket_page {
+  my ($self, $bucket) = @_;
+  $self->html_response('delete' => sub {
+    $_->select('.bucket-name')->replace_content($bucket->name)
+      ->select('.confirm-yes')->set_attribute(
+        'href' => 'yes/'
+        )
+  });
+}
+
+sub show_edit_bucket_page {
+  my ($self, $bucket, %opt) = @_;
+  my $error = $opt{error} || '';
+  $self->html_response('edit' => sub {
+    $_->select('.bucket-name')->replace_content($bucket->name)
+      ->select('.error-text')->replace_content($error);
+  });
+}
+
+sub show_bucket_deleted_page {
+  my ($self, $name) = @_;
+  $self->html_response('deleted' => sub {
+    $_->select('.bucket-name')->replace_content($name)
+  });
+}
+
+sub show_bucket_edited_page {
+  my ($self, $name) = @_;
+  $self->html_response('edited' => sub {
+    $_->select('.bucket-name')->replace_content($name)
+  });
+}
+
 sub show_bucket {
   my ($self, $bucket) = @_;
   $self->html_response(bucket => sub {
index 104472b..be69881 100644 (file)
@@ -128,8 +128,13 @@ sub _bind_buckets {
           (slug, name)
         VALUES
           (?, ?)
-      }
-
+      },
+      delete_one => q{
+        DELETE FROM buckets WHERE slug = ?
+      },
+      update_one => q{
+        UPDATE buckets SET slug = ?, name = ? WHERE slug = ?
+      },
     }
   )
 }
diff --git a/share/html/admin.html b/share/html/admin.html
new file mode 100644 (file)
index 0000000..00e594b
--- /dev/null
@@ -0,0 +1,44 @@
+        <div id="main-content">
+
+            <h2 class="author-name">
+              List of available buckets
+            </h2>
+            <p>
+              Add a new bucket
+            </p>
+            <form class="add-bucket-form" action="" method="POST">
+              <label for="new_name">Enter a name for this bucket</label> <input type="text" name="new_name"/>
+              <br /><br />
+              <label for="new_slug">Enter a relative URI for this bucket</label> <input type="text" name="new_slug"/>
+              <br /><br />
+              <input type="submit" value="Create Bucket"/>
+            </form>
+            <span class="error-text">Some error</span>
+            <p>
+              Below is a list of existing buckets. Click on the buckets to change details about them, and 'Delete' to remove them.
+            </p>
+            <ul id="bucket-list">
+              <li class="bucket">
+                <a class="edit-link">
+                <span class="bucket-slug">Some Random Event</span> -
+                <span class="bucket-name">Some Random Event</span>
+                </a>
+                <a class="delete-link">Delete</a>
+                </a>
+              </li>
+            </ul>
+          </div>
+
+          <div id="custom-html">        
+            <h1>
+              <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            </h1>
+            <ul id="video-list">
+              <li class="video">
+                <a class="video-link"><span class="video-name">Really Imaginative Video Name</span> (<span class="video-author">Some Guy</span>)</a>
+              </li>
+            </ul>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/html/delete.html b/share/html/delete.html
new file mode 100644 (file)
index 0000000..45f85ee
--- /dev/null
@@ -0,0 +1,13 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              Do you really want to delete this bucket:
+            </h1>
+              <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            <a class="confirm-yes">Yes</a>
+            <br /><br /><a href="/admin">No</a>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/html/deleted.html b/share/html/deleted.html
new file mode 100644 (file)
index 0000000..41acd38
--- /dev/null
@@ -0,0 +1,10 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              The bucket was deleted. Say good by to <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            </h1>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/html/edit.html b/share/html/edit.html
new file mode 100644 (file)
index 0000000..8a11a37
--- /dev/null
@@ -0,0 +1,23 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              Editing bucket <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            </h1>
+<!--
+            <form enctype="multipart/form-data" class="edit-bucket-form" action="" method="POST">
+-->
+            <form class="edit-bucket-form" action="" method="POST">
+              <label for="new_name">Enter a new name for this bucket</label> <input type="text" name="new_name"/>
+              <br /><br />
+<!--
+              <label for="new_file">Upload new file to bucket</label> <input type="file" name="new_file" accept="*.flv,*.m4v"/>
+              <br /><br />
+-->
+              <input type="submit" value="Modify"/>
+            </form>
+            <span class="error-text">Some error</span>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/html/edited.html b/share/html/edited.html
new file mode 100644 (file)
index 0000000..5f34a6a
--- /dev/null
@@ -0,0 +1,10 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              The bucket was modifed.
+            </h1>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/skin/presentingperl/html/admin.html b/share/skin/presentingperl/html/admin.html
new file mode 100644 (file)
index 0000000..00e594b
--- /dev/null
@@ -0,0 +1,44 @@
+        <div id="main-content">
+
+            <h2 class="author-name">
+              List of available buckets
+            </h2>
+            <p>
+              Add a new bucket
+            </p>
+            <form class="add-bucket-form" action="" method="POST">
+              <label for="new_name">Enter a name for this bucket</label> <input type="text" name="new_name"/>
+              <br /><br />
+              <label for="new_slug">Enter a relative URI for this bucket</label> <input type="text" name="new_slug"/>
+              <br /><br />
+              <input type="submit" value="Create Bucket"/>
+            </form>
+            <span class="error-text">Some error</span>
+            <p>
+              Below is a list of existing buckets. Click on the buckets to change details about them, and 'Delete' to remove them.
+            </p>
+            <ul id="bucket-list">
+              <li class="bucket">
+                <a class="edit-link">
+                <span class="bucket-slug">Some Random Event</span> -
+                <span class="bucket-name">Some Random Event</span>
+                </a>
+                <a class="delete-link">Delete</a>
+                </a>
+              </li>
+            </ul>
+          </div>
+
+          <div id="custom-html">        
+            <h1>
+              <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            </h1>
+            <ul id="video-list">
+              <li class="video">
+                <a class="video-link"><span class="video-name">Really Imaginative Video Name</span> (<span class="video-author">Some Guy</span>)</a>
+              </li>
+            </ul>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/skin/presentingperl/html/delete.html b/share/skin/presentingperl/html/delete.html
new file mode 100644 (file)
index 0000000..45f85ee
--- /dev/null
@@ -0,0 +1,13 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              Do you really want to delete this bucket:
+            </h1>
+              <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            <a class="confirm-yes">Yes</a>
+            <br /><br /><a href="/admin">No</a>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/skin/presentingperl/html/deleted.html b/share/skin/presentingperl/html/deleted.html
new file mode 100644 (file)
index 0000000..41acd38
--- /dev/null
@@ -0,0 +1,10 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              The bucket was deleted. Say good by to <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            </h1>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/skin/presentingperl/html/edit.html b/share/skin/presentingperl/html/edit.html
new file mode 100644 (file)
index 0000000..8a11a37
--- /dev/null
@@ -0,0 +1,23 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              Editing bucket <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+            </h1>
+<!--
+            <form enctype="multipart/form-data" class="edit-bucket-form" action="" method="POST">
+-->
+            <form class="edit-bucket-form" action="" method="POST">
+              <label for="new_name">Enter a new name for this bucket</label> <input type="text" name="new_name"/>
+              <br /><br />
+<!--
+              <label for="new_file">Upload new file to bucket</label> <input type="file" name="new_file" accept="*.flv,*.m4v"/>
+              <br /><br />
+-->
+              <input type="submit" value="Modify"/>
+            </form>
+            <span class="error-text">Some error</span>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
diff --git a/share/skin/presentingperl/html/edited.html b/share/skin/presentingperl/html/edited.html
new file mode 100644 (file)
index 0000000..5f34a6a
--- /dev/null
@@ -0,0 +1,10 @@
+        <div id="main-content">
+
+          <div id="custom-html">        
+            <h1>
+              The bucket was modifed.
+            </h1>
+          </div>
+          
+<!-- END MAIN CONTENT -->        
+        </div>
index 9b47e34..c2fe2a5 100644 (file)
   border-top: 1px dashed #336699;
 }
 
+.delete-link {
+  float: right;
+}
 
+.error-text {
+  color: red;
+  font-weight: bold;
+}