Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
mjau-mjau
X3 Wizard
Topic Author
Posts: 11337
Joined: 30 Sep 2006, 07:37

X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 09:33

X3 Beta v0.10 [PANEL ONLY] May 19
A massive update to the admin panel, almost achieving the X3 panel we always wanted to have. Many important features are included, making the admin panel ready to power the next generation of X3 coming our way. To make things easy, I want to emphasize that this release is PANEL ONLY.

Demo
https://demo.photo.gallery/panel/

Before getting started, I would also like to forward a big thanks to the Codstack (fb) team, without their enthusiastic contributions to the panel core, it would never have happened.

---
Those of you who already have the "secret link", can use the same link to download this latest release. To those who don't yet have the "secret link", send me a PM, and I will provide it.
---

How to update
Since this release is strictly panel-only, you can update by simply uploading the new panel folder, overwriting your existing folder. PS! You will need to update the new config.php also ... I recommend saving your old config.php locally, and simply updating the new one with your login/password (or DB details).

What's NOT included in this update?
Before I get started on the new features in this release, I thought it would be helpful to emphasize what features that have NOT been addressed yet. We are not quite satisfied with how page settings are applied, as it is still not very intuitive. This will need to get improved in a future release, as the feature is deeply tied in with how the website itself works.

---

UPDATES

Multiple Languages
The first thing you may notice when logging in to your panel, is a new languages dropdown-selector. This feature allows you to choose between English, German and French, and it will remember your selection.
Image
Languages are perhaps 90% implemented, so there are a few non-translated items, and some translations (German, French) may be poorly translated (Google). You can edit a translation-file, by navigating to the folder filemanager_assets/lng/ and opening any of the PHP language file in a text editor. You can also create new languages, for example Spanish.php, by simply duplicating the English.php file and translating it. Warning! Although this feature is ready to be used, if you make your own custom translations, you will need to manually manage this when doing future updates (unless we merge your changes with the official branch). Also, the items in the language files need to be cleaned up, as there is a lot of unused stuff there that will be removed eventually.

New Menu
One of the first things you may see after login, is the brand new content MENU, designed from scratch for the new X3 panel.
Image
Unlike the previous menu, this menu is "instant", and has a clear design for navigating a complex tree menu. It also comes with a new context-menu, that allows you to perform actions on the folder directly from the menu (like a desktop file manager).
Image
- Single load (does not require multiple connections with the server to load branches any more).
- Branches expand/collapse instantly.
- New clear design, easily distinguish between expanding a branch and clicking a link.
- Expand/Collapse buttons to instantly toggle open/closed the entire branch.
- Remembers its own expansion-state when you refresh the browser.
- Fixed menu on scroll (unless menu is expanded taller than screen height).
- New context-menu, that allows you to perform actions on the folder directly from the menu!

New Content editor
There is a brand new markdown/html editor for the page "content", which has been separated from other page settings. The new editor is designed to easier allow extended custom content editing.
Image
This editor previews in real-time your markdown code, and will also highlight certain html tags. No longer do you need to indent your content with two spaces, and you can freely write your content directly into this field.
- Markdown real-time preview
- Helper buttons (bold, italic, image, link)
- Insert X3-specific templates https://d.pr/i/14Vb5 (more templates will be available)
- Preview mode https://d.pr/i/1dwCn
- Fullscreen mode with fixed toolbar https://d.pr/i/13wm2
- Keyboard commands for bold, italic, link, image, save, preview, toggle and undo ...

Gallery View Modes and Features
We have added several new "gallery" list view modes, wrapped into a new design:

List mode
Image

Small thumbs mode
Image

Large thumbs mode
Image

Edit (title/description) mode *
Image

Improved selection manager
Image
- Use the check/uncheck all button, or use ctrl-a/cmd-a to toggle select-all.

Improved quick-edit file in list
Image

Realtime sorting by size, date or name
Image

New ZIP selected files
Image
Because of technical reasons, the resulting ZIP file will include the folder path relative from "content".

Add titles and descriptions for files
As noted earlier, there is a new mode to edit/add titles and descriptions for images (or other files).
Image
- Titles and descriptions do not yet support html tags (for technical reasons).
- If you are renaming physical file names, they will loose any title/description assigned, because this is referenced in the page.yml file. Generally speaking, you should not be renaming files, at least not if you are applying titles and descriptions.
- Titles and descriptions in this view mode only apply for files, NOT folders.
- If you have used this feature earlier in the page.yml file, you will need to move all your titles and description to the bottom of the document, below a comment "# File Data"

New UPLOADER with image-resizer and previews
We have added a new uploader module, which allows you to resize images before they are uploaded.
Image
- Drag images into the "dropzone" or click to upload.
- Drag an entire folder (some browser only, Chrome+)
- Preview mode. See images and file-size in the upload queue before you start the upload process.
- Validation after upload.
- Remembers resize options.
- Should overcome the max_uploads limitation on some servers (but not max filesize).

