New Posting Features - Cel Photo Popup - Insert pictures from vB Albums, Attachs, Photopost, vBGallery

Important!

Old editor (vB 4.1.3 and below): use 4.0.008!
New editor (vB 4.1.4 and above): use 4.1.00x!

What does it do?

When creating or editing a post, your users can open a popup window that will show them their pictures in the chosen gallery, albums or attachment system.


Detailed features list

• see second post

Upgrade from vB3 version
Please uninstall the old version at AdminCP->Plugins & Products->Manage Addons. Also remove all files you uploaded for the vB 3 version apart from the editor icon, which will be reused. This will be /photo_popup.php and all /includes/photo_popup_config_[product].php files, relative to your forum root. Then follow the installation instructions below.


Installation

1. Extract the archive.
2. Choose the products you want to use and rename the configuration files in _UPLOAD/includes/cel/cel_pp_config from .php_new to .php
3. If you're using Photopost Pro, you need to fill in some crucial information into the config file. Please see the config file for more information.
4. Upload the contents of folder "_UPLOAD" to your forum root. Note how the folder structure mirrors the folder structure in your forum root, so every file will be in the right place.
5. Now the Photo Popup and your chosen product configuration files will be present with default settings on your server. Later on, you may want to make adjustments there.
6. Install the product file at AdminCP->Plugins & Products->Manage Addons.
7. Template edits?
   • If you are using new editor, you're done.
   • If you are using old Editor and Template Modification System (TMS), you're done.
   • If none of the above two conditions apply to you, do the template modifications explained in _DOCS/OLD_EDITOR_ONLY-template_edits.txt manually for the editors you want the popup accessible from.

Basic Configuration

• Global configuration is done via AdminCP->Options->Cel Photo-Popup
• Additionally, you can make settings and overrides in the seperate product config files. See "Product Configuration" in third post.

Upgrade

