Subversion Repositories SmartDukaan

Rev

Rev 246 | Blame | Last modification | View Log | RSS feed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />

    #set ( $title = "$expEntity1.getBrand() $expEntity1.getModelName()" )
    
    #if ( $expEntity1.getModelNumber() ) 
        #set ( $title = "$title $expEntity1.getModelNumber()" ) 
    #end
     
    #set ( $title = "$title vs. $expEntity2.getBrand() $expEntity2.getModelName()" )
    
    #if ( $expEntity2.getModelNumber() ) 
        #set ( $title = "$title $expEntity2.getModelNumber()" )
    #end

    <title>$title</title>

    <link type="text/css" href="/shop2020/diffs/css/jquery.ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="/shop2020/diffs/js/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="/shop2020/diffs/js/jquery.ui.core.js"></script>
    <script type="text/javascript" src="/shop2020/diffs/js/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="/shop2020/diffs/js/jquery.ui.tabs.js"></script>
    <link type="text/css" href="/shop2020/diffs/css/demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#tabs").tabs().addClass('ui-tabs-vertical ui-helper-clearfix');
        $("#tabs li").removeClass('ui-corner-top').addClass('ui-corner-left');
        $("#tabs").tabs({
            event: 'mouseover'
        });
    });
    </script>
    <style type="text/css">
    
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 82em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 18em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 61em;}
.data-container1 { display:inline; float: left; width:30em; }
.data-container2 { display:inline; float: left; width:30em; margin-left:1em }


.comparison-container { display:inline; float: left; width:60em; }
.comparison-table { margin-left:12em; border-style:solid; border-width:1px;  margin-left:10em}
.comparison-cell { text-align: right; padding: 5px; }
.comparison-cell-summary { text-align: right; font-weight:bold; padding: 5px; }

    </style>
</head>
<body>

<h1>
    $title
</h1>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Comparison Summary</a></li>
#set ( $currentcount = 1 )
#foreach( $slidestocompare in $mergedSlides)
    #set ( $currentcount = $velocityCount + 1 )
        <li><a href="#tabs-$currentcount">$slidestocompare.get(0).getSlideDefinition().getLabel()</a></li>
#end
    </ul>
    
    <div id="tabs-1">
        <h2>Comparison Summary</h2>

        <div class="comparison-container">
            <p>
                <table class="comparison-table">
                    #foreach( $comparisondetail in $mergedComparisonScores )
                    <tr>
                        <td class="comparison-cell">$comparisondetail.get(0)</td>
                        <td class="comparison-cell">$comparisondetail.get(1)</td>
                        <td class="comparison-cell">$comparisondetail.get(2)</td>
                    </tr>
                    #end
                    <tr>
                        <td class="comparison-cell-summary">&nbsp;</td>
                        <td class="comparison-cell-summary">$scoreEntity1</td>
                        <td class="comparison-cell-summary">$scoreEntity2</td>
                    </tr>
                </table>
            </p>
        </div>
    </div>

#set ( $currentcount = 1 )
#foreach( $slidestocompare in $mergedSlides)
    #set ( $currentcount = $velocityCount + 1 )
    <div id="tabs-$currentcount">
        <h2>$slidestocompare.get(0).getSlideDefinition().getLabel()</h2>

        <div class="data-container1">
            #showslide ( $slidestocompare.get(0) )
        </div>
        <div class="data-container2">
            #showslide ( $slidestocompare.get(1) )
        </div>

    </div>
#end
</div>
</body>
</html>
    

## MACROS ##

## showslide ##

#macro ( showslide $expslide )
            <p>
    #if ( $expslide.getExpandedFeatures() )
        #set ( $expfeatures = $expslide.getExpandedFeatures() )
        #showfeatures ( $expfeatures ) 
    #end
    #if ( $expslide.getExpandedChildrenSlides() )
        #set ( $expchildren = $expslide.getExpandedChildrenSlides() )
        #foreach( $expchild in $expchildren )
            #showchildslide ( $expchild )
        #end
    #end

    #if ( $expslide.getFreeformContent() )
        #showffc ( $expslide.getFreeformContent().getFreeformText() )
    #end
            </p>
#end

## showchildslide ##

#macro ( showchildslide $expslide )
                <ul>
                    <li>$expslide.getSlideDefinition().getLabel()
    #if ( $expslide.getExpandedFeatures() )
                        <ul>
        #set ( $expfeatures = $expslide.getExpandedFeatures() )
        #foreach( $expfeature in $expfeatures )
                            <li>$expfeature.getFeatureDefinition().getLabel()
                                    <ul>
            #if ( $expfeature.getExpandedBullets() )
                #set ( $expbullets = $expfeature.getExpandedBullets() )
                #foreach ( $expbullet in $expbullets )
                                        <li>
                                            $expbullet.displayText()
                                        </li>
                    #if ( $expbullet.getFreeformContent() )
                        #showffc ( $expbullet.getFreeformContent().getFreeformText() )
                    #end
                #end
            #end
                                    </ul>
                            </li>
            #if ( $expfeature.getFreeformContent() )
                #showffc ( $expfeature.getFreeformContent().getFreeformText() )
            #end
        #end
                        </ul>
    #end
    
    #if ( $expslide.getExpandedChildrenSlides() )
        #set ( $expchildren = $expslide.getExpandedChildrenSlides() )
        #foreach( $expchild in $expchildren )
            #showchildslide ( $expchild )
        #end

        #if ( $expslide.getFreeformContent() )
            #showffc ( $expslide.getFreeformContent().getFreeformText() )
        #end
    #end
        </li>
    </ul>
#end

## showfeatures ##

#macro ( showfeatures $expfeatures ) 
    <div>
        <ul>
    #foreach( $expfeature in $expfeatures )
            <li>$expfeature.getFeatureDefinition().getLabel()
                <ul>
        #if ( $expfeature.getExpandedBullets() )
            #set ( $expbullets = $expfeature.getExpandedBullets() )
            #foreach ( $expbullet in $expbullets)
                            <li>
                                $expbullet.displayText()
                            </li>
                #if ( $expbullet.getFreeformContent() )
                    #showffc ( $expbullet.getFreeformContent().getFreeformText() )
                #end
            #end
        #end
                </ul>
            </li>
        #if ( $expfeature.getFreeformContent() )
            #showffc ( $expfeature.getFreeformContent().getFreeformText() )
        #end
    #end
        </ul>
    </div>
#end

## showffc ##

#macro ( showffc $ffc ) 
    <div style="display:block;">
        [$ffc]
    </div>
#end