Changeset 335

Timestamp:

01/30/2014 08:01:01 PM (12 years ago)

Author:

nacin

Message:

Trac: First pass at pulling in ticket reports into a popup.

Location:

sites/trunk/wordpress.org/public_html/style/trac

Files:

• wp-trac.css (modified) (1 diff)
• wp-trac.js (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/style/trac/wp-trac.css

@@ -1283 +1283 @@
 }
 
+/* =Reports page */
+#report-popup {
+    display: none;
+}
+body.ticket-reports-open #content {
+    display: none;
+}
+body.ticket-reports-open #report-popup {
+    display: block;
+    position: absolute;
+    top: 184px;
+    background: white;
+    width: 100%;
+}
+#report-popup .ticket-reports {
+    max-width: 940px;
+    margin: 30px auto;
+    position: relative;
+}
+.ticket-reports .report-group h3 {
+    font-weight: bold;
+}
+#main .ticket-reports h4 {
+    font-size: 1.2em;
+}
+#main .ticket-reports h4 a {
+    font-weight: normal;
+}
+.ticket-reports .report {
+    float: left;
+    display: inline-block;
+    width: 220px;
+    margin-right: 15px;
+}
+.ticket-reports .wide .report,
+.ticket-reports .report.wide {
+    width: 335px;
+}
+.ticket-reports .narrow .report,
+.ticket-reports .report.narrow {
+    width: 130px;
+    margin-right: 10px;
+}
+.ticket-reports .report h4 {
+    margin-bottom: 8px;
+}
+.ticket-reports .report p {
+    margin-top: 0;
+}
+.ticket-reports .report p a {
+    border: 0;
+}
+.ticket-reports .report-group {
+    clear: both;
+    overflow: auto;
+    margin-bottom: 30px;
+}
+.ticket-reports .reports h3 {
+    margin: 0 0 10px;
+}
+#report-popup h4, #report-popup a {
+    border: 0;
+    background: none;
+}
+#report-popup .ticket-reports .close {
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+#report-popup .ticket-reports h3 {
+    font-size: 21px;
+}
+#report-popup .ticket-reports .report {
+    margin-right: 40px !important;
+}
+#report-popup .ticket-reports a {
+    color: #21759b;
+}
+#report-popup .ticket-reports a:hover {
+    color: #d54e21;
+}
+#report-popup .ticket-reports h2 {
+    margin-bottom: 30px;
+}
+
 /* =Responsive / Mobile
 ----------------------------------------------- */

sites/trunk/wordpress.org/public_html/style/trac/wp-trac.js

@@ -48 +48 @@
                 wpTrac.workflow.init();
                 if ( $(document.body).hasClass( 'core' ) ) {
+                    wpTrac.reports();
                     wpTrac.focuses.init();
                 }
@@ -295 +296 @@
                 });
             }
+        },
+
+        reports: function() {
+            var popup = $( '#report-popup' ), failed = false;
+            $( '.ticket-reports' ).on( 'change', '.tickets-by-topic', function() {
+                var topic = $(this).val();
+                if ( ! topic ) {
+                    return;
+                }
+                window.location.href = $(this).data( 'location' ) + topic;
+                return false;
+            });
+            popup.appendTo( '#main' );
+            $( '.open-ticket-report' ).click( function( event ) {
+                if ( popup.children().length === 0 ) {
+                    var jqxhr = $.ajax({
+                        url: 'https://make.wordpress.org/core/reports/?from-trac',
+                        xhrFields: { withCredentials: true }
+                    }).done( function( data ) {
+                        $( data ).find( '.ticket-reports' ).appendTo( popup );
+                        $(document.body).addClass( 'ticket-reports-open' );
+                    }).fail( function() {
+                        failed = true;
+                    });
+                } else {
+                    $(document.body).toggleClass( 'ticket-reports-open' );
+                    event.preventDefault();
+                }
+                if ( ! failed ) {
+                    event.preventDefault();
+                }
+            });
+            $( '#report-popup' ).on( 'click', '.close', function() {
+                $(document.body).removeClass( 'ticket-reports-open' );
+                return false;
+            });
         },