View template refactoring

Author: namedgraph

src/main/webapp/static/com/atomgraph/linkeddatahub/css/bootstrap.css

@@ -50,8 +50,6 @@ li button.btn-edit-constructors, li button.btn-add-data, li button.btn-add-ontol
 .btn-import { background-image: url('../icons/ic_transform_black_24px.svg'); }
 .btn-chart { background-image: url('../icons/ic_show_chart_black_24px.svg'); }
 .btn-view { background-image: url('../icons/ic_view_list_black_24px.svg'); }
-.btn-latest { background-image: url('../icons/ic_new_releases_black_24px.svg'); }
-.btn-geo { background-image: url('../icons/ic_location_on_black_24px.svg'); }
 .btn-logo { background-position: left; background-repeat: no-repeat; padding-left: 32px; }
 .dropdown-menu .btn-logo { background-position: 12px center; padding-left: 40px; }
 .btn.btn-toggle-content { font-size: 0; color: transparent; background-image: url('../icons/baseline-expand_less-24px.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
@@ -92,9 +90,12 @@ li button.btn-edit-constructors, li button.btn-add-data, li button.btn-add-ontol
     #left-sidebar .nav { max-height: 20em; overflow: auto; }
 }
 #left-sidebar .nav-list > li > a { margin-left: 0; margin-right: 0; }
-#left-sidebar .nav-list > li > a.btn-container, #left-sidebar .nav-list > li > a.btn-app, #left-sidebar .nav-list > li > a.btn-chart, #left-sidebar .nav-list > li > a.btn-file, #left-sidebar .nav-list > li > a.btn-geo, #left-sidebar .nav-list > li > a.btn-import, #left-sidebar .nav-list > li > a.btn-latest, #left-sidebar .nav-list > li > a.btn-query, #left-sidebar .nav-list > li > a.btn-service { padding-left: 24px; }
+#left-sidebar .nav-list > li > a.btn-container
 #left-sidebar li { max-height: 20em; overflow: auto; }
 #left-sidebar li > a { display: inline-block; }
+#left-sidebar .btn-latest { background-image: url('../icons/ic_new_releases_black_24px.svg'); background-color: inherit; }
+#left-sidebar .btn-geo { background-image: url('../icons/ic_location_on_black_24px.svg'); background-color: inherit; }
+
 .btn.btn-expand-tree { height: 24px; width: 24px; background-image: url('../icons/expand_more_black_24dp.svg'); }
 .btn.btn-expand-tree:hover, .btn.btn-expand-tree:focus { background-position: 0 0; }
 .btn.btn-expanded-tree { height: 24px; width: 24px; background-image: url('../icons/chevron_right_black_24dp.svg'); }

src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block.xsl

@@ -454,7 +454,36 @@ exclude-result-prefixes="#all"
 
         <xsl:sequence select="$context"/>
     </xsl:function>
-    
+
+    <xsl:function name="ldh:update-progress" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="percent" as="xs:double"/>
+
+        <xsl:message>ldh:update-progress <xsl:value-of select="$percent"/>%</xsl:message>
+
+        <!-- Defensive check: ensure context exists and is a map before checking for keys -->
+        <xsl:if test="exists($context) and $context instance of map(*) and map:contains($context, 'container')">
+            <xsl:variable name="container" select="$context('container')" as="element()"/>
+            <xsl:variable name="progress-container" select="$container/ancestor::div[contains-token(@class, 'span12')][contains-token(@class, 'progress')][contains-token(@class, 'active')][1]" as="element()?"/>
+
+            <xsl:if test="exists($progress-container)">
+                <!-- Update progress bar width -->
+                <xsl:for-each select="$progress-container//div[contains-token(@class, 'bar')]">
+                    <ixsl:set-style name="width" select="$percent || '%'" object="."/>
+                </xsl:for-each>
+
+                <!-- Auto-hide when 100% complete -->
+                <xsl:if test="$percent ge 100">
+                    <xsl:sequence select="ixsl:call(ixsl:get($progress-container, 'classList'), 'toggle', [ 'progress', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ixsl:call(ixsl:get($progress-container, 'classList'), 'toggle', [ 'progress-striped', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ixsl:call(ixsl:get($progress-container, 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:if>
+            </xsl:if>
+        </xsl:if>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
     <!-- block delete -->
 
     <xsl:template name="onBlockDelete">

src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/object.xsl

@@ -304,6 +304,11 @@ exclude-result-prefixes="#all"
                                 </xsl:document>
                             </xsl:variable>
 
+                            <!-- create the cache object if it doesn't exist -->
+                            <xsl:if test="not(ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`'))">
+                                <ixsl:set-property name="{'`' || $block/@about || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
+                            </xsl:if>
+                            
                             <!-- TO-DO: reuse similar initialization code from client.xsl -->
                             <xsl:if test="$mode = '&ac;MapMode' and key('elements-by-class', 'map-canvas', $block)">
                                 <xsl:for-each select="$resource-doc">