Code

Add JavaScript code for AJAX-based "real time" searching.
authorFlorian Forster <ff@octo.it>
Sun, 20 Jun 2010 17:39:41 +0000 (19:39 +0200)
committerFlorian Forster <octo@leeloo.lan.home.verplant.org>
Sun, 20 Jun 2010 17:39:41 +0000 (19:39 +0200)
share/Makefile.am
share/collection.js [new file with mode: 0644]
src/action_list_graphs.c

index 70355357ada4e9b97456c5ff6a37ede9d03b51dc..0875a622e1b7bf8ae6ef146b425073a789fe62ca 100644 (file)
@@ -1,3 +1,5 @@
 dist_sysconf_DATA = collection.conf
 
-dist_data_DATA = style.css jquery-1.4.2.min.js
+dist_data_DATA = style.css \
+                collection.js \
+                jquery-1.4.2.min.js
diff --git a/share/collection.js b/share/collection.js
new file mode 100644 (file)
index 0000000..1afd64c
--- /dev/null
@@ -0,0 +1,46 @@
+function format_instance(inst)
+{
+  return ("<li class=\"instance\">" + inst.description + "</li>");
+}
+
+function format_instance_list(instances)
+{
+  var ret = "<ul class=\"instance_list\">";
+  var i;
+
+  if (instances.length == 0)
+    return ("");
+
+  for (i = 0; i < instances.length; i++)
+    ret += format_instance (instances[i]);
+  
+  ret += "</ul>";
+
+  return (ret);
+}
+
+function format_graph(graph)
+{
+  return ("<li class=\"graph\">" + graph.title + format_instance_list (graph.instances) + "</li>");
+}
+
+$(document).ready(function() {
+    $("#search-input").keyup (function()
+    {
+      var term = $("#search-input").val ();
+      $.getJSON ("collection.fcgi",
+        { "action": "list_graphs", "format": "json", "search": term},
+        function(data)
+        {
+          var i;
+          $("#search-output").html ("");
+          for (i = 0; i < data.length; i++)
+          {
+            var graph = data[i];
+            $("#search-output").append (format_graph (graph));
+          }
+        });
+    });
+});
+
+/* vim: set sw=2 sts=2 et fdm=marker : */
index 6e4f0d42c18d45f2a8f5de12ffd9167e52ecd43e..131a6fb1f3e439fcbde8d0c31673ca0fcb8de3f4 100644 (file)
 #include <fcgiapp.h>
 #include <fcgi_stdio.h>
 
