Ticket #5911 (closed defect (bug): fixed)

Opened 4 years ago

Last modified 4 years ago

Media Library updates

Reported by: andy Owned by: ryan
Priority: normal Milestone: 2.5
Component: Administration Version: 2.5
Severity: normal Keywords: media has-patch
Cc:

Description

Target: bring the Media Library page into line with the Happy Cog mockup.

Patches: coming in bursts.

Attachments

5911-1.diff Download (24.8 KB) - added by andy 4 years ago.
5911-2.diff Download (552 bytes) - added by andy 4 years ago.
Fix the Delete button AYS
5911-3.diff Download (49.9 KB) - added by andy 4 years ago.
images.zip Download (26.9 KB) - added by andy 4 years ago.
file icons for wp-includes/images
5911-4.diff Download (3.7 KB) - added by andy 4 years ago.
update mime-to-icon matching
5911-5.diff Download (639 bytes) - added by andy 4 years ago.
get filename from function instead of guid. fixes h-scroll caused by bad guid.
5911-6.diff Download (22.9 KB) - added by andy 4 years ago.
incremental changes to bring behavior up to latest wireframes
5911-7.diff Download (484 bytes) - added by andy 4 years ago.
fix overuse of default mime icon
5911-8.diff Download (652 bytes) - added by andy 4 years ago.
re-shuffle mp4/m4a file type matches
5911-9.diff Download (9.1 KB) - added by andy 4 years ago.
first pass at Media Library uploader tab
5911-10.diff Download (489 bytes) - added by andy 4 years ago.
remove debug cruft
5911-11.diff Download (599 bytes) - added by andy 4 years ago.
set swfupload max file size to match php ini
5911-12.diff Download (36.6 KB) - added by andy 4 years ago.
Button Revival!
5911-13.diff Download (7.7 KB) - added by andy 4 years ago.
error improvements, localization, and icon improvements -- please do not commit before new icons arrive in wp-includes/images/crystal
5911-14.diff Download (433 bytes) - added by andy 4 years ago.
Fix table styling
5911-15.diff Download (946 bytes) - added by andy 4 years ago.
Revive and filter "Add media:" text beside upload buttons
5911-16.diff Download (7.6 KB) - added by andy 4 years ago.
Improve upload_max_filesize error. Improve error display for long messages. New uploads now added to bottom, not top. Fix align class. Remove redundant header text.
5911-17.diff Download (9.2 KB) - added by andy 4 years ago.
Fix insert, gallery, sizing, type queries, errors, thumbs, type fallback.
5911-18.diff Download (452 bytes) - added by andy 4 years ago.
fix missing thumbnail radio button for inserting into post
5911-19.diff Download (609 bytes) - added by andy 4 years ago.
use new colors stylesheet
5911-20.diff Download (2.4 KB) - added by andy 4 years ago.
fix icons
5911-21.diff Download (1.3 KB) - added by andy 4 years ago.
fix invisible delete links (now with media-upload iframe body id)
5911-22.diff Download (1.5 KB) - added by andy 4 years ago.
more thumbnail fixes
5911-23.diff Download (1.2 KB) - added by andy 4 years ago.
remove ugliness from default attachment template
5911-24.diff Download (6.5 KB) - added by andy 4 years ago.
5911-25.diff Download (1.2 KB) - added by andy 4 years ago.
translate "Crunching..."
5911-26.diff Download (4.2 KB) - added by andy 4 years ago.
add Save button and fix tab+type breakage
5911-27.diff Download (5.4 KB) - added by andy 4 years ago.
"Deleted" message
5911-28.diff Download (5.8 KB) - added by andy 4 years ago.
use array(width, height) sizes in new image funcs
5911-29.diff Download (18.9 KB) - added by andy 4 years ago.
last patch on this ticket: remove obviously unreachable code
default-media-icon-size.png Download (22.9 KB) - added by iammattthomas 4 years ago.
Showing bad effects of min-height: 40px; on the thumbnail/icon
5911-rel.diff Download (2.6 KB) - added by andy 4 years ago.
add rel attrs to attachment links inserted from uploader
5911-delpretty.diff Download (4.0 KB) - added by andy 4 years ago.
pretty delete animation
5911-iconpretty.diff Download (843 bytes) - added by andy 4 years ago.
fix squashed icons and use 80x60 thumbs
5911-master.diff Download (4.8 KB) - added by andy 4 years ago.