• If upgrading within the vB4 series, just reimport the product-xml-file, overwriting the old version, and reupload all files (skip the icon if you're using a custom one).
• Most times you will be done, but please check in _DOCS/config_file_versions.txt whether the config file for one of the products you use has been changed since you last updated.
• If the config file for one of your products has been updated, rename _UPLOAD/includes/cel/cel_pp_config from .php_new to .php and transfer your custom settings from your current config file to the new one. Then upload it to your server.

Support and debugging

Please note the information in this post of this thread.


Version history
For older versions see the vB3 version of this Mod.
### 4.1.004 ###
fixed several bugs, text-button re-added (full list)
### 4.1.002 ###
button not showing issue resolved
### 4.1.001 ###
adapted to new vB editor, added workaround for image spacing
### 4.0.004-008 ###
bugfix releases
### 4.0.003 ###
initial release
new (core): completely rewritten code
new: categories/user albums/folders listed hierachically in albums dropdown
new: Photopost Pro and vBGallery permissions for categories
new: global permissions check
new: cache system for albums dropdown
new: override all product related AdminCP-Settings in the product config file.


** Please note that the config files for Photoplog and CND Garage have not been converted. I do not have access to vB4 versions of those two softwares for testing and developing. Whether this will change in future, I don't know - at the moment, apart from having no software access, I'm very much out of time. Anyway, the config files are not too hard to figure out and there is a short introduction to adapting them. Please feel free to convert or develop for other software, if you like, and submit to this thread or to me personally by PM.

### Don't forget to click install! ###
(No support if you don't)

[Hostboard]

I am getting a TMS error:

There are 1 Template-Modifications that were not desinged for the currently installed vBulletin version. To make sure that vBulletin and your installed Products are working correctly, you must check and maybe modify those Template-Modifications.

It is stemming from editor_smiliebox

Also I can get the image in the editor with the default skin, custom skins that use custom images but the skin I am trying to use (PixlePremium) is using the default images and location. Weird... Any ideas?

[cellarius]

Regarding the TMS error: That may be because I may still be using an older version of TMS on my dev board. You should be able to ignore that.

Regarding the button path problem - the addon looks for the image in the folder cel inside the folder that is defined in the buttons image path in stylevars of that style. You should be able to use a tool like firebug to check where the editor is looking for the file.

[Mark.B]

My problem is the opposite way round, I can see the button image in IE9 but not Chrome or Firefox.

Checked and double checked the image locations, it's definitely there but does not show up. Got me baffled.

Firebug doesn't seem to work on editor elements so I can't test that way.

I even tried hardcoding the full URL into plugin.js, but despite this numerous cache clearing and refreshing just won't make it show up.

[cellarius]

Hi Mark,
sorry to hear that. If hardcoding it into plugin.js does not work, I'm out of ideas... it does work for me on all listed browsers. If IE shows it, I can't imagine it to be a path issue anyway.

BTW: Firebug does indeed not work on the buttons that come out of the box, but it does work on the added button. Since it shows up in IE, try the Dev Tools that come with it; I can see the path just fine there.

Anyone care to PN me with test access data so I can have a look at an editor?

[cellarius]

Originally Posted by Hostboard

Also, do you have a mouse over tool tip for the camera image? I can mouse over all the buttons and get a small note but not on yours.

It's supposed to be there, but there's a bug
Will be fixed in the next release.

If you want to have it fixed right now, add the following line at the end of /includes/cel/cel_pp_plugin_editor_construct.php:

$this->config['vbulletin']['phrase']['cel_pp_my_photos'] = $this->vbphrase['cel_pp_my_photos'];

The tooltip will be the same text as the button below the editor.

[Mark.B]

Originally Posted by cellarius

Hi Mark,
sorry to hear that. If hardcoding it into plugin.js does not work, I'm out of ideas... it does work for me on all listed browsers. If IE shows it, I can't imagine it to be a path issue anyway.

BTW: Firebug does indeed not work on the buttons that come out of the box, but it does work on the added button. Since it shows up in IE, try the Dev Tools that come with it; I can see the path just fine there.

Anyone care to PN me with test access data so I can have a look at an editor?

I can't make the right click context menu appear at all on any editor buttons, not even the added one, so I am unable to get Firefug to do its work.

As you say, can't be the path anyhow.

It's a weird one. I'm sure I'll get to the bottom of it eventually.

[Mark.B]

In IE8 the button is also missing, along with the following JS error....


Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.3)
Timestamp: Sun, 19 Feb 2012 17:45:50 UTC


Message: 'CKEDITOR.currentInstance.name' is null or not an object
Line: 23
Char: 5
Code: 0
URI: http://www.bowlandcentral.com/forum/...n.js?t=B8DJ5M3

[AusPhotography]

We upgraded to latest version and integrated images from our Photo competition system.
We are NOT getting the IE8 issue, we use Competitions, Albums, Attachments, vBgallery

We also run Marco's editor enhancement and have multiple skins.

We really like the button at the bottom of the editor window!! Thanks!

Kym

[marcellhernande]

Awesome! I loved it! It makes posting easier! Thank you!

[lachgas]

Small Problem.

PHP Code:

Debug information

Version: 4.1.001

Photo Popup Settings (from AdminCP)
num_of_cols: 3 [3]
num_of_rows: 3 [3]
num_total: 9
widht: 600
heigth: 680
products: albums attachments
insert_options_allowed: link_thumb_2_orig link_thumb_2_gallery link_med_2_orig link_med_2_gallery thumb med orig thumb_2_gallery_link_below med_2_gallery_link_below orig_2_gallery_link_below
allow_albums: 0
code_usergroups: 0

Code (this is what is inside the table cells)
<a href="#" onclick="thumbpaste('<img src=\'http://www.saab-cars.de/attachment.php?attachmentid=74702&thumb=1\' style=\'border: 0\' />','[img]https://vborg.vbsupport.ru/external/2012/03/35.jpg[/img]');event.returnValue=false;return false;"><img src="http://www.saab-cars.de/attachment.php?attachmentid=74702&thumb=1" style="border: 0" title=""/></a>

Images query:
SELECT att.attachmentid, att.contentid FROM attachment as att WHERE (att.userid = 10872 ) AND att.contenttypeid = '8' ORDER BY att.attachmentid DESC LIMIT 0, 9

Albums query (only if not coming from cache):

Pagination query:
SELECT COUNT('attachmentid') AS fotos FROM attachment as att WHERE (att.userid = 10872 ) AND att.contenttypeid = '8'

Link to Original
http://www.saab-cars.de/attachment.php?attachmentid=74702

Link to Thumb
http://www.saab-cars.de/attachment.php?attachmentid=74702&thumb=1

Used product: albums

Albums possible: 1

Cookie
Read Cookie: albums,,thumb,0
Set Cookie: albums,,thumb,0
Cache Cookie:

Table building (rows and columns)
[td ][td][td][td][tr][td][td][td][tr][td][td][td] 


Preview is Ok, when we save, we have only the code no pictures.