-static int print_graph_inst_json (__attribute__((unused)) graph_config_t *cfg, /* {{{ */
+struct callback_data_s
+{
+  graph_config_t *cfg;
+  int limit;
+  _Bool first;
+};
+typedef struct callback_data_s callback_data_t;
+
+static int json_begin_graph (graph_config_t *cfg) /* {{{ */
+{
+  char desc[1024];
+
+  if (cfg == NULL)
+    return (EINVAL);
+
+  graph_get_title (cfg, desc, sizeof (desc));
+
+  printf ("{\"title\":\"%s\",\"instances\":[", desc);
+
+  return (0);
+} /* }}} int json_begin_graph */
+
+static int json_end_graph (void) /* {{{ */
+{
+  printf ("]}");
+
+  return (0);
+} /* }}} int json_end_graph */
+
+static int json_print_instance (graph_config_t *cfg, /* {{{ */
+    graph_instance_t *inst)
+{
+  char params[1024];
+  char desc[1024];
+
+  if ((cfg == NULL) || (inst == NULL))
+    return (EINVAL);
+
+  memset (desc, 0, sizeof (desc));
+  inst_describe (cfg, inst, desc, sizeof (desc));
+
+  memset (params, 0, sizeof (params));
+  inst_get_params (cfg, inst, params, sizeof (params));
+
+  printf ("{\"description\":\"%s\",\"params\":\"%s\"}",
+      desc, params);
+
+  return (0);
+} /* }}} int json_print_instance */
+
+static int print_graph_inst_json (graph_config_t *cfg, /* {{{ */
     graph_instance_t *inst,
     void *user_data)
 {
-  _Bool *first;
-  graph_ident_t *ident;
-  char *json;
-
-  first = user_data;
+  callback_data_t *data = user_data;
 
-  ident = inst_get_selector (inst);
-  if (ident == NULL)
-    return (-1);
+  if (data->cfg != cfg)
+  {
+    if (!data->first)
+    {
+      json_end_graph ();
+      printf (",\n");
+    }
+    json_begin_graph (cfg);
 
-  json = ident_to_json (ident);
-  if (json == NULL)
+    data->cfg = cfg;
+    data->first = 0;
+  }
+  else /* if (not first instance) */
   {
-    ident_destroy (ident);
-    return (ENOMEM);
+    printf (",\n");
   }
 
-  if (*first)
-    printf ("%s", json);
-  else
-    printf (",\n%s", json);
+  json_print_instance (cfg, inst);
 
-  *first = 0;
+  if (data->limit > 0)
+    data->limit--;
+
+  if (data->limit == 0)
+    return (1);
 
-  ident_destroy (ident);
   return (0);
 } /* }}} int print_graph_inst_json */
 
-static int print_graph_json (graph_config_t *cfg, /* {{{ */
-    void *user_data)
+static int list_graphs_json (const char *term) /* {{{ */
 {
-  return (gl_graph_instance_get_all (cfg, print_graph_inst_json, user_data));
-} /* }}} int print_graph_json */
+  callback_data_t data;
 
-static int list_graphs_json (void) /* {{{ */
-{
-  _Bool first = 1;
+  time_t now;
+  char time_buffer[128];
+  int status;
+
+  printf ("Content-Type: application/json\n");
+
+  now = time (NULL);
+  status = time_to_rfc1123 (now + 300, time_buffer, sizeof (time_buffer));
+  if (status == 0)
+    printf ("Expires: %s\n"
+        "Cache-Control: public\n",
+        time_buffer);
+  printf ("\n");
 
-  printf ("Content-Type: application/json\n\n");
+  data.cfg = NULL;
+  data.limit = 20;
+  data.first = 1;
 
   printf ("[\n");
-  gl_graph_get_all (print_graph_json, /* user_data = */ &first);
+  if (term == NULL)
+    gl_instance_get_all (print_graph_inst_json, /* user_data = */ &data);
+  else
+    gl_search (term, print_graph_inst_json, /* user_data = */ &data);
+
+  if (!data.first)
+    json_end_graph ();
+
   printf ("\n]");
 
   return (0);
 } /* }}} int list_graphs_json */
 
-struct callback_data_s
-{
-  graph_config_t *cfg;
-  int limit;
-};
-typedef struct callback_data_s callback_data_t;
-
 static int print_graph_inst_html (graph_config_t *cfg, /* {{{ */
     graph_instance_t *inst,
     void *user_data)
@@ -116,7 +178,7 @@ static int print_graph_inst_html (graph_config_t *cfg, /* {{{ */
 
 static int list_graphs_html (const char *term) /* {{{ */
 {
-  callback_data_t data = { NULL, /* limit = */ 20 };
+  callback_data_t data = { NULL, /* limit = */ 20, /* first = */ 1 };
   char *term_html;
 
   term_html = NULL;
@@ -131,18 +193,22 @@ static int list_graphs_html (const char *term) /* {{{ */
   else
     printf ("    <title>c4: List of all graphs</title>\n");
   printf ("    <link rel=\"stylesheet\" type=\"text/css\" href=\"../share/style.css\" />\n");
+  printf ("    <script type=\"text/javascript\" src=\"../share/jquery-1.4.2.min.js\">\n"
+      "    </script>\n"
+      "    <script type=\"text/javascript\" src=\"../share/collection.js\">\n"
+      "    </script>\n");
   printf ("  </head>\n  <body>\n");
 
   printf ("<form action=\"%s\" method=\"get\">\n"
       "  <input type=\"hidden\" name=\"action\" value=\"list_graphs\" />\n"
-      "  <input type=\"text\" name=\"search\" value=\"%s\" />\n"
+      "  <input type=\"text\" name=\"search\" value=\"%s\" id=\"search-input\" />\n"
       "  <input type=\"submit\" name=\"button\" value=\"Search\" />\n"
       "</form>\n",
       script_name (), (term_html != NULL) ? term_html : "");
 
   free (term_html);
 
-  printf ("    <ul class=\"graph_list\">\n");
+  printf ("    <ul id=\"search-output\" class=\"graph_list\">\n");
   if (term == NULL)
     gl_instance_get_all (print_graph_inst_html, /* user_data = */ &data);
   else
@@ -169,7 +235,7 @@ int action_list_graphs (void) /* {{{ */
     format = "html";
 
   if (strcmp ("json", format) == 0)
-    return (list_graphs_json ());
+    return (list_graphs_json (param ("search")));
   else
     return (list_graphs_html (param ("search")));
 } /* }}} int action_list_graphs */