From ec7a58c5928f02a43e7b2496df74f1a1cf103510 Mon Sep 17 00:00:00 2001
From: blitzmann <holmes.ryan.90@gmail.com>
Date: Wed, 12 Mar 2014 18:40:53 -0400
Subject: [PATCH] Update jQuery mobile and add ship group heading.

---
 gui/utils/exportHtml.py | 72 +++++++++++++++++++++++++++++++++++------
 1 file changed, 63 insertions(+), 9 deletions(-)
diff --git a/gui/utils/exportHtml.py b/gui/utils/exportHtml.py
index c9561ec66..287495c14 100644
--- a/gui/utils/exportHtml.py
+++ b/gui/utils/exportHtml.py
@@ -12,9 +12,11 @@ class exportHtml():
         return cls._instance
 
     def __init__(self):
+        print "init exportHtml()"
         self.thread = exportHtmlThread()
 
     def refreshFittingHTMl(self):
+        print "refresh HTML"
         settings = service.settings.HTMLExportSettings.getInstance()
 
         if (settings.getEnabled()):
@@ -32,6 +34,7 @@ class exportHtmlThread(threading.Thread):
         self.stopRunning = True
 
     def run(self):
+        print "run"
         # wait 1 second just in case a lot of modifications get made
         time.sleep(1);
         if self.stopRunning:
@@ -47,9 +50,50 @@ class exportHtmlThread(threading.Thread):
             <head>
             <title>My Page</title>
             <meta name="viewport" content="width=device-width, initial-scale=1">
-            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
-            <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
-            <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
+            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
+            <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
+            <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
+            <style>
+                /* Basic settings */
+                .ui-li-static.ui-collapsible {
+                    padding: 0;
+                }
+                .ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview,
+                .ui-li-static.ui-collapsible > .ui-collapsible-heading {
+                    margin: 0;
+                }
+                .ui-li-static.ui-collapsible > .ui-collapsible-content {
+                    padding-top: 0;
+                    padding-bottom: 0;
+                    padding-right: 0;
+                    border-bottom-width: 0;
+                }
+                /* collapse vertical borders */
+                .ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-last-child,
+                .ui-li-static.ui-collapsible.ui-collapsible-collapsed > .ui-collapsible-heading > a.ui-btn {
+                    border-bottom-width: 0;
+                }
+                .ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child,
+                .ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child > a.ui-btn,
+                .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn {
+                    border-top-width: 0;
+                }
+                /* Remove right borders */
+                .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
+                .ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > .ui-li-static,
+                .ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li > a.ui-btn,
+                .ui-li-static.ui-collapsible > .ui-collapsible-content {
+                    border-right-width: 0;
+                }
+                /* Remove left borders */
+                /* Here, we need class ui-listview-outer to identify the outermost listview */
+                .ui-listview-outer > .ui-li-static.ui-collapsible .ui-li-static.ui-collapsible.ui-collapsible,
+                .ui-listview-outer > .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
+                .ui-li-static.ui-collapsible > .ui-collapsible-content {
+                    border-left-width: 0;
+                }
+                .ui-content { width: 800px !important; margin: 0 auto !important;  }
+            </style>
         </head>
         <body>
         <div  id="canvas" data-role="page">
@@ -58,25 +102,34 @@ class exportHtmlThread(threading.Thread):
             </div>
             <div data-role="content">
         """
-
-        HTML += '<ul data-role="listview" data-inset="true" data-filter="true">';
+        HTML += '<ul data-role="listview" class="ui-listview-outer" data-inset="true" data-filter="true">';
         categoryList = [];
         self.categoryList = list(sMarket.getShipRoot())
         self.categoryList.sort(key=lambda ship: ship.name)
         for shipType in self.categoryList:
+            HTMLgroup = (
+                '<li data-role="collapsible" data-iconpos="right" data-shadow="false" data-corners="false">\n'
+                '\t<h2>' + shipType.groupName + '</h2>\n'
+                '\t<ul data-role="listview" data-shadow="false" data-inset="true" data-corners="false">\n')
             ships = sMarket.getShipList(shipType.ID)
             for ship in ships:
-                HTMLship = '<li><h2>' + ship.name + '</h2><ul>'
+                HTMLship = (
+                '\t\t<li data-role="collapsible" data-iconpos="right" data-shadow="false" data-corners="false">\n'
+                '\t\t<h2>' + ship.name + '</h2>\n'
+                '\t\t\t<ul data-role="listview" data-shadow="false" data-inset="true" data-corners="false">\n')
                 fits = sFit.getFitsWithShip(ship.ID)
                 for fit in fits:
                     if self.stopRunning:
                         return;
                     dnaFit = sFit.exportDna(fit[0])
-                    HTMLship += "<li><a href=\"javascript:CCPEVE.showFitting('" + dnaFit + "');\" >" + fit[1] + "</a></li>"
+                    HTMLship += "\t\t\t\t<li><a href=\"javascript:CCPEVE.showFitting('" + dnaFit + "');\" >" + fit[1] + "</a></li>\n"
 
-                HTMLship += "</ul></li>"
+                HTMLship += "\t\t\t</ul>\n\t\t</li>\n"
                 if len(fits) > 0:
-                    HTML += HTMLship
+                    HTMLgroup += HTMLship
+            HTMLgroup += "\t</ul>\n</li>\n"
+            if len(ships) > 0:
+                HTML += HTMLgroup
 
         HTML += """
                 </ul>
@@ -86,6 +139,7 @@ class exportHtmlThread(threading.Thread):
         """
 
         try:
+            print "write"
             FILE = open(settings.getPath(), "w")
             FILE.write(HTML.encode('utf-8'));
             FILE.close();