Change History

andy4 years ago

comment:1   ryan4 years ago

(In [6910]) Media Library design updates from Andy. see #5911

comment:2   ryan4 years ago

  • Owner changed from ryan to andy

andy4 years ago

Fix the Delete button AYS

comment:3   andy4 years ago

  • Owner changed from andy to ryan

comment:4   ryan4 years ago

(In [6941]) Fix media delete nonce. Props andy. see #5911

andy4 years ago

andy4 years ago

file icons for wp-includes/images

comment:5   ryan4 years ago

(In [6974]) Media library work from andy. see #5911

andy4 years ago

update mime-to-icon matching

andy4 years ago

get filename from function instead of guid. fixes h-scroll caused by bad guid.

comment:6   ryan4 years ago

(In [7036]) update mime-to-icon matching and get filename from function instead of guid. Props andy. see #5911

andy4 years ago

incremental changes to bring behavior up to latest wireframes

comment:7   ryan4 years ago

(In [7043]) Media upload updates from andy. see #5911

andy4 years ago

fix overuse of default mime icon

andy4 years ago

re-shuffle mp4/m4a file type matches

comment:8   ryan4 years ago

(In [7045]) fix overuse of default mime icon and re-shuffle mp4/m4a file type matches. Props andy. see #5911

andy4 years ago

first pass at Media Library uploader tab

comment:9   ryan4 years ago

(In [7062]) Add media library uploader tab. Props andy. see #5911

andy4 years ago

remove debug cruft

andy4 years ago

set swfupload max file size to match php ini

(In [7067]) remove debug cruft and set swfupload max file size to match php ini. Props andy. see #5911

andy4 years ago

Button Revival!

(In [7092]) Media library updates from andy. see #5911

andy4 years ago

error improvements, localization, and icon improvements -- please do not commit before new icons arrive in wp-includes/images/crystal

(In [7100]) Media Library updates from andy. see #5911

andy4 years ago

Fix table styling

andy4 years ago

Revive and filter "Add media:" text beside upload buttons

(In [7151]) Table styling and "add media" label. See #5911. Hat tip: andy.

andy4 years ago

Improve upload_max_filesize error. Improve error display for long messages. New uploads now added to bottom, not top. Fix align class. Remove redundant header text.

(In [7160]) Improve upload_max_filesize error. Improve error display for long messages. New uploads now added to bottom, not top. Fix align class. Remove redundant header text. Props andy. see #5911

andy4 years ago

Fix insert, gallery, sizing, type queries, errors, thumbs, type fallback.

(In [7172]) Fix insert, gallery, sizing, type queries, errors, thumbs, type fallback. Props andy. see #5911

andy4 years ago

fix missing thumbnail radio button for inserting into post

(In [7177]) fix missing thumbnail radio button for inserting into post. Props andy. see #5911

  • Severity changed from major to blocker

Making a release blocker - we should close this when we are happy with the media library.

andy4 years ago

use new colors stylesheet

(In [7185]) Use the new colours stylesheet for the media library. See #5911 props andy.

andy4 years ago

fix icons

(In [7212]) Icon fixes. See #5911; hat tip: andy.

andy4 years ago

fix invisible delete links (now with media-upload iframe body id)

(In [7213]) Invisible ink delete links. See #5911. Also some old school colors, half-way done.

andy4 years ago

more thumbnail fixes

(In [7218]) More attachment thumbnail fixes, see #5911. Hat tip: andy.

andy4 years ago

remove ugliness from default attachment template

andy4 years ago

(In [7222]) Better media attachment template. See #5911. Hat tip: andy.

andy4 years ago

translate "Crunching..."

andy4 years ago

add Save button and fix tab+type breakage

(In [7228]) See #5911. Hat tip: andy.

andy4 years ago

"Deleted" message

(In [7256]) media handling fixes from andy. see #5911

andy4 years ago

use array(width, height) sizes in new image funcs

(In [7263]) Image fixes from andy. see #5911

I just noticed this, but patch 5911-14.diff in [7151] squishes the media icons (60px tall) into a max-height of 40px.

