| ... | ... | @@ -1,17 +1,19 @@ | 
              
                    | 1 | 1 | {{velocity output="false"}} | 
              
                    | 2 | 2 | #set($displayContentFooter=false) | 
              
                    | 3 | 3 | #set($displayDocExtra=false) | 
              
                    | 4 |  | - #set($displayContentMenu=false) | 
              
                    | 5 | 5 | $xwiki.ssx.use('Collaboratory.UX.SSX.noheader') | 
              
                    | 6 |  | -   | 
              
                    |  | 5 | + | 
              
                    | 7 | 7 | #set ($clbaction = $request.getParameter("clbaction")) | 
              
                    | 8 | 8 | #set ($isAuthenticated = ($xcontext.user != 'XWiki.XWikiGuest')) | 
              
                    | 9 | 9 | #set ($isCreationForm = $clbaction.equals('create')) | 
              
                    | 10 |  | -   | 
              
                    | 11 |  | - #macro(clbCreationForm) | 
              
                    |  | 9 | + | 
              
                    |  | 10 | + #macro(clbCreationForm) <div class="container"> | 
              
                    | 12 | 12 | <div class="row"> | 
              
                    | 13 | 13 | <div class="col-md-6"> | 
              
                    | 14 |  | -       <h1>Collabs</h1> | 
              
                    |  | 13 | +       <h1>Create a Collab</h1> | 
              
                    |  | 14 | +       <p class="help-block"> | 
              
                    |  | 15 | +          This page is used to create a new collab in the Collaboratory Wiki. Please plan your collab names in advance to avoid having many collabs with few pages and files. Thank you. | 
              
                    |  | 16 | +        </p> | 
              
                    | 15 | 15 | </div> | 
              
                    | 16 | 16 | <div class="col-md-6"> | 
              
                    | 17 | 17 | <a href="/bin/view/Collabs" class="btn btn-primary pull-right">Back to list</a> | 
                      
        | ... | ... | @@ -18,37 +18,43 @@ | 
              
                    | 18 | 18 | </div> | 
              
                    | 19 | 19 | </div> | 
              
                    | 20 | 20 | <div class="row"> | 
              
                    | 21 |  | -     < clb-collab-create></clb-collab-create> | 
              
                    |  | 23 | +      <div id="root"></div> | 
              
                    | 22 | 22 | </div> | 
              
                    |  | 25 | +  <link rel="stylesheet" type="text/css" href="$services.webjars.url('eu.hbp.wiki:xwiki-webapp-collaboratory', 'style.css')" /> | 
              
                    |  | 26 | +  <script type="module" src="$services.webjars.url('eu.hbp.wiki:xwiki-webapp-collaboratory', 'collab-settings.js')"></script> | 
              
                    |  | 27 | +</div> | 
              
                    | 23 | 23 | #end | 
              
                    | 24 |  | -   | 
              
                    | 25 |  | - #macro(clbList $canCreate) | 
              
                    |  | 29 | + | 
              
                    |  | 30 | + #macro(clbList $canCreate) <div class="container"> | 
              
                    | 26 | 26 | <div class="row"> | 
              
                    | 27 |  | -     <div class="col-md-6"> | 
              
                    | 28 |  | -       <h1>Collabs</h1> | 
              
                    | 29 |  | -     </div> | 
              
                    | 30 |  | -     #if($canCreate) | 
              
                    | 31 |  | -       <div class="col-md-6"> | 
              
                    | 32 |  | -         <a href="/bin/view/Collabs?clbaction=create" class="btn btn-primary pull-right">Create a collab</a> | 
              
                    | 33 |  | -       </div> | 
              
                    | 34 |  | -     #end | 
              
                    |  | 32 | +      <div class="col-md-8"> | 
              
                    |  | 33 | +        <h1>Collab Search</h1> | 
              
                    |  | 34 | +        <p class="help-block"> | 
              
                    |  | 35 | +          Find available collabs searching for words in title and description.<br /> | 
              
                    |  | 36 | +          You can refine the results using the filters. | 
              
                    |  | 37 | +        </p> | 
              
                    |  | 38 | +      </div> | 
              
                    |  | 39 | +      <div class="col-md-4 pull-right"> | 
              
                    |  | 40 | +      #if($canCreate) | 
              
                    |  | 41 | +        <a href="/bin/view/Collabs?clbaction=create" class="btn btn-primary pull-right">Create a collab</a> | 
              
                    |  | 42 | +      #end | 
              
                    |  | 43 | +      </div> | 
              
                    | 35 | 35 | </div> | 
              
                    | 36 | 36 | <div class="row"> | 
              
                    | 37 |  | -     <clb-current-user authenticated="$isAuthenticated"></clb-current-user> | 
              
                    | 38 |  | -     <clb-collab-list></clb-collab-list> | 
              
                    |  | 46 | +     <div id="root"></div> | 
              
                    | 39 | 39 | </div> | 
              
                    |  | 48 | +</div> | 
              
                    |  | 49 | +<link rel="stylesheet" type="text/css" href="$services.webjars.url('eu.hbp.wiki:xwiki-webapp-collaboratory', 'style.css')" /> | 
              
                    |  | 50 | +<script type="module" src="$services.webjars.url('eu.hbp.wiki:xwiki-webapp-collaboratory', 'collab-search.js')"></script> | 
              
                    | 40 | 40 | #end | 
              
                    | 41 | 41 | {{/velocity}} | 
              
                    | 42 |  | -   | 
              
                    |  | 53 | + | 
              
                    | 43 | 43 | {{velocity}} | 
              
                    | 44 | 44 | {{html clean="false"}} | 
              
                    | 45 |  | - <script type="module" src="$services.webjars.url('eu.hbp.wiki:xwiki-webapp-collaboratory', 'collab.esm.js')"></script> | 
              
                    | 46 |  | - <div class="container clb-content"> | 
              
                    | 47 | 47 | #if($isCreationForm) | 
              
                    | 48 | 48 | #clbCreationForm() | 
              
                    | 49 | 49 | #else | 
              
                    | 50 | 50 | #clbList($isAuthenticated) | 
              
                    | 51 | 51 | #end | 
              
                    | 52 |  | - </div> | 
              
                    | 53 | 53 | {{/html}} | 
              
                    | 54 | 54 | {{/velocity}} |