<commit_before>module Pages.Break exposing (view)

import Element exposing (Device, button, el, empty, row, text)
import Element.Attributes exposing (center, fill, padding, paddingXY, spacing, verticalCenter, width)
import Styles exposing (StyleElement)


view : Device -> List StyleElement
view device =
    [ breakSuggestionView
    , breakButtons
    ]


breakSuggestionView : StyleElement
breakSuggestionView =
    row Styles.BreakAlertBox
        [ width (fill 1), paddingXY 16 16, spacing 10, center, verticalCenter ]
        [ el Styles.None [ Element.Attributes.class "fa fa-exclamation-circle" ] empty
        , text "How about a walk? You've been mobbing for 42 minutes."
        ]


breakButtons : StyleElement
breakButtons =
    row Styles.None
        [ spacing 30 ]
        [ button <|
            el Styles.SkipBreakButton
                [ padding 13, width (fill 1) ]
                (row Styles.None
                    [ spacing 20, center ]
                    [ text "Skip Break"
                    ]
                )

        -- |> above [ el Tooltip [ center, width (px 200), class "setupTooltip" ] (text "This is a tooltip") ]
        , button <|
            el Styles.BreakButton
                [ padding 13, width (fill 2) ]
                (row Styles.None
                    [ spacing 20, center ]
                    [ text "Take a Break"
                    , el Styles.None [ Element.Attributes.class "fa fa-coffee", verticalCenter ] empty
                    ]
                )
        ]<commit_msg>Wire in skip and start break Msgs in beta break view.<commit_after>module Pages.Break exposing (view)

import Element exposing (Device, button, el, empty, row, text)
import Element.Attributes exposing (center, fill, padding, paddingXY, spacing, verticalCenter, width)
import Element.Events
import Setup.Msg as Msg
import Styles exposing (StyleElement)


view : Device -> List StyleElement
view device =
    [ breakSuggestionView
    , breakButtons
    ]


breakSuggestionView : StyleElement
breakSuggestionView =
    row Styles.BreakAlertBox
        [ width (fill 1), paddingXY 16 16, spacing 10, center, verticalCenter ]
        [ el Styles.None [ Element.Attributes.class "fa fa-exclamation-circle" ] empty
        , text "How about a walk? You've been mobbing for 42 minutes."
        ]


breakButtons : StyleElement
breakButtons =
    row Styles.None
        [ spacing 30 ]
        [ button <|
            el Styles.SkipBreakButton
                [ padding 13, width (fill 1), Element.Events.onClick Msg.SkipBreak ]
                (row Styles.None
                    [ spacing 20, center ]
                    [ text "Skip Break" ]
                )

        -- |> above [ el Tooltip [ center, width (px 200), class "setupTooltip" ] (text "This is a tooltip") ]
        , button <|
            el Styles.BreakButton
                [ padding 13, width (fill 2), Element.Events.onClick Msg.StartBreak ]
                (row Styles.None
                    [ spacing 20, center ]
                    [ text "Take a Break"
                    , el Styles.None [ Element.Attributes.class "fa fa-coffee", verticalCenter ] empty
                    ]
                )
        ]
{'fraction_non_alphanumeric': 0.08491446345256609, 'fraction_numerical': 0.014930015552099534, 'mean_word_length': 1.8714285714285714, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3906173', 'n_tokens_mistral': 931, 'n_tokens_neox': 823, 'n_words': 276}