If it's necessary for image thumbnails, a class should be applied to thumbnails that gives them the max-height. Or, a class could be applied to file icons that gives them a height of 60px.

Now we have a funky media library that works a dream do we still need to keep wp-admin/includes/upload.php as it's not referenced by any WordPress code.

If so I guess we should make it as deprecated so we can remove it later.

I'm hoping this is the correct place for this. In my testing I've found a problem with the current Media Library. It seems to have been around for the last few revisions. I've compared two different test sites below that exhibit the same problem.

In the "Manage/MediaLibrary", when selecting any link in the "Media" column brings up the selected image's edit page as usual. At that point "Settings", "Plugins" and "Users" disappears from the top right of page and the following warning is displayed at the bottom of the page:

Warning*: Cannot modify header information - headers already sent by (output started at /home/longmead/public_html/just-thinkin/wp-admin/admin-header.php:26) in */home/longmead/public_html/just-thinkin/wp-includes/pluggable.php* on line *688

All plugins are deactivated during this test.

On my other test site currently running on r2998 the same thing occurs with the exception of slight change in the warning (different line #):

*Warning*: Cannot modify header information - headers already sent by (output started at /home/longmead/public_html/just-thinkin/wp25-test/wp-admin/admin-header.php:26) in */home/longmead/public_html/just-thinkin/wp25-test/wp-includes/pluggable.php* on line *687

Again, no plugins activated.

I'm to light yet on the ins and outs of the Wordpress code to troubleshoot this myself.

comment:29 follow-up: ↓ 30   KirkM4 years ago

Correction to my last comment. In the first example, that site is running r7331.

comment:30 in reply to: ↑ 29   KirkM4 years ago

Replying to KirkM:

Correction to my last comment. In the first example, that site is running trunk build r7331 and in the second example the trunk build is r7298.

This may be related to ticket #6206

andy4 years ago

last patch on this ticket: remove obviously unreachable code

  • Status changed from new to closed
  • Resolution set to fixed

(In [7347]) Remove old upload files. props andy. fixes #5911

  • Priority changed from high to normal
  • Status changed from closed to reopened
  • Resolution fixed deleted
  • Severity changed from blocker to normal
  • Type changed from enhancement to defect

As of r7355, upload.php is still linked from some pages in the admin area (i.e: Manage » Media Library)

I'm reopening the ticket in the hopes that either this file comes back or the link in edit.php is updated to whatever replaces upload.php

(In [7356]) Restore upload.php as we really need it. See #5911.

(In [7357]) Delete the correct upload.php. See #5911 props andy.

  • Status changed from reopened to closed
  • Resolution set to fixed

done

Showing bad effects of min-height: 40px; on the thumbnail/icon

  • Status changed from closed to reopened
  • Resolution fixed deleted

It may have been overlooked, but I mentioned previously that the min-height of 40px needs to be adjusted as it's unnaturally squashing the media library icons. See  screenshot.

andy4 years ago

add rel attrs to attachment links inserted from uploader

andy4 years ago

pretty delete animation

andy4 years ago

fix squashed icons and use 80x60 thumbs

andy4 years ago

(In [7466]) pretty delete animation, fix squashed icons and use 80x60 thumbs, add rel attrs to attachment links inserted from uploader. Props andy. see #5911

For a brief few hours on Saturday, I was pleased to see a tags field added to the attachment editing page. It's gone now and I keep hoping it will come back. Can we get that back? Please?

A comment on a blog post of mine:

also if I go to manage => media library then below “appears with” => it says: “no title” I click on no title, assuming I could edit its title, and get this error:

You attempted to edit a post that doesn’t exist. Perhaps it was deleted?

the url changes to: http://pacura.ru/wordpress/wp-admin/post.php?action=edit&post=-1206700048

it seems the media library tries to edit a post?

I can reproduce it on the latest Trunk too.

Create a new draft, attach an image, make sure it saves, Head over to the Manage Media library, the post link on the Image "Appears with" directs to the Draft post ID, not the real post id.

  • Status changed from reopened to closed
  • Resolution set to fixed
  • Milestone changed from 2.6 to 2.5
Note: See TracTickets for help on using tickets.