v2.3: added drag'n'drop functionality to change the order of names

LICENSE

 The MIT License (MIT)
 
-Copyright (c) 2015 ongoing Marcus Pöckelmann
+Copyright (c) 2015 and ongoing Marcus Pöckelmann
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README

 Thank you for using CATview - the Colored & Aligned Texts view.
 
-This is version 2.2.
+This is version 2.3.
 
 For information about the features and usage of CATview, please visit:
 https://catview.uzi.uni-halle.de

catview.css

 /*
   The MIT License (MIT)
 
-  Copyright (c) 2015-2021 Marcus Pöckelmann
+  Copyright (c) 2015 and ongoing Marcus Pöckelmann
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
   of this software and associated documentation files (the "Software"), to deal
@@ -78,3 +78,5 @@
 #CATview .edge-name-right { text-align: right; border-radius: 8px 0 0 8px; } /* tl tr br bl*/
 #CATview .edge-name-bottom { text-align: center; border-radius: 8px 8px 0 0; } /* tl tr br bl*/
 #CATview .edge-name-left { text-align: left; border-radius: 0 8px 8px 0; } /* tl tr br bl*/
+
+#CATview .draggable text{ cursor: grab; }

demo/demo_bottom.html

@@ -81,6 +81,7 @@
       "Duis at…", "Ut varius…", "Quisque tincidunt…", "Curabitur ac…", "Vivamus vulputate…",
       "Aliquam sagittis…", "Nunc ut…", "Curabitur placerat…", "Aenean molestie…", "Donec quis…",
       "Aliquam sagittis…", "Duis nunc…", "Pellentesque habitant…", "Tincidunt dignissim…", "Nullam non…" ]);
+    CATview.enable_drag();
     CATview.add_tool_invert_names_axis();   // invert-names-axis tool
     CATview.add_tool_invert_edges_axis();   // invert-edges-axis tool
     CATview.add_tool_toggle_search_mode();  // switch-highlight-mode-of-search-results tool

demo/demo_left.html

@@ -82,6 +82,7 @@
       "Duis at…", "Ut varius…", "Quisque tincidunt…", "Curabitur ac…", "Vivamus vulputate…",
       "Aliquam sagittis…", "Nunc ut…", "Curabitur placerat…", "Aenean molestie…", "Donec quis…",
       "Aliquam sagittis…", "Duis nunc…", "Pellentesque habitant…", "Tincidunt dignissim…", "Nullam non…" ]);
+    CATview.enable_drag();
     CATview.add_tool_invert_names_axis();   // invert-names-axis tool
     CATview.add_tool_invert_edges_axis();   // invert-edges-axis tool
     CATview.add_tool_toggle_search_mode();  // switch-highlight-mode-of-search-results tool

demo/demo_right.html

@@ -82,6 +82,7 @@
       "Duis at…", "Ut varius…", "Quisque tincidunt…", "Curabitur ac…", "Vivamus vulputate…",
       "Aliquam sagittis…", "Nunc ut…", "Curabitur placerat…", "Aenean molestie…", "Donec quis…",
       "Aliquam sagittis…", "Duis nunc…", "Pellentesque habitant…", "Tincidunt dignissim…", "Nullam non…" ]);
+    CATview.enable_drag();
     CATview.add_tool_invert_names_axis();   // invert-names-axis tool
     CATview.add_tool_invert_edges_axis();   // invert-edges-axis tool
     CATview.add_tool_toggle_search_mode();  // switch-highlight-mode-of-search-results tool

demo/demo_top.html

@@ -82,6 +82,7 @@
       "Duis at…", "Ut varius…", "Quisque tincidunt…", "Curabitur ac…", "Vivamus vulputate…",
       "Aliquam sagittis…", "Nunc ut…", "Curabitur placerat…", "Aenean molestie…", "Donec quis…",
       "Aliquam sagittis…", "Duis nunc…", "Pellentesque habitant…", "Tincidunt dignissim…", "Nullam non…" ]);
+    CATview.enable_drag('insert');
     CATview.add_tool_invert_names_axis();   // invert-names-axis tool
     CATview.add_tool_invert_edges_axis();   // invert-edges-axis tool
     CATview.add_tool_toggle_search_mode();  // switch-highlight-mode-of-search-results tool