From 853c8746ea5cdd5b34e11fffdf456e0ca63842c3 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Thu, 7 Sep 2023 16:54:21 +0200
Subject: [PATCH] VBV-329: Add link to competence certificate in circle view

---
 client/src/components/ui/ItCheckbox.vue       | 20 ++++-
 .../circlePage/LearningSequence.vue           | 87 ++++++++++++++++---
 client/src/types.ts                           | 16 ++++
 .../assignment/graphql/mutations.py           |  2 +-
 .../vbv_lernwelt/assignment/graphql/types.py  |  2 +-
 server/vbv_lernwelt/assignment/services.py    | 20 +++--
 .../assignment/tests/test_graphql.py          |  4 +-
 server/vbv_lernwelt/learnpath/models.py       | 16 ++++
 server/vbv_lernwelt/learnpath/serializers.py  | 57 +++++++++++-
 ...icon-lc-competence-certificate-checked.svg | 12 +++
 .../icons/icon-lc-competence-certificate.svg  | 11 +++
 11 files changed, 221 insertions(+), 26 deletions(-)
 create mode 100644 server/vbv_lernwelt/static/icons/icon-lc-competence-certificate-checked.svg
 create mode 100644 server/vbv_lernwelt/static/icons/icon-lc-competence-certificate.svg

diff --git a/client/src/components/ui/ItCheckbox.vue b/client/src/components/ui/ItCheckbox.vue
index 3cf3c57f..89fbcb59 100644
--- a/client/src/components/ui/ItCheckbox.vue
+++ b/client/src/components/ui/ItCheckbox.vue
@@ -2,10 +2,22 @@
 import type { CheckboxItem } from "@/components/ui/checkbox.types";
 import log from "loglevel";
 