Preview images and image-size prior to starting the upload.
Image

After upload, files are validated and previewed
Image

* Important info about the image-resizer
We integrated the image-resizer because in most cases it is obligatory to resize your images to a web-friendly format prior to upload. Some of you already have your own workflow for custom control of quality vs filesize vs dimensions ... If so, you can simply disable the image-resizer. The image-resizer exists for those who are uploading large original images directly, which should be resized down. Why? (some might ask) ... Because original images are often several MB (way too large for web viewing), 3000 megapixels + (way too large for average web viewing), and should be sized down to a web-friendly format. We have set 1600px as default for the image-resizer, because it is a generous and sensible size for the largest X3 image, which should still look nice on most large screens and retina-devices at very acceptable file-sizes.

New POPUP lightbox
Added a new popup script, which is much more effective in previewing your images. It includes a ZOOM function, which allows you to review the quality of the image at full scale.
Image
* Scaled down for demonstration purposes.

Cloudflare API
We have added Cloudflare API settings, which allows you to use Cloudflare's incredibly fast edge-caching also on X3 pages, while still in control of the caching mechanism. This requires using Cloudflare, as well as adding specific page-rules for caching X3 pages. This is reserved for "advanced users" who are over-averagely concerned with speed and performance.
TUTORIAL: https://forum.photo.gallery/viewtopic.p ... 429#p37429
Image

Remembering states
To make things much more intuitive, the new panel uses html5 localstorage to "remember" states for many features. After navigating between pages or refreshing the page, it will remember the state of the current page.
- Remembers last visited settings page (on refresh).
- Remembers last visited manage-page (on refresh).
- Remembers last collapse/expand state of the main menu.
- Remember checked (selected) items for each folder.
- Remembers selected tab, "page" or "gallery".
- Remembers files "view mode" (list, thumbnails etc.)
- Remembers sorting of items.

* Memorized states are local to the browser you are using, and will not transfer if you start to use a different browser or different device.

Other
- Additional login security
- Auto-focus and "return" key support for modal windows (delete, rename etc.)
- Fixed custom/javascript/ page.yml bug
- Search is now Global
- New "View Page" link to preview current page.
- Fixed multiple users for DB-version.
 
User avatar
fsfs
Experienced
Posts: 56
Joined: 24 Apr 2012, 11:28

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 10:17

Thumbs up, great work Karl!
 
User avatar
andreamarucci
Experienced
Posts: 292
Joined: 01 Mar 2011, 16:13

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 11:50

Wow! I'll install it asap.

Karl are you interested in italian translation? It's a work I've done for many script I use so I'm fairly accustomed in doing that kind of work.
 
illunis
Experienced
Posts: 84
Joined: 14 May 2012, 11:24

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 11:56

Great work Karl....thnx for the effort...!

(minor notice...when you go at the /check page it shows version 0.9 but this is maybe i guess it is only PANEL update....)

:)
 
User avatar
andreamarucci
Experienced
Posts: 292
Joined: 01 Mar 2011, 16:13

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 12:12

Installed now. A little problem.

If you go here

http://gallery.kog.it/20112015/2011/300111/

you'll see that the gallery has a description
Code
 Due giorni sulla neve, due grandi mangiate, la compagnia e una fiaccolata notturna spettacolare!!!
but if I go in the panel, I'm not able to see any description as entered in the previous version of the panel.
Schermata 2015-05-19 alle 14.09.39.png
Schermata 2015-05-19 alle 14.09.39.png (91.12 KiB) Viewed 5876 times
and If I look inside the page.yml file inside that folder, the content is there
Code
title 		: Kog Winter Days # Main page title, also used in menu and <title>. [10-70]
label		: <b>Kog Winter Days</b> | 30 Gennaio # Optional short label for the menu if title is too long. 
description	: 30 Gennaio 2011 # Used as subheader and in description meta tag. [20-160]
date		: 30.01.2011 # If not specified, will default to page-updated date.
link		: # Add a custom link, and redirect this page to the specified URL.
image		: # Preview image for the page, used in context layout and in sharing.
menu		: # Settings for the menu item for this page.
body		: # Special body classes.
layout		: # Settings- and classes for layout and all page modules.
context		: # Settings- and classes for page context-module (text/html).
folders		: # Settings- and classes for page folders-module (subfolders).
gallery		: # Settings- and classes for page gallery-module (images).
content		: Due giorni sulla neve, due grandi mangiate, la compagnia e una fiaccolata notturna spettacolare!!!
so apparently the new panel doesn't read the content row.

Am I doing something wrong or there's a bug?
 
User avatar
andreamarucci
Experienced
Posts: 292
Joined: 01 Mar 2011, 16:13

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 12:14

Also, if you look in the list of folder you'll see that the numbers are not in the correct order so before there was

1
2
3
4
5

and now

1
10
11
12
2
3
4
 
User avatar
Overmaster
Experienced
Posts: 51
Joined: 21 Jan 2011, 10:54

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 12:15

 
winph
Experienced
Posts: 236
Joined: 19 Jul 2008, 09:07

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 14:01

How do i use the new POPUP LIGHTBOX?
 
User avatar
mjau-mjau
X3 Wizard
Topic Author
Posts: 11337
Joined: 30 Sep 2006, 07:37

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 15:44

andreamarucci wrote:Karl are you interested in italian translation? It's a work I've done for many script I use so I'm fairly accustomed in doing that kind of work
Would be cool ;) Let me see if I can tidy up the translation files first though, because there are a lot of items there that are not being used.
illunis wrote:(minor notice...when you go at the /check page it shows version 0.9 but this is maybe i guess it is only PANEL update....)
You will need to upgrade the "check" folder also, although strictly speaking it is not necessary. There is some disambiguation with the "version" currently, because we still need it to load v0.9 CSS and JS files from the CDN service. It would be unproductive to change the file name for these unchanged files that have been spread around and cached on a distributed network. The only solution for this would be to do separate versioning for panel and frontend, but for now I think we can live with this minor semantic issue.
andreamarucci wrote:Installed now. A little problem.
This may happen to a few of you who have been editing the content previously without starting the content on a new line (which it should be, for the markdown format). This can be solved TWO ways ... 1) The easiest is to simply copy-paste the content that is supposed to be there, and re-save ... problem solved. 2) Optionally, you can edit your page.yml file so that the content setting instead looks like this:
Code
content      :  |
  Due giorni sulla neve, due grandi mangiate, la compagnia e una fiaccolata notturna spettacolare!!!
The problem will not occur as long as you save from the new editor, as it will always format as the above, on a new line, indented with two spaces.
andreamarucci wrote:Also, if you look in the list of folder you'll see that the numbers are not in the correct order so before there was
Do you have a login to your panel so I can take a look? This is not strictly a "bug", because it simply outputs the folder structure as it is stored on your server ... I am surprised it does not output in named order though, so I would like to take a look.
Overmaster wrote:Dont work panel:
www.isakovroman.com/x3/panel admin, admin
Are you 100% sure you are using the new config file? I am getting "500 internal server error" for the file http://www.isakovroman.com/x3/panel/aja ... anager.php ... If you are 100% sure you did, please offer FTP.
winph wrote:How do i use the new POPUP LIGHTBOX?
It does not work for you? As emphasized heavily, all new features including the popup lightbox, are PANEL-ONLY ... It will work out-of-the-box if you have updated all files. If you still can't see the new popup from the admin, please provide me admin login so I can take a look ...
 
User avatar
andreamarucci
Experienced
Posts: 292
Joined: 01 Mar 2011, 16:13

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 15:46

mjau-mjau wrote:Do you have a login to your panel so I can take a look?
Sure, sent you a private message
 
User avatar
sprocket
Experienced
Posts: 98
Joined: 19 Dec 2008, 00:40

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 17:03

I've uploaded the panel folder with no problems. Updated the config.php. When I login (with FF or IE), I immediately get this error
Code
Parse error: syntax error, unexpected '[' in /home/.../x3/panel/ajax_show_filemanager.php on line 267
If you need X3 login or ftp login let me know and I will PM it too you.
Last edited by sprocket on 20 May 2015, 01:56, edited 1 time in total.
 
User avatar
radapple
Experienced
Posts: 29
Joined: 28 Sep 2006, 19:35

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 19:26

I will never stop to congratulate you for the work done, the creature takes shape :D
http://pureapixel.com/
 
winph
Experienced
Posts: 236
Joined: 19 Jul 2008, 09:07

Re: X3 Beta V0.10 [PANEL ONLY]

19 May 2015, 23:52

POPUP LIGHTBOX

my bad. i thought all lightbox not only in panel.
 
User avatar
mjau-mjau
X3 Wizard
Topic Author
Posts: 11337
Joined: 30 Sep 2006, 07:37

Re: X3 Beta V0.10 [PANEL ONLY]

20 May 2015, 06:10

sprocket wrote:I've uploaded the panel folder with no problems. Updated the config.php. When I login (with FF or IE), I immediately get this error
Code
Parse error: syntax error, unexpected '[' in /home/.../x3/panel/ajax_show_filemanager.php on line 267
Sorry, I assume you downloaded latest version before the official announcement? There was an issue that broke the code on earlier versions of PHP, which we fixed quickly. Just download this file https://d.pr/f/1fUER+ and update the file panel/ajax_show_filemanager.php.
winph wrote:my bad. i thought all lightbox not only in panel.
We do intend to replace the popup in the frontend also for next release.
 
janric
Posts: 9
Joined: 13 Mar 2013, 10:36

Re: X3 Beta V0.10 [PANEL ONLY]

20 May 2015, 08:46

Hello,
Could I please get the link to access the Beta version?

I could review the German and French translation files (I can speak both fluently).

Cheers
Jan