1
0
mirror of https://github.com/laurent22/joplin.git synced 2025-03-26 21:12:59 +02:00

Chore: SideBar => Sidebar

This commit is contained in:
Laurent Cozic 2021-01-12 12:28:55 +00:00
parent e595e19c0d
commit 0f23277bfc
39 changed files with 87 additions and 83 deletions

View File

@ -335,9 +335,9 @@ packages/app-desktop/gui/ConfigScreen/ButtonBar.js.map
packages/app-desktop/gui/ConfigScreen/ConfigScreen.d.ts
packages/app-desktop/gui/ConfigScreen/ConfigScreen.js
packages/app-desktop/gui/ConfigScreen/ConfigScreen.js.map
packages/app-desktop/gui/ConfigScreen/SideBar.d.ts
packages/app-desktop/gui/ConfigScreen/SideBar.js
packages/app-desktop/gui/ConfigScreen/SideBar.js.map
packages/app-desktop/gui/ConfigScreen/Sidebar.d.ts
packages/app-desktop/gui/ConfigScreen/Sidebar.js
packages/app-desktop/gui/ConfigScreen/Sidebar.js.map
packages/app-desktop/gui/ConfigScreen/controls/plugins/PluginBox.d.ts
packages/app-desktop/gui/ConfigScreen/controls/plugins/PluginBox.js
packages/app-desktop/gui/ConfigScreen/controls/plugins/PluginBox.js.map
@ -452,9 +452,9 @@ packages/app-desktop/gui/MainScreen/commands/toggleLayoutMoveMode.js.map
packages/app-desktop/gui/MainScreen/commands/toggleNoteList.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleNoteList.js
packages/app-desktop/gui/MainScreen/commands/toggleNoteList.js.map
packages/app-desktop/gui/MainScreen/commands/toggleSideBar.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleSideBar.js
packages/app-desktop/gui/MainScreen/commands/toggleSideBar.js.map
packages/app-desktop/gui/MainScreen/commands/toggleSidebar.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleSidebar.js
packages/app-desktop/gui/MainScreen/commands/toggleSidebar.js.map
packages/app-desktop/gui/MainScreen/commands/toggleVisiblePanes.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleVisiblePanes.js
packages/app-desktop/gui/MainScreen/commands/toggleVisiblePanes.js.map
@ -680,15 +680,15 @@ packages/app-desktop/gui/SearchBar/SearchBar.js.map
packages/app-desktop/gui/ShareNoteDialog.d.ts
packages/app-desktop/gui/ShareNoteDialog.js
packages/app-desktop/gui/ShareNoteDialog.js.map
packages/app-desktop/gui/SideBar/SideBar.d.ts
packages/app-desktop/gui/SideBar/SideBar.js
packages/app-desktop/gui/SideBar/SideBar.js.map
packages/app-desktop/gui/SideBar/commands/focusElementSideBar.d.ts
packages/app-desktop/gui/SideBar/commands/focusElementSideBar.js
packages/app-desktop/gui/SideBar/commands/focusElementSideBar.js.map
packages/app-desktop/gui/SideBar/styles/index.d.ts
packages/app-desktop/gui/SideBar/styles/index.js
packages/app-desktop/gui/SideBar/styles/index.js.map
packages/app-desktop/gui/Sidebar/Sidebar.d.ts
packages/app-desktop/gui/Sidebar/Sidebar.js
packages/app-desktop/gui/Sidebar/Sidebar.js.map
packages/app-desktop/gui/Sidebar/commands/focusElementSideBar.d.ts
packages/app-desktop/gui/Sidebar/commands/focusElementSideBar.js
packages/app-desktop/gui/Sidebar/commands/focusElementSideBar.js.map
packages/app-desktop/gui/Sidebar/styles/index.d.ts
packages/app-desktop/gui/Sidebar/styles/index.js
packages/app-desktop/gui/Sidebar/styles/index.js.map
packages/app-desktop/gui/StatusScreen/StatusScreen.d.ts
packages/app-desktop/gui/StatusScreen/StatusScreen.js
packages/app-desktop/gui/StatusScreen/StatusScreen.js.map
@ -1370,15 +1370,15 @@ packages/lib/uuid.js.map
packages/lib/versionInfo.d.ts
packages/lib/versionInfo.js
packages/lib/versionInfo.js.map
packages/plugins/ToggleSideBars/api/index.d.ts
packages/plugins/ToggleSideBars/api/index.js
packages/plugins/ToggleSideBars/api/index.js.map
packages/plugins/ToggleSideBars/api/types.d.ts
packages/plugins/ToggleSideBars/api/types.js
packages/plugins/ToggleSideBars/api/types.js.map
packages/plugins/ToggleSideBars/src/index.d.ts
packages/plugins/ToggleSideBars/src/index.js
packages/plugins/ToggleSideBars/src/index.js.map
packages/plugins/ToggleSidebars/api/index.d.ts
packages/plugins/ToggleSidebars/api/index.js
packages/plugins/ToggleSidebars/api/index.js.map
packages/plugins/ToggleSidebars/api/types.d.ts
packages/plugins/ToggleSidebars/api/types.js
packages/plugins/ToggleSidebars/api/types.js.map
packages/plugins/ToggleSidebars/src/index.d.ts
packages/plugins/ToggleSidebars/src/index.js
packages/plugins/ToggleSidebars/src/index.js.map
packages/renderer/HtmlToHtml.d.ts
packages/renderer/HtmlToHtml.js
packages/renderer/HtmlToHtml.js.map

