openl10n / openl10n-app Goto Github PK

Web-app client for OpenLocalization built with AngularJS

License: MIT License

JavaScript 63.44% HTML 21.82% CSS 14.74%

openl10n-app's Introduction

OpenLocalization

OpenLocalization is a localization management web-app to help you translate any of your projects. Its goal is to provide a simple and flexible tool to easily edit and deploy your application translations.

See the official website to learn more about OpenLocalization. The following sections are a summary of the installation steps to make it works quickly. You're encouraged to read the full documentation for more details.

Warning

This project is under heavy development. Many changes on backend and frontend apps are expected. However the current release is usable and data migrations will be easy. About the database I plan to focus on PostgreSQL features and will remove the ability to use MySQL.

Due to lack of time those last weeks I prefered to work on a private fork and postpone the next release until I reach a better "minimal viable product". Don't expect to see new releases before Q4 2015.

If you're interested in the project, help is still welcomed :)

Requirements

PHP 5.4 (or higher)
MySQL/PostgreSQL server
Composer
Node + NPM + Sass

Installation

Install PHP dependencies:

composer install

Build the front-end assets:

npm install
./node_modules/.bin/gulp build --prod

Initialize the database:

php app/console doctrine:database:create --env=prod --no-debug
php app/console doctrine:schema:create --env=prod --no-debug

Add a new user:

php app/console openl10n:user:new --env=prod --no-debug

Run the application on http://127.0.0.1:8000

php app/console server:run

License

OpenLocalization is released under the MIT License. See the bundled LICENSE file for details.

openl10n-app's People

Contributors

Stargazers

Watchers

Forkers

b-durand inalgnu nchaulet stof pamuche

openl10n-app's Issues

Ability to see untranslated messages

When you have lots of translations, it is handy to be able to filter the untranslated ones only.
The old interface has such filtering, but the new interface does not.

Angular 1.3 and bind once

Use of bindonce to optimize the editor page with many translations.

Read

Find & Replace

See Transifex.

TODO :

define the workflow (search, display diff, edit, check, bulk action)
API : allow to POST several phrases in one http request for bulk actions

Optimize rendering

2 major issues with the current display of the translation page:

it starts by doing as many http requests than there are resources on the project. That's unusable when having lots of resources (eg. >10)
fetching next translations are blocking the page rendering (lag)

Idea: collapse/expand a whole resource file on click and fetch only the first page until it's expanded.

Empty index.html

Make the index.html as thin as possible. Ideally it should have an empty body, and no reference to Angular:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>OpenLocalization</title>
  <link rel="stylesheet" href="/css/app.css">
</head>
<body>
  <script src="/js/app.js"></script>
</body>