(I #1038) Add a Show/Hide left panel button (#2616)

* Add a Show/Hide left panel

Add a Show/Hide left Facets-Undo/Redo panel.

* Update summary-bar.js

Simplify the code for the "hide-left-panel-button".

* Remove the gap on the left of the button

Remove the gap on the left of the button and align left with table.

* Translated using Weblate (Japanese)

Currently translated at 100.0% (740 of 740 strings)

Translation: OpenRefine/Translations
Translate-URL: https://hosted.weblate.org/projects/openrefine/translations/ja/

* Translated using Weblate (Japanese)

Currently translated at 100.0% (171 of 171 strings)

Translation: OpenRefine/wikidata
Translate-URL: https://hosted.weblate.org/projects/openrefine/wikidata/ja/

* Translated using Weblate (Japanese)

Currently translated at 100.0% (47 of 47 strings)

Translation: OpenRefine/gdata
Translate-URL: https://hosted.weblate.org/projects/openrefine/gdata/ja/

* Updated  showhide (collapse) arrow image

* Bolden the border dark-blue

Bolden the border dark-blue

* Changed from SPAN to A tag

Changed from SPAN to A tag.

* Update project.less

Minor change: left: 22px;

* Add a Show/Hide left panel

Add a Show/Hide left Facets-Undo/Redo panel.

* Update summary-bar.js

Simplify the code for the "hide-left-panel-button".

* Remove the gap on the left of the button

Remove the gap on the left of the button and align left with table.

* Updated  showhide (collapse) arrow image

* Bolden the border dark-blue

Bolden the border dark-blue

* Changed from SPAN to A tag

Changed from SPAN to A tag.

* Update project.less

Minor change: left: 22px;

* Changed cell.error to cell.errorMessage & added help data. (#2628)

* Changed cell.error to cell.errorMessage & added help data.

Changed cell.error to cell.errorMessage and added the informations into the internal help system.

* FR Text correction

* HU Fix text

3 instead of 2.

* The show/hide button now changes side

The show/hide button now changes side.

* Update project.js

Removed unneeded self.

* Update summary-bar.js

Removed unneeded self.

* [Security] Bump jackson.version from 2.9.10 to 2.11.0

Bumps `jackson.version` from 2.9.10 to 2.11.0.

Updates `jackson-databind` from 2.9.10 to 2.11.0
- [Release notes](https://github.com/FasterXML/jackson/releases)
- [Commits](https://github.com/FasterXML/jackson/commits)

Updates `jackson-annotations` from 2.9.10 to 2.11.0
- [Release notes](https://github.com/FasterXML/jackson/releases)
- [Commits](https://github.com/FasterXML/jackson/commits)

Updates `jackson-core` from 2.9.10 to 2.11.0
- [Release notes](https://github.com/FasterXML/jackson-core/releases)
- [Commits](https://github.com/FasterXML/jackson-core/compare/jackson-core-2.9.10...jackson-core-2.11.0)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Translated using Weblate (Russian)

Currently translated at 91.0% (674 of 740 strings)

Translation: OpenRefine/Translations
Translate-URL: https://hosted.weblate.org/projects/openrefine/translations/ru/

* Only show the database login fields when necessary (#2615)

* DB login fields visibility controled by CSS

The database login field’s visibility is now controled by CSS styling.

* Change field name from Database to Database file.

Change field name from Database to Database file.

* Use full db name as CSS classes

Use full db name instead of diminutives for the CSS classes.

* Added translation to placeholders

Added translation to the Input placeholders.

* Undo a change, remerge Database field & File

remerge Database field and DatabaseFile Field like before.

* Created DatabaseSourceUI._updateDatabaseType(dbType)

Created Refine.DatabaseSourceUI.prototype._updateDatabaseType(databaseType)

* Make MySQL the default database

<option value="mysql" selected="selected"">MySQL</option>

* Update database-import-form.html

Fixed typo. (<option value="mysql" selected="selected">MySQL</option>)

* New default connection name value

New default connection name value, translation of it, changing cssClassName from options to dbtype-options, adding the prefix "dbt-" to the db types and fix the changing of placeholder databaseName/databaseFileName when neccessary.

* Fix issue with « saved connections »

Fix issue with « saved connections » and added 2 defaults values for dbHost and dbType.

* Default DB back to MySQL.

<option value="mysql" selected="selected">MySQL</option>

* Update extensions/database/module/langs/translation-en.json

Co-authored-by: Thad Guidry <thadguidry@gmail.com>

* Better default with « mysql »

* Fix sqlite #databaseHost before calling self._updateDatabaseType()

Fix $( "#databaseHost" ).val(self._defaultDatabaseHost) to be set before calling self._updateDatabaseType(self._defaultDatabaseType) that may change it.

* Removed field name & fixed default connection name

Removed field name text since it's populated from i18n and fixed the default connection name so that it has no space in it.

* Little update to placeholder text

Co-authored-by: Thad Guidry <thadguidry@gmail.com>

* Resize the grid UI as well

Co-authored-by: Isao Matsunami <isao.matsunami@gmail.com>
Co-authored-by: Hosted Weblate <hosted@weblate.org>
Co-authored-by: Thad Guidry <thadguidry@gmail.com>
Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: Tom Morris <tfmorris@gmail.com>
Co-authored-by: Artem <KovalevArtem.ru@gmail.com>
Co-authored-by: Antonin Delpeuch <antonin@delpeuch.eu>
This commit is contained in:
Antoine Beaubien 2020-05-30 07:01:26 -04:00 committed by GitHub
parent c414dfbb5c
commit 0690f45762
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 60 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -67,6 +67,8 @@ function resize() {
var top = $("#header").outerHeight(); var top = $("#header").outerHeight();
var height = $(window).height() - top; var height = $(window).height() - top;
if (ui.leftPanelDiv.css('display') == "none") { leftPanelWidth = 0; }
var leftPanelPaddings = ui.leftPanelDiv.outerHeight(true) - ui.leftPanelDiv.height(); var leftPanelPaddings = ui.leftPanelDiv.outerHeight(true) - ui.leftPanelDiv.height();
ui.leftPanelDiv ui.leftPanelDiv
.css("top", top + "px") .css("top", top + "px")
@ -147,6 +149,16 @@ function initializeUI(uiState) {
resize(); resize();
resizeTabs(); resizeTabs();
$('<a>').attr("id", "hide-left-panel-button")
.addClass("visibility-panel-button")
.click(function() { Refine._showHideLeftPanel(); })
.prependTo(ui.leftPanelTabs);
$('<a>').attr("id", "show-left-panel-button")
.addClass("visibility-panel-button")
.click(function() { Refine._showHideLeftPanel(); })
.prependTo(ui.toolPanelDiv);
ui.summaryBar = new SummaryBar(ui.summaryBarDiv); ui.summaryBar = new SummaryBar(ui.summaryBarDiv);
ui.browsingEngine = new BrowsingEngine(ui.facetPanelDiv, uiState.facets || []); ui.browsingEngine = new BrowsingEngine(ui.facetPanelDiv, uiState.facets || []);
ui.processPanel = new ProcessPanel(ui.processPanelDiv); ui.processPanel = new ProcessPanel(ui.processPanelDiv);
@ -164,6 +176,11 @@ function initializeUI(uiState) {
} }
} }
Refine._showHideLeftPanel = function() {
$('div#body').toggleClass("hide-left-panel");
resizeAll();
};
Refine.setTitle = function(status) { Refine.setTitle = function(status) {
var title = theProject.metadata.name + " - OpenRefine"; var title = theProject.metadata.name + " - OpenRefine";
if (status) { if (status) {

View File

@ -102,9 +102,9 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
} }
#summary-bar { #summary-bar {
position: absolute; display: inline-block;
top: @padding_normal; margin: 7px 0px 0px 4px;
left: @padding_normal; padding: 0px;
font-size: 1.8em; font-size: 1.8em;
font-weight: bold; font-weight: bold;
} }

View File

@ -107,6 +107,46 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
line-height: 1.3; line-height: 1.3;
} }
a.visibility-panel-button {
display: inline-block;
vertical-align: middle;
width: 17px;
height: 19px;
text-decoration: none;
background-image: url(../../images/leftpanel-showhide.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#body.hide-left-panel div#left-panel {
display: none;
}
div#body #show-left-panel-button {
margin: 0px 7px 0px 0px;
padding: 7px 0px 0px 0px;
display: none;
}
div#body.hide-left-panel a#show-left-panel-button {
background-position: -34px 0px;
display: inline-block;
}
div#body.hide-left-panel a#show-left-panel-button:hover {
background-position: -51px 0px;
}
div#body div#left-panel a#hide-left-panel-button {
float: right;
margin: 0px 7px 0 0;
padding: 0px 0px 0px 0px;
}
div#body div#left-panel a#hide-left-panel-button:hover {
background-position: -17px 0px;
}
@history_done_background: #fff; @history_done_background: #fff;
@history_undone_background: @chrome_secondary; @history_undone_background: @chrome_secondary;
@history_entry_index_width: 30px; @history_entry_index_width: 30px;