Skip to content
Next
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Switch to GitLab Next
Sign in / Register
Toggle navigation
Minds Frontend
Project
Project
Details
Activity
Releases
Cycle Analytics
Insights
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Locked Files
Issues
891
Issues
891
List
Boards
Labels
Service Desk
Milestones
Merge Requests
49
Merge Requests
49
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Security & Compliance
Security & Compliance
Dependency List
Packages
Packages
List
Container Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Minds
Minds Frontend
Commits
03d6d45b
Commit
03d6d45b
authored
28 minutes ago
by
Emiliano Balbuena
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
(feat): Hamburger menu with footer
parent
57789ecb
epic/minds-pro
1 merge request
!528
WIP: (feat): Minds Pro
Pipeline
#79437488
failed with stages
in 6 minutes and 27 seconds
Changes
5
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
36 additions
and
11 deletions
+36
-11
channel.service.ts
src/app/modules/pro/channel/channel.service.ts
+2
-1
hamburger-menu.component.html
.../pro/channel/hamburger-menu/hamburger-menu.component.html
+15
-3
hamburger-menu.component.scss
.../pro/channel/hamburger-menu/hamburger-menu.component.scss
+8
-5
home.component.ts
src/app/modules/pro/channel/home/home.component.ts
+4
-1
list.component.ts
src/app/modules/pro/channel/list/list.component.ts
+7
-1
No files found.
src/app/modules/pro/channel/channel.service.ts
View file @
03d6d45b
...
...
@@ -23,7 +23,8 @@ export type RouterLinkToType =
export
interface
NavItems
{
label
:
string
;
onClick
:
()
=>
void
onClick
:
()
=>
void
;
isActive
:
()
=>
boolean
;
}
@
Injectable
()
...
...
This diff is collapsed.
Click to expand it.
src/app/modules/pro/channel/hamburger-menu/hamburger-menu.component.html
View file @
03d6d45b
...
...
@@ -16,14 +16,15 @@
<ul>
<li
class=
"m-pro__hamburger-menu-menu__logo"
*ngIf=
"channel"
>
<img
[src]=
"channel.pro_settings.logo_image"
[routerLink]=
"homeRouterLink"
[src]=
"channel.pro_settings.logo_image"
/>
</li>
<li>
<a
[routerLink]=
"feedRouterLink"
routerLinkActive=
"m-pro__hamburger-menu-menu__item--active"
(click)=
"closeMenu()"
i18n
>
Feed
</a>
...
...
@@ -32,6 +33,7 @@
<li>
<a
[routerLink]=
"videosRouterLink"
routerLinkActive=
"m-pro__hamburger-menu-menu__item--active"
(click)=
"closeMenu()"
i18n
>
Videos
</a>
...
...
@@ -40,6 +42,7 @@
<li>
<a
[routerLink]=
"imagesRouterLink"
routerLinkActive=
"m-pro__hamburger-menu-menu__item--active"
(click)=
"closeMenu()"
i18n
>
Images
</a>
...
...
@@ -48,6 +51,7 @@
<li>
<a
[routerLink]=
"articlesRouterLink"
routerLinkActive=
"m-pro__hamburger-menu-menu__item--active"
(click)=
"closeMenu()"
i18n
>
Articles
</a>
...
...
@@ -56,23 +60,31 @@
<li>
<a
[routerLink]=
"groupsRouterLink"
routerLinkActive=
"m-pro__hamburger-menu-menu__item--active"
(click)=
"closeMenu()"
i18n
>
Groups
</a>
</li>
<li>
<a
(click)=
"wire(); closeMenu()"
routerLinkActive=
"active"
>
Wire
</a>
<a
(click)=
"wire(); closeMenu()"
>
Wire
</a>
</li>
<li
class=
"m-pro__hamburger-menu-menu__spacer"
></li>
<li
*ngFor=
"let item of items"
>
<a
[class.m-pro__hamburger-menu-menu__item--active]=
"item.isActive()"
(click)=
"item.onClick(); closeMenu()"
>
{{ item.label }}
</a>
</li>
<li
class=
"m-pro__hamburger-menu-menu__spacer"
></li>
</ul>
<m-pro--channel-footer
(click)=
"closeMenu()"
></m-pro--channel-footer>
</div>
This diff is collapsed.
Click to expand it.
src/app/modules/pro/channel/hamburger-menu/hamburger-menu.component.scss
View file @
03d6d45b
...
...
@@ -14,6 +14,7 @@ m-pro__hamburger-menu {
color
:
var
(
--
m-pro--text-color
);
box-sizing
:
border-box
;
transition
:
right
0
.3s
ease-in
;
overflow
:
auto
;
body
.hamburger-menu--open
&
{
right
:
0
;
...
...
@@ -29,16 +30,13 @@ m-pro__hamburger-menu {
}
>
ul
{
position
:
absolute
;
padding
:
0
16px
16px
;
padding
:
0
16px
;
list-style
:
none
;
margin
:
0
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
height
:
auto
;
box-sizing
:
border-box
;
>
li
{
...
...
@@ -74,6 +72,11 @@ m-pro__hamburger-menu {
}
}
}
m-pro--channel-footer
{
display
:
block
;
padding
:
0
16px
;
}
}
body
.hamburger-menu--open
{
...
...
This diff is collapsed.
Click to expand it.
src/app/modules/pro/channel/home/home.component.ts
View file @
03d6d45b
...
...
@@ -80,7 +80,10 @@ export class ProChannelHomeComponent implements OnInit, OnDestroy {
label
:
tag
.
label
,
onClick
:
()
=>
{
this
.
navigateToCategory
(
tag
.
tag
)
}
},
isActive
:
()
=>
{
return
false
;
},
}));
this
.
channelService
.
pushMenuNavItems
(
navItems
,
true
);
...
...
This diff is collapsed.
Click to expand it.
src/app/modules/pro/channel/list/list.component.ts
View file @
03d6d45b
...
...
@@ -127,11 +127,17 @@ export class ProChannelListComponent implements OnInit, OnDestroy {
setMenuNavItems
()
{
const
tags
=
this
.
channelService
.
currentChannel
.
pro_settings
.
tag_list
.
concat
([]);
tags
.
unshift
({
label
:
'
All
'
,
tag
:
'
all
'
,
selected
:
false
});
const
navItems
:
Array
<
NavItems
>
=
tags
.
map
(
tag
=>
({
label
:
tag
.
label
,
onClick
:
()
=>
{
this
.
selectHashtag
(
tag
.
tag
)
}
},
isActive
:
()
=>
{
return
this
.
selectedHashtag
===
tag
.
tag
;
},
}));
this
.
channelService
.
pushMenuNavItems
(
navItems
,
true
);
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment