UX: more permalinks page improvements

app/assets/javascripts/admin/templates/permalinks.hbs

@@ -10,9 +10,9 @@
     <div class='table admin-logs-table permalinks'>
       <div class="heading-container">
         <div class="col heading first url">{{i18n 'admin.permalink.url'}}</div>
-        <div class="col heading topic_id">{{i18n 'admin.permalink.topic_id'}}</div>
-        <div class="col heading post_id">{{i18n 'admin.permalink.post_id'}}</div>
-        <div class="col heading category_id">{{i18n 'admin.permalink.category_id'}}</div>
+        <div class="col heading topic">{{i18n 'admin.permalink.topic_title'}}</div>
+        <div class="col heading post">{{i18n 'admin.permalink.post_title'}}</div>
+        <div class="col heading category">{{i18n 'admin.permalink.category_title'}}</div>
         <div class="col heading external_url">{{i18n 'admin.permalink.external_url'}}</div>
         <div class="col heading actions"></div>
         <div class="clearfix"></div>

app/assets/javascripts/admin/templates/permalinks_list_item.hbs

@@ -1,19 +1,17 @@
 <div class="col first url">{{url}}</div>
-<div class="col topic_id">
+<div class="col topic">
   {{#if topic_id}}
-    {{topic_id}}
-    (<a href='{{unbound topic_url}}'>{{topic_title}}</a>)
+    <a href='{{unbound topic_url}}'>{{topic_title}}</a>
   {{/if}}
 </div>
-<div class="col post_id">
+<div class="col post">
   {{#if post_id}}
-    <a href='{{unbound post_url}}'>{{post_id}}</a>
+    <a href='{{unbound post_url}}'>#{{post_number}} {{post_topic_title}}</a>
   {{/if}}
 </div>
-<div class="col category_id">
+<div class="col category">
   {{#if category_id}}
-    {{category_id}}
-    (<a href='{{unbound category_url}}'>{{category_name}}</a>)
+    <a href='{{unbound category_url}}'>{{category_name}}</a>
   {{/if}}
 </div>
 <div class="col external_url">

app/assets/stylesheets/common/admin/admin_base.scss

@@ -1473,20 +1473,20 @@ table#user-badges {
 // Permalinks
 
 .permalinks {
-  .url, .topic_id, .category_id, .external_url {
+  .url, .topic, .category, .external_url, .post {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   .url {
     width: 200px;
   }
-  .topic_id, .external_url {
-    width: 220px;
+  .topic, .post, .external_url {
+    width: 180px;
   }
-  .category_id {
-    width: 160px;
+  .category {
+    width: 140px;
   }
-  .action, .post_id {
+  .action {
     text-align: center;
     width: 8%;
   }

app/serializers/permalink_serializer.rb

@@ -1,5 +1,5 @@
 class PermalinkSerializer < ApplicationSerializer
-  attributes :id, :url, :topic_id, :topic_title, :topic_url, :post_id, :post_url, :category_id, :category_name, :category_url, :external_url
+  attributes :id, :url, :topic_id, :topic_title, :topic_url, :post_id, :post_url, :post_number, :post_topic_title, :category_id, :category_name, :category_url, :external_url
 
   def topic_title
     object.try(:topic).try(:title)
@@ -13,6 +13,14 @@ class PermalinkSerializer < ApplicationSerializer
     object.try(:post).try(:url)
   end
 
+  def post_number
+    object.try(:post).try(:post_number)
+  end
+
+  def post_topic_title
+    object.try(:post).try(:topic).try(:title)
+  end
+
   def category_name
     object.try(:category).try(:name)
   end

config/locales/client.en.yml

@@ -2447,8 +2447,11 @@ en:
         title: "Permalinks"
         url: "URL"
         topic_id: "Topic ID"
+        topic_title: "Topic"
         post_id: "Post ID"
+        post_title: "Post"
         category_id: "Category ID"
+        category_title: "Category"
         external_url: "External URL"
         delete_confirm: Are you sure you want to delete this permalink?
         form: