Ignore:
Timestamp:
2010-07-27T17:11:22+12:00 (14 years ago)
Author:
sjb48
Message:

Working on establishing a nested sortable list for drag-and-drop functionality. Established a hierarchy based on gsf so each gsf element has its own list, then similar elements can be linked between.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • main/trunk/greenstone3/web/interfaces/oran/transform/layouts/xml-to-gui.xsl

    r22473 r22516  
    4545    </xsl:template>
    4646
    47     <xsl:template match="gsf:choose-metadata" mode="xml-to-gui">
    48         <xsl:param name="depth"/>
    49         <xsl:param name="metadataSets"/>
    50        
    51         <div class="block" title="gsf:link">
    52             <div class="header">
    53                 CHOOSE <a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    54             </div>
    55             <div class="content">
    56                 <xsl:apply-templates mode="xml-to-gui">
    57                     <xsl:with-param name="depth" select="$depth"/>
    58                     <xsl:with-param name="metadataSets" select="$metadataSets"/>
    59                 </xsl:apply-templates>
    60             </div>
    61             <div class="footer">
    62                 END CHOOSE
    63             </div>
    64         </div>   
    65     </xsl:template>
    66 
    67     <xsl:template match="gsf:metadata" mode="xml-to-gui">
    68         <xsl:param name="depth"/>
    69         <xsl:param name="metadataSets"/>
    70 
    71         <div class="block" title="gsf:link">
    72             <div class="header">
    73                 METADATA <a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    74             </div>
    75             <div class="content">
    76                 <xsl:call-template name="meta-to-combo">
    77                     <xsl:with-param name="metadataSets" select="$metadataSets"/>
    78                     <xsl:with-param name="current" select="@name"/>
    79                 </xsl:call-template>
    80             </div>
    81         </div>
    82     </xsl:template>
    83 
    84 <!-- **************************************************************** -->
     47   
     48    <!-- **************************************************************************** -->
     49    <!-- COMBO BOX CREATION                                                           -->
     50    <!-- **************************************************************************** -->
    8551
    8652    <xsl:template name="meta-to-combo">
    … …  
    9561        </xsl:variable>
    9662
    97         <select> 
     63        <select>
    9864            <option value ="{$current_mod}" disabled="disabled" selected="{$current_mod}"><xsl:value-of select="$current_mod"/></option>
    9965
    … …  
    11682        <xsl:param name="set"/>
    11783        <xsl:param name="current"/>
    118    
     84
    11985        <xsl:variable name="meta"><xsl:value-of select="$set"/>.<xsl:value-of select="@name"/></xsl:variable>
    12086
    … …  
    12288        <xsl:choose>
    12389            <xsl:when test="$current = $meta">
    124                 <option value ="{$meta}" selected="{$meta}"><xsl:value-of select="$meta"/></option> 
     90                <option value ="{$meta}" selected="{$meta}"><xsl:value-of select="$meta"/></option>
    12591            </xsl:when>
    12692            <xsl:otherwise>
    127                 <option value ="{$meta}"><xsl:value-of select="$meta"/></option> 
     93                <option value ="{$meta}"><xsl:value-of select="$meta"/></option>
    12894            </xsl:otherwise>
    12995        </xsl:choose>
    … …  
    137103    </xsl:template>
    138104
    139 <!-- **************************************************************** -->
    140 
     105
     106    <!-- **************************************************************************** -->
     107
     108
     109    <!-- **************************************************************************** -->
     110    <!-- GSF STATEMENTS                                                               -->
     111    <!-- **************************************************************************** -->
     112
     113   
     114    <!-- ********** GSF:CHOOSE-METADATA ********** -->
     115    <xsl:template match="gsf:choose-metadata" mode="xml-to-gui">
     116        <xsl:param name="depth"/>
     117        <xsl:param name="metadataSets"/>
     118       
     119        <div class="gsf:choose-metadata block" title="gsf:choose-metadata" id="gsf:choose-metadata-{generate-id()}">
     120            <!-- <div class="header"> -->
     121                CHOOSE <a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
     122            <!--</div>-->
     123            <!--<div class="content">-->
     124                <xsl:apply-templates mode="xml-to-gui">
     125                    <xsl:with-param name="depth" select="$depth"/>
     126                    <xsl:with-param name="metadataSets" select="$metadataSets"/>
     127                </xsl:apply-templates>
     128            <!--</div>-->
     129            <!--<div class="footer">-->
     130                END CHOOSE
     131            <!--</div>-->
     132        </div>   
     133    </xsl:template>
     134
     135
     136    <!-- ********** GSF:METADATA ********** -->
     137    <xsl:template match="gsf:metadata" mode="xml-to-gui">
     138        <xsl:param name="depth"/>
     139        <xsl:param name="metadataSets"/>
     140
     141        <div class="gsf:metadata block leaf" title="gsf:metadata" id="gsf:metadata-{generate-id()}">
     142            <!--<div class="header">-->
     143                METADATA
     144            <!--</div>-->
     145            <!--<div class="content">-->
     146                <xsl:call-template name="meta-to-combo">
     147                    <xsl:with-param name="metadataSets" select="$metadataSets"/>
     148                    <xsl:with-param name="current" select="@name"/>
     149                </xsl:call-template>
     150                <a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
     151            <!--</div>-->
     152        </div>
     153    </xsl:template>
     154
     155
     156    <!-- ********** GSF:LINK ********** -->
    141157    <xsl:template match="gsf:link" mode="xml-to-gui">
    142158        <xsl:param name="depth"/>
    143159        <xsl:param name="metadataSets"/>
    144160       
    145         <div class="block" title="gsf:link">
    146             <div class="header">
     161        <div class="gsf:link block" title="gsf:link" id="gsf:link-{generate-id()}">
    147162                LINK[type=
    148163                <select>
    … …  
    171186                  </xsl:choose>
    172187                </select>]<a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    173             </div>
    174             <div class="content">
    175188                <xsl:apply-templates mode="xml-to-gui">
    176189                    <xsl:with-param name="depth" select="$depth"/>
    177190                    <xsl:with-param name="metadataSets" select="$metadataSets"/>
    178191                </xsl:apply-templates>
    179             </div>
    180             <div class="footer">
    181192                END LINK <br/>
    182             </div>
    183193        </div>
    184194    </xsl:template>
    185195
     196
     197    <!-- ********** GSF:TEMPLATE ********** -->
    186198    <xsl:template match="gsf:template" mode="xml-to-gui">
    187199        <xsl:param name="depth"/>
    188200        <xsl:param name="metadataSets"/>
    189201
    190         <div class="block" title="gsf:template">
    191             <div class="header">
     202        <div class="gsf:template block" title="gsf:template" id="gsf:template-{generate-id()}">
    192203                TEMPLATE[match=<xsl:value-of select="@match"/>]<a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    193             </div>
    194             <div class="content">
    195204                <xsl:apply-templates mode="xml-to-gui">
    196205                    <xsl:with-param name="depth" select="$depth"/>
    197206                    <xsl:with-param name="metadataSets" select="$metadataSets"/>
    198207                </xsl:apply-templates>
    199             </div>
    200             <div class="footer">
    201208                END TEMPLATE <br/>
    202             </div>
    203         </div>
    204     </xsl:template>
    205 
     209        </div>
     210    </xsl:template>
     211
     212    <!-- ********** GSF:SWITCH ********** -->
     213    <xsl:template match="gsf:switch" mode="xml-to-gui">
     214        <xsl:param name="depth"/>
     215        <xsl:param name="metadataSets"/>
     216
     217        <div class="gsf:switch block" title="gsf:switch" id="gsf:switch-{generate-id()}">
     218                SWITCH <a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
     219                <xsl:apply-templates mode="xml-to-gui">
     220                    <xsl:with-param name="depth" select="$depth"/>
     221                    <xsl:with-param name="metadataSets" select="$metadataSets"/>
     222                </xsl:apply-templates>
     223                END SWITCH
     224        </div>
     225    </xsl:template>
     226
     227
     228    <!-- ********** GSF:WHEN ********** -->
    206229    <xsl:template match="gsf:when" mode="xml-to-gui">
    207230        <xsl:param name="depth"/>
    208231        <xsl:param name="metadataSets"/>
    209232
    210         <div class="block" title="gsf:when">
    211             <div class="header">
    212                 WHEN[test=<xsl:value-of select="@test"/>]<button>x</button> <br/><a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    213             </div>
    214             <div class="content">
     233        <div class="gsf:when block" title="gsf:when" id="gsf:when-{generate-id()}">
     234                WHEN[test=<xsl:value-of select="@test"/>] <br/><a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    215235                <xsl:apply-templates mode="xml-to-gui">
    216236                  <xsl:with-param name="depth" select="$depth"/>
    217237                  <xsl:with-param name="metadataSets" select="$metadataSets"/>
    218238                </xsl:apply-templates>
    219             </div>
    220             <div class="footer">
    221239                END WHEN
    222             </div>
    223         </div>
    224     </xsl:template>
    225 
     240        </div>
     241    </xsl:template>
     242
     243
     244    <!-- ********** GSF:OTHERWISE ********** -->
    226245    <xsl:template match="gsf:otherwise" mode="xml-to-gui">
    227246        <xsl:param name="depth"/>
    228247        <xsl:param name="metadataSets"/>
    229248
    230         <div class="block" title="gsf:otherwise">
    231             <div class="header">
    232                 OTHERWISE <button>x</button><br/><a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    233             </div>
    234             <div class="content">
     249        <div class="gsf:otherwise block" title="gsf:otherwise" id="gsf:otherwise-{generate-id()}">
     250                OTHERWISE <br/><a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    235251                <xsl:apply-templates mode="xml-to-gui">
    236252                    <xsl:with-param name="depth" select="$depth"/>
    237253                    <xsl:with-param name="metadataSets" select="$metadataSets"/>
    238254                </xsl:apply-templates>
    239             </div>
    240             <div class="footer">
    241255                END OTHERWISE
    242             </div>       
    243         </div>
    244     </xsl:template>
    245 
     256        </div>
     257    </xsl:template>
     258
     259
     260    <!-- ********** GSF:ICON ********** -->
    246261    <xsl:template match="gsf:icon" mode="xml-to-gui">
    247262        <xsl:param name="depth"/>
    248263        <xsl:param name="metadataSets"/>
    249264
    250         <div class="block" title="gsf:link">
    251             <div class="header">
    252                 ICON
    253             </div>
    254             <div class="content">
    255               ICON[type=<xsl:value-of select="@type"/>]<a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    256             </div>
    257         </div>
    258     </xsl:template>
    259 
    260     <xsl:template match="gsf:switch" mode="xml-to-gui">
    261         <xsl:param name="depth"/>
    262         <xsl:param name="metadataSets"/>
    263        
    264         <div class="block" title="gsf:switch">
    265             <div class="content">
    266                 SWITCH <button>x</button><br/><a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    267             </div>
    268             <div class="content">
    269                 <xsl:apply-templates mode="xml-to-gui">
    270                     <xsl:with-param name="depth" select="$depth"/>
    271                     <xsl:with-param name="metadataSets" select="$metadataSets"/>
    272                 </xsl:apply-templates>
    273             </div>
    274             <div class="footer">
    275                 END SWITCH
    276             </div>
    277         </div>
    278     </xsl:template>
    279 
     265        <div class="gsf:icon block leaf" title="gsf:icon" id="gsf:icon-{generate-id()}">
     266                ICON[type=
     267                <select>
     268                    <xsl:choose>
     269                        <xsl:when test="@type='document'">
     270                            <option value = "document" selected = "document">Document</option>
     271                            <option value = "classifier">Classifier</option>
     272                            <option value = "source">Source</option>
     273                        </xsl:when>
     274                        <xsl:when test="@type='classifier'">
     275                            <option value = "classifier" selected = "classifier">Classifier</option>
     276                            <option value = "document">Document</option>
     277                            <option value = "source">Source</option>
     278                        </xsl:when>
     279                        <xsl:when test="@type='source'">
     280                            <option value = "source" selected = "source">Source</option>
     281                            <option value ="document">Document</option>
     282                            <option value ="classifier">Classifier</option>
     283                        </xsl:when>
     284                  </xsl:choose>
     285                </select>]<a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
     286        </div>
     287    </xsl:template>
     288
     289
     290    <!-- ********** GSF:DEFAULT ********** -->
    280291    <xsl:template match="gsf:default" mode="xml-to-gui">
    281292        <xsl:param name="depth"/>
    282293        <xsl:param name="metadataSets"/>
    283294
    284         <div class="block" title="gsf:link">
     295        <div class="block" title="gsf:default" id="gsf:default-{generate-id()}">
    285296            <div class="header">
    286297                DEFAULT <a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    … …  
    298309    </xsl:template>
    299310
     311
     312    <!-- ********** TEXT ********** -->
    300313    <xsl:template match="text()" mode="xml-to-gui">
    301314        <xsl:param name="depth"/>
    302315        <xsl:param name="metadataSets"/>
    303316       
    304         <div class="block" title="gsf:link">
    305             <div class="header">
     317        <div class="block leaf" title="gsf:text" id="gsf:text-{generate-id()}">
    306318                TEXT <a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
    307             </div>
    308             <div class="content">
    309319                <xsl:variable name="rawtext"><xsl:value-of select="."/></xsl:variable>
    310320                TEXT = <input type="text" name="rawtextinput" size="10" value="{$rawtext}"/><br/>
    311             </div>
    312         </div>
    313     </xsl:template>
    314 
     321        </div>
     322    </xsl:template>
     323
     324
     325    <!-- ********** TABLE ********** -->
    315326    <xsl:template match="td" mode="xml-to-gui">
    316327        <xsl:param name="depth"/>
    317328        <xsl:param name="metadataSets"/>
    318329
    319         <xsl:text>&lt;td</xsl:text>valign=<xsl:value-of select="@valign"/><xsl:text>&gt;</xsl:text><br/>
    320 
    321         <xsl:apply-templates mode="xml-to-gui">
    322             <xsl:with-param name="depth" select="$depth"/>
    323             <xsl:with-param name="metadataSets" select="$metadataSets"/>
    324         </xsl:apply-templates>
    325        
    326         <xsl:text>&lt;/td&gt;</xsl:text><br/><br/>
    327     </xsl:template>
    328 
     330        <div class="table block" title="gsf:table" id="gsf:table-{generate-id()}">
     331                <xsl:text>&lt;td</xsl:text>valign=<xsl:value-of select="@valign"/><xsl:text>&gt;</xsl:text><a href="#" class="minmax">[-]</a><a href="#" class="remove">[x]</a>
     332                <xsl:apply-templates mode="xml-to-gui">
     333                    <xsl:with-param name="depth" select="$depth"/>
     334                    <xsl:with-param name="metadataSets" select="$metadataSets"/>
     335                </xsl:apply-templates>
     336                <xsl:text>&lt;/td&gt;</xsl:text><br/><br/>
     337        </div>
     338    </xsl:template>
     339
     340
     341    <!-- ********** BREAK ********** -->
    329342    <xsl:template match="br" mode="xml-to-gui">
    330343        <xsl:param name="depth"/>
    … …  
    339352    </xsl:template>
    340353
     354
     355    <!-- ********** MATCH ALL ********** -->
    341356    <xsl:template match="*" mode="xml-to-gui">
    342357        <xsl:param name="depth"/>
Note: See TracChangeset for help on using the changeset viewer.