mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-11-28 10:17:49 +03:00
:bowtie: adds assignment start icons
This commit is contained in:
Tessa Kelly
parent
b146fead0c
commit
c38f5eaf32
@ -3,6 +3,7 @@ module Nri.Ui.AssignmentIcon.V1 exposing
|
||||
, quickWrite, guidedDraft
|
||||
, selfReview
|
||||
, peerReview, submitting, rating, revising
|
||||
, startPrimary, startSecondary
|
||||
)
|
||||
|
||||
{-|
|
||||
@ -11,6 +12,7 @@ module Nri.Ui.AssignmentIcon.V1 exposing
|
||||
@docs quickWrite, guidedDraft
|
||||
@docs selfReview
|
||||
@docs peerReview, submitting, rating, revising
|
||||
@docs startPrimary, startSecondary
|
||||
|
||||
import Html.Styled exposing (Html)
|
||||
import Nri.Ui.AssignmentIcon.V1 as AssignmentIcon
|
||||
@ -211,3 +213,67 @@ revising =
|
||||
[]
|
||||
]
|
||||
|> Nri.Ui.Svg.V1.fromHtml
|
||||
|
||||
|
||||
{-| -}
|
||||
startPrimary : Nri.Ui.Svg.V1.Svg
|
||||
startPrimary =
|
||||
Svg.svg
|
||||
[ Attributes.width "100%"
|
||||
, Attributes.height "100%"
|
||||
, Attributes.viewBox "0 0 50 50"
|
||||
]
|
||||
[ Svg.g [ Attributes.transform "translate(-50.000000, -624.000000)" ]
|
||||
[ Svg.g [ Attributes.transform "translate(50.000000, 50.000000)" ]
|
||||
[ Svg.g [ Attributes.transform "translate(0.000000, 574.000000)" ]
|
||||
[ Svg.g []
|
||||
[ Svg.g []
|
||||
[ Svg.path [ Attributes.fill "currentcolor", Attributes.d "M0,24.9999988 C0,38.8087481 11.19375,50 25,50 C38.80875,50 50,38.8087481 50,24.9999988 C50,11.1937494 38.80625,0 25,0 C11.19375,0 0,11.1937494 0,24.9999988 Z" ] []
|
||||
, Svg.path [ Attributes.fill "#fff", Attributes.d "M21.0869565,33.8146977 C20.6577447,34.0617674 20.1248751,34.0617674 19.6956522,33.8146977 C19.2664403,33.5683165 19,33.1074898 19,32.61405 L19,17.38595 C19,16.889723 19.2664403,16.4316724 19.6956522,16.1853023 C20.1248751,15.9382326 20.6577447,15.9382326 21.0869565,16.1853023 L34.3043478,23.8007347 C34.7335708,24.0478044 35,24.5051666 35,25.002082 C35,25.4955219 34.7363534,25.9535725 34.3043478,26.1999537 L21.0869565,33.8146977 Z" ] []
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
|> Nri.Ui.Svg.V1.fromHtml
|
||||
|
||||
|
||||
{-| -}
|
||||
startSecondary : Nri.Ui.Svg.V1.Svg
|
||||
startSecondary =
|
||||
Svg.svg
|
||||
[ Attributes.width "100%"
|
||||
, Attributes.height "100%"
|
||||
, Attributes.viewBox "0 60 50 51"
|
||||
, Attributes.fill "#fff"
|
||||
]
|
||||
[ Svg.g [ Attributes.transform "translate(-50.000000, -624.000000)" ]
|
||||
[ Svg.g [ Attributes.transform "translate(50.000000, 50.000000)" ]
|
||||
[ Svg.g [ Attributes.transform "translate(0.000000, 574.000000)" ]
|
||||
[ Svg.g []
|
||||
[ Svg.g [ Attributes.transform "translate(0.000000, 60.000000)" ]
|
||||
[ Svg.g []
|
||||
[ Svg.path
|
||||
[ Attributes.d "M0,25.3650791 C0,39.1738284 11.19375,50.3650803 25,50.3650803 C38.80875,50.3650803 50,39.1738284 50,25.3650791 C50,11.5588298 38.80625,0.365080324 25,0.365080324 C11.19375,0.365080324 0,11.5588298 0,25.3650791 Z"
|
||||
]
|
||||
[]
|
||||
, Svg.path
|
||||
[ Attributes.stroke "currentcolor"
|
||||
, Attributes.strokeWidth "3"
|
||||
, Attributes.d "M1.5,25.3650791 C1.5,38.3445152 12.021291,48.8650803 25,48.8650803 C37.9803224,48.8650803 48.5,38.3454018 48.5,25.3650791 C48.5,12.3872569 37.9778229,1.86508032 25,1.86508032 C12.0221771,1.86508032 1.5,12.3872569 1.5,25.3650791 Z"
|
||||
]
|
||||
[]
|
||||
]
|
||||
, Svg.path
|
||||
[ Attributes.fill "currentcolor"
|
||||
, Attributes.d "M20.946522,34.4104003 C20.5071165,34.6639342 19.9615913,34.6639342 19.5221743,34.4104003 C19.0827687,34.1575729 18.8100004,33.6846894 18.8100004,33.1783395 L18.8100004,17.5518211 C18.8100004,17.0426111 19.0827687,16.5725764 19.5221743,16.3197604 C19.9615913,16.0662265 20.5071165,16.0662265 20.946522,16.3197604 L34.4778257,24.1344382 C34.9172427,24.3879721 35.1899996,24.8573004 35.1899996,25.3672168 C35.1899996,25.8735667 34.9200914,26.3436015 34.4778257,26.5964289 L20.946522,34.4104003 Z"
|
||||
]
|
||||
[]
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
|> Nri.Ui.Svg.V1.fromHtml
|
||||
|
||||
@ -34,5 +34,9 @@ example =
|
||||
, ( "rating", AssignmentIcon.rating )
|
||||
, ( "revising", AssignmentIcon.revising )
|
||||
]
|
||||
, IconExamples.view "Start"
|
||||
[ ( "startPrimary", AssignmentIcon.startPrimary )
|
||||
, ( "startSecondary", AssignmentIcon.startSecondary )
|
||||
]
|
||||
]
|
||||
}
|
||||
|
||||
@ -31,10 +31,6 @@ example =
|
||||
, deprecatedIcon { icon = Icon.thumbsUp { level1Badge_png = Asset "assets/images/level-1-badge.png" }, background = Colors.blue, alt = "ThumbsUp" }
|
||||
, deprecatedIcon { icon = Icon.masteryBadge { masteryBadge = "icon-mastery-badge" }, background = Colors.frost, alt = "Badge " }
|
||||
]
|
||||
, viewLarge "Student Assignment Actions"
|
||||
[ deprecatedIcon { icon = Icon.assignmentStartButtonPrimary { assignmentStartButtonPrimary_svg = Asset "assets/images/assignment-start-button-primary.svg" }, background = Colors.frost, alt = "Start primary" }
|
||||
, deprecatedIcon { icon = Icon.assignmentStartButtonSecondary { assignmentStartButtonSecondary_svg = Asset "assets/images/assignment-start-button-secondary.svg" }, background = Colors.frost, alt = "Start secondary" }
|
||||
]
|
||||
, viewLarge "Social Media"
|
||||
[ deprecatedIcon { icon = Icon.facebook { facebookBlue_svg = Asset "assets/images/facebook-blue.svg" }, background = Colors.frost, alt = "Facebook" }
|
||||
, deprecatedIcon { icon = Icon.twitter { twitterBlue_svg = Asset "assets/images/twitter-blue.svg" }, background = Colors.frost, alt = "Twitter" }
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:2ce4ad40a09adb025b699c90a1ebc3506f02d73279f3cc8fac8f4bf03049ea9d
|
||||
size 1645
|
||||
@ -1,3 +0,0 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:ae90c41df731bd31325e30383b53995fa5c809b88f2844300dfa964f80f022ac
|
||||
size 2264
|
||||
Loading…
Reference in New Issue
Block a user