PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Add welcome to top left menu for all

Browse source
This commit is contained in:
J. Ryan Stinnett 2019-02-13 16:13:32 +00:00
parent 22789ada94
commit 116367fd69
4 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/context_menus/_TopLeftMenu.scss
View file

@ -31,6 +31,10 @@ limitations under the License.
mask-image: url('$(res)/img/feather-icons/home.svg'); mask-image: url('$(res)/img/feather-icons/home.svg');
} }
li.mx_TopLeftMenu_icon_welcome::after {
mask-image: url('$(res)/img/feather-icons/gift.svg');
}
li.mx_TopLeftMenu_icon_settings::after { li.mx_TopLeftMenu_icon_settings::after {
mask-image: url('$(res)/img/feather-icons/settings.svg'); mask-image: url('$(res)/img/feather-icons/settings.svg');
} }

1
res/img/feather-icons/gift.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gift"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>
Side by side

After

Width:  |  Height:  |  Size: 481 B

10
src/components/views/context_menus/TopLeftMenu.js
View file

@ -25,6 +25,8 @@ import MatrixClientPeg from '../../../MatrixClientPeg';
export class TopLeftMenu extends React.Component { export class TopLeftMenu extends React.Component {
constructor() { constructor() {
super(); super();
this.viewHomePage = this.viewHomePage.bind(this);
this.viewWelcomePage = this.viewWelcomePage.bind(this);
this.openSettings = this.openSettings.bind(this); this.openSettings = this.openSettings.bind(this);
this.signIn = this.signIn.bind(this); this.signIn = this.signIn.bind(this);
this.signOut = this.signOut.bind(this); this.signOut = this.signOut.bind(this);
@ -65,6 +67,9 @@ export class TopLeftMenu extends React.Component {
return <div className="mx_TopLeftMenu"> return <div className="mx_TopLeftMenu">
{homePageSection} {homePageSection}
<ul className="mx_TopLeftMenu_section">
<li className="mx_TopLeftMenu_icon_welcome" onClick={this.viewWelcomePage}>{_t("Welcome")}</li>
</ul>
<ul className="mx_TopLeftMenu_section"> <ul className="mx_TopLeftMenu_section">
<li className="mx_TopLeftMenu_icon_settings" onClick={this.openSettings}>{_t("Settings")}</li> <li className="mx_TopLeftMenu_icon_settings" onClick={this.openSettings}>{_t("Settings")}</li>
</ul> </ul>
@ -77,6 +82,11 @@ export class TopLeftMenu extends React.Component {
this.closeMenu(); this.closeMenu();
} }
viewWelcomePage() {
dis.dispatch({action: 'view_welcome_page'});
this.closeMenu();
}
openSettings() { openSettings() {
dis.dispatch({action: 'view_user_settings'}); dis.dispatch({action: 'view_user_settings'});
this.closeMenu(); this.closeMenu();

1
src/i18n/strings/en_EN.json
View file

@ -1221,6 +1221,7 @@
"View Community": "View Community", "View Community": "View Community",
"Hide": "Hide", "Hide": "Hide",
"Sign in": "Sign in", "Sign in": "Sign in",
"Welcome": "Welcome",
"Login": "Login", "Login": "Login",
"powered by Matrix": "powered by Matrix", "powered by Matrix": "powered by Matrix",
"Robot check is currently unavailable on desktop - please use a <a>web browser</a>": "Robot check is currently unavailable on desktop - please use a <a>web browser</a>", "Robot check is currently unavailable on desktop - please use a <a>web browser</a>": "Robot check is currently unavailable on desktop - please use a <a>web browser</a>",