random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Progress

Browse Source
This commit is contained in:
mgabdev
2020-03-06 10:38:22 -05:00
parent 5109276331
commit da3d0c3462
39 changed files with 512 additions and 564 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/javascript/gabsocial/assets/audio_icon.js Normal file
View File

@@ -0,0 +1,27 @@
const AudioIcon = ({
className = '',
width = '24px',
height = '24px',
viewBox = '0 0 24 24',
title = '',
}) => (
<svg
className={className}
version='1.1'
xmlns='http://www.w3.org/2000/svg'
x='0px'
y='0px'
width={width}
height={height}
viewBox={viewBox}
xmlSpace='preserve'
aria-label={title}
>
<g>
<path d='M12.253 22.75c-.166 0-.33-.055-.466-.162L4.74 17H2.254c-1.24 0-2.25-1.01-2.25-2.25v-5.5C.003 8.01 1.013 7 2.253 7H4.74l7.047-5.588c.225-.18.533-.215.792-.087.258.125.423.387.423.675v20c0 .288-.165.55-.424.675-.104.05-.216.075-.327.075zm-10-14.25c-.413 0-.75.337-.75.75v5.5c0 .413.337.75.75.75h2.75c.17 0 .333.058.466.162l6.033 4.786V3.552L5.47 8.338c-.134.104-.298.162-.467.162h-2.75zm14.33 8.226c-.308 0-.596-.19-.705-.495-.14-.39.06-.818.45-.96 1.373-.495 2.296-1.81 2.296-3.27s-.923-2.774-2.296-3.27c-.39-.14-.592-.57-.45-.96.14-.39.57-.59.958-.45 1.967.707 3.288 2.59 3.288 4.68s-1.32 3.972-3.286 4.68c-.084.03-.17.046-.255.046z' />
<path d='M17.82 20.135c-.306 0-.594-.19-.704-.495-.14-.39.06-.82.45-.96 2.802-1.014 4.684-3.698 4.684-6.68 0-2.98-1.883-5.665-4.684-6.68-.39-.14-.592-.57-.45-.96.14-.39.573-.59.96-.45C21.47 5.14 23.75 8.39 23.75 12c0 3.61-2.28 6.862-5.674 8.09-.084.03-.17.045-.255.045z' />
</g>
</svg>
)
export default AudioIcon

26
app/javascript/gabsocial/assets/audio_mute_icon.js Normal file
View File

@@ -0,0 +1,26 @@
const AudioMuteIcon = ({
className = '',
width = '24px',
height = '24px',
viewBox = '0 0 24 24',
title = 'Error',
}) => (
<svg
className={className}
version='1.1'
xmlns='http://www.w3.org/2000/svg'
x='0px'
y='0px'
width={width}
height={height}
viewBox={viewBox}
xmlSpace='preserve'
aria-label={title}
>
<g>
<path d='M20.654 12l3.032-3.032c.293-.293.293-.768 0-1.06s-.768-.294-1.06 0l-3.033 3.03-3.032-3.03c-.292-.294-.767-.294-1.06 0s-.293.767 0 1.06L18.533 12 15.5 15.032c-.292.293-.292.768 0 1.06.147.147.34.22.53.22s.385-.072.53-.22l3.033-3.03 3.032 3.03c.146.147.338.22.53.22s.384-.072.53-.22c.293-.292.293-.767 0-1.06L20.655 12zm-8.401 10.75c-.166 0-.33-.055-.466-.162L4.74 17H2.254c-1.24 0-2.25-1.01-2.25-2.25v-5.5C.003 8.01 1.013 7 2.253 7H4.74l7.047-5.588c.225-.18.533-.215.792-.087.258.125.423.387.423.675v20c0 .288-.165.55-.424.675-.104.05-.216.075-.327.075zm-10-14.25c-.413 0-.75.337-.75.75v5.5c0 .413.337.75.75.75h2.75c.17 0 .333.058.466.162l6.033 4.786V3.552L5.47 8.338c-.134.104-.298.162-.467.162h-2.75z' />
</g>
</svg>
)
export default AudioMuteIcon

29
app/javascript/gabsocial/assets/fullscreen_icon.js Normal file
View File

@@ -0,0 +1,29 @@
const FullscreenIcon = ({
className = '',
width = '24px',
height = '24px',
viewBox = '0 0 32 32',
title = 'Fullscreen',
}) => (
<svg
className={className}
version='1.1'
xmlns='http://www.w3.org/2000/svg'
x='0px'
y='0px'
width={width}
height={height}
viewBox={viewBox}
xmlSpace='preserve'
aria-label={title}
>
<g>
<path d='M 10.910156 0 L 0.726562 0 C 0.324219 0 0 0.324219 0 0.726562 L 0 10.910156 C 0 11.3125 0.324219 11.636719 0.726562 11.636719 L 2.183594 11.636719 C 2.582031 11.636719 2.910156 11.3125 2.910156 10.910156 L 2.910156 2.910156 L 10.910156 2.910156 C 11.3125 2.910156 11.636719 2.582031 11.636719 2.183594 L 11.636719 0.726562 C 11.636719 0.324219 11.3125 0 10.910156 0 Z M 10.910156 0' />
<path d='M 31.273438 0 L 21.089844 0 C 20.6875 0 20.363281 0.324219 20.363281 0.726562 L 20.363281 2.183594 C 20.363281 2.582031 20.6875 2.910156 21.089844 2.910156 L 29.089844 2.910156 L 29.089844 10.910156 C 29.089844 11.3125 29.417969 11.636719 29.816406 11.636719 L 31.273438 11.636719 C 31.675781 11.636719 32 11.3125 32 10.910156 L 32 0.726562 C 32 0.324219 31.675781 0 31.273438 0 Z M 31.273438 0' />
<path d='M 31.273438 20.363281 L 29.816406 20.363281 C 29.417969 20.363281 29.089844 20.6875 29.089844 21.089844 L 29.089844 29.089844 L 21.089844 29.089844 C 20.6875 29.089844 20.363281 29.417969 20.363281 29.816406 L 20.363281 31.273438 C 20.363281 31.675781 20.6875 32 21.089844 32 L 31.273438 32 C 31.675781 32 32 31.675781 32 31.273438 L 32 21.089844 C 32 20.6875 31.675781 20.363281 31.273438 20.363281 Z M 31.273438 20.363281' />
<path d='M 10.910156 29.089844 L 2.910156 29.089844 L 2.910156 21.089844 C 2.910156 20.6875 2.582031 20.363281 2.183594 20.363281 L 0.726562 20.363281 C 0.324219 20.363281 0 20.6875 0 21.089844 L 0 31.273438 C 0 31.675781 0.324219 32 0.726562 32 L 10.910156 32 C 11.3125 32 11.636719 31.675781 11.636719 31.273438 L 11.636719 29.816406 C 11.636719 29.417969 11.3125 29.089844 10.910156 29.089844 Z M 10.910156 29.089844' />
</g>
</svg>
)
export default FullscreenIcon

14
app/javascript/gabsocial/assets/index.js
View File

