Git Product home page Git Product logo

media-manager-improvement's Introduction

Joomla! CMS™ Analytics

Build Status

Travis-CI Drone-CI AppVeyor
Build Status Build Status Build status

What is this?

What is Joomla?

  • Joomla! is a Content Management System (CMS) which enables you to build websites and powerful online applications.
  • It is a simple and powerful web server application which requires a server with PHP and either MySQL or PostgreSQL to run. You can find full technical requirements here.
  • Joomla! is free and Open Source software distributed under the GNU General Public License version 2 or later.

Looking for an installable package?

Joomla is not installable out of the box from this repository, please use:

How to get a working installation from the source

For detailed instructions please visit https://docs.joomla.org/J4.x:Setting_Up_Your_Local_Environment

You will need:

Steps to setup the local environment:

  • Clone the repository:
git clone [email protected]:joomla/joomla-cms.git
  • Go to the joomla-cms folder:
cd joomla-cms
  • Install all the needed composer packages:
composer install
  • Install all the needed npm packages:
npm install

Do you want to improve Joomla?

Copyright

  • Copyright (C) 2005 - 2018 Open Source Matters. All rights reserved.
  • Special Thanks
  • Distributed under the GNU General Public License version 2 or later
  • See License details

media-manager-improvement's People

Contributors

alikon avatar andrepereiradasilva avatar brianteeman avatar c-lodder avatar chdemko avatar ciar4n avatar dextercowley avatar dgrammatiko avatar dneukirchen avatar eddieajau avatar elinw avatar hackwar avatar infograf768 avatar johanjanssens avatar kubik-rubik avatar laoneo avatar louislandry avatar mbabker avatar okonomiyaki3000 avatar pasamio avatar photodude avatar phproberto avatar rdeutz avatar realityking avatar reygigataras avatar rhukster avatar roland-d avatar severdia avatar wilsonge avatar zero-24 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

media-manager-improvement's Issues

How to test/play

Would be great to have some testing instructions or similar in the readme to get started with the project. Perhaps there are people coming here who want to contribute.

Fatel error in Media Manager

Steps to reproduce the issue

Navigate to Content -> Media

Expected result

Media Manager

Actual result

<div id="filesview">
<br>
<b>Fatal error</b>
: Call to undefined function finfo_open() in
<b>C:\xampp\htdocs\media-manager-improvement\administrator\components\com_media\models\file\adapter\local.php</b>
on line
<b>446</b>
<br>
</div>

System information (as much as possible)

PHP Version 5.6.11
mysqlnd 5.0.11

Implement a info sidebar

  • The info sidebar is collapsable
  • It shows basic information about the selected file or directory

Image filename issue on <a> and <img> tags

Probably just another example of my ignorance on the backend of this project however I am having the following issue within the Media Manager..

media-manager1

It appears the image filename within the a and img tags is including the entire local path rather than just the filename resulting in both been inaccessible..

<img width="60" height="13" alt="joomla_black.png - 4.86 kb" src="http://localhost/media-manager-improvement/images/C:\xampp\htdocs\media-manager-improvement\images\joomla_black.png">
<a class="img-preview" title="joomla_black.png" href="index.php?option=com_media&view=file&file=C:\xampp\htdocs\media-manager-improvement\images\joomla_black.png">

Steps to reproduce the issue

Open the Media Manager

System information (as much as possible)

Running on a localhost with the latest version of XAMPP
PHP Version: 5.6.24
Database Version: 5.5.5-10.1.16-MariaDB
Safe Mode: Off
Open basedir: None
Display Errors: On
Short Open Tags: Off
File Uploads: On
Magic Quotes: Off
Register Globals: Off
Output Buffering: On
Session Save Path: C:\xampp\tmp
Session Auto Start: 0
XML Enabled: Yes
Zlib Enabled: Yes

[API] Handle invalid path requests

Steps to reproduce the issue

Make a get request with an invalid path

GET /administrator/index.php?option=com_media&format=json&task=api.files&path=some-invalid---or-not-existing-path

Expected result

Server responds with an 404 error.

Actual result

Server responds with an 200 error and empty data set

Change the edit form field to the new code

The edit form field needs to be changed to the new vue based list view. Should we go with the iframe approach or try to integrate vue into the edit forms like article.

Relative paths

Steps to reproduce the issue

When I open the media manager in a subfolder, then I receive a 404 error. The paths to the api are absolute and should be relative. The same for the images in the folder contents view.

Thumbnails and croping features ?

Hi

Will this new mediamanager allow us to upload a large image and create as many thumbnails we need with a JS croping interface ?

thanks

cyril

Media Manager cloeses immediately

Steps to reproduce the issue

  • Go to Joomla! 4 Administrator Control Panel
  • Open media manager

Expected result

  • Showing up directories and files in the media storage

Actual result

A message box showing up 200 OK and returning immediately to the control panel home page

System information (as much as possible)

PHP 7 with Windows

Additional comments

This is same as in the add article section, media manager won't come up when we want to add a image to an article.

API / Fileadapter: resource response data for create folder request

Steps to reproduce the issue

Try to create a new folder:
POST /administrator/index.php?option=com_media&format=json&task=api.files&path=/
JSON BODY: {name: 'my-folder'}

Expected result

A single resource response (not an array of items) with the data of the newly created folder:

{
  success: true,
  message: null, 
  messages: null, 
  data: {
    type: "folder", 
    name: "my-folder", 
    path: "/my-folder", 
    extension: "", 
    size:…
  }
}

Actual result

The contents of the newly created folder.

{success: true, message: null, messages: null, data: []}

Error and Exception handling

As pr #116 revealed. We need to address how error and exception handling should be done in the new media manager. Only on client side or server side and client side or only server side. We need to define a procedure for the following errors:

  • PHP errors
  • Exceptions
  • Invalid data
  • Javascript errors

Create Joomla\MediaManager

Create a new library under libraries/vendor/joomla-projects and have it include a Joomla\MediaManager\Image\ActionInterface interface.

Prepare vue deployment for production

  • Run the bundling command with NODE_ENV set to "production". This tells vueify to avoid including hot-reload and development related code.

  • Apply a global envify transform to the bundle. This allows the minifier to strip out all the warnings in Vue’s source code wrapped in env variable conditional blocks.

  • Exclude the resource and build files from the joomla build process.

  • Extract inline styles to separate css file: NODE_ENV=production browserify -g envify -p [ vueify/plugins/extract-css -o media-manager.css ] -e app.js | uglifyjs -c -m > app.js

Back end api controller

A new api controller should be introduced which acts as endpoint for the client side javascript code.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.