mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-11 14:36:38 +03:00
Merge pull request #371 from NoRedInk/svg-assignment-icons-2
Svg assignment icons 2
This commit is contained in:
Tessa
GitHub
commit
97b4d33a26
@ -1,8 +1,16 @@
|
||||
module Nri.Ui.AssignmentIcon.V1 exposing (diagnostic, guidedDraft, peerReview, practice, quickWrite, quiz, selfReview)
|
||||
module Nri.Ui.AssignmentIcon.V1 exposing
|
||||
( diagnostic, practice, quiz
|
||||
, quickWrite, guidedDraft
|
||||
, selfReview
|
||||
, peerReview, submitting, rating, revising
|
||||
)
|
||||
|
||||
{-|
|
||||
|
||||
@docs diagnostic, guidedDraft, peerReview, practice, quickWrite, quiz, selfReview
|
||||
@docs diagnostic, practice, quiz
|
||||
@docs quickWrite, guidedDraft
|
||||
@docs selfReview
|
||||
@docs peerReview, submitting, rating, revising
|
||||
|
||||
import Css
|
||||
import Html.Styled exposing (..)
|
||||
@ -128,3 +136,79 @@ selfReview =
|
||||
]
|
||||
[ Svg.path [ Attributes.d "M62.16365,17.60935 C62.57365,17.60935 62.97265,17.76935 63.26565,18.06235 C63.55865,18.35535 63.72265,18.75035 63.72565,19.16435 C63.72565,38.98435 50.33265,55.21435 33.56165,56.16835 L33.56165,73.66435 L40.98365,73.66435 C41.84765,73.66435 42.54665,74.36335 42.54665,75.22635 C42.54665,76.08935 41.84765,76.78935 40.98365,76.78935 L22.82065,76.78935 C21.95665,76.78935 21.25765,76.08935 21.25765,75.22635 C21.25765,74.36335 21.95665,73.66435 22.82065,73.66435 L30.43765,73.66435 L30.43765,56.16835 C13.66465,55.21435 0.27365,38.98835 0.27365,19.16435 C0.27765,18.75035 0.44165,18.35535 0.73465,18.06235 C1.02765,17.76935 1.42565,17.60935 1.83565,17.60935 L8.17165,17.60935 L8.17165,20.73435 L3.42965,20.73435 C4.12065,38.70335 16.67165,53.10535 31.99965,53.10535 C47.32765,53.10535 59.87865,38.70335 60.56965,20.73435 L55.43665,20.73435 L55.43665,17.60935 L62.16365,17.60935 Z", Attributes.fill "currentcolor" ] [], Svg.path [ Attributes.d "M31.99955,37.54295 C23.45655,37.54295 16.50755,29.24195 16.50755,19.03495 C16.50755,8.83195 23.45655,0.52695 31.99955,0.52695 C40.54255,0.52695 47.49155,8.83195 47.49155,19.03495 C47.49155,29.23795 40.54255,37.54295 31.99955,37.54295 Z M35.83955,15.34395 L35.83955,15.34795 C36.44855,14.73495 36.44855,13.74695 35.83955,13.13695 C35.22655,12.52795 34.23755,12.52795 33.62855,13.13695 L27.34755,19.41795 C26.73755,20.02795 26.73755,21.01595 27.34755,21.62595 C27.96055,22.23895 28.94855,22.23895 29.55855,21.62595 L35.83955,15.34395 Z M20.73755,12.80495 C20.12755,13.41795 20.12755,14.40695 20.73755,15.01595 C21.34655,15.62595 22.33855,15.62595 22.94855,15.01595 L29.22955,8.73895 C29.83855,8.12595 29.83855,7.13695 29.22955,6.52795 C28.61655,5.91795 27.62755,5.91795 27.01855,6.52795 L20.73755,12.80495 Z M21.83855,18.31295 L21.83855,18.31695 C21.22955,18.92595 21.22955,19.91495 21.83855,20.52395 C22.44855,21.13695 23.44055,21.13695 24.04955,20.52395 L34.73755,9.83995 C35.34755,9.23095 35.34755,8.23795 34.73755,7.62895 C34.12855,7.01995 33.13655,7.01995 32.52655,7.62895 L21.83855,18.31295 Z", Attributes.fill "currentcolor" ] [], Svg.mask [ Attributes.fill "currentcolor" ] [ Svg.path [ Attributes.d "M31.99955,44.85935 C20.03055,44.85935 10.29255,33.27335 10.29255,19.03535 C10.29255,4.79735 20.03055,-6.78865 31.99955,-6.78865 C43.96855,-6.78865 53.70655,4.79735 53.70655,19.03535 C53.70655,33.27335 43.96855,44.85935 31.99955,44.85935 Z M31.99955,-2.59765 C21.73355,-2.59765 13.38255,7.10535 13.38255,19.03535 C13.38255,30.96435 21.73355,40.66835 31.99955,40.66835 C42.26555,40.66835 50.61655,30.96535 50.61655,19.03535 C50.61655,7.10535 42.26555,-2.59765 31.99955,-2.59765 Z" ] [] ], Svg.path [ Attributes.d "M31.99955,44.85935 C20.03055,44.85935 10.29255,33.27335 10.29255,19.03535 C10.29255,4.79735 20.03055,-6.78865 31.99955,-6.78865 C43.96855,-6.78865 53.70655,4.79735 53.70655,19.03535 C53.70655,33.27335 43.96855,44.85935 31.99955,44.85935 Z M31.99955,-2.59765 C21.73355,-2.59765 13.38255,7.10535 13.38255,19.03535 C13.38255,30.96435 21.73355,40.66835 31.99955,40.66835 C42.26555,40.66835 50.61655,30.96535 50.61655,19.03535 C50.61655,7.10535 42.26555,-2.59765 31.99955,-2.59765 Z", Attributes.fill "currentcolor" ] [] ]
|
||||
|> Nri.Ui.Svg.V1.fromHtml
|
||||
|
||||
|
||||
{-| -}
|
||||
submitting : Nri.Ui.Svg.V1.Svg
|
||||
submitting =
|
||||
Svg.svg
|
||||
[ Attributes.width "100%"
|
||||
, Attributes.height "100%"
|
||||
, Attributes.viewBox "0 0 25 25"
|
||||
, Attributes.fill "currentcolor"
|
||||
]
|
||||
[ Svg.path
|
||||
[ Attributes.fillOpacity ".5"
|
||||
, Attributes.d "M0 1.875v1.406h22.5V1.875H0zm0 3.867v1.406h24.32V5.742H0zM0 9.61v1.407h15.117V9.609H0zm0 5.625v1.407h24.32v-1.407H0zm0 3.868v1.406h23.125v-1.406H0zm0 3.867v1.406h13.75v-1.406H0z"
|
||||
]
|
||||
[]
|
||||
, Svg.path
|
||||
[ Attributes.fill "#FFF"
|
||||
, Attributes.d "M13.15 23.552l.867-5.111 6.325-12.527 1.15-.069.71-1.69 1.909.877-.702 1.715.338.924-6.827 12.878-3.178 3.069z"
|
||||
]
|
||||
[]
|
||||
, Svg.path
|
||||
[ Attributes.d "M24.32 5.78a.906.906 0 0 0-.405-1.249l-1.181-.602c-.237-.12-.444-.151-.711-.064-.268.087-.417.234-.538.47l-.481.945c-.178.058-.297-.002-.475.056-.267.087-.417.234-.537.47l-.662 1.3-.945-.482a.453.453 0 0 0-.624.203l-3.01 5.906a.453.453 0 0 0 .203.624c.058.179.236.12.325.092.09-.03.268-.087.328-.205l2.74-5.523.472.24-5.477 10.75c-.06.118-.031.208-.091.326l-.625 4.146c-.062.414.143.742.526 1.012.236.12.444.151.711.064.178-.058.268-.087.328-.205l2.987-2.942c.089-.029.15-.147.21-.265l6.62-12.995a.997.997 0 0 0-.169-1.127l.482-.945zm-2.008-1.024l1.182.602-.482.945-1.181-.602.481-.945zm-8.739 18.612l.591-3.642 2.127 1.083-2.718 2.559zm3.228-3.415L14.44 18.75l4.695-9.214 2.362 1.204-4.695 9.214zm5.116-10.041l-2.362-1.204 1.264-2.48 2.363 1.203-1.265 2.48z"
|
||||
]
|
||||
[]
|
||||
]
|
||||
|> Nri.Ui.Svg.V1.fromHtml
|
||||
|
||||
|
||||
{-| -}
|
||||
rating : Nri.Ui.Svg.V1.Svg
|
||||
rating =
|
||||
Svg.svg
|
||||
[ Attributes.width "100%"
|
||||
, Attributes.height "100%"
|
||||
, Attributes.viewBox "0 0 25 25"
|
||||
, Attributes.fill "currentcolor"
|
||||
]
|
||||
[ Svg.path
|
||||
[ Attributes.fillRule "evenodd"
|
||||
, Attributes.d "M4.961 19.785h-1.59C1.526 19.785 0 18.258 0 16.415V6.079c0-1.845 1.527-3.371 3.371-3.371H13.77c.318 0 .573.255.573.573a.571.571 0 0 1-.573.573H3.37c-1.21 0-2.195.986-2.195 2.195v10.336c0 1.21.986 2.195 2.195 2.195h2.194c.318 0 .574.255.574.573v3.56l4.165-4.006a.604.604 0 0 1 .415-.159h9.603c.891 0 1.718-.573 2.067-1.4a.586.586 0 0 1 .764-.318.586.586 0 0 1 .318.764 3.425 3.425 0 0 1-3.149 2.13h-9.35l-4.992 4.77a.604.604 0 0 1-.415.16c-.062 0-.159 0-.221-.032-.257-.035-.383-.257-.383-.48v-4.357zm20.036-11.99v.159l-.923 5.724c-.19 1.463-1.24 2.323-2.8 2.323h-6.806a2.36 2.36 0 0 1-1.652-.668c-.19.16-.446.255-.733.255H9.857a1.14 1.14 0 0 1-1.144-1.144V7.319a1.14 1.14 0 0 1 1.144-1.144h2.226c.35 0 .636.159.858.381h.032c.096-.032 2.513-.732 2.513-2.766V1.024c0-.255.159-.477.413-.54.064-.032 1.463-.446 2.482.318.636.477.985 1.272.985 2.385v2.29h3.212c1.368-.067 2.419.983 2.419 2.318zm-12.88-.509H9.922v7.124h2.195V7.286zm11.733.509c0-.7-.54-1.24-1.24-1.24h-3.785a.572.572 0 0 1-.573-.574V3.12c0-.699-.16-1.209-.509-1.431-.318-.222-.732-.255-1.017-.222v2.289c0 2.925-3.212 3.848-3.339 3.88h-.032v5.946c0 .667.54 1.24 1.241 1.24h6.806c1.494 0 1.622-.985 1.653-1.303v-.032l.795-5.691z"
|
||||
]
|
||||
[]
|
||||
]
|
||||
|> Nri.Ui.Svg.V1.fromHtml
|
||||
|
||||
|
||||
{-| -}
|
||||
revising : Nri.Ui.Svg.V1.Svg
|
||||
revising =
|
||||
Svg.svg
|
||||
[ Attributes.width "100%"
|
||||
, Attributes.height "100%"
|
||||
, Attributes.viewBox "0 0 25 25"
|
||||
, Attributes.fill "currentcolor"
|
||||
]
|
||||
[ Svg.path
|
||||
[ Attributes.d "M23.056 12.001h.58C23.637 5.893 18.64.926 12.5.926a11.169 11.169 0 0 0-10.214 6.66L0 7.128 1.652 12 5.07 8.142l-2.206-.44C4.93 3.184 9.831.71 14.668 1.74c4.837 1.03 8.32 5.291 8.388 10.261zM12.5 23.49a10.593 10.593 0 0 0 9.637-6.215l-2.206-.441 3.417-3.858L25 17.845l-2.286-.457a11.169 11.169 0 0 1-10.214 6.66c-6.14 0-11.137-4.968-11.137-11.073h.581c.03 5.833 4.754 10.537 10.556 10.514z"
|
||||
]
|
||||
[]
|
||||
, Svg.path
|
||||
[ Attributes.fillOpacity ".5"
|
||||
, Attributes.d "M5.833 13.348v1.068h13.555v-1.068H5.833zm0 2.938v1.068h12.652v-1.068H5.833zm0 2.938v1.068H11.4v-1.068H5.833z"
|
||||
]
|
||||
[]
|
||||
, Svg.path
|
||||
[ Attributes.fill "#FFF"
|
||||
, Attributes.d "M10.958 19.656l.648-3.88 4.769-9.505.87-.051.533-1.282 1.445.668-.529 1.301.257.702-5.147 9.77-2.4 2.328z"
|
||||
]
|
||||
[]
|
||||
, Svg.path
|
||||
[ Attributes.d "M19.382 6.173a.691.691 0 0 0-.308-.948l-.894-.458a.642.642 0 0 0-.537-.05.642.642 0 0 0-.406.356l-.363.717c-.135.044-.224-.002-.359.042a.642.642 0 0 0-.406.356l-.499.986-.715-.366a.341.341 0 0 0-.472.153l-2.268 4.482a.346.346 0 0 0 .154.474c.044.135.179.091.246.07.067-.022.202-.066.248-.156l2.065-4.19.357.183-4.129 8.156c-.045.09-.023.158-.068.247l-.468 3.148c-.046.315.11.564.4.769a.642.642 0 0 0 .537.05c.135-.044.202-.066.247-.156L14 17.808c.067-.022.112-.112.158-.201l4.99-9.86a.76.76 0 0 0-.129-.856l.363-.718zm-1.52-.779l.895.459-.363.717-.894-.459.363-.717zm-6.585 14.122l.442-2.765 1.61.826-2.052 1.94zm2.436-2.589l-1.787-.917 3.539-6.99 1.788.916-3.54 6.991zM17.57 9.31l-1.788-.917.953-1.883 1.788.917-.953 1.883z"
|
||||
]
|
||||
[]
|
||||
]
|
||||
|> Nri.Ui.Svg.V1.fromHtml
|
||||
|
||||
@ -20,14 +20,21 @@ example =
|
||||
{ name = "Nri.Ui.AssignmentIcon.V1"
|
||||
, category = Icons
|
||||
, content =
|
||||
[ (IconExamples.view "Assignment Icons" << List.map (Tuple.mapSecond Svg.toHtml))
|
||||
[ (IconExamples.view "Quiz engine icons" << List.map (Tuple.mapSecond Svg.toHtml))
|
||||
[ ( "diagnostic", AssignmentIcon.diagnostic )
|
||||
, ( "practice", AssignmentIcon.practice )
|
||||
, ( "quiz", AssignmentIcon.quiz )
|
||||
, ( "quickWrite", AssignmentIcon.quickWrite )
|
||||
]
|
||||
, (IconExamples.view "Writing assignment icons" << List.map (Tuple.mapSecond Svg.toHtml))
|
||||
[ ( "quickWrite", AssignmentIcon.quickWrite )
|
||||
, ( "guidedDraft", AssignmentIcon.guidedDraft )
|
||||
, ( "peerReview", AssignmentIcon.peerReview )
|
||||
, ( "selfReview", AssignmentIcon.selfReview )
|
||||
]
|
||||
, (IconExamples.view "Peer Review sub-assignment icons" << List.map (Tuple.mapSecond Svg.toHtml))
|
||||
[ ( "submitting", AssignmentIcon.submitting )
|
||||
, ( "rating", AssignmentIcon.rating )
|
||||
, ( "revising", AssignmentIcon.revising )
|
||||
]
|
||||
]
|
||||
}
|
||||
|
||||
@ -36,10 +36,7 @@ example =
|
||||
, deprecatedIcon { icon = Icon.flag, background = Colors.frost, alt = "Flag" }
|
||||
]
|
||||
, IconExamples.view "Assignment Types"
|
||||
[ deprecatedIcon { icon = Icon.submitting, background = Colors.frost, alt = "Submitting" }
|
||||
, deprecatedIcon { icon = Icon.rating, background = Colors.frost, alt = "Rating" }
|
||||
, deprecatedIcon { icon = Icon.revising, background = Colors.frost, alt = "Revising" }
|
||||
, deprecatedIcon { icon = Icon.assignmentTypeWritingCycle, background = Colors.frost, alt = "WritingCycle" }
|
||||
[ deprecatedIcon { icon = Icon.assignmentTypeWritingCycle, background = Colors.frost, alt = "WritingCycle" }
|
||||
, deprecatedIcon { icon = Icon.writingAssignment, background = Colors.frost, alt = "WritingAssignment" }
|
||||
]
|
||||
, IconExamples.view "Student Assignment Actions"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user