リモート投稿マーク

mei23 · May 27, 2019 · 091f83e · 091f83e
1 parent 4e60238
commit 091f83e
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/src/client/app/common/views/components/note-header.vue b/src/client/app/common/views/components/note-header.vue
@@ -20,16 +20,23 @@
 			<fa class="specified" v-if="note.visibility == 'specified'" :title="$t('@.note-visibility.specified')" icon="envelope"/>
 		</span>
 		<span class="localOnly" v-if="note.localOnly == true" :title="$t('@.note-visibility.local-only')"><fa icon="heart"/></span>
+		<span class="remote" title="Remote post" v-if="note.user.host != null"><fa :icon="faGlobeAmericas"/></span>
 	</div>
 </header>
 </template>
 
 <script lang="ts">
 import Vue from 'vue';
 import i18n from '../../../i18n';
+import { faGlobeAmericas } from '@fortawesome/free-solid-svg-icons';
 
 export default Vue.extend({
 	i18n: i18n(),
+	data() {
+		return {
+			faGlobeAmericas
+		}
+	},
 	props: {
 		note: {
 			type: Object,
@@ -116,4 +123,8 @@ export default Vue.extend({
 			margin-left 4px
 			color var(--primary)
 
+		> .remote
+			margin-left 4px
+			color #4dabf7
+
 </style>
diff --git a/src/client/app/desktop/views/components/note-detail.vue b/src/client/app/desktop/views/components/note-detail.vue
@@ -35,6 +35,7 @@
 						<fa class="specified" v-if="appearNote.visibility == 'specified'" :title="$t('@.note-visibility.specified')" icon="envelope"/>
 					</span>
 					<span class="localOnly" v-if="appearNote.localOnly == true" :title="$t('@.note-visibility.local-only')"><fa icon="heart"/></span>
+					<span class="remote" title="Remote post" v-if="appearNote.user.host != null"><fa :icon="faGlobeAmericas"/></span>
 				</div>
 			</div>
 		</header>
@@ -101,6 +102,7 @@ import i18n from '../../../i18n';
 import XSub from './note.sub.vue';
 import noteSubscriber from '../../../common/scripts/note-subscriber';
 import noteMixin from '../../../common/scripts/note-mixin';
+import { faGlobeAmericas } from '@fortawesome/free-solid-svg-icons';
 
 export default Vue.extend({
 	i18n: i18n('desktop/views/components/note-detail.vue'),
@@ -123,6 +125,7 @@ export default Vue.extend({
 
 	data() {
 		return {
+			faGlobeAmericas,
 			conversation: [],
 			conversationFetching: false,
 			replies: []
@@ -267,6 +270,10 @@ export default Vue.extend({
 						margin-left 4px
 						color var(--primary)
 
+					> .remote
+						margin-left 4px
+						color #4dabf7
+	
 		> .body
 			padding 8px 0
 

diff --git a/src/client/app/mobile/views/components/note-detail.vue b/src/client/app/mobile/views/components/note-detail.vue
@@ -57,6 +57,7 @@
 				<fa class="specified" v-if="appearNote.visibility == 'specified'" :title="$t('@.note-visibility.specified')" icon="envelope"/>
 			</span>
 			<span class="localOnly" v-if="appearNote.localOnly == true" :title="$t('@.note-visibility.local-only')"><fa icon="heart"/></span>
+			<span class="remote" title="Remote post" v-if="appearNote.user.host != null"><fa :icon="faGlobeAmericas"/></span>
 		</div>
 		<footer>
 			<mk-reactions-viewer :note="appearNote"/>
@@ -97,6 +98,7 @@ import i18n from '../../../i18n';
 import XSub from './note.sub.vue';
 import noteSubscriber from '../../../common/scripts/note-subscriber';
 import noteMixin from '../../../common/scripts/note-mixin';
+import { faGlobeAmericas } from '@fortawesome/free-solid-svg-icons';
 
 export default Vue.extend({
 	i18n: i18n('mobile/views/components/note-detail.vue'),
@@ -119,6 +121,7 @@ export default Vue.extend({
 
 	data() {
 		return {
+			faGlobeAmericas,
 			conversation: [],
 			conversationFetching: false,
 			replies: []
@@ -327,6 +330,10 @@ export default Vue.extend({
 				margin-left 4px
 				color var(--primary)
 
+			> .remote
+				margin-left 4px
+				color #4dabf7
+
 		> footer
 			font-size 1.2em