[Ur] UPO framework - Ui.Make functor

emil brusic emil.brusic at gmail.com
Wed Dec 23 06:35:54 EST 2015


Greetings to all community!

I have just started to learn about Ur/Web and UPO framework with Bootstrap.
In upo/ui.ur, functor Make, there is function tabbed which is use for
boostrap navbar:
fun tabbed [ts] (fl : folder ts) titl (ts : $(map (fn a => option string *
t a) ts)) = ...
This is how I use it:

fun main () =
    about <- aboutUs(lng);
    usr <- User.userIdNam();
    login <- User.blurb();
     Theme.tabbed titl
     ((Some (case lng of
                 HR => "O nama"
               | EN => "About us")
            , Ui.const about)
     ,(case usr of
           None =>
              Some (case lng of
                     HR => "Prijava"
                   | EN => "Login")
         | Some u =>
           case lng of
               HR => Some ("Korisnik: " ^ u.Nam)
             | EN => Some ("User: " ^ u.Nam)
           , Ui.const login)
(* this navbar-right is not showing in browser: *)
    ,(None
    , Ui.const (<xml>
                 <ul class="bs3-nav navbar-nav navbar-right">
                   <li><a link={lg()}><span class="glyphicon
glyphicon-user"></span> Sign Up</a></li>
                   <li><a link={lg()}><span class="glyphicon
glyphicon-log-in"></span> Login</a></li>
                 </ul>
               </xml>))
     )
Everything pass type checking and compiling, but navbar-right menu entries
with glyphicons are not shown.
So I wrote new test function without using UPO framework:
fun test () = ...
...
<div id={nid} class="collapse navbar-collapse">
...
                  <ul class="bs3-nav navbar-nav navbar-right">
                    <li><a href={log}><span class="glyphicon
glyphicon-user"></span> Sign Up</a></li>
                    <li><a href={log}><span class="glyphicon
glyphicon-log-in"></span> Login</a></li>
                  </ul>
                </div>
...
In this case navbar-right is shown.
Probably I missed something with code:
,(None, Ui.const (<xml> ... </xml>))
Also I have noticed that vertical collapse menu for mobile devices is not
shown even in UPO site - http://upo.csail.mit.edu/

I will be grateful if anyone help me to find out what is wrong with my
code, or how to use tabbed function for
navbar-right.

Best regards,
Emil
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.impredicative.com/pipermail/ur/attachments/20151223/7e965263/attachment.html>


More information about the Ur mailing list