Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

work in progress icons

Browse source
This commit is contained in:
Insert5StarName 2023-09-30 21:53:52 +02:00
parent f2e299a7a9
commit 7b179d3a92
251 changed files with 1062 additions and 1062 deletions
Download patch file Download diff file Expand all files Collapse all files

18
packages/frontend/src/scripts/get-drive-file-menu.ts
View file

@ -78,50 +78,50 @@ export function getDriveFileMenu(file: Misskey.entities.DriveFile, folder?: Miss
let menu;
menu = [{
text: i18n.ts.rename,
icon: 'ti ti-forms',
icon: 'ph-textbox ph-bold ph-lg',
action: () => rename(file),
}, {
text: file.isSensitive ? i18n.ts.unmarkAsSensitive : i18n.ts.markAsSensitive,
icon: file.isSensitive ? 'ti ti-eye' : 'ti ti-eye-exclamation',
icon: file.isSensitive ? 'ph-eye ph-bold ph-lg' : 'ph-eye-closed ph-bold ph-lg',
action: () => toggleSensitive(file),
}, {
text: i18n.ts.describeFile,
icon: 'ti ti-text-caption',
icon: 'ph-text-indent ph-bold ph-lg',
action: () => describe(file),
}, ...isImage ? [{
text: i18n.ts.cropImage,
icon: 'ti ti-crop',
icon: 'ph-crop ph-bold ph-lg',
action: () => os.cropImage(file, {
aspectRatio: NaN,
uploadFolder: folder ? folder.id : folder,
}),
}] : [], null, {
text: i18n.ts.createNoteFromTheFile,
icon: 'ti ti-pencil',
icon: 'ph-pencil ph-bold ph-lg',
action: () => os.post({
initialFiles: [file],
}),
}, {
text: i18n.ts.copyUrl,
icon: 'ti ti-link',
icon: 'ph-link ph-bold ph-lg',
action: () => copyUrl(file),
}, {
type: 'a',
href: file.url,
target: '_blank',
text: i18n.ts.download,
icon: 'ti ti-download',
icon: 'ph-download ph-bold ph-lg',
download: file.name,
}, null, {
text: i18n.ts.delete,
icon: 'ti ti-trash',
icon: 'ph-trash ph-bold ph-lg',
danger: true,
action: () => deleteFile(file),
}];
if (defaultStore.state.devMode) {
menu = menu.concat([null, {
icon: 'ti ti-id',
icon: 'ph-identification-card ph-bold ph-lg',
text: i18n.ts.copyFileId,
action: () => {
copyToClipboard(file.id);

40
packages/frontend/src/scripts/get-note-menu.ts
View file

@ -60,7 +60,7 @@ export async function getNoteClipMenu(props: {
);
},
})), null, {
icon: 'ti ti-plus',
icon: 'ph-plus ph-bold ph-lg',
text: i18n.ts.createNew,
action: async () => {
const { canceled, result } = await os.form(i18n.ts.createNewClip, {
@ -108,7 +108,7 @@ export function getAbuseNoteMenu(note: misskey.entities.Note, text: string): Men
export function getCopyNoteLinkMenu(note: misskey.entities.Note, text: string): MenuItem {
return {
icon: 'ti ti-link',
icon: 'ph-link ph-bold ph-lg',
text,
action: (): void => {
copyToClipboard(`${url}/notes/${note.id}`);
@ -273,23 +273,23 @@ export function getNoteMenu(props: {
action: unclip,
}, null] : []
), {
icon: 'ti ti-info-circle',
icon: 'ph-info ph-bold ph-lg',
text: i18n.ts.details,
action: openDetail,
}, {
icon: 'ti ti-copy',
icon: 'ph-copy ph-bold ph-lg',
text: i18n.ts.copyContent,
action: copyContent,
}, getCopyNoteLinkMenu(appearNote, i18n.ts.copyLink)
, (appearNote.url || appearNote.uri) ? {
icon: 'ti ti-external-link',
icon: 'ph-arrow-square-out ph-bold ph-lg',
text: i18n.ts.showOnRemote,
action: () => {
window.open(appearNote.url ?? appearNote.uri, '_blank');
},
} : undefined,
{
icon: 'ti ti-share',
icon: 'ph-share-network ph-bold pg-lg',
text: i18n.ts.share,
action: share,
},
@ -300,17 +300,17 @@ export function getNoteMenu(props: {
} : undefined,
null,
statePromise.then(state => state.isFavorited ? {
icon: 'ti ti-star-off',
icon: 'ph-star-half ph-bold pg-lg',
text: i18n.ts.unfavorite,
action: () => toggleFavorite(false),
} : {
icon: 'ti ti-star',
icon: 'ph-star ph-bold pg-lg',
text: i18n.ts.favorite,
action: () => toggleFavorite(true),
}),
{
type: 'parent' as const,
icon: 'ti ti-paperclip',
icon: 'ph-paperclip ph-bold ph-lg',
text: i18n.ts.clip,
children: () => getNoteClipMenu(props),
},
@ -324,17 +324,17 @@ export function getNoteMenu(props: {
action: () => toggleThreadMute(true),
}),
appearNote.userId === $i.id ? ($i.pinnedNoteIds ?? []).includes(appearNote.id) ? {
icon: 'ti ti-pinned-off',
icon: 'ph-push-pin ph-bold ph-lgned-off',
text: i18n.ts.unpin,
action: () => togglePin(false),
} : {
icon: 'ti ti-pin',
icon: 'ph-push-pin ph-bold ph-lg',
text: i18n.ts.pin,
action: () => togglePin(true),
} : undefined,
{
type: 'parent' as const,
icon: 'ti ti-user',
icon: 'ph-user ph-bold ph-lg',
text: i18n.ts.user,
children: async () => {
const user = appearNote.userId === $i?.id ? $i : await os.api('users/show', { userId: appearNote.userId });
@ -347,7 +347,7 @@ export function getNoteMenu(props: {
...($i.isModerator || $i.isAdmin ? [
null,
{
icon: 'ti ti-speakerphone',
icon: 'ph-megaphone ph-bold ph-lg',
text: i18n.ts.promote,
action: promote
}]
@ -362,18 +362,18 @@ export function getNoteMenu(props: {
...(appearNote.userId === $i.id || $i.isModerator || $i.isAdmin ? [
null,
appearNote.userId === $i.id ? {
icon: 'ti ti-pencil',
icon: 'ph-pencil ph-bold ph-lg',
text: i18n.ts.edit,
action: edit,
} : undefined,
{
icon: 'ti ti-edit',
icon: 'ph-pencil-line ph-bold pg-lg',
text: i18n.ts.deleteAndEdit,
danger: true,
action: delEdit,
},
{
icon: 'ti ti-trash',
icon: 'ph-trash ph-bold ph-lg',
text: i18n.ts.delete,
danger: true,
action: del,
@ -383,16 +383,16 @@ export function getNoteMenu(props: {
.filter(x => x !== undefined);
} else {
menu = [{
icon: 'ti ti-info-circle',
icon: 'ph-info ph-bold ph-lg',
text: i18n.ts.details,
action: openDetail,
}, {
icon: 'ti ti-copy',
icon: 'ph-copy ph-bold ph-lg',
text: i18n.ts.copyContent,
action: copyContent,
}, getCopyNoteLinkMenu(appearNote, i18n.ts.copyLink)
, (appearNote.url || appearNote.uri) ? {
icon: 'ti ti-external-link',
icon: 'ph-arrow-square-out ph-bold ph-lg',
text: i18n.ts.showOnRemote,
action: () => {
window.open(appearNote.url ?? appearNote.uri, '_blank');
@ -413,7 +413,7 @@ export function getNoteMenu(props: {
if (defaultStore.state.devMode) {
menu = menu.concat([null, {
icon: 'ti ti-id',
icon: 'ph-identification-card ph-bold ph-lg',
text: i18n.ts.copyNoteId,
action: () => {
copyToClipboard(appearNote.id);

30
packages/frontend/src/scripts/get-user-menu.ts
View file

@ -137,13 +137,13 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
}
let menu = [{
icon: 'ti ti-at',
icon: 'ph-at ph-bold ph-lg',
text: i18n.ts.copyUsername,
action: () => {
copyToClipboard(`@${user.username}@${user.host ?? host}`);
},
}, ...(iAmModerator ? [{
icon: 'ti ti-user-exclamation',
icon: 'ph-warning-circle ph-bold ph-lg',
text: i18n.ts.moderation,
action: () => {
router.push(`/admin/user/${user.id}`);
@ -155,28 +155,28 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
copyToClipboard(`${user.host ?? host}/@${user.username}.atom`);
},
}, {
icon: 'ti ti-share',
icon: 'ph-share-network ph-bold pg-lg',
text: i18n.ts.copyProfileUrl,
action: () => {
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${toUnicode(user.host)}`;
copyToClipboard(`${url}/${canonical}`);
},
}, {
icon: 'ti ti-mail',
icon: 'ph-envelope ph-bold ph-lg',
text: i18n.ts.sendMessage,
action: () => {
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${user.host}`;
os.post({ specified: user, initialText: `${canonical} ` });
},
}, null, {
icon: 'ti ti-pencil',
icon: 'ph-pencil ph-bold ph-lg',
text: i18n.ts.editMemo,
action: () => {
editMemo();
},
}, {
type: 'parent',
icon: 'ti ti-list',
icon: 'ph-list ph-bold pg-lg',
text: i18n.ts.addToList,
children: async () => {
const lists = await userListsCache.fetch();
@ -209,7 +209,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
},
}, {
type: 'parent',
icon: 'ti ti-antenna',
icon: 'ph-flying-saucer ph-bold pg-lg',
text: i18n.ts.addToAntenna,
children: async () => {
const antennas = await antennasCache.fetch();
@ -240,7 +240,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
if (iAmModerator) {
menu = menu.concat([{
type: 'parent',
icon: 'ti ti-badges',
icon: 'ph-seal-check ph-bold pg-lg',
text: i18n.ts.roles,
children: async () => {
const roles = await rolesCache.fetch();
@ -282,29 +282,29 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
// フォローしたとしても user.isFollowing はリアルタイム更新されないので不便なため
//if (user.isFollowing) {
menu = menu.concat([{
icon: user.notify === 'none' ? 'ti ti-bell' : 'ti ti-bell-off',
icon: user.notify === 'none' ? 'ph-bell ph-bold pg-lg' : 'ph-bell ph-bold pg-lg-off',
text: user.notify === 'none' ? i18n.ts.notifyNotes : i18n.ts.unnotifyNotes,
action: toggleNotify,
}]);
//}
menu = menu.concat([null, {
icon: user.isMuted ? 'ti ti-eye' : 'ti ti-eye-off',
icon: user.isMuted ? 'ph-eye ph-bold ph-lg' : 'ph-eye-slash ph-bold ph-lg',
text: user.isMuted ? i18n.ts.unmute : i18n.ts.mute,
action: toggleMute,
}, {
icon: user.isRenoteMuted ? 'ti ti-repeat' : 'ti ti-repeat-off',
icon: user.isRenoteMuted ? 'ph-repeat ph-bold ph-lg' : 'ph-repeat ph-bold ph-lg-off',
text: user.isRenoteMuted ? i18n.ts.renoteUnmute : i18n.ts.renoteMute,
action: toggleRenoteMute,
}, {
icon: 'ti ti-ban',
icon: 'ph-prohibit ph-bold ph-lg',
text: user.isBlocking ? i18n.ts.unblock : i18n.ts.block,
action: toggleBlock,
}]);
if (user.isFollowed) {
menu = menu.concat([{
icon: 'ti ti-link-off',
icon: 'ph-link ph-bold ph-lg-off',
text: i18n.ts.breakFollow,
action: invalidateFollow,
}]);
@ -319,7 +319,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
if (defaultStore.state.devMode) {
menu = menu.concat([null, {
icon: 'ti ti-id',
icon: 'ph-identification-card ph-bold ph-lg',
text: i18n.ts.copyUserId,
action: () => {
copyToClipboard(user.id);
@ -329,7 +329,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
if ($i && meId === user.id) {
menu = menu.concat([null, {
icon: 'ti ti-pencil',
icon: 'ph-pencil ph-bold ph-lg',
text: i18n.ts.editProfile,
action: () => {
router.push('/settings/profile');

6
packages/frontend/src/scripts/select-file.ts
View file

@ -92,15 +92,15 @@ function select(src: any, label: string | null, multiple: boolean): Promise<Miss
ref: keepOriginal,
}, {
text: i18n.ts.upload,
icon: 'ti ti-upload',
icon: 'ph-upload ph-bold ph-lg',
action: () => chooseFileFromPc(multiple, keepOriginal.value).then(files => res(files)),
}, {
text: i18n.ts.fromDrive,
icon: 'ti ti-cloud',
icon: 'ph-cloud ph-bold ph-lg',
action: () => chooseFileFromDrive(multiple).then(files => res(files)),
}, {
text: i18n.ts.fromUrl,
icon: 'ti ti-link',
icon: 'ph-link ph-bold ph-lg',
action: () => chooseFileFromUrl().then(file => res([file])),
}], src);
});