Revision 7fb14dbb snf-astakos-app/astakos/im/static/im/cloudbar/README.rst

b/snf-astakos-app/astakos/im/static/im/cloudbar/README.rst
9 9 
The project consists of a javascript file which once imported in a
10 10 
html page handles the automatic creation and styling of a bar that
11 11 
is placed on top of the page (first body element absolutely
12 
positioned on top). Since the addition of the bar may break the
13 
current layout of the site once imported the script tries to load an
14 
additional css located in the same url as the script itself named by
15 
the ``CLOUDBAR_ACTIVE_SERVICE`` configuration and prefixed by *service_* so
16 
that css changes can be applied without touching the page native styles.
17 

  		





  
  12
  
    
positioned on top). 


  		





  18
  13
  
    
The bar contains links to the refered services application urls, and


  		





  19
  14
  
    
depending on if the user is authenticated links to account pages


  		





  20
  15
  
    
(login, change profile, logout etc.).


  		





  ......




  34
  29
  
    
    - Include one of the latest jquery builds.


  		





  35
  30
  
    
    - Set the ``CLOUDBAR_COOKIE_NAME`` variable containing info about the username


  		





  36
  31
  
    
      and the authentication status of the current visitor of the page.


  		





  37
  
  
    
    - Set the ``CLOUDBAR_ACTIVE_SERVICE`` to the id of the service the current


  		





  38
  
  
    
      page refers to so that script cat set the appropriate active styles to


  		





  39
  
  
    
      the services menu for services ids see ``SERVICES_LINK`` object in 


  		





  40
  
  
    
      cloudbar.js. Use special **accounts** value to set account menu as the


  		





  41
  
  
    
      active link.


  		





  42
  32
  
    
    - Set the ``CLOUDBAR_LOCATION`` to the url where bar files are served from.


  		





  43
  33
  
    
    - Include the servicesbar.js script.


  		





  44
  34
  
    

  		





  ......




  51
  41
  
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


  		





  52
  42
  
    
    <script>


  		





  53
  43
  
    
        var CLOUDBAR_COOKIE_NAME = '_pithos2_a';


  		





  54
  
  
    
        var CLOUDBAR_ACTIVE_SERVICE = 'cloud';


  		





  55
  44
  
    
        var CLOUDBAR_LOCATION = "https://accounts.cloud.grnet.gr/cloudbar/";


  		





  56
  45
  
    

  		





  57
  46
  
    
        $(document).ready(function(){


  		












Also available in:
  Unified diff