48
.gitignore vendored
View File

@ -324,9 +324,9 @@ packages/app-desktop/gui/ConfigScreen/ButtonBar.js.map
packages/app-desktop/gui/ConfigScreen/ConfigScreen.d.ts
packages/app-desktop/gui/ConfigScreen/ConfigScreen.js
packages/app-desktop/gui/ConfigScreen/ConfigScreen.js.map
packages/app-desktop/gui/ConfigScreen/SideBar.d.ts
packages/app-desktop/gui/ConfigScreen/SideBar.js
packages/app-desktop/gui/ConfigScreen/SideBar.js.map
packages/app-desktop/gui/ConfigScreen/Sidebar.d.ts
packages/app-desktop/gui/ConfigScreen/Sidebar.js
packages/app-desktop/gui/ConfigScreen/Sidebar.js.map
packages/app-desktop/gui/ConfigScreen/controls/plugins/PluginBox.d.ts
packages/app-desktop/gui/ConfigScreen/controls/plugins/PluginBox.js
packages/app-desktop/gui/ConfigScreen/controls/plugins/PluginBox.js.map
@ -441,9 +441,9 @@ packages/app-desktop/gui/MainScreen/commands/toggleLayoutMoveMode.js.map
packages/app-desktop/gui/MainScreen/commands/toggleNoteList.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleNoteList.js
packages/app-desktop/gui/MainScreen/commands/toggleNoteList.js.map
packages/app-desktop/gui/MainScreen/commands/toggleSideBar.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleSideBar.js
packages/app-desktop/gui/MainScreen/commands/toggleSideBar.js.map
packages/app-desktop/gui/MainScreen/commands/toggleSidebar.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleSidebar.js
packages/app-desktop/gui/MainScreen/commands/toggleSidebar.js.map
packages/app-desktop/gui/MainScreen/commands/toggleVisiblePanes.d.ts
packages/app-desktop/gui/MainScreen/commands/toggleVisiblePanes.js
packages/app-desktop/gui/MainScreen/commands/toggleVisiblePanes.js.map
@ -669,15 +669,15 @@ packages/app-desktop/gui/SearchBar/SearchBar.js.map
packages/app-desktop/gui/ShareNoteDialog.d.ts
packages/app-desktop/gui/ShareNoteDialog.js
packages/app-desktop/gui/ShareNoteDialog.js.map
packages/app-desktop/gui/SideBar/SideBar.d.ts
packages/app-desktop/gui/SideBar/SideBar.js
packages/app-desktop/gui/SideBar/SideBar.js.map
packages/app-desktop/gui/SideBar/commands/focusElementSideBar.d.ts
packages/app-desktop/gui/SideBar/commands/focusElementSideBar.js
packages/app-desktop/gui/SideBar/commands/focusElementSideBar.js.map
packages/app-desktop/gui/SideBar/styles/index.d.ts
packages/app-desktop/gui/SideBar/styles/index.js
packages/app-desktop/gui/SideBar/styles/index.js.map
packages/app-desktop/gui/Sidebar/Sidebar.d.ts
packages/app-desktop/gui/Sidebar/Sidebar.js
packages/app-desktop/gui/Sidebar/Sidebar.js.map
packages/app-desktop/gui/Sidebar/commands/focusElementSideBar.d.ts
packages/app-desktop/gui/Sidebar/commands/focusElementSideBar.js
packages/app-desktop/gui/Sidebar/commands/focusElementSideBar.js.map
packages/app-desktop/gui/Sidebar/styles/index.d.ts
packages/app-desktop/gui/Sidebar/styles/index.js
packages/app-desktop/gui/Sidebar/styles/index.js.map
packages/app-desktop/gui/StatusScreen/StatusScreen.d.ts
packages/app-desktop/gui/StatusScreen/StatusScreen.js
packages/app-desktop/gui/StatusScreen/StatusScreen.js.map
@ -1359,15 +1359,15 @@ packages/lib/uuid.js.map
packages/lib/versionInfo.d.ts
packages/lib/versionInfo.js
packages/lib/versionInfo.js.map
packages/plugins/ToggleSideBars/api/index.d.ts
packages/plugins/ToggleSideBars/api/index.js
packages/plugins/ToggleSideBars/api/index.js.map
packages/plugins/ToggleSideBars/api/types.d.ts
packages/plugins/ToggleSideBars/api/types.js
packages/plugins/ToggleSideBars/api/types.js.map
packages/plugins/ToggleSideBars/src/index.d.ts
packages/plugins/ToggleSideBars/src/index.js
packages/plugins/ToggleSideBars/src/index.js.map
packages/plugins/ToggleSidebars/api/index.d.ts
packages/plugins/ToggleSidebars/api/index.js
packages/plugins/ToggleSidebars/api/index.js.map
packages/plugins/ToggleSidebars/api/types.d.ts
packages/plugins/ToggleSidebars/api/types.js
packages/plugins/ToggleSidebars/api/types.js.map
packages/plugins/ToggleSidebars/src/index.d.ts
packages/plugins/ToggleSidebars/src/index.js
packages/plugins/ToggleSidebars/src/index.js.map
packages/renderer/HtmlToHtml.d.ts
packages/renderer/HtmlToHtml.js
packages/renderer/HtmlToHtml.js.map