-const props = defineProps<{
+interface Props {
   checkboxItem: CheckboxItem<any>;
   disabled?: boolean;
-}>();
+  iconCheckedPath?: string;
+  iconCheckedHoverPath?: string;
+  iconUncheckedPath?: string;
+  iconUncheckedHoverPath?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  disabled: false,
+  iconCheckedPath: "/static/icons/icon-checkbox-checked.svg",
+  iconCheckedHoverPath: "/static/icons/icon-checkbox-checked-hover.svg",
+  iconUncheckedPath: "/static/icons/icon-checkbox-unchecked.svg",
+  iconUncheckedHoverPath: "/static/icons/icon-checkbox-unchecked-hover.svg",
+});
 
 const emit = defineEmits(["toggle"]);
 const toggle = () => {
@@ -39,8 +51,8 @@ const input = () => {
       class="flex h-8 items-center bg-contain bg-no-repeat pl-8 disabled:opacity-50"
       :class="
         checkboxItem.checked
-          ? 'bg-[url(/static/icons/icon-checkbox-checked.svg)] hover:bg-[url(/static/icons/icon-checkbox-checked-hover.svg)]'
-          : 'bg-[url(/static/icons/icon-checkbox-unchecked.svg)] hover:bg-[url(/static/icons/icon-checkbox-unchecked-hover.svg)]'
+          ? `bg-[url(${props.iconCheckedPath})] hover:bg-[url(${props.iconCheckedHoverPath})]`
+          : `bg-[url(${props.iconUncheckedPath})] hover:bg-[url(${props.iconUncheckedHoverPath})]`
       "
       tabindex="0"
       @keydown.stop="keydown"
diff --git a/client/src/pages/learningPath/circlePage/LearningSequence.vue b/client/src/pages/learningPath/circlePage/LearningSequence.vue
index 0eaaba36..17ec7657 100644
--- a/client/src/pages/learningPath/circlePage/LearningSequence.vue
+++ b/client/src/pages/learningPath/circlePage/LearningSequence.vue
@@ -5,6 +5,7 @@ import { showIcon } from "@/pages/learningPath/circlePage/learningSequenceUtils"
 import { useCircleStore } from "@/stores/circle";
 import type {
   CourseCompletionStatus,
+  LearningContent,
   LearningContentInterface,
   LearningSequence,
 } from "@/types";
@@ -87,6 +88,45 @@ const learningSequenceBorderClass = computed(() => {
 
   return result;
 });
+
+function belongsToCompetenceCertificate(lc: LearningContent) {
+  return (
+    (lc.content_type === "learnpath.LearningContentAssignment" ||
+      lc.content_type === "learnpath.LearningContentEdoniqTest") &&
+    lc.competence_certificate?.frontend_url
+  );
+}
+
+function checkboxIconCheckedPath(lc: LearningContent) {
+  if (belongsToCompetenceCertificate(lc)) {
+    return "/static/icons/icon-lc-competence-certificate-checked.svg";
+  }
+  return "/static/icons/icon-checkbox-checked.svg";
+}
+
+function checkboxIconCheckedHoverPath(lc: LearningContent) {
+  if (belongsToCompetenceCertificate(lc)) {
+    return "/static/icons/icon-lc-competence-certificate-checked.svg";
+  }
+
+  return "/static/icons/icon-checkbox-checked-hover.svg";
+}
+
+function checkboxIconUncheckedPath(lc: LearningContent) {
+  if (belongsToCompetenceCertificate(lc)) {
+    return "/static/icons/icon-lc-competence-certificate.svg";
+  }
+
+  return "/static/icons/icon-checkbox-unchecked.svg";
+}
+
+function checkboxIconUncheckedHoverPath(lc: LearningContent) {
+  if (belongsToCompetenceCertificate(lc)) {
+    return "/static/icons/icon-lc-competence-certificate.svg";
+  }
+
+  return "/static/icons/icon-checkbox-unchecked-hover.svg";
+}
 </script>
 
 <template>
@@ -140,21 +180,44 @@ const learningSequenceBorderClass = computed(() => {
               }"
               :disabled="!learningContent.can_user_self_toggle_course_completion"
               :data-cy="`${learningContent.slug}-checkbox`"
+              :icon-checked-path="checkboxIconCheckedPath(learningContent)"
+              :icon-checked-hover-path="checkboxIconCheckedHoverPath(learningContent)"
+              :icon-unchecked-path="checkboxIconUncheckedPath(learningContent)"
+              :icon-unchecked-hover-path="
+                checkboxIconUncheckedHoverPath(learningContent)
+              "
               @toggle="toggleCompleted(learningContent)"
             />
             <div class="flex-auto pt-1 sm:pt-0">
-              <span class="flex items-center gap-4 xl:h-10">
-                <div v-if="props.readonly" class="w-full text-left sm:w-auto">
-                  {{ learningContent.title }}
+              <div class="flex items-center gap-4">
+                <div>
+                  <div v-if="props.readonly" class="w-full text-left sm:w-auto">
+                    {{ learningContent.title }}
+                  </div>
+                  <button
+                    v-else
+                    class="w-full cursor-pointer text-left sm:w-auto"
+                    :data-cy="`${learningContent.slug}`"
+                    @click.stop="circleStore.openLearningContent(learningContent)"
+                  >
+                    {{ learningContent.title }}
+                  </button>
+                  <div
+                    v-if="belongsToCompetenceCertificate(learningContent)"
+                    class="text-sm text-gray-800"
+                  >
+                    {{ $t("circlePage.Dieser Inhalt gehört zu x") }}
+                    <br />
+                    <router-link
+                      v-if="learningContent.competence_certificate?.frontend_url"
+                      :to="learningContent.competence_certificate.frontend_url"
+                      class="link"
+                      data-cy="show-results"
+                    >
+                      {{ $t("circlePage.Im KompetenzNavi anschauen") }}
+                    </router-link>
+                  </div>
                 </div>
-                <button
-                  v-else
-                  class="w-full cursor-pointer text-left sm:w-auto"
-                  :data-cy="`${learningContent.slug}`"
-                  @click.stop="circleStore.openLearningContent(learningContent)"
-                >
-                  {{ learningContent.title }}
-                </button>
 
                 <div
                   class="flex flex-col items-center justify-between gap-4 sm:grow md:flex-row lg:flex-col xl:flex-row"
@@ -183,7 +246,7 @@ const learningSequenceBorderClass = computed(() => {
                     <LearningContentBadge :learning-content="learningContent" />
                   </div>
                 </div>
-              </span>
+              </div>
             </div>
           </li>
         </ol>
diff --git a/client/src/types.ts b/client/src/types.ts
index e3ee2bb7..356c5b97 100644
--- a/client/src/types.ts
+++ b/client/src/types.ts
@@ -55,6 +55,14 @@ export interface LearningContentAssignment extends LearningContentInterface {
   readonly content_type: "learnpath.LearningContentAssignment";
   readonly content_assignment_id: number;
   readonly assignment_type: AssignmentType;
+  readonly competence_certificate?: {
+    id: number;
+    title: string;
+    slug: string;
+    content_type: string;
+    translation_key: string;
+    frontend_url: string;
+  } | null;
 }
 
 export interface LearningContentAttendanceCourse extends LearningContentInterface {
@@ -98,6 +106,14 @@ export interface LearningContentEdoniqTest extends LearningContentInterface {
   readonly checkbox_text: string;
   readonly has_extended_time_test: boolean;
   readonly content_assignment_id: number;
+  readonly competence_certificate?: {
+    id: number;
+    title: string;
+    slug: string;
+    content_type: string;
+    translation_key: string;
+    frontend_url: string;
+  } | null;
 }
 
 export interface LearningContentVideo extends LearningContentInterface {
diff --git a/server/vbv_lernwelt/assignment/graphql/mutations.py b/server/vbv_lernwelt/assignment/graphql/mutations.py
index 2ed169c9..4c3df31c 100644
--- a/server/vbv_lernwelt/assignment/graphql/mutations.py
+++ b/server/vbv_lernwelt/assignment/graphql/mutations.py
@@ -66,7 +66,7 @@ class AssignmentCompletionMutation(graphene.Mutation):
         if learning_content_page_id:
             learning_content_page = Page.objects.get(id=learning_content_page_id)
         if learning_content_page is None:
-            learning_content_page = assignment.learningcontentassignment_set.first()
+            learning_content_page = assignment.find_attached_learning_content()
 
         assignment_data = {
             "assignment_user": assignment_user,
diff --git a/server/vbv_lernwelt/assignment/graphql/types.py b/server/vbv_lernwelt/assignment/graphql/types.py
index bf50a1f7..989121a8 100644
--- a/server/vbv_lernwelt/assignment/graphql/types.py
+++ b/server/vbv_lernwelt/assignment/graphql/types.py
@@ -105,7 +105,7 @@ def resolve_assignment_completion(
             if learning_content_page_id is None:
                 learning_content_page = Assignment.objects.get(
                     id=assignment_id
-                ).learningcontentassignment_set.first()
+                ).find_attached_learning_content()
                 if learning_content_page:
                     learning_content_page_id = learning_content_page.id
 
diff --git a/server/vbv_lernwelt/assignment/services.py b/server/vbv_lernwelt/assignment/services.py
index 3fe37872..d98c6958 100644
--- a/server/vbv_lernwelt/assignment/services.py
+++ b/server/vbv_lernwelt/assignment/services.py
@@ -1,5 +1,4 @@
 from copy import deepcopy
-from gettext import gettext
 
 from django.utils import timezone
 from rest_framework import serializers
@@ -16,7 +15,6 @@ from vbv_lernwelt.core.models import User
 from vbv_lernwelt.core.utils import find_first
 from vbv_lernwelt.course.models import CourseCompletionStatus, CourseSession
 from vbv_lernwelt.course.services import mark_course_completion
-from vbv_lernwelt.notify.email.email_services import EmailTemplate
 from vbv_lernwelt.notify.services import NotificationService
 
 
@@ -147,7 +145,11 @@ def update_assignment_completion(
             )
     elif completion_status == AssignmentCompletionStatus.EVALUATION_SUBMITTED:
         ac.evaluation_submitted_at = timezone.now()
-        learning_content_assignment = assignment.learningcontentassignment_set.first()
+        learning_content_assignment = (
+            learning_content_page
+            if learning_content_page
+            else assignment.find_attached_learning_content()
+        )
         if learning_content_assignment:
             assignment_frontend_url = learning_content_assignment.get_frontend_url()
             NotificationService.send_assignment_evaluated_notification(
@@ -202,8 +204,16 @@ def update_assignment_completion(
                 acl.completion_data[key].update(task_data)
         acl.save()
 
-        if completion_status == AssignmentCompletionStatus.SUBMITTED:
-            learning_content = assignment.learningcontentassignment_set.first()
+        if completion_status in [
+            AssignmentCompletionStatus.EVALUATION_SUBMITTED,
+            AssignmentCompletionStatus.EVALUATION_IN_PROGRESS,
+            AssignmentCompletionStatus.SUBMITTED,
+        ]:
+            learning_content = (
+                learning_content_page
+                if learning_content_page
+                else assignment.find_attached_learning_content()
+            )
             if learning_content:
                 mark_course_completion(
                     user=assignment_user,
diff --git a/server/vbv_lernwelt/assignment/tests/test_graphql.py b/server/vbv_lernwelt/assignment/tests/test_graphql.py
index dc268ad6..9f5d0174 100644
--- a/server/vbv_lernwelt/assignment/tests/test_graphql.py
+++ b/server/vbv_lernwelt/assignment/tests/test_graphql.py
@@ -235,7 +235,7 @@ class AttendanceCourseUserMutationTestCase(GraphQLTestCase):
         ac = AssignmentCompletion.objects.create(
             assignment_user=self.student,
             assignment=self.assignment,
-            learning_content_page=self.assignment.learningcontentassignment_set.first(),
+            learning_content_page=self.assignment.find_attached_learning_content(),
             course_session=self.course_session,
             completion_status="SUBMITTED",
             submitted_at=timezone.now(),
@@ -447,7 +447,7 @@ class AttendanceCourseUserMutationTestCase(GraphQLTestCase):
         """
         reflection = Assignment.objects.get(slug="test-lehrgang-assignment-reflexion")
         reflection_subtasks = reflection.filter_user_subtasks()
-        reflection_learning_content = reflection.learningcontentassignment_set.first()
+        reflection_learning_content = reflection.find_attached_learning_content()
 
         self.client.force_login(self.student)
         user_text_input = find_first(
diff --git a/server/vbv_lernwelt/learnpath/models.py b/server/vbv_lernwelt/learnpath/models.py
index b0a60b7c..a6be6401 100644
--- a/server/vbv_lernwelt/learnpath/models.py
+++ b/server/vbv_lernwelt/learnpath/models.py
@@ -361,6 +361,14 @@ class LearningContentEdoniqTest(LearningContent):
     def has_extended_time_test(self):
         return bool(self.extended_time_test_url)
 
+    @classmethod
+    def get_serializer_class(cls):
+        from vbv_lernwelt.learnpath.serializers import (
+            LearningContentEdoniqTestSerializer,
+        )
+
+        return LearningContentEdoniqTestSerializer
+
 
 class LearningContentRichText(LearningContent):
     text = RichTextField(blank=True, features=DEFAULT_RICH_TEXT_FEATURES_WITH_HEADER)
@@ -407,6 +415,14 @@ class LearningContentAssignment(LearningContent):
         self.assignment_type = self.content_assignment.assignment_type
         super().save(**kwargs)
 
+    @classmethod
+    def get_serializer_class(cls):
+        from vbv_lernwelt.learnpath.serializers import (
+            LearningContentAssignmentSerializer,
+        )
+
+        return LearningContentAssignmentSerializer
+
 
 class LearningContentDocumentList(LearningContent):
     can_user_self_toggle_course_completion = models.BooleanField(default=True)
diff --git a/server/vbv_lernwelt/learnpath/serializers.py b/server/vbv_lernwelt/learnpath/serializers.py
index 42c576c3..b242c5a4 100644
--- a/server/vbv_lernwelt/learnpath/serializers.py
+++ b/server/vbv_lernwelt/learnpath/serializers.py
@@ -3,8 +3,13 @@ from rest_framework.fields import SerializerMethodField
 from vbv_lernwelt.competence.serializers import (
     PerformanceCriteriaLearningPathSerializer,
 )
+from vbv_lernwelt.core.utils import get_django_content_type
 from vbv_lernwelt.course.serializer_helpers import get_course_serializer_class
-from vbv_lernwelt.learnpath.models import LearningUnit
+from vbv_lernwelt.learnpath.models import (
+    LearningUnit,
+    LearningContentEdoniqTest,
+    LearningContentAssignment,
+)
 
 
 class LearningUnitSerializer(
@@ -43,3 +48,53 @@ class LearningUnitPerformanceCriteriaSerializer(
 
     def get_evaluate_url(self, obj):
         return obj.get_evaluate_url()
+
+
+class LearningContentEdoniqTestSerializer(
+    get_course_serializer_class(
+        LearningContentEdoniqTest,
+        field_names=LearningContentEdoniqTest.serialize_field_names
+        + ["competence_certificate"],
+    )
+):
+    # TODO: quickfix before GraphQL learning path
+    competence_certificate = SerializerMethodField()
+
+    def get_competence_certificate(self, obj):
+        try:
+            cert = obj.content_assignment.competence_certificate
+            return {
+                "id": cert.id,
+                "title": cert.title,
+                "slug": cert.slug,
+                "content_type": get_django_content_type(cert),
+                "translation_key": cert.translation_key,
+                "frontend_url": cert.get_frontend_url(),
+            }
+        except Exception:
+            return None
+
+
+class LearningContentAssignmentSerializer(
+    get_course_serializer_class(
+        LearningContentAssignment,
+        field_names=LearningContentAssignment.serialize_field_names
+        + ["competence_certificate"],
+    )
+):
+    # TODO: quickfix before GraphQL learning path
+    competence_certificate = SerializerMethodField()
+
+    def get_competence_certificate(self, obj):
+        try:
+            cert = obj.content_assignment.competence_certificate
+            return {
+                "id": cert.id,
+                "title": cert.title,
+                "slug": cert.slug,
+                "content_type": get_django_content_type(cert),
+                "translation_key": cert.translation_key,
+                "frontend_url": cert.get_frontend_url(),
+            }
+        except Exception:
+            return None
diff --git a/server/vbv_lernwelt/static/icons/icon-lc-competence-certificate-checked.svg b/server/vbv_lernwelt/static/icons/icon-lc-competence-certificate-checked.svg
new file mode 100644
index 00000000..9686627d
--- /dev/null
+++ b/server/vbv_lernwelt/static/icons/icon-lc-competence-certificate-checked.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  <g clip-path="url(#clip0_2_2021)">
+    <circle cx="25.5" cy="18.5" r="5.5" fill="#54CE8B"/>
+    <path d="M7.5 11.7762L11.5938 15.87L20.4638 7" stroke="#54CE8B" stroke-width="2"/>
+    <path d="M29 32C28.7614 32.0004 28.5305 31.9153 28.3493 31.76L25.5 29.3173L22.6507 31.7587C22.5055 31.8831 22.3277 31.9632 22.1384 31.9897C21.949 32.0161 21.7561 31.9878 21.5824 31.9079C21.4087 31.8281 21.2615 31.7001 21.1583 31.5392C21.0551 31.3783 21.0001 31.1912 21 31V27.8C20.4707 27.9147 19.804 28 19 28H7C6.73478 28 6.48043 27.8946 6.29289 27.7071C6.10536 27.5196 6 27.2652 6 27C6 26.7348 6.10536 26.4804 6.29289 26.2929C6.48043 26.1054 6.73478 26 7 26C8.10267 26 9 25.1027 9 24C9 23.6493 9.06 23.312 9.172 23H3C1.34667 23 0 21.6533 0 20V3C0 1.34667 1.34667 0 3 0H25C26.6533 0 28 1.34667 28 3V10H26V3C25.9996 2.73489 25.8942 2.48074 25.7067 2.29328C25.5193 2.10582 25.2651 2.00035 25 2H3C2.73489 2.00035 2.48074 2.10582 2.29328 2.29328C2.10582 2.48074 2.00035 2.73489 2 3V20C2 20.5507 2.44933 21 3 21H17C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23H12C11.7349 23.0004 11.4807 23.1058 11.2933 23.2933C11.1058 23.4807 11.0004 23.7349 11 24C11 24.728 10.8053 25.412 10.464 26H19C20.6547 26 21.4973 25.548 21.5067 25.5427C21.6595 25.458 21.8318 25.4148 22.0064 25.4171C22.1811 25.4194 22.3522 25.4673 22.5027 25.556C22.6529 25.6434 22.7778 25.7684 22.865 25.9187C22.9522 26.0691 22.9988 26.2395 23 26.4133V28.8267L24.8493 27.24C25.0308 27.0852 25.2615 27.0002 25.5 27.0002C25.7385 27.0002 25.9692 27.0852 26.1507 27.24L28 28.8267L27.9987 25.1893C27.9413 25.096 27.8747 25.052 27.7667 25.0933C26.8053 25.4533 25.788 25.5733 24.7427 25.4573C21.8933 25.132 19.512 22.8467 19.0787 20.0213C18.9155 19.0074 18.9959 17.9691 19.3133 16.9923C19.6307 16.0156 20.176 15.1284 20.904 14.404C21.6281 13.6754 22.5152 13.1298 23.492 12.8121C24.4688 12.4945 25.5072 12.414 26.5213 12.5773C27.6114 12.7501 28.6395 13.1977 29.5087 13.8779C30.3779 14.5581 31.0595 15.4484 31.4894 16.4649C31.9192 17.4815 32.083 18.5907 31.9655 19.6881C31.8479 20.7855 31.4528 21.8349 30.8173 22.7373L29.1827 21.588C29.8454 20.6417 30.1212 19.4777 29.9533 18.3347C29.6827 16.4333 28.112 14.8453 26.2187 14.5547C25.5148 14.4421 24.7942 14.4979 24.116 14.7177C23.4379 14.9374 22.8215 15.3147 22.3173 15.8187C21.8128 16.3221 21.4352 16.9383 21.2157 17.6164C20.9961 18.2945 20.9409 19.0151 21.0547 19.7187C21.3547 21.668 22.9987 23.2453 24.968 23.4707C25.6785 23.5563 26.3992 23.4698 27.0693 23.2187C27.4025 23.0929 27.7612 23.0495 28.1148 23.0922C28.4683 23.1349 28.8064 23.2625 29.1 23.464C29.672 23.8613 29.9987 24.4907 29.9987 25.1893V31C29.998 31.265 29.8924 31.5189 29.705 31.7063C29.5176 31.8937 29.265 31.9993 29 32Z" fill="black"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_2_2021">
+      <rect width="32" height="32" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/server/vbv_lernwelt/static/icons/icon-lc-competence-certificate.svg b/server/vbv_lernwelt/static/icons/icon-lc-competence-certificate.svg
new file mode 100644
index 00000000..ab369c8c
--- /dev/null
+++ b/server/vbv_lernwelt/static/icons/icon-lc-competence-certificate.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  <g clip-path="url(#clip0_1_1145)">
+    <circle cx="25.5" cy="18.5" r="5.5" fill="#FAC852"/>
+    <path d="M29 32C28.7614 32.0004 28.5305 31.9153 28.3493 31.76L25.5 29.3173L22.6507 31.7587C22.5055 31.8831 22.3277 31.9632 22.1384 31.9897C21.949 32.0161 21.7561 31.9878 21.5824 31.9079C21.4087 31.8281 21.2615 31.7001 21.1583 31.5392C21.0551 31.3783 21.0001 31.1912 21 31V27.8C20.4707 27.9147 19.804 28 19 28H7C6.73478 28 6.48043 27.8946 6.29289 27.7071C6.10536 27.5196 6 27.2652 6 27C6 26.7348 6.10536 26.4804 6.29289 26.2929C6.48043 26.1054 6.73478 26 7 26C8.10267 26 9 25.1027 9 24C9 23.6493 9.06 23.312 9.172 23H3C1.34667 23 0 21.6533 0 20V3C0 1.34667 1.34667 0 3 0H25C26.6533 0 28 1.34667 28 3V10H26V3C25.9996 2.73489 25.8942 2.48074 25.7067 2.29328C25.5193 2.10582 25.2651 2.00035 25 2H3C2.73489 2.00035 2.48074 2.10582 2.29328 2.29328C2.10582 2.48074 2.00035 2.73489 2 3V20C2 20.5507 2.44933 21 3 21H17C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23H12C11.7349 23.0004 11.4807 23.1058 11.2933 23.2933C11.1058 23.4807 11.0004 23.7349 11 24C11 24.728 10.8053 25.412 10.464 26H19C20.6547 26 21.4973 25.548 21.5067 25.5427C21.6595 25.458 21.8318 25.4148 22.0064 25.4171C22.1811 25.4194 22.3522 25.4673 22.5027 25.556C22.6529 25.6434 22.7778 25.7684 22.865 25.9187C22.9522 26.0691 22.9988 26.2395 23 26.4133V28.8267L24.8493 27.24C25.0308 27.0852 25.2615 27.0002 25.5 27.0002C25.7385 27.0002 25.9692 27.0852 26.1507 27.24L28 28.8267L27.9987 25.1893C27.9413 25.096 27.8747 25.052 27.7667 25.0933C26.8053 25.4533 25.788 25.5733 24.7427 25.4573C21.8933 25.132 19.512 22.8467 19.0787 20.0213C18.9155 19.0074 18.9959 17.9691 19.3133 16.9923C19.6307 16.0156 20.176 15.1284 20.904 14.404C21.6281 13.6754 22.5152 13.1298 23.492 12.8121C24.4688 12.4945 25.5072 12.414 26.5213 12.5773C27.6114 12.7501 28.6395 13.1977 29.5087 13.8779C30.3779 14.5581 31.0595 15.4484 31.4894 16.4649C31.9192 17.4815 32.083 18.5907 31.9655 19.6881C31.8479 20.7855 31.4528 21.8349 30.8173 22.7373L29.1827 21.588C29.8454 20.6417 30.1212 19.4777 29.9533 18.3347C29.6827 16.4333 28.112 14.8453 26.2187 14.5547C25.5148 14.4421 24.7942 14.4979 24.116 14.7177C23.4379 14.9374 22.8215 15.3147 22.3173 15.8187C21.8128 16.3221 21.4352 16.9383 21.2157 17.6164C20.9961 18.2945 20.9409 19.0151 21.0547 19.7187C21.3547 21.668 22.9987 23.2453 24.968 23.4707C25.6785 23.5563 26.3992 23.4698 27.0693 23.2187C27.4025 23.0929 27.7612 23.0495 28.1148 23.0922C28.4683 23.1349 28.8064 23.2625 29.1 23.464C29.672 23.8613 29.9987 24.4907 29.9987 25.1893V31C29.998 31.265 29.8924 31.5189 29.705 31.7063C29.5176 31.8937 29.265 31.9993 29 32Z" fill="black"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_1_1145">
+      <rect width="32" height="32" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file