MFlow-0.2.0.7: Demos/demos.blaze.hs
{-# LANGUAGE DeriveDataTypeable #-}
module Main where
import MFlow.Wai.Blaze.Html.All
import Text.Blaze.Html5 as El
import Text.Blaze.Html5.Attributes as At hiding (step)
import Data.String
import Data.List
import Data.TCache
import Data.Typeable
import Control.Monad.Trans
import Control.Concurrent
import Control.Exception as E
import qualified Data.ByteString.Lazy.Char8 as B
import qualified Data.Text as T
import qualified Data.Vector as V
import Data.Maybe
import Data.Monoid
--test= runTest [(15,"shop")]
main= do
setAdminUser "admin" "admin"
syncWrite SyncManual
setFilesPath ""
addMessageFlows
[("" , transient $ runFlow mainmenu)
,("shop", runFlow shopCart)]
wait $ run 8081 waiMessageFlow
fstr= fromString
data Options= CountI | CountS | Radio
| Login | TextEdit |Grid | Autocomp | AutocompList
| ListEdit |Shop | Action | Ajax | Select
| CheckBoxes | PreventBack deriving (Bounded, Enum,Read, Show,Typeable)
mainmenu= do
setHeader stdheader
setTimeouts 100 0
r <- ask $ wcached "menu" 0
$ b << "BASIC"
++> br ++> wlink CountI << b << "increase an Int"
<|> br ++> wlink CountS << b << "increase a String"
<|> br ++> wlink Action << b << "Example of action, executed when a widget is validated"
<|> br ++> wlink Select << b << "select options"
<|> br ++> wlink CheckBoxes << b << "checkboxes"
<|> br ++> wlink Radio << b << "Radio buttons"
<++ br <> br <> b << "DYNAMIC WIDGETS"
<|> br ++> wlink Ajax << b << "AJAX example"
<|> br ++> wlink Autocomp << b << "autocomplete"
<|> br ++> wlink AutocompList << b << "autocomplete List"
<|> br ++> wlink ListEdit << b << "list edition"
<|> br ++> wlink Grid << b << "grid"
<|> br ++> wlink TextEdit << b << "Content Management"
<++ br <> br <> b << "STATEFUL PERSISTENT FLOW"
<> br <> a ! href (fstr "shop") << "shopping" -- ordinary Blaze.Html link
<> br <> br <> b << "OTHERS"
<|> br ++> wlink Login << b << "login/logout"
<|> br ++> wlink PreventBack << b << "Prevent going back after a transaction"
case r of
CountI -> clickn 0
CountS -> clicks "1"
Action -> actions 1
Ajax -> ajaxsample
Select -> options
CheckBoxes -> checkBoxes
TextEdit -> textEdit
Grid -> grid
Autocomp -> autocomplete1
AutocompList -> autocompList
ListEdit -> wlistEd
Radio -> radio
Login -> loginSample
PreventBack -> preventBack
preventBack= do
ask $ wlink () << b << "press here to pay 100000 $ "
payIt
preventGoingBack . ask $ b << "You already paid 100000 before" ++> wlink () << b << " Please press here to continue"
ask $ wlink () << b << "you paid just one time. press here to go to the menu or press the back button to verify that you can not pay again"
where
payIt= liftIO $ print "paying"
options= do
r <- ask $ getSelect (setSelectedOption ("" :: String) (p << "select a option") <|>
setOption "blue" (b << "blue") <|>
setOption "Red" (b << "red") ) <! dosummit
ask $ p << (r ++ " selected") ++> wlink () (p << " menu")
mainmenu -- breturn() would do it as well
where
dosummit= [("onchange","this.form.submit()")]
checkBoxes= do
r <- ask $ getCheckBoxes( (setCheckBox False "Red" <++ b << "red")
<> (setCheckBox False "Green" <++ b << "green")
<> (setCheckBox False "blue" <++ b << "blue"))
<** submitButton "submit"
ask $ p << ( show r ++ " selected") ++> wlink () (p << " menu")
mainmenu
autocomplete1= do
r <- ask $ p << "Autocomplete "
++> p << "enter "
++> p << "when su press submit, the box is returned"
++> wautocomplete (Just "red,green,blue") filter1
<** submitButton "submit"
ask $ p << ( show r ++ " selected") ++> wlink () (p << " menu")
mainmenu
where
filter1 s = return $ filter (isPrefixOf s) ["red","reed rose","green","green grass","blue","blues"]
autocompList= do
r <- ask $ p << "Autocomplete with a list of selected entries"
++> p << "enter and press enter"
++> p << "when su press submit, the entries are returned"
++> wautocompleteList "red,green,blue" filter1 ["red"]
<** submitButton "submit"
ask $ p << ( show r ++ " selected") ++> wlink () (p << " menu")
mainmenu
where
filter1 s = return $ filter (isPrefixOf s) ["red","reed rose","green","green grass","blue","blues"]
grid = do
let row _= tr <<< ( (,) <$> tdborder <<< getInt (Just 0)
<*> tdborder <<< getString (Just "")
<++ tdborder << delLink)
addLink= a ! href (fstr "#")
! At.id (fstr "wEditListAdd")
<< "add"
delLink= a ! href (fstr "#")
! onclick (fstr "this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)")
<< "delete"
tdborder= td ! At.style (fstr "border: solid 1px")
r <- ask $ addLink ++> ( wEditList table row ["",""] "wEditListAdd") <** submitButton "submit"
ask $ p << (show r ++ " returned")
++> wlink () (p << " back to menu")
mainmenu
wlistEd= do
r <- ask $ addLink
++> br
++> (wEditList El.div getString1 ["hi", "how are you"] "wEditListAdd")
<++ br
<** submitButton "send"
ask $ p << (show r ++ " returned")
++> wlink () (p << " back to menu")
mainmenu
where
addLink = a ! At.id (fstr "wEditListAdd")
! href (fstr "#")
$ b << "add"
delBox = input ! type_ (fstr "checkbox")
! checked (fstr "")
! onclick (fstr "this.parentNode.parentNode.removeChild(this.parentNode)")
getString1 mx= El.div <<< delBox ++> getString mx <++ br
clickn n= do
r <- ask $ p << b << "increase an Int"
++> wlink ("menu" :: String) (p << "menu")
|+| getInt (Just n) <* submitButton "submit"
case r of
(Just _,_) -> mainmenu
(_, Just n') -> clickn $ n'+1
clicks s= do
s' <- ask $ p << b << "increase a String"
++> p << b << "press the back button to go back to the menu"
++>(getString (Just s)
<* submitButton "submit")
`validate` (\s -> return $ if length s > 5 then Just (b << "length must be < 5") else Nothing )
clicks $ s'++ "1"
radio = do
r <- ask $ p << b << "Radio buttons"
++> getRadio [\n -> fromStr v ++> setRadioActive v n | v <- ["red","green","blue"]]
ask $ p << ( show r ++ " selected") ++> wlink () (p << " menu")
mainmenu
ajaxsample= do
r <- ask $ p << b << "Ajax example that increment the value in a box"
++> do
let elemval= "document.getElementById('text1').value"
ajaxc <- ajax $ \n -> return . B.pack $ elemval <> "='" <> show(read n +1) <> "'"
b << "click the box"
++> getInt (Just 0) <! [("id","text1"),("onclick", ajaxc elemval)]<** submitButton "submit"
ask $ p << ( show r ++ " returned") ++> wlink () (p << " menu")
mainmenu
---- recursive callbacks
--actions n=do
-- ask $ wlink () (p << "exit from action")
-- <**((getInt (Just (n+1)) <** submitButton "submit" ) `waction` actions )
actions n= do
r<- ask $ p << b << "Two boxes with one action each one"
++> getString (Just "widget1") `waction` action
<+> getString (Just "widget2") `waction` action
<** submitButton "submit"
ask $ p << ( show r ++ " returned") ++> wlink () (p << " menu")
mainmenu
where
action n= ask $ getString (Just $ n ++ " action")<** submitButton "submit action"
data ShopOptions= IPhone | IPod | IPad deriving (Bounded, Enum,Read, Show, Typeable)
shopCart = do
setHeader $ \html -> p << ( El.span <<
"A persistent flow (uses step). The process is killed after 10 seconds of inactivity \
\but it is restarted automatically. Event If you restart the whole server, it remember the shopping cart\n\n \
\Defines a table with links enclosed that return ints and a link to the menu, that abandon this flow.\n\
\The cart state is not stored, Only the history of events is saved. The cart is recreated by running the history of events."
<> html)
setTimeouts 10 0
shopCart1 (V.fromList [0,0,0:: Int])
where
shopCart1 cart= do
o <- step . ask $
table ! At.style (fstr "border:1;width:20%;margin-left:auto;margin-right:auto")
<<< caption << "choose an item"
++> thead << tr << ( th << b << "item" <> th << b << "times chosen")
++> (tbody
<<< tr ! rowspan (fstr "2") << td << linkHome
++> (tr <<< td <<< wlink IPhone (b << "iphone") <++ td << ( b << show ( cart V.! 0))
<|> tr <<< td <<< wlink IPod (b << "ipad") <++ td << ( b << show ( cart V.! 1))
<|> tr <<< td <<< wlink IPad (b << "ipod") <++ td << ( b << show ( cart V.! 2)))
<++ tr << td << linkHome
)
let i =fromEnum o
let newCart= cart V.// [(i, cart V.! i + 1 )]
shopCart1 newCart
where
linkHome= a ! href (fstr noScript) << b << "home"
loginSample= do
ask $ p << "Please login with admin/admin"
++> userWidget (Just "admin") userLogin
user <- getCurrentUser
ask $ b << ("user logged as " <> user) ++> wlink () (p << " logout and go to menu")
logout
mainmenu
textEdit= do
let first= p << i <<
(El.span << "this is a page with"
<> b << " two " <> El.span << "paragraphs. this is the first")
second= p << i << "This is the original of the second paragraph"
ask $ p << b << "An example of content management"
++> first
++> second
++> wlink () (p << "click here to edit it")
ask $ p << "Please login with admin/admin to edit it"
++> userWidget (Just "admin") userLogin
ask $ p << "now you can click the fields and edit them"
++> p << b << "to save an edited field, double click on it"
++> tFieldEd "first" first
**> tFieldEd "second" second
**> wlink () (p << "click here to see it as a normal user")
logout
ask $ p << "the user sees the edited content. He can not edit"
++> tFieldEd "first" first
**> tFieldEd "second" second
**> wlink () (p << "click to continue")
ask $ p << "When texts are fixed,the edit facility and the original texts can be removed. The content is indexed by the field key"
++> tField "first"
**> tField "second"
**> p << "End of edit field demo" ++> wlink () (p << "click here to go to menu")
stdheader c= docTypeHtml $ body $
a ! At.style (fstr "-align:center") ! href ( fstr "html/MFlow/index.html") << h1 << "MFlow"
<> br
<> hr
<> (El.div ! At.style (fstr "position:fixed;top:40px;left:0%\
\;width:50%;min-height:100%\
\;margin-left:10px;margin-right:10px") $
h2 << "Example of some features."
-- <> h3 << "This demo uses warp and blaze-html"
<> br <> c)
<> (El.div ! At.style (fstr "position:fixed;top:40px;left:50%;width:50%;min-height:100%") $
h2 << "Documentation"
<> br
<> p << a ! href (fstr "html/MFlow/index.html") << "MFlow package description and documentation"
<> p << a ! href (fstr "demos.blaze.hs") << "download demo source code"
<> p << a ! href (fstr "https://github.com/agocorona/MFlow/issues") << "bug tracker"
<> p << a ! href (fstr "https://github.com/agocorona/MFlow") << "source repository"
<> p << a ! href (fstr "http://hackage.haskell.org/package/MFlow") << "Hackage repository"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2012/11/mflow-now-widgets-can-express.html") << "MFlow: now the widgets can express requirements"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2012/12/on-spirit-of-mflow-anatomy-of-widget.html") << "On the \"spirit\" of MFlow. Anatomy of a Widget"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2013/01/now-example-of-use-of-active-widget.html") << "MFlow active widgets example"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2013/01/stateful-but-stateless-at-last-thanks.html") << "Stateful, but virtually stateless, thanks to event sourcing"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2012/11/i-just-added-some-templatingcontent.html") << "Content Management and multilanguage in MFlow"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2012/10/testing-mflow-applications_9.html") << "Testing MFlow applications"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2012/09/a.html") << "A Web app. that creates Haskel computations from form responses, that store, retrieve and execute them? It´s easy"
<> p << a ! href (fstr "http://haskell-web.blogspot.com.es/2012/09/announce-mflow-015.html") << "ANNOUNCE MFlow 0.1.5 Web app server for stateful processes with safe, composable user interfaces."
)