Skip to content

Commit

Permalink
Merge pull request #1713 from NoRedInk/KRA-2093-add-writing-icons
Browse files Browse the repository at this point in the history 
KRA 2093 add writing icons
  • Loading branch information
@michaelglass
michaelglass authored Dec 4, 2024
2 parents 9ad856d + 8fd5d12 commit 635fb37
Show file tree
Hide file tree
Showing 2 changed files with 165 additions and 4 deletions.
6 changes: 6 additions & 0 deletions component-catalog/src/Examples/AssignmentIcon.elm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,8 @@ example =
, AssignmentIcon.quizCircled
, AssignmentIcon.quickWriteCircled
, AssignmentIcon.guidedDraftCircled
, AssignmentIcon.guidedEssayCircled
, AssignmentIcon.guidedShortResponseCircled
, AssignmentIcon.peerReviewCircled
, AssignmentIcon.selfReviewCircled
, AssignmentIcon.startPrimary
Expand Down Expand Up @@ -72,6 +74,8 @@ all =
, ( "Writing"
, [ ( "quickWrite", AssignmentIcon.quickWrite, [] )
, ( "guidedDraft", AssignmentIcon.guidedDraft, [] )
, ( "guidedEssay", AssignmentIcon.guidedEssay, [] )
, ( "guidedShortResponse", AssignmentIcon.guidedShortResponse, [] )
, ( "peerReview", AssignmentIcon.peerReview, [] )
, ( "selfReview", AssignmentIcon.selfReview, [] )
, ( "dailyWriting", AssignmentIcon.dailyWriting, [] )
Expand All @@ -83,6 +87,8 @@ all =
, ( "Writing (Circled)"
, [ ( "quickWriteCircled", AssignmentIcon.quickWriteCircled, [] )
, ( "guidedDraftCircled", AssignmentIcon.guidedDraftCircled, [] )
, ( "guidedEssayCircled", AssignmentIcon.guidedEssayCircled, [] )
, ( "guidedShortResponseCircled", AssignmentIcon.guidedShortResponseCircled, [] )
, ( "peerReviewCircled", AssignmentIcon.peerReviewCircled, [] )
, ( "selfReviewCircled", AssignmentIcon.selfReviewCircled, [] )
, ( "gradingAssistantCircled", AssignmentIcon.gradingAssistantCircled, [] )
Expand Down
163 changes: 159 additions & 4 deletions src/Nri/Ui/AssignmentIcon/V2.elm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@ module Nri.Ui.AssignmentIcon.V2 exposing
( diagnostic, planningDiagnosticCircled, unitDiagnosticCircled
, practice, practiceCircled
, quiz, quizCircled, passageQuizCircled
, quickWrite, guidedDraft, peerReview, selfReview, dailyWriting, novels, texts, genres, genresCircled
, quickWriteCircled, guidedDraftCircled, peerReviewCircled, selfReviewCircled, dailyWritingCircled, novelsCircled, gradingAssistantCircled, textsCircled
, quickWrite, guidedDraft, guidedEssay, guidedShortResponse, peerReview, selfReview, dailyWriting, novels, texts, genres, genresCircled
, quickWriteCircled, guidedDraftCircled, guidedEssayCircled, guidedShortResponseCircled, peerReviewCircled, selfReviewCircled, dailyWritingCircled, novelsCircled, gradingAssistantCircled, textsCircled
, submitting, rating, revising
, startPrimary, startSecondary
, assessment, standards, writing, modules
Expand All @@ -26,8 +26,8 @@ module Nri.Ui.AssignmentIcon.V2 exposing
# Writing
@docs quickWrite, guidedDraft, peerReview, selfReview, dailyWriting, novels, texts, genres, genresCircled
@docs quickWriteCircled, guidedDraftCircled, peerReviewCircled, selfReviewCircled, dailyWritingCircled, novelsCircled, gradingAssistantCircled, textsCircled
@docs quickWrite, guidedDraft, guidedEssay, guidedShortResponse, peerReview, selfReview, dailyWriting, novels, texts, genres, genresCircled
@docs quickWriteCircled, guidedDraftCircled, guidedEssayCircled, guidedShortResponseCircled, peerReviewCircled, selfReviewCircled, dailyWritingCircled, novelsCircled, gradingAssistantCircled, textsCircled
# Stages
Expand Down Expand Up @@ -166,6 +166,72 @@ guidedDraft =
]


{-| -}
guidedEssay : Nri.Ui.Svg.V1.Svg
guidedEssay =
Nri.Ui.Svg.V1.init "0 0 54 55"
[ Svg.g
[]
[ Svg.path
[ Attributes.d "M27 20C22.0099 20 18 24.1338 18 29.2816C18 34.4278 27 47 27 47C27 47 36 34.4278 36 29.2816C36 24.1338 31.9901 20 27 20ZM27 33.4992C24.7097 33.4992 22.9088 31.6435 22.9088 29.28C22.9088 26.9181 24.7082 25.0608 27 25.0608C29.2903 25.0608 31.0912 26.9165 31.0912 29.28C31.0912 31.6435 29.2903 33.4992 27 33.4992Z"
]
[]
, Svg.path
[ Attributes.d "M34.9222 0.799927H12.41C8.54623 0.799927 5.40002 3.94613 5.40002 7.80993V47.1899C5.40002 51.0537 8.54623 54.1999 12.41 54.1999H41.113C44.9768 54.1999 48.123 51.0537 48.123 47.1899V15.5503L34.9222 0.799927ZM35.8451 6.84531L42.7129 14.5226H35.8451V6.84531ZM41.1087 50.8623H12.41C10.3878 50.8623 8.74193 49.2165 8.74193 47.1899V7.80993C8.74193 5.78766 10.3878 4.13756 12.41 4.13756H32.5075V17.856H44.7811V47.1899C44.7811 49.2165 43.1342 50.8623 41.1087 50.8623Z"
]
[]
]
]


{-| -}
guidedShortResponse : Nri.Ui.Svg.V1.Svg
guidedShortResponse =
Nri.Ui.Svg.V1.init "0 0 49 51"
[ Svg.path
[ Attributes.d "M11 0C6.56436 0 3 3.52134 3 7.90655C3 12.2904 11 23 11 23C11 23 19 12.2904 19 7.90655C19 3.52134 15.4356 0 11 0ZM11 11.4993C8.96422 11.4993 7.36338 9.91855 7.36338 7.90517C7.36338 5.89317 8.96282 4.31103 11 4.31103C13.0358 4.31103 14.6366 5.89179 14.6366 7.90517C14.6366 9.91852 13.0358 11.4993 11 11.4993Z"
]
[]
, Svg.rect
[ Attributes.x "23.4111"
, Attributes.y "3.6333"
, Attributes.width "25.5889"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
]
[]
, Svg.rect
[ Attributes.x "23.4111"
, Attributes.y "13.9777"
, Attributes.width "25.5889"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
]
[]
, Svg.rect
[ Attributes.y "24.3222"
, Attributes.width "49"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
]
[]
, Svg.rect
[ Attributes.y "34.6666"
, Attributes.width "49"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
]
[]
, Svg.rect
[ Attributes.y "45.0111"
, Attributes.width "39.7444"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
]
[]
]


{-| -}
selfReview : Nri.Ui.Svg.V1.Svg
selfReview =
Expand Down Expand Up @@ -606,6 +672,95 @@ guidedDraftCircled =
encircle 70 toIcon


{-| -}
guidedEssayCircled : Nri.Ui.Svg.V1.Svg
guidedEssayCircled =
let
toIcon circle =
[ Svg.g []
[ circle
, Svg.g
[]
[ Svg.path
[ Attributes.d "M45 38C40.0099 38 36 42.1338 36 47.2816C36 52.4278 45 65 45 65C45 65 54 52.4278 54 47.2816C54 42.1338 49.9901 38 45 38ZM45 51.4992C42.7097 51.4992 40.9088 49.6435 40.9088 47.28C40.9088 44.9181 42.7082 43.0608 45 43.0608C47.2903 43.0608 49.0912 44.9165 49.0912 47.28C49.0912 49.6435 47.2903 51.4992 45 51.4992Z"
, Attributes.fill "white"
]
[]
, Svg.path
[ Attributes.d "M52.9222 18.7999H30.41C26.5462 18.7999 23.4 21.9461 23.4 25.8099V65.1899C23.4 69.0537 26.5462 72.1999 30.41 72.1999H59.113C62.9768 72.1999 66.123 69.0537 66.123 65.1899V33.5503L52.9222 18.7999ZM53.8451 24.8453L60.7128 32.5226H53.8451V24.8453ZM59.1087 68.8623H30.41C28.3878 68.8623 26.7419 67.2165 26.7419 65.1899V25.8099C26.7419 23.7877 28.3878 22.1376 30.41 22.1376H50.5075V35.856H62.7811V65.1899C62.7811 67.2165 61.1342 68.8623 59.1087 68.8623Z"
, Attributes.fill "white"
]
[]
]
]
]
in
encircle 90 toIcon


{-| -}
guidedShortResponseCircled : Nri.Ui.Svg.V1.Svg
guidedShortResponseCircled =
let
toIcon circle =
[ Svg.g []
[ circle
, Svg.path
[ Attributes.d "M32 19C27.5644 19 24 22.5213 24 26.9066C24 31.2904 32 42 32 42C32 42 40 31.2904 40 26.9066C40 22.5213 36.4356 19 32 19ZM32 30.4993C29.9642 30.4993 28.3634 28.9186 28.3634 26.9052C28.3634 24.8932 29.9628 23.311 32 23.311C34.0358 23.311 35.6366 24.8918 35.6366 26.9052C35.6366 28.9185 34.0358 30.4993 32 30.4993Z"
, Attributes.fill "white"
]
[]
, Svg.rect
[ Attributes.x "44.4111"
, Attributes.y "22.6333"
, Attributes.width "25.5889"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
, Attributes.fill "white"
]
[]
, Svg.rect
[ Attributes.x "44.4111"
, Attributes.y "32.9777"
, Attributes.width "25.5889"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
, Attributes.fill "white"
]
[]
, Svg.rect
[ Attributes.x "21"
, Attributes.y "43.3222"
, Attributes.width "49"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
, Attributes.fill "white"
]
[]
, Svg.rect
[ Attributes.x "21"
, Attributes.y "53.6666"
, Attributes.width "49"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
, Attributes.fill "white"
]
[]
, Svg.rect
[ Attributes.x "21"
, Attributes.y "64.0111"
, Attributes.width "39.7444"
, Attributes.height "5.44445"
, Attributes.rx "2.17778"
, Attributes.fill "white"
]
[]
]
]
in
encircle 90 toIcon


{-| -}
selfReviewCircled : Nri.Ui.Svg.V1.Svg
selfReviewCircled =
Expand Down

0 comments on commit 635fb37

Please sign in to comment.