Init home page (#9735)

Signed-off-by: Kristina Fefelova <[email protected]>

Author: kristina-fefelova

communication

@@ -21,7 +21,7 @@ import { mergeIds, type Resource } from '@hcengineering/platform'
 import { type Location, type ResolvedLocation } from '@hcengineering/ui/src/types'
 import { type LocationData } from '@hcengineering/workbench'
 import { type ActionCategory, type Action, type ViewAction } from '@hcengineering/view'
-import { type TagCategory, type TagElement } from '@hcengineering/tags'
+import { type TagCategory } from '@hcengineering/tags'
 
 export default mergeIds(cardId, card, {
   app: {
@@ -57,9 +57,5 @@ export default mergeIds(cardId, card, {
     CardCustomLinkMatch: '' as Resource<(doc: Doc) => boolean>,
     CardCustomLinkEncode: '' as Resource<(doc: Doc) => Location>,
     CheckRelationsSectionVisibility: '' as Resource<(doc: Card) => Promise<boolean>>
-  },
-  label: {
-    Subscribed: '' as Ref<TagElement>,
-    NewMessages: '' as Ref<TagElement>
   }
 })

models/card/src/plugin.ts

@@ -18,10 +18,11 @@
   import LiteNode from './markup/lite/LiteNode.svelte'
 
   export let message: Markup | MarkupNode
+  export let colorInherit: boolean = false
 
   $: node = typeof message === 'string' ? markupToJSON(message) : message
 </script>
 
-<div class="text-markup-view">
-  <LiteNode {node} />
+<div class="text-markup-view" class:colorInherit>
+  <LiteNode {node} {colorInherit} />
 </div>

packages/presentation/src/components/LiteMessageViewer.svelte

@@ -19,12 +19,13 @@
   import NodeMarks from '../NodeMarks.svelte'
 
   export let node: MarkupNode
+  export let colorInherit: boolean = false
 </script>
 
 {#if node}
   {@const marks = node.marks ?? []}
 
   <NodeMarks {marks}>
-    <LiteNodeContent {node} />
+    <LiteNodeContent {node} {colorInherit} />
   </NodeMarks>
 {/if}

packages/presentation/src/components/markup/lite/LiteNode.svelte

@@ -22,6 +22,7 @@
   import { getBlobRef } from '../../../preview'
 
   export let node: MarkupNode
+  export let colorInherit: boolean = false
 
   function toRefBlob (blobId: AttrValue): Ref<Blob> {
     return blobId as Ref<Blob>
@@ -48,15 +49,15 @@
   {@const nodes = node.content ?? []}
 
   {#if node.type === MarkupNodeType.doc}
-    <LiteNodes {nodes} />
+    <LiteNodes {nodes} {colorInherit} />
   {:else if node.type === MarkupNodeType.text}
     {node.text}
   {:else if node.type === MarkupNodeType.paragraph}
-    <p class="p-inline contrast" class:overflow-label={true} style:margin="0">
-      <LiteNodes {nodes} />
+    <p class="p-inline" class:overflow-label={true} style:margin="0" class:contrast={!colorInherit} class:colorInherit>
+      <LiteNodes {nodes} {colorInherit} />
     </p>
   {:else if node.type === MarkupNodeType.blockquote}
-    <LiteNodes {nodes} />
+    <LiteNodes {nodes} {colorInherit} />
   {:else if node.type === MarkupNodeType.horizontal_rule}
     <!--  nothing-->
   {:else if node.type === MarkupNodeType.code_block}
@@ -69,7 +70,7 @@
           }
         ]}
       >
-        <LiteNodes {nodes} />
+        <LiteNodes {nodes} {colorInherit} />
       </NodeMarks>
     </p>
   {:else if node.type === MarkupNodeType.reference}
@@ -80,7 +81,7 @@
     {#if objectClass !== undefined && objectId !== undefined}
       <ObjectNode _id={toRef(objectId)} _class={toClassRef(objectClass)} title={objectLabel} />
     {:else}
-      <LiteNodes {nodes} />
+      <LiteNodes {nodes} {colorInherit} />
     {/if}
   {:else if node.type === MarkupNodeType.emoji}
     <span class="emoji">
@@ -100,9 +101,15 @@
     <!-- TODO not implemented -->
   {:else if node.type === MarkupNodeType.subLink}
     <sub>
-      <LiteNodes {nodes} />
+      <LiteNodes {nodes} {colorInherit} />
     </sub>
   {:else}
-    <LiteNodes {nodes} />
+    <LiteNodes {nodes} {colorInherit} />
   {/if}
 {/if}
+
+<style lang="scss">
+  .colorInherit {
+    color: inherit;
+  }
+</style>

packages/presentation/src/components/markup/lite/LiteNodeContent.svelte

@@ -18,10 +18,11 @@
   import LiteNode from './LiteNode.svelte'
 
   export let nodes: MarkupNode[]
+  export let colorInherit: boolean = false
 </script>
 
 {#if nodes}
   {#each nodes as node}
-    <LiteNode {node} />
+    <LiteNode {node} {colorInherit} />
   {/each}
 {/if}

packages/presentation/src/components/markup/lite/LiteNodes.svelte

@@ -13,6 +13,10 @@
   color: var(--theme-text-primary-color);
   margin: 0.25rem 0;
 
+  &.colorInherit {
+    color: inherit;
+  }
+
   .suggestion {
     padding-left: 0.25rem;
     color: var(--theme-link-color);
@@ -544,7 +548,7 @@
     }
   }
 
-  &.embed-youtube {    
+  &.embed-youtube {
     iframe {
       margin: 0;
       padding: 0;
@@ -585,4 +589,4 @@
 
 .select-text .text-editor-image-container {
   user-select: all;
-}
+}

packages/theme/styles/_text-editor.scss

@@ -99,6 +99,10 @@
     "WeeksWOValue": "{weeks, plural, =1 {týden} other {týdny}}",
     "MonthsWOValue": "{months, plural, =1 {měsíc} other {měsíce}}",
     "Filter": "Filtr",
-    "Clear": "Vymazat"
+    "Clear": "Vymazat",
+    "Yesterday": "Včera",
+    "ThisWeek": "Tento týden",
+    "ThisMonth": "Tento měsíc",
+    "ThisYear": "Tento rok"
   }
 }

packages/ui/lang/cs.json

@@ -100,6 +100,10 @@
     "WeeksWOValue": "{weeks, plural, =1 {Woche} other {Wochen}}",
     "MonthsWOValue": "{months, plural, =1 {Monat} other {Monate}}",
     "Filter": "Filter",
-    "Clear": "Löschen"
+    "Clear": "Löschen",
+    "Yesterday": "Gestern",
+    "ThisWeek": "Diese Woche",
+    "ThisMonth": "Diesen Monat",
+    "ThisYear": "Dieses Jahr"
   }
 }

packages/ui/lang/de.json

@@ -100,6 +100,10 @@
     "WeeksWOValue": "{weeks, plural, =1 {week} other {weeks}}",
     "MonthsWOValue": "{months, plural, =1 {month} other {months}}",
     "Filter": "Filter",
-    "Clear": "Clear"
+    "Clear": "Clear",
+    "Yesterday": "Yesterday",
+    "ThisWeek": "This week",
+    "ThisMonth": "This month",
+    "ThisYear": "This year"
   }
 }