show googlemap AND 3dmap and list view
[myslice.git] / portal / sliceview.py
index 534ed78..38c90fc 100644 (file)
-# Create your views here.
-
 from django.template                 import RequestContext
 from django.shortcuts                import render_to_response
-from django.contrib.auth.decorators  import login_required
-from django.http                     import HttpResponseRedirect
+
+from unfold.loginrequired            import LoginRequiredAutoLogoutView
 
 from unfold.page                     import Page
 from manifold.core.query             import Query, AnalyzedQuery
-from manifold.manifoldresult         import ManifoldException
-from manifold.metadata               import MetaData as Metadata
-# need to remove this dep.
-from trash.trashutils                import quickfilter_criterias
-from myslice.viewutils               import topmenu_items, the_user
 
-from plugins.raw.raw                 import Raw
-from plugins.stack.stack             import Stack
-from plugins.tabs.tabs               import Tabs
-from plugins.lists.slicelist         import SliceList
-from plugins.hazelnut                import Hazelnut 
-from plugins.resources_selected      import ResourcesSelected
-from plugins.googlemaps              import GoogleMaps
-from plugins.senslabmap.senslabmap   import SensLabMap
-from plugins.querycode.querycode     import QueryCode
+from ui.topmenu                      import topmenu_items, the_user
+
+from plugins.raw                     import Raw
+from plugins.stack                   import Stack
+from plugins.tabs                    import Tabs
+from plugins.querytable              import QueryTable 
+from plugins.queryupdater            import QueryUpdater
+from plugins.googlemap               import GoogleMap
+from plugins.senslabmap              import SensLabMap
+from plugins.querycode               import QueryCode
 from plugins.query_editor            import QueryEditor
 from plugins.active_filters          import ActiveFilters
-from plugins.quickfilter.quickfilter import QuickFilter
-from plugins.messages.messages       import Messages
-#from plugins.updater                 import Updater
-
-tmp_default_slice='ple.upmc.myslicedemo'
-debug = True
-
-@login_required
-def slice_view (request, slicename=tmp_default_slice):
-    # xxx Thierry - ugly hack
-    # fetching metadata here might fail - e.g. with an expired session..
-    # let's catch this early on and log out our user if needed
-    # it should of course be handled in a more generic way
-    try:
-        return _slice_view(request,slicename)
-    except ManifoldException, manifold_result:
-        # xxx needs a means to display this message to user...
-        from django.contrib.auth import logout
-        logout(request)
-        return HttpResponseRedirect ('/')
-    except Exception, e:
-        # xxx we need to sugarcoat this error message in some error template...
-        print "Unexpected exception",e
-        import traceback
-        traceback.print_exc()
-        # return ...
-
-def _slice_view (request, slicename):
-
-    page = Page(request)
-    page.expose_js_metadata()
-
-    metadata = page.get_metadata()
-    resource_md = metadata.details_by_object('resource')
-    resource_fields = [column['name'] for column in resource_md['column']]
-
-    user_md = metadata.details_by_object('user')
-    user_fields = ['user_hrn'] # [column['name'] for column in user_md['column']]
-
-    # TODO The query to run is embedded in the URL
-    main_query = Query.get('slice').filter_by('slice_hrn', '=', slicename)
-    main_query.select(
-            'slice_hrn',
-            'resource.resource_hrn', 'resource.hostname', 'resource.type', 'resource.network_hrn',
-            #'lease.urn',
-            'user.user_hrn',
-            #'application.measurement_point.counter'
-    )
-
-    query_resource_all = Query.get('resource').select(resource_fields)
-    query_user_all = Query.get('user').select(user_fields)
-
-    aq = AnalyzedQuery(main_query, metadata=metadata)
-    page.enqueue_query(main_query, analyzed_query=aq)
-    page.enqueue_query(query_resource_all)
-    page.enqueue_query(query_user_all)
-
-    # Prepare the display according to all metadata
-    # (some parts will be pending, others can be triggered by users).
-    # 
-    # For example slice measurements will not be requested by default...
+from plugins.quickfilter             import QuickFilter
+from plugins.messages                import Messages
+from plugins.slicestat               import SliceStat
 
-    # Create the base layout (Stack)...
-    main_plugin = Stack (
-        page=page,
-        title="Slice !!view for %s"%slicename,
-        sons=[],
-    )
+from myslice.config                  import Config
 
