Changeset 9754

Timestamp:

04/16/2015 09:58:26 PM (11 years ago)

Author:

imath

Message:

Avatar UI: Add specific stylesheet and javascript files and register WordPress styles and scripts

• Edit bp_core_register_common_scripts() in order to be able to enqueue scripts into the footer.
• bp-plupload.js (handle: bp-plupload) is depending on plupload and wp-backbone and is the BuddyPress adaptation of wp-plupload.js. When a file is uploaded it builds some BackBone collections and views to manage the user feedbacks, the back and front end Upload UI.
• avatar.js (handle: bp-avatar) is depending on jcrop and is responsible of building the extensible Avatar UI navigation tabs and the Crop view.
• webcam.js (handle: bp-webcam) is depending on bp-avatar and is responsible of building the Camera view after checking the bowser supports getUserMedia to capture the video stream.
• avatar.css (handle: bp-avatar) is depending on jcrop and is building the styles for the complete Avatar UI.

Props hnla.

See #6290

Location:

trunk/src/bp-core

Files:

• bp-core-cssjs.php (modified) (2 diffs)
• css/avatar-rtl.css (added)
• css/avatar.css (added)
• js/avatar.js (added)
• js/bp-plupload.js (added)
• js/webcam.js (added)

trunk/src/bp-core/bp-core-cssjs.php

@@ -29 +29 @@
 
                 // Legacy
-                'bp-confirm'        => array( 'file' => "{$url}confirm{$min}.js",        'dependencies' => array( 'jquery' ) ),
-                'bp-widget-members' => array( 'file' => "{$url}widget-members{$min}.js", 'dependencies' => array( 'jquery' ) ),
-                'bp-jquery-query'   => array( 'file' => "{$url}jquery-query{$min}.js",   'dependencies' => array( 'jquery' ) ),
-                'bp-jquery-cookie'  => array( 'file' => "{$url}jquery-cookie{$min}.js",  'dependencies' => array( 'jquery' ) ),
-                'bp-jquery-scroll-to' => array( 'file' => "{$url}jquery-scroll-to{$min}.js", 'dependencies' => array( 'jquery' ) ),
+                'bp-confirm'        => array( 'file' => "{$url}confirm{$min}.js",        'dependencies' => array( 'jquery' ), 'footer' => false ),
+                'bp-widget-members' => array( 'file' => "{$url}widget-members{$min}.js", 'dependencies' => array( 'jquery' ), 'footer' => false ),
+                'bp-jquery-query'   => array( 'file' => "{$url}jquery-query{$min}.js",   'dependencies' => array( 'jquery' ), 'footer' => false ),
+                'bp-jquery-cookie'  => array( 'file' => "{$url}jquery-cookie{$min}.js",  'dependencies' => array( 'jquery' ), 'footer' => false ),
+                'bp-jquery-scroll-to' => array( 'file' => "{$url}jquery-scroll-to{$min}.js", 'dependencies' => array( 'jquery' ), 'footer' => false ),
 
                 // 2.1
-                'jquery-caret' => array( 'file' => "{$url}jquery.caret{$min}.js", 'dependencies' => array( 'jquery' ) ),
-                'jquery-atwho' => array( 'file' => "{$url}jquery.atwho{$min}.js", 'dependencies' => array( 'jquery', 'jquery-caret' ) ),
+                'jquery-caret' => array( 'file' => "{$url}jquery.caret{$min}.js", 'dependencies' => array( 'jquery' ), 'footer' => false ),
+                'jquery-atwho' => array( 'file' => "{$url}jquery.atwho{$min}.js", 'dependencies' => array( 'jquery', 'jquery-caret' ), 'footer' => false ),
+
+                // 2.3
+                'bp-plupload' => array( 'file' => "{$url}bp-plupload{$min}.js", 'dependencies' => array( 'plupload', 'jquery', 'json2', 'wp-backbone' ), 'footer' => true ),
+                'bp-avatar'   => array( 'file' => "{$url}avatar{$min}.js", 'dependencies' => array( 'jcrop' ), 'footer' => true ),
+                'bp-webcam'   => array( 'file' => "{$url}webcam{$min}.js", 'dependencies' => array( 'bp-avatar' ), 'footer' => true ),
+
         ) );
 
         $version = bp_get_version();
         foreach ( $scripts as $id => $script ) {
-                wp_register_script( $id, $script['file'], $script['dependencies'], $version );
+                wp_register_script( $id, $script['file'], $script['dependencies'], $version, $script['footer'] );
         }
 }
@@ -77 +83 @@
                         'file'         => $admin_bar_file,
                         'dependencies' => array( 'admin-bar' )
-                )
+                ),
+                'bp-avatar' => array(
+                        'file'         => "{$url}avatar{$min}.css",
+                        'dependencies' => array( 'jcrop' )
+                ),
         ) );