View File

@ -6,7 +6,7 @@ export enum ButtonLevel {
Primary = 'primary',
Secondary = 'secondary',
Tertiary = 'tertiary',
SideBarSecondary = 'sideBarSecondary',
SidebarSecondary = 'sidebarSecondary',
}
interface Props {
@ -121,7 +121,7 @@ const StyledButtonTertiary = styled(StyledButtonBase)`
}
`;
const StyledButtonSideBarSecondary = styled(StyledButtonBase)`
const StyledButtonSidebarSecondary = styled(StyledButtonBase)`
background: none;
border-color: ${(props: any) => props.theme.color2};
color: ${(props: any) => props.theme.color2};
@ -166,7 +166,7 @@ const StyledButtonSideBarSecondary = styled(StyledButtonBase)`
function buttonClass(level: ButtonLevel) {
if (level === ButtonLevel.Primary) return StyledButtonPrimary;
if (level === ButtonLevel.Tertiary) return StyledButtonTertiary;
if (level === ButtonLevel.SideBarSecondary) return StyledButtonSideBarSecondary;
if (level === ButtonLevel.SidebarSecondary) return StyledButtonSidebarSecondary;
return StyledButtonSecondary;
}

View File

@ -1,5 +1,5 @@
import * as React from 'react';
import SideBar from './SideBar';
import Sidebar from './Sidebar';
import ButtonBar from './ButtonBar';
import Button, { ButtonLevel } from '../Button/Button';
import { _ } from '@joplin/lib/locale';
@ -40,7 +40,7 @@ class ConfigScreenComponent extends React.Component<any, any> {
marginBottom: 10,
};
this.sideBar_selectionChange = this.sideBar_selectionChange.bind(this);
this.sidebar_selectionChange = this.sidebar_selectionChange.bind(this);
this.checkSyncConfig_ = this.checkSyncConfig_.bind(this);
this.checkNextcloudAppButton_click = this.checkNextcloudAppButton_click.bind(this);
this.showLogButton_click = this.showLogButton_click.bind(this);
@ -114,7 +114,7 @@ class ConfigScreenComponent extends React.Component<any, any> {
this.setState({ selectedSectionName: section.name, screenName: screenName });
}
sideBar_selectionChange(event: any) {
sidebar_selectionChange(event: any) {
this.switchSection(event.section.name);
}
@ -729,9 +729,9 @@ class ConfigScreenComponent extends React.Component<any, any> {
return (
<div style={{ display: 'flex', flexDirection: 'row' }}>
<SideBar
<Sidebar
selection={this.state.selectedSectionName}
onSelectionChange={this.sideBar_selectionChange}
onSelectionChange={this.sidebar_selectionChange}
sections={sections}
/>
<div style={style}>

View File

@ -47,7 +47,7 @@ export const StyledListItemIcon = styled.i`
margin-right: ${(props: any) => props.theme.mainPadding / 1.5}px;
`;
export default function SideBar(props: Props) {
export default function Sidebar(props: Props) {
const buttons: any[] = [];
function renderButton(section: any) {

View File

@ -9,7 +9,7 @@ import NoteContentPropertiesDialog from '../NoteContentPropertiesDialog';
import ShareNoteDialog from '../ShareNoteDialog';
import CommandService from '@joplin/lib/services/CommandService';
import { PluginStates, utils as pluginUtils } from '@joplin/lib/services/plugins/reducer';
import SideBar from '../SideBar/SideBar';
import Sidebar from '../Sidebar/Sidebar';
import UserWebview from '../../services/plugins/UserWebview';
import UserWebviewDialog from '../../services/plugins/UserWebviewDialog';
import { ContainerType } from '@joplin/lib/services/plugins/WebviewController';
@ -578,7 +578,7 @@ class MainScreenComponent extends React.Component<Props, State> {
const components: any = {
sideBar: () => {
return <SideBar key={key} />;
return <Sidebar key={key} />;
},
noteList: () => {

View File

@ -100,7 +100,7 @@ function FolderItem(props: any) {
const menuUtils = new MenuUtils(CommandService.instance());
class SideBarComponent extends React.Component<Props, State> {
class SidebarComponent extends React.Component<Props, State> {
private folderItemsOrder_: any[] = [];
private tagItemsOrder_: any[] = [];
@ -472,7 +472,7 @@ class SideBarComponent extends React.Component<Props, State> {
<StyledHeaderIcon className={iconName}/>
<StyledHeaderLabel>{label}</StyledHeaderLabel>
</StyledHeader>
{ onPlusButtonClick && <StyledAddButton onClick={onPlusButtonClick} iconName="fas fa-plus" level={ButtonLevel.SideBarSecondary}/> }
{ onPlusButtonClick && <StyledAddButton onClick={onPlusButtonClick} iconName="fas fa-plus" level={ButtonLevel.SidebarSecondary}/> }
</div>
);
}
@ -581,7 +581,7 @@ class SideBarComponent extends React.Component<Props, State> {
return (
<StyledSynchronizeButton
level={ButtonLevel.SideBarSecondary}
level={ButtonLevel.SidebarSecondary}
iconName="icon-sync"
key="sync_button"
iconAnimation={iconAnimation}
@ -687,7 +687,7 @@ class SideBarComponent extends React.Component<Props, State> {
);
return (
<StyledRoot ref={this.rootRef} onKeyDown={this.onKeyDown} className="side-bar">
<StyledRoot ref={this.rootRef} onKeyDown={this.onKeyDown} className="sidebar">
<div style={{ flex: 1, overflowX: 'hidden', overflowY: 'auto' }}>{items}</div>
<div style={{ flex: 0, padding: theme.mainPadding }}>
{syncReportComp}
@ -719,4 +719,4 @@ const mapStateToProps = (state: AppState) => {
};
};
export default connect(mapStateToProps)(SideBarComponent);
export default connect(mapStateToProps)(SidebarComponent);

View File

@ -12,9 +12,9 @@ export const declaration: CommandDeclaration = {
export const runtime = (comp: any): CommandRuntime => {
return {
execute: async (context: CommandContext) => {
const sideBarVisible = layoutItemProp((context.state as AppState).mainLayout, 'sideBar', 'visible');
const sidebarVisible = layoutItemProp((context.state as AppState).mainLayout, 'sideBar', 'visible');
if (sideBarVisible) {
if (sidebarVisible) {
const item = comp.selectedItem();
if (item) {
const anchorRef = comp.anchorItemRefs[item.type][item.id];

View File

@ -17,7 +17,10 @@ export default function stateToWhenClauseContext(state: AppState) {
markdownEditorPaneVisible: state.settings['editor.codeView'] && state.noteVisiblePanes.includes('editor'),
markdownViewerPaneVisible: state.settings['editor.codeView'] && state.noteVisiblePanes.includes('viewer'),
modalDialogVisible: !!Object.keys(state.visibleDialogs).length,
sideBarVisible: !!state.mainLayout && layoutItemProp(state.mainLayout, 'sideBar', 'visible'),
sidebarVisible: !!state.mainLayout && layoutItemProp(state.mainLayout, 'sideBar', 'visible'),
noteListHasNotes: !!state.notes.length,
// Deprecated
sideBarVisible: !!state.mainLayout && layoutItemProp(state.mainLayout, 'sideBar', 'visible'),
};
}

View File

@ -54,7 +54,7 @@ class SideMenuContentNoteComponent extends Component {
return <View style={{ marginTop: 15, marginBottom: 15, flex: -1, borderBottomWidth: 1, borderBottomColor: theme.dividerColor }} key={key}></View>;
}
renderSideBarButton(key, title, iconName, onPressHandler) {
renderSidebarButton(key, title, iconName, onPressHandler) {
const content = (
<View key={key} style={onPressHandler ? this.styles().sideButton : this.styles().sideButtonDisabled}>
{!iconName ? null : <Icon name={iconName} style={this.styles().sidebarIcon} />}
@ -83,7 +83,7 @@ class SideMenuContentNoteComponent extends Component {
if (option.isDivider) {
items.push(this.renderDivider(`divider_${dividerIndex++}`));
} else {
items.push(this.renderSideBarButton(option.title, option.title, null, option.onPress));
items.push(this.renderSidebarButton(option.title, option.title, null, option.onPress));
}
}

View File

@ -274,7 +274,7 @@ class SideMenuContentComponent extends Component {
);
}
renderSideBarButton(key, title, iconName, onPressHandler = null, selected = false) {
renderSidebarButton(key, title, iconName, onPressHandler = null, selected = false) {
let icon = <Icon name={iconName} style={this.styles().sidebarIcon} />;
if (key === 'synchronize_button') {
@ -309,11 +309,11 @@ class SideMenuContentComponent extends Component {
items.push(this.makeDivider('divider_1'));
items.push(this.renderSideBarButton('newFolder_button', _('New Notebook'), 'md-folder-open', this.newFolderButton_press));
items.push(this.renderSidebarButton('newFolder_button', _('New Notebook'), 'md-folder-open', this.newFolderButton_press));
items.push(this.renderSideBarButton('tag_button', _('Tags'), 'md-pricetag', this.tagButton_press));
items.push(this.renderSidebarButton('tag_button', _('Tags'), 'md-pricetag', this.tagButton_press));
items.push(this.renderSideBarButton('config_button', _('Configuration'), 'md-settings', this.configButton_press));
items.push(this.renderSidebarButton('config_button', _('Configuration'), 'md-settings', this.configButton_press));
items.push(this.makeDivider('divider_2'));
@ -335,7 +335,7 @@ class SideMenuContentComponent extends Component {
if (resourceFetcherText) fullReport.push(resourceFetcherText);
if (decryptionReportText) fullReport.push(decryptionReportText);
items.push(this.renderSideBarButton('synchronize_button', !this.props.syncStarted ? _('Synchronise') : _('Cancel'), 'md-sync', this.synchronize_press));
items.push(this.renderSidebarButton('synchronize_button', !this.props.syncStarted ? _('Synchronise') : _('Cancel'), 'md-sync', this.synchronize_press));
if (fullReport.length) {
items.push(
@ -357,11 +357,11 @@ class SideMenuContentComponent extends Component {
// using padding. So instead creating blank elements for padding bottom and top.
items.push(<View style={{ height: theme.marginTop }} key="bottom_top_hack" />);
items.push(this.renderSideBarButton('all_notes', _('All notes'), 'md-document', this.allNotesButton_press, this.props.notesParentType === 'SmartFilter'));
items.push(this.renderSidebarButton('all_notes', _('All notes'), 'md-document', this.allNotesButton_press, this.props.notesParentType === 'SmartFilter'));
items.push(this.makeDivider('divider_all'));
items.push(this.renderSideBarButton('folder_header', _('Notebooks'), 'md-folder'));
items.push(this.renderSidebarButton('folder_header', _('Notebooks'), 'md-folder'));
if (this.props.folders.length) {
const result = shared.renderFolders(this.props, this.renderFolderItem);

View File

@ -1,5 +1,5 @@
{
"name": "joplin-plugin-toggle-side-bars",
"name": "joplin-plugin-toggle-sidebars",
"version": "1.0.0",
"scripts": {
"dist": "webpack",

View File

@ -1,8 +1,9 @@
import joplin from 'api';
import { ToolbarButtonLocation } from 'api/types';
joplin.plugins.register({
onStart: async function() {
await joplin.views.toolbarButtons.create('toggleSideBarButton', 'toggleSideBar', 'noteToolbar');
await joplin.views.toolbarButtons.create('toggleNoteListButton', 'toggleNoteList', 'noteToolbar');
await joplin.views.toolbarButtons.create('toggleSideBarButton', 'toggleSideBar', ToolbarButtonLocation.NoteToolbar);
await joplin.views.toolbarButtons.create('toggleNoteListButton', 'toggleNoteList', ToolbarButtonLocation.NoteToolbar);
},
});

View File

@ -1,11 +1,11 @@
{
"manifest_version": 1,
"id": "org.joplinapp.plugins.ToggleSideBars",
"id": "org.joplinapp.plugins.ToggleSidebars",
"app_min_version": "1.6",
"version": "1.0.1",
"name": "Note list and side bar toggle buttons",
"description": "Adds buttons to toggle note list and side bar",
"description": "Adds buttons to toggle note list and sidebar",
"author": "Laurent Cozic",
"homepage_url": "https://github.com/laurent22/joplin/tree/dev/packages/plugins/ToggleSideBars",
"repository_url": "https://github.com/laurent22/joplin/tree/dev/packages/plugins/ToggleSideBars"
"homepage_url": "https://github.com/laurent22/joplin/tree/dev/packages/plugins/ToggleSidebars",
"repository_url": "https://github.com/laurent22/joplin/tree/dev/packages/plugins/ToggleSidebars"
}