@@ -1,6 +1,8 @@
import AddIcon from './add_icon'
import AppsIcon from './apps_icon'
import AngleRightIcon from './angle_right_icon'
import AppsIcon from './apps_icon'
import AudioIcon from './audio_icon'
import AudioMuteIcon from './audio_mute_icon'
import BackIcon from './back_icon'
import CalendarIcon from './calendar_icon'
import ChatIcon from './chat_icon'
@@ -10,6 +12,7 @@ import CommentIcon from './comment_icon'
import DissenterIcon from './dissenter_icon'
import EllipsisIcon from './ellipsis_icon'
import ErrorIcon from './error_icon'
import FullscreenIcon from './fullscreen_icon'
import GlobeIcon from './globe_icon'
import GroupIcon from './group_icon'
import HomeIcon from './home_icon'
@@ -18,9 +21,11 @@ import LinkIcon from './link_icon'
import ListIcon from './list_icon'
import LoadingIcon from './loading_icon'
import MediaIcon from './media_icon'
import MinimizeFullscreenIcon from './minimize_fullscreen_icon'
import MissingIcon from './missing_icon'
import MoreIcon from './more_icon'
import NotificationsIcon from './notifications_icon'
import PauseIcon from './pause_icon'
import PinIcon from './pin_icon'
import PlayIcon from './play_icon'
import PollIcon from './poll_icon'
@@ -36,8 +41,10 @@ import WarningIcon from './warning_icon'
export {
AddIcon,
AppsIcon,
AngleRightIcon,
AppsIcon,
AudioIcon,
AudioMuteIcon,
BackIcon,
CalendarIcon,
ChatIcon,
@@ -47,6 +54,7 @@ export {
DissenterIcon,
EllipsisIcon,
ErrorIcon,
FullscreenIcon,
GlobeIcon,
GroupIcon,
HomeIcon,
@@ -55,9 +63,11 @@ export {
ListIcon,
LoadingIcon,
MediaIcon,
MinimizeFullscreenIcon,
MissingIcon,
MoreIcon,
NotificationsIcon,
PauseIcon,
PinIcon,
PlayIcon,
PollIcon,

29
app/javascript/gabsocial/assets/minimize_fullscreen_icon.js Normal file
View File

@@ -0,0 +1,29 @@
const MinimizeFullscreenIcon = ({
className = '',
width = '24px',
height = '24px',
viewBox = '0 0 32 32',
title = 'Minimize Fullscreen',
}) => (
<svg
className={className}
version='1.1'
xmlns='http://www.w3.org/2000/svg'
x='0px'
y='0px'
width={width}
height={height}
viewBox={viewBox}
xmlSpace='preserve'
aria-label={title}
>
<g>
<path d='M 30.527344 13.082031 L 23.257812 13.082031 C 20.855469 13.082031 18.898438 11.125 18.898438 8.722656 L 18.898438 1.453125 C 18.898438 0.652344 19.546875 0 20.351562 0 C 21.15625 0 21.804688 0.652344 21.804688 1.453125 L 21.804688 8.722656 C 21.804688 9.523438 22.457031 10.175781 23.257812 10.175781 L 30.527344 10.175781 C 31.332031 10.175781 31.980469 10.828125 31.980469 11.628906 C 31.980469 12.433594 31.332031 13.082031 30.527344 13.082031 Z M 30.527344 13.082031' />
<path d='M 20.351562 31.980469 C 19.546875 31.980469 18.898438 31.332031 18.898438 30.527344 L 18.898438 23.257812 C 18.898438 20.855469 20.855469 18.898438 23.257812 18.898438 L 30.527344 18.898438 C 31.332031 18.898438 31.980469 19.550781 31.980469 20.351562 C 31.980469 21.15625 31.332031 21.804688 30.527344 21.804688 L 23.257812 21.804688 C 22.457031 21.804688 21.804688 22.457031 21.804688 23.257812 L 21.804688 30.527344 C 21.804688 31.332031 21.15625 31.980469 20.351562 31.980469 Z M 20.351562 31.980469' />
<path d='M 8.722656 13.082031 L 1.453125 13.082031 C 0.648438 13.082031 0 12.433594 0 11.628906 C 0 10.828125 0.648438 10.175781 1.453125 10.175781 L 8.722656 10.175781 C 9.523438 10.175781 10.175781 9.523438 10.175781 8.722656 L 10.175781 1.453125 C 10.175781 0.652344 10.824219 0 11.628906 0 C 12.433594 0 13.082031 0.652344 13.082031 1.453125 L 13.082031 8.722656 C 13.082031 11.125 11.125 13.082031 8.722656 13.082031 Z M 8.722656 13.082031' />
<path d='M 11.628906 31.980469 C 10.824219 31.980469 10.175781 31.332031 10.175781 30.527344 L 10.175781 23.257812 C 10.175781 22.457031 9.523438 21.804688 8.722656 21.804688 L 1.453125 21.804688 C 0.648438 21.804688 0 21.15625 0 20.351562 C 0 19.550781 0.648438 18.898438 1.453125 18.898438 L 8.722656 18.898438 C 11.125 18.898438 13.082031 20.855469 13.082031 23.257812 L 13.082031 30.527344 C 13.082031 31.332031 12.433594 31.980469 11.628906 31.980469 Z M 11.628906 31.980469' />
</g>
</svg>
)
export default MinimizeFullscreenIcon

28
app/javascript/gabsocial/assets/pause_icon.js Normal file
View File

@@ -0,0 +1,28 @@
const PauseIcon = ({
className = '',
width = '16px',
height = '16px',
viewBox = '0 0 64 64',
title = 'Pause',
}) => (
<svg
className={className}
version='1.1'
xmlns='http://www.w3.org/2000/svg'
x='0px'
y='0px'
width={width}
height={height}
viewBox={viewBox}
xmlSpace='preserve'
aria-label={title}
>
<g>
<rect x='6' y='0' width='18' height='64' rx='4' />
<rect x='40' y='0' width='18' height='64' rx='4' />
</g>
</svg>
)
export default PauseIcon