Changeset 26652

Timestamp:

12/05/2013 12:15:59 AM (11 years ago)

Author:

nacin

Message:

Themes: When only one theme is available, show just the details view.

Only one theme may be available when no other themes are allowed (multisite), no other themes are installed, or when the user is denied the switch_themes capability but still has edit_theme_options.

props matveb, markjaquith.
see #25962.

Location:

trunk/src/wp-admin

Files:

• css/wp-admin.css (modified) (1 diff)
• js/theme.js (modified) (2 diffs)

trunk/src/wp-admin/css/wp-admin.css

@@ -7053 +7053 @@
     font-weight: 700;
 }
+/**
+ * Single Theme Mode
+ * Displays detailed view inline when a user has no switch capabilities
+ */
+.single-theme .theme-overlay .theme-backdrop,
+.single-theme .theme-overlay .theme-header,
+.single-theme .theme {
+    display: none;
+}
+.single-theme .theme-overlay .theme-wrap {
+    clear: both;
+    position: static;
+}
+.single-theme .theme-overlay .theme-about {
+    padding: 30px;
+    position: static;
+}
+.single-theme .theme-overlay .theme-actions {
+    position: static;
+}
 
 /**

trunk/src/wp-admin/js/theme.js

@@ -62 +62 @@
             self = this;
 
+        // Don't render the search if there is only one theme
+        if ( themes.data.themes.length === 1 ) {
+            return;
+        }
+
         view = new themes.view.Search({ collection: self.collection });
 
@@ -408 +413 @@
         // Clear the DOM, please
         this.$el.html( '' );
+
+        // If the user doesn't have switch capabilities
+        // or there is only one theme in the collection
+        // render the detailed view of the active theme
+        if ( themes.data.themes.length === 1 ) {
+
+            // Constructs the view
+            this.singleTheme = new themes.view.Details({
+                model: this.collection.models[0]
+            });
+
+            // Render and apply a 'single-theme' class to our container
+            this.singleTheme.render();
+            this.$el.addClass( 'single-theme' );
+            this.$el.append( this.singleTheme.el );
+        }
 
         // Generate the themes