-    # ... responsible for the slice properties...
-
-
-    main_plugin.insert (
-        Raw (page=page,togglable=False, toggled=True,html="<h2> Slice page for %s</h2>"%slicename)
-    )
-
-    main_plugin.insert(
-        Raw (page=page,togglable=False, toggled=True,html='<b>Description:</b> TODO')
-    )
+tmp_default_slice='ple.upmc.myslicedemo'
 
-    sq_plugin = Tabs (
-        page=page,
-        title="Slice view for %s"%slicename,
-        togglable=False,
-        sons=[],
-    )
+# temporary : turn off the users part to speed things up
+#do_query_users=True
+do_query_users=False
 
+class SliceView (LoginRequiredAutoLogoutView):
 
-    # ... and for the relations
-    # XXX Let's hardcode resources for now
-    sq_resource = aq.subquery('resource')
-    sq_user     = aq.subquery('user')
-    sq_lease    = aq.subquery('lease')
-    sq_measurement = aq.subquery('measurement')
+    def get (self,request, slicename=tmp_default_slice):
     
-
-    ############################################################################
-    # RESOURCES
-    # 
-    # A stack inserted in the subquery tab that will hold all operations
-    # related to resources
-    # 
+        page = Page(request)
+        page.add_css_files ('css/slice-view.css')
+        page.add_js_files  ( [ "js/common.functions.js" ] )
+        page.add_js_chunks ('$(function() { messages.debug("sliceview: jQuery version " + $.fn.jquery); });')
+        page.add_js_chunks ('$(function() { messages.debug("sliceview: users turned %s"); });'%("on" if do_query_users else "off"))
+        config=Config()
+        page.add_js_chunks ('$(function() { messages.debug("manifold URL %s"); });'%(config.manifold_url()))
+        page.expose_js_metadata()
     
-    stack_resources = Stack(
-        page = page,
-        title        = 'Resources',
-        sons=[],
-    )
-
-    resource_query_editor = QueryEditor(
-        page  = page,
-        query = sq_resource,
-    )
-    stack_resources.insert(resource_query_editor)
-
-    resource_active_filters = ActiveFilters(
-        page  = page,
-        query = sq_resource,
-    )
-    stack_resources.insert(resource_active_filters)
-
-    # --------------------------------------------------------------------------
-    # Different displays = DataTables + GoogleMaps
-    #
-    tab_resource_plugins = Tabs(
-        page    = page,
-        sons = []
-    )
-
-    tab_resource_plugins.insert(Hazelnut( 
-        page       = page,
-        title      = 'List',
-        domid      = 'checkboxes',
-        # this is the query at the core of the slice list
-        query      = sq_resource,
-        query_all  = query_resource_all,
-        checkboxes = True,
-        datatables_options = { 
-            # for now we turn off sorting on the checkboxes columns this way
-            # this of course should be automatic in hazelnut
-            'aoColumns'      : [None, None, None, None, {'bSortable': False}],
-            'iDisplayLength' : 25,
-            'bLengthChange'  : True,
-        },
-    ))
-
-    tab_resource_plugins.insert(GoogleMaps(
-        page       = page,
-        title      = 'Geographic view',
-        domid      = 'gmap',
-        # tab's sons preferably turn this off
-        togglable  = False,
-        query      = sq_resource,
-        query_all  = query_resource_all,
-        checkboxes = True,
-        # center on Paris
-        latitude   = 49.,
-        longitude  = 2.2,
-        zoom       = 3,
-    ))
-
-    stack_resources.insert(tab_resource_plugins)
-
-    sq_plugin.insert(stack_resources)
-
-    ############################################################################
-    # USERS
-    # 
-
-    tab_users = Tabs(
-        page         = page,
-        title        = 'Users',
-        domid        = 'thetabs2',
-        # activeid   = 'checkboxes',
-        active_domid = 'checkboxes2',
-    )
-    sq_plugin.insert(tab_users)
-
-    tab_users.insert(Hazelnut( 
-        page        = page,
-        title       = 'List',
-        domid       = 'checkboxes2',
-        # tab's sons preferably turn this off
-        togglable   = False,
-        # this is the query at the core of the slice list
-        query       = sq_user,
-        query_all  = query_user_all,
-        checkboxes  = True,
-        datatables_options = { 
-            # for now we turn off sorting on the checkboxes columns this way
-            # this of course should be automatic in hazelnut
-            'aoColumns'      : [None, None, None, None, {'bSortable': False}],
-            'iDisplayLength' : 25,
-            'bLengthChange'  : True,
-        },
-    ))
-
-    tab_measurements = Tabs (
-        page         = page,
-        title        = 'Measurements',
-        domid        = 'thetabs3',
-        # activeid   = 'checkboxes',
-        active_domid = 'checkboxes3',
-    )
-    sq_plugin.insert(tab_measurements)
-
-    tab_measurements.insert(Hazelnut( 
-        page        = page,
-        title       = 'List',
-        domid       = 'checkboxes3',
-        # tab's sons preferably turn this off
-        togglable   = False,
-        # this is the query at the core of the slice list
-        query       = sq_measurement,
-        checkboxes  = True,
-        datatables_options = { 
-            # for now we turn off sorting on the checkboxes columns this way
-            # this of course should be automatic in hazelnut
-            'aoColumns'      : [None, None, None, None, {'bSortable': False}],
-            'iDisplayLength' : 25,
-            'bLengthChange'  : True,
-        },
-    ))
-
-    main_plugin.insert(sq_plugin)
-
-    # --------------------------------------------------------------------------
-    # ResourcesSelected
-    #
-    main_plugin.insert(ResourcesSelected(
-        page                = page,
-        title               = 'Pending operations',
-        query               = main_query,
-        togglable           = True,
-    ))
-
-    main_plugin.insert(Messages(
-        page   = page,
-        title  = "Runtime messages for slice %s"%slicename,
-        domid  = "msgs-pre",
-        levels = "ALL",
-    ))
-#    main_plugin.insert(Updater(
-#        page   = page,
-#        title  = "wont show up as non togglable by default",
-#        query  = main_query,
-#        label  = "Update slice",
-#    ))
+        metadata = page.get_metadata()
+        resource_md = metadata.details_by_object('resource')
+        resource_fields = [column['name'] for column in resource_md['column']]
     
-
-
-    # variables that will get passed to the view-unfold1.html template
-    template_env = {}
+        user_md = metadata.details_by_object('user')
+        user_fields = ['user_hrn'] # [column['name'] for column in user_md['column']]
     
-    # define 'unfold1_main' to the template engine - the main contents
-    template_env [ 'unfold1_main' ] = main_plugin.render(request)
-
-    # more general variables expected in the template
-    template_env [ 'title' ] = '%(slicename)s (test view that combines various plugins)'%locals()
-    # the menu items on the top
-    template_env [ 'topmenu_items' ] = topmenu_items('Slice', request) 
-    # so we can sho who is logged
-    template_env [ 'username' ] = the_user (request) 
-
-    # don't forget to run the requests
-    page.expose_queries ()
-
-    # xxx create another plugin with the same query and a different layout (with_datatables)
-    # show that it worls as expected, one single api call to backend and 2 refreshed views
-
-    # the prelude object in page contains a summary of the requirements() for all plugins
-    # define {js,css}_{files,chunks}
-    prelude_env = page.prelude_env()
-    template_env.update(prelude_env)
-    result=render_to_response ('view-unfold1.html',template_env,
-                               context_instance=RequestContext(request))
-    return result
+        # TODO The query to run is embedded in the URL
+        main_query = Query.get('slice').filter_by('slice_hrn', '=', slicename)
+        main_query.select(
+                'slice_hrn',
+                'resource.hrn', 'resource.hostname', 'resource.type', 
+                'resource.network_hrn',
+                #'lease.urn',
+                'user.user_hrn',
+                #'application.measurement_point.counter'
+        )
+    
+        query_resource_all = Query.get('resource').select(resource_fields)
+        if do_query_users:
+            query_user_all = Query.get('user').select(user_fields)
+    
+        aq = AnalyzedQuery(main_query, metadata=metadata)
+        page.enqueue_query(main_query, analyzed_query=aq)
+        page.enqueue_query(query_resource_all)
+        if do_query_users:
+            page.enqueue_query(query_user_all)
+    
+        # ... and for the relations
+        # XXX Let's hardcode resources for now
+        sq_resource    = aq.subquery('resource')
+        sq_user        = aq.subquery('user')
+        sq_lease       = aq.subquery('lease')
+        sq_measurement = aq.subquery('measurement')
+        
+    
+        # Prepare the display according to all metadata
+        # (some parts will be pending, others can be triggered by users).
+        # 
+        # For example slice measurements will not be requested by default...
+    
+        # Create the base layout (Stack)...
+        main_stack = Stack (
+            page=page,
+            title="Slice %s"%slicename,
+            sons=[],
+        )
+    
+        # ... responsible for the slice properties...
+    
+        # a nice header
+        main_stack.insert (
+            Raw (page=page,
+                 togglable=False, 
+                 toggled=True,
+                 html="<h2 class='well well-lg'> Slice %s</h2>"%slicename)
+        )
+    
+        # --------------------------------------------------------------------------
+        # QueryUpdater (Pending Operations)
+
+        main_stack.insert(QueryUpdater(
+            page                = page,
+            title               = 'Pending operations',
+            query               = main_query,
+            togglable           = True,
+            # start turned off, it will open up itself when stuff comes in
+            toggled             = False, 
+            domid               = 'pending',
+            outline_complete    = True,
+        ))
+
+        # --------------------------------------------------------------------------
+        # Filter Resources
+       
+        filter_query_editor = QueryEditor(
+            page  = page,
+            query = sq_resource, 
+            query_all = query_resource_all,
+            title = "Select Columns",
+            domid = 'select-columns',
+            )
+        filter_active_filters = ActiveFilters(
+            page  = page,
+            query = sq_resource,
+            title = "Active Filters",
+            )
+        filters_area = Stack(
+            page                = page,
+            title               = 'Filter Resources',
+            domid               = 'filters',
+            sons                = [filter_query_editor, filter_active_filters],
+            togglable           = True,
+            toggled             = 'persistent',
+            outline_complete    = True, 
+        )
+        main_stack.insert (filters_area)
+
+        # --------------------------------------------------------------------------
+        # RESOURCES
+        # the resources part is made of a Tabs (Geographic, List), 
+
+        resources_as_gmap = GoogleMap(
+            page       = page,
+            title      = 'Geographic view',
+            domid      = 'resources-map',
+            # tab's sons preferably turn this off
+            togglable  = False,
+            query      = sq_resource,
+            query_all  = query_resource_all,
+            checkboxes = True,
+            # center on Paris
+            latitude   = 49.,
+            longitude  = 9,
+            zoom       = 4,
+        )
+
+        resources_as_3dmap = SensLabMap(
+            page       = page,
+            title      = '3D Map',
+            domid      = 'senslabmap',
+            query      = sq_resource,
+            query_all  = query_resource_all,
+        )
+
+        resources_as_list = QueryTable( 
+            page       = page,
+            domid      = 'resources-list',
+            title      = 'List view',
+            # this is the query at the core of the slice list
+            query      = sq_resource,
+            query_all  = query_resource_all,
+            checkboxes = True,
+            datatables_options = { 
+                'iDisplayLength': 25,
+                'bLengthChange' : True,
+                'bAutoWidth'    : True,
+                },
+            )
+
+       # with the new 'Filter' stuff on top, no need for anything but the querytable
+        resources_as_list_area = resources_as_list 
+
+        resources_area = Tabs ( page=page, 
+                                domid="resources",
+                                togglable=True,
+                                title="Resources",
+                                outline_complete=True,
+                                sons=[ resources_as_gmap, 
+                                       resources_as_3dmap,
+                                       resources_as_list_area, ],
+                                active_domid = 'resources-map',
+                                )
+        main_stack.insert (resources_area)
+
+        # --------------------------------------------------------------------------
+        # USERS
+    
+        if do_query_users:
+            tab_users = Tabs(
+                page                = page,
+                domid               = 'users',
+                outline_complete    = True,
+                togglable           = True,
+                title               = 'Users',
+                active_domid        = 'users-list',
+                )
+            main_stack.insert(tab_users)
+    
+            tab_users.insert(QueryTable( 
+                page        = page,
+                title       = 'Users List',
+                domid       = 'users-list',
+                # tab's sons preferably turn this off
+                togglable   = False,
+                # this is the query at the core of the slice list
+                query       = sq_user,
+                query_all  = query_user_all,
+                checkboxes  = True,
+                datatables_options = { 
+                    'iDisplayLength' : 25,
+                    'bLengthChange'  : True,
+                    'bAutoWidth'     : True,
+                },
+            ))
+
+# DEMO    
+        # --------------------------------------------------------------------------
+        # MEASUREMENTS
+        measurements_stats_cpu = SliceStat(
+            title = "CPU Usage",
+            domid = 'resources-stats-cpu',
+            page  = page,
+            stats = 'slice',
+            key   = 'hrn',
+            query = 'none',
+            slicename = slicename,
+            o = 'cpu'
+        )
+        
+        measurements_stats_mem = SliceStat(
+            title = "Memory Usage",
+            domid = 'resources-stats-mem',
+            page  = page,
+            stats = 'slice',
+            key   = 'hrn',
+            query = 'none',
+            slicename = slicename,
+            o = 'mem'
+        )
+        
+        measurements_stats_asb = SliceStat(
+            title = "Traffic Sent",
+            domid = 'resources-stats-asb',
+            page  = page,
+            stats = 'slice',
+            key   = 'hrn',
+            query = 'none',
+            slicename = slicename,
+            o = 'asb'
+        )
+        
+        measurements_stats_arb = SliceStat(
+            title = "Traffic Received",
+            domid = 'resources-stats-arb',
+            page  = page,
+            stats = 'slice',
+            key   = 'hrn',
+            query = 'none',
+            slicename = slicename,
+            o = 'arb'
+        )
+
+        tab_measurements = Tabs ( page=page,
+                                domid="measurements",
+                                togglable=True,
+                                toggled  = False,
+                                title="Measurements",
+                                outline_complete=True,
+                                sons=[ measurements_stats_cpu, measurements_stats_mem, measurements_stats_asb, measurements_stats_arb ],
+                                active_domid = 'measurements_stats_cpu',
+                                )
+        main_stack.insert (tab_measurements)
+        
+#        tab_measurements = Tabs (
+#            page                = page,
+#            active_domid        = 'measurements-list',
+#            outline_complete    = True,
+#            togglable           = True,
+#            title               = 'Measurements',
+#            domid               = 'measurements',
+#        )
+#        main_stack.insert(tab_measurements)
+#    
+#        tab_measurements.insert(QueryTable( 
+#            page        = page,
+#            title       = 'Measurements',
+#            domid       = 'measurements-list',
+#            # tab's sons preferably turn this off
+#            togglable   = False,
+#            # this is the query at the core of the slice list
+#            query       = sq_measurement,
+#            # do NOT set checkboxes to False
+#            # this table being otherwise empty, it just does not fly with dataTables
+#            checkboxes  = True,
+#            datatables_options = { 
+#                'iDisplayLength' : 25,
+#                'bLengthChange'  : True,
+#                'bAutoWidth'     : True,
+#            },
+#        ))
+#    
+#        # --------------------------------------------------------------------------
+#        # MESSAGES (we use transient=False for now)
+#        main_stack.insert(Messages(
+#            page   = page,
+#            title  = "Runtime messages for slice %s"%slicename,
+#            domid  = "msgs-pre",
+#            levels = "ALL",
+#            # plain messages are probably less nice for production but more reliable for development for now
+#            transient = False,
+#            # these make sense only in non-transient mode..
+#            togglable = True,
+#            toggled = 'persistent',
+#            outline_complete = True,
+#        ))
+#    
+    
+        # variables that will get passed to the view-unfold1.html template
+        template_env = {}
+        
+        # define 'unfold_main' to the template engine - the main contents
+        template_env [ 'unfold_main' ] = main_stack.render(request)
+    
+        # more general variables expected in the template
+        template_env [ 'title' ] = '%(slicename)s'%locals()
+        # the menu items on the top
+        template_env [ 'topmenu_items' ] = topmenu_items('Slice', request) 
+        # so we can sho who is logged
+        template_env [ 'username' ] = the_user (request) 
+    
+        # don't forget to run the requests
+        page.expose_queries ()
+    
+        # xxx create another plugin with the same query and a different layout (with_datatables)
+        # show that it worls as expected, one single api call to backend and 2 refreshed views
+    
+        # the prelude object in page contains a summary of the requirements() for all plugins
+        # define {js,css}_{files,chunks}
+        prelude_env = page.prelude_env()
+        template_env.update(prelude_env)
+        result=render_to_response ('view-unfold1.html',template_env,
+                                   context_instance=RequestContext(request))
+        return result