Changeset 799


Ignore:
Timestamp:
10/17/10 10:07:35 (14 years ago)
Author:
vronk
Message:

style changes - polishing layout, new icons

Location:
MDService2/trunk/MDService2
Files:
8 added
10 edited

Legend:

Unmodified
Added
Removed
  • MDService2/trunk/MDService2/WebContent/index.jsp

    r782 r799  
    8080                        <label>name</label>
    8181                        <input type="text" id="qts_input" ></input>
    82                         <button id="qts_save" >Save</button>
     82                        <span id="qts_save" class="cmd cmd_save" ></span>
    8383                        <div id="userqueries" ></div>
    8484                </div>
  • MDService2/trunk/MDService2/WebContent/scripts/mdservice2_ui.js

    r797 r799  
    5656                loadCollections();                     
    5757                loadComponentsRegistry();       
    58                 loadElements();
     58                loadTerms();
    5959                loadDCR();
    6060               
     
    7878function submit_query (columns, query, squery) {
    7979        notifyUser("processing query");
     80       
    8081        if (jQuery.trim(query).length == 0){
    8182                query = null;
     
    285286                del = '<span class="cmd cmd_del" ><xsl:text> </xsl:text></span>';
    286287        }
    287         var x = '<div class="cmds-elem-plus" ><span class="cmd cmd_load"></span><span class="query-detail-caller" ><a href="'+id + '_'+ i+'" >' +
     288        var x = '<div class="cmds-elem-plus" ><span class="cmd cmd_load"></span><span class="detail-caller" ><a href="'+id + '_'+ i+'" >' +
    288289        Query.fullformatstring(json) + '</a></span>' +
    289290        del +
     
    386387////////////////////////////////////////////////
    387388function loadWelcomeMessage(){ 
    388         $('#detail').load("/MDService2/static/welcome.xml"); //profile.collections.base_uri,
     389        $('#detail').load("/MDService2/static/welcome.xml", function() { //profile.collections.base_uri,
     390                $('#welcome').addClass("ui-helper-reset ui-corner-all ui-widget-content");
     391        });
     392}
     393
     394function hideWelcomeMessage(){
     395        // kick the welcome message on first submit
     396        notifyUser("hiding welcome");
     397        if( $('#welcome').is(':visible') ) {
     398                $('#welcome').hide();
     399        }
    389400}
    390401
     
    501512        });// end of collection callback       
    502513}
    503 function loadElements(){
     514function loadTerms(){
    504515        $('#model_profiles').load(link('terms','htmlselect',actions.terms.current));
    505516       
     
    544555        });     
    545556       
     557        /*
     558         * deactivated -> obsolete?
    546559        $('#terms .cmd_detail').live('click',  function(event) {
    547560                //showTermDetail($(this).parent().text());                     
     
    557570               
    558571        });
    559 
     572*/
     573       
    560574}
    561575function loadComponentsRegistry(){
     
    692706
    693707}
     708
    694709function handleBubble(){
    695710        // this is dangerous workaround
     
    714729                //$('#srquery').val(term);
    715730        });
    716         $(".term_detail_caller a, .query-detail-caller a").live('click',
     731       
     732        /* obsolete: ? */
     733        /* $(".term_detail_caller a, .query-detail-caller a").live('click',
    717734                                // function(event) {
    718735                                //      //notifyUser("term_detail_caller_live_click",'debug');                                 
     
    738755                                        }
    739756                                        notifyUser('last_bubble_uri:' + last_bubble_uri,'debug');
    740                                 });
    741 
    742 
     757                                });
     758                        */
    743759
    744760}
     
    746762function addFunctionality(){
    747763         
    748         $('.cmds-elem-plus').live('click',  function(event) {
     764/*      $('.cmds-elem-plus').live('click',  function(event) {
    749765                $(this).children('.detail').toggle();
    750766        });
    751        
    752         $('.detail-caller').live('click',  function(event) {           
     767        */
     768        $('.detail-caller, .cmd_detail').live('click',  function(event) {               
    753769                $(this).parent().children('.detail').toggle();
     770        });
     771       
     772        $('.detail-caller a').live('click',  function(event) {         
     773                event.preventDefault();
    754774        });
    755775       
     
    761781       
    762782        $('.result a').live('click',  function(event) {
    763                 //showTermDetail($(this).parent().text());
    764                 event.preventDefault();
    765                
    766                 var uri = $(this).attr('href'); // + " body";           
    767                 // $.ajax({
    768                 //      url: uri,
    769                 //      success: showDetail2
    770                 //      });
    771                        
     783                event.preventDefault();         
     784                var uri = $(this).attr('href'); // + " body";
    772785                $.get(uri, showDetail,'html');
    773 
    774         });
     786        });
     787
     788        $('.result .cmd_detail').live('click',  function(event) {                               
     789                var uri = $(this).parent().find("a").attr('href'); // + " body";
     790                $.get(uri, showDetail,'html');
     791        });
     792
    775793       
    776794// RECORDSET searchRetrieve
    777795        $('#searchretrieve').submit( function(event) {
    778796                        event.preventDefault();
     797                        hideWelcomeMessage();
    779798                        searchclauseset.buildsctext();
    780799                        notifyUser(searchclauseset.sctext,'debug');
     
    926945       
    927946        $('#collections .cmd_load').live('click',function(event){
    928                
     947                hideWelcomeMessage();
    929948                var collection_text = "";
    930949                var coll = $(this).next().next().next();
     
    940959        });
    941960        $('#serverqueries .cmd_load').live('click',function(event){
    942                
     961                hideWelcomeMessage();
    943962                var id = parseInt( $("#serverqts_select option:selected").val());
    944963                var str = $(this).parent().find('a').attr("href");
     
    959978        });
    960979        $('#userqueries .cmd_load').live('click',function(event){
    961                
     980                hideWelcomeMessage();
    962981                var id = parseInt( $("#qts_select option:selected").val());
    963982                var str = $(this).parent().find('a').attr("href");
     
    10311050////////////VISUALS
    10321051       
     1052        $('#left-menu').addClass('ui-accordion ui-widget ui-helper-reset ui-accordion-icons'); 
     1053        $('#left-menu h2').addClass('ui-accordion-header ui-helper-reset ui-state-default ui-corner-all');
     1054        $('#left-menu>div').addClass('block ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom');
     1055        $('#left-menu h2').click(function() {
     1056                $(this).next().toggle('fast');
     1057                return false;
     1058        }).next().hide();
     1059
    10331060        // Accordion
    1034                         $("#left-menu").accordion({ header: "h2",event: 'click' });                             
    1035                         $("#left-menu").accordion('option', 'autoHeight', false);
     1061                //      $("#left-menu").accordion({ header: "h2",event: 'click' });                             
     1062//                      $("#left-menu").accordion('option', 'autoHeight', false);
    10361063                       
    10371064                        // hack to open the accordion without scroll-bars on init
    1038                         $("#left-menu").accordion('option', 'active', 1);
     1065        //              $("#left-menu").accordion('option', 'active', 1);
    10391066                       
    10401067                       
     
    10551082
    10561083}
     1084
    10571085String.prototype.beginsWith = function(t, i) { if (i==false) { return
    10581086         (t == this.substring(0, t.length)); } else { return (t.toLowerCase()
  • MDService2/trunk/MDService2/WebContent/scripts/mdservice_model.js

    r774 r799  
    221221Query.prototype.render = function () {
    222222        var x = "<div id='" + this.listid + "' class='query_wrapper ui-widget' ><div class='query_header ui-widget-header ui-state-default ui-corner-top'>" +
    223         "<span class='cmd cmd_del'> </span><span class='cmd cmd_get'></span><span class='query_id'>" +
    224         this.listid + "</span> <span class='query'>" +
    225         this.getcollectiontext("name") + ": " + Query.queryliststring(this.squery, this.query) + "</span><span class='cmd cmd_save'></span><span class='cmd cmd_resubmit'></span></div>" +             
     223        "<span class='cmd cmd_get'></span><span class='cmd cmd_save'></span><span class='query_id'>" +
     224        this.listid + "</span>: <span class='query'>" +
     225        this.getcollectiontext("name") + Query.queryliststring(this.squery, this.query) + "</span><span class='cmd cmd_del'> </span></div>" +           
    226226                        "<div class='result ui-widget-content ui-corner-bottom'></div></div>";
    227227        addToQuerylist(x);     
     
    243243                                        // get.show();
    244244                                       
    245                                         var result_header = $(this).children('.result_header');
     245                                        var result_header = $(this).children('.result-header');
    246246                                       
    247247                                        var q_header;
    248248                                        q_header = $(this).parent().find('.query_header');                                     
    249249                                        q_header.append(result_header);                                 
    250                                         q_header.find('.reload').click(function() {
     250                                        q_header.find('.cmd_reload').click(function() {
    251251                                                var qid = $(this).closest('.query_wrapper').attr("id");
    252252                                                queryset.resubmit(qid);
     
    272272        notifyUser("resubmitting query:" +  uri);
    273273       
     274        var get = $(this).parent().find('.cmd_up, .cmd_down');                         
     275        get.addClass('cmd_get');
     276        get.removeClass('cmd_up');
     277        get.removeClass('cmd_down');
     278        // get.show(); 
     279
    274280        $('#' + qid ).children('.result').children().remove();
    275281        $('#' + qid ).children('.result').load( uri, function() {
  • MDService2/trunk/MDService2/WebContent/static/welcome.xml

    r796 r799  
    22<div id="welcome">
    33
    4 <h2>Welcome to CLARIN Metadata Service - the gate to CLARIN Metadata Repository</h2>
    5 <p>Metadata Service is the user-interface for exploring the CMDRepository.
    6 where you can:
     4<h3>Welcome to CLARIN Metadata Service the gate to CLARIN Metadata Repository</h3>
     5<p>Metadata Service is the user-interface for exploring the CMDRepository. Yes, you can:
    76 <ul>
    87        <li>simply search</li>
  • MDService2/trunk/MDService2/WebContent/style/cmds-ui.css

    r782 r799  
    99#notify {max-width: 400px; position: relative; overflow: auto; height: 40px;}
    1010#user {text-align: right;}
     11#welcome {max-width: 600px; padding: 10px;}
    1112
    1213/* ******************** */
     
    1415body { font-size: 12px;}
    1516#site-name { font-family: Helvetica, Tahoma, Verdana, sans-serif; font-size: 24px; color: #014172; /* #040288 #666699; */ display:inline; padding-left: 20px; position:absolute; top:24px}
     17#welcome h3 { color: #014172;}
    1618
    1719.note { font-size: 0.9em; color: #9999aa; }
     
    4345
    4446table.show { border: 1px solid #A6C9E2; }
    45 table.show, table.show table, table.show td {   border: 1px solid #A6C9E2;      border-collapse: collapse; }
     47table.show, table.show table, table.show td {   border: 1px solid #A6C9E2;      border-collapse: collapse; vertical-align: top; }
    4648
    4749
     
    98100.value_input { width:32%; }
    99101.sc_cmds { }
     102.paging-input { width: 3em; text-align: right; height: 1em;}
     103
     104.result-header { float: right; }
     105
    100106 
    101107 .sc-wrapper .index-context { display: none; border: 1px solid #A6C9E2;}
     
    121127.cmd_add_and { background-image: url("imgs/icon_add_and.png");}
    122128.cmd_add_or { background-image: url("imgs/icon_add_or.png");}
    123 .cmd_columns { background-image: url("imgs/icon_cols.png");}
     129.cmd_columns { background-image: url("imgs/cdb-icon-columns.png");}
    124130.cmd_del {      background-image: url("imgs/cdb-icon-del.png");}
    125 .cmd_detail { background-image: url("imgs/icon_detail_10.png");}
    126 .cmd_down {     background-image: url("imgs/icon_down.png"); }
    127 .cmd_filter { background-image: url("imgs/icon_filter_10.png"); }
     131.cmd_detail { background-image: url("imgs/cdb-icon-detail.png");}
     132.cmd_down {     background-image: url("imgs/cdb-icon-down.png"); }
     133.cmd_filter { background-image: url("imgs/cdb-icon-filter.png"); }
    128134.cmd_get { background-image: url("imgs/icon_get.gif");}
    129135.cmd_load {     background-image: url("imgs/cdb-icon-load.png");}
     136.cmd_reload {   background-image: url("imgs/cdb-icon-load.png");}
    130137.cmd_resubmit { background-image: url("imgs/cdb-icon-.png");}
    131 .cmd_save { background-image: url("imgs/icon_filter_10.png");}
    132 .cmd_sc_delete { background-image: url("imgs/icon_delete.png");}
    133 .cmd_up { background-image: url("imgs/icon_up.png");}
     138.cmd_save { background-image: url("imgs/cdb-icon-save.png");}
     139.cmd_sc_delete { background-image: url("imgs/cdb-icon-del.png");}
     140.cmd_up { background-image: url("imgs/cdb-icon-up.png");}
     141.cmd_prev { background-image: url("imgs/cdb-icon-prev.png");}
     142.cmd_next { background-image: url("imgs/cdb-icon-next.png");}
  • MDService2/trunk/MDService2/src/eu/clarin/cmdi/mdservice/action/DCRProxyAction.java

    r795 r799  
    135135
    136136                InputStream resultStream = null;
    137                 // if no arguments  - get the local-config file
    138                 if ((getQ()==null || getQ().equals("")) && (getActionkey().equals(DATCATS))) {
    139                         resultStream = this.getClass().getClassLoader().getResourceAsStream(Admin.getConfig().getProperty("datcats.file"));             
     137                // if no arguments  - get the local-config file
     138                // FIXME: although this should be competence of TermsProxyAction
     139                if ((getQ().equals(ALL) || getQ()==null || getQ().equals("")) && (getActionkey().equals(DATCATS))) {
     140                        Admin.notifyUser("serving terms.file:" + Admin.getConfig().getProperty("terms.file"));
     141                        resultStream = this.getClass().getClassLoader().getResourceAsStream(Admin.getConfig().getProperty("terms.file"));
    140142                } else {
    141143               
  • MDService2/trunk/MDService2/src/xsl/mdset2view.xsl

    r789 r799  
    118118    -->
    119119<xsl:template name="header">
    120         <div class="result_header" >
     120        <div class="result-header" >
    121121        <xsl:attribute name="max_value"><xsl:value-of select="numberOfRecords" /></xsl:attribute>
    122         <span class="label" >query:</span><span class="value"><xsl:value-of select="echoedSearchRetrieveRequest" /></span>;
    123         <span class="label" >hitcount:</span><span class="value hilight"><xsl:value-of select="numberOfRecords" /></span>;
    124         <span class="label" >showing:</span><span class="value"><xsl:value-of select="diagnostics" /></span>;
     122        <xsl:variable name="cnt_hits" select="number(diagnostics)" />   
     123        <span class="label" >hits: </span><span class="value hilight"><xsl:value-of select="numberOfRecords" /></span>;
     124        <span class="label" >from:</span><span><input type="text" class="value start_record paging-input"><xsl:attribute name="value">
     125    <xsl:value-of select="$startRecord"/>
     126  </xsl:attribute>
     127        </input></span>
     128        <span class="label" >max:</span><span><input type="text" class="value maximum_records paging-input" ><xsl:attribute name="value">
     129    <xsl:value-of select="if(number($cnt_hits) &lt; number($maximumRecords)) then $cnt_hits else $maximumRecords"/>   
     130  </xsl:attribute></input></span>
     131  <span class="cmd cmd_reload" />
     132<!--    <button class="reload">reload</button>-->
    125133        <span class="cmd cmd_prev">     
    126134        <xsl:choose>
     
    137145                </xsl:choose>
    138146        </span>
    139         <span class="label" >startRecord:</span><span><input type="text" size="5" class="value start_record"><xsl:attribute name="value">
    140     <xsl:value-of select="$startRecord"/>
    141   </xsl:attribute>
    142         </input></span>
    143         <span class="label" >maximumRecords:</span><span><input type="text" size="5" class="value maximum_records" ><xsl:attribute name="value">
    144     <xsl:value-of select="$maximumRecords"/>
    145   </xsl:attribute></input></span>
    146         <button class="reload">reload</button>
    147147    </div>
     148        <div class="note" ><span class="label" >echo: </span><span class="value"><xsl:value-of select="echoedSearchRetrieveRequest" /></span>;</div>
    148149</xsl:template>
    149150
    150151<xsl:template match="records" mode="table">
     152   
    151153        <table class="show">           
    152154                <thead><tr><th>pos</th>
     
    176178                                <a href="{concat('record/htmldetail/', encode-for-uri(replace(.//MdSelfLink,'/','_')))}" >
    177179                                                <xsl:value-of select="position()" />
    178                                 </a>                           
     180                                </a>
     181                                <span class="cmd cmd_detail" ></span>                           
     182                                               
    179183                                </xsl:when>
    180184                                <xsl:otherwise><xsl:value-of select="position()" /></xsl:otherwise>
  • MDService2/trunk/MDService2/src/xsl/model2matrix.xsl

    r794 r799  
    289289</xsl:function>
    290290
     291<!--  obsoleted?!  -->
    291292<xsl:function name="my:pick" >
    292293        <xsl:param name="partial_result" />
     
    296297                        <xsl:when test="count($set/*) &gt; 1" >
    297298                        <xsl:message>count-rest:<xsl:value-of select="count($set/*[position()&gt; 1])" /></xsl:message>                                   
    298                                 <xsl:variable  name="pickone" select="$set/*[1]/tokenize(.,' ')[last()]" />
    299 <!--                            <xsl:variable  name="rest"  select="my:pick($pickone  $set/*[position()&gt; 1]))" />
     299<!--                                    <xsl:variable  name="pickone" select="$set/*[1]/tokenize(.,' ')[last()]" />
     300                        <xsl:variable  name="rest"  select="my:pick($pickone  $set/*[position()&gt; 1]))" />
    300301                               
    301302                                        <xsl:message>rest:<xsl:value-of select="count($rest)" /></xsl:message>
  • MDService2/trunk/MDService2/src/xsl/params.xsl

    r789 r799  
    1717       
    1818       
    19         <xsl:param name="model_matrix_uri" select="'http://localhost:8080/MDService2/model/matrix?q='" />
     19        <xsl:param name="model_matrix_uri" select="'http://localhost:8080/MDService2/model/matrix?maxdepth=8&amp;q='" />
    2020        <xsl:param name="datcats_terms_uri" select="'http://localhost:8080/MDService2/datcats/terms/?q='" />
    2121        <xsl:param name="terms_setup_uri" select="'http://localhost:8080/MDService2/datcats/xml/?q='" />
  • MDService2/trunk/MDService2/src/xsl/terms2view.xsl

    r795 r799  
    121121<xsl:template match="Term" mode="list" >
    122122                <!--  <xsl:variable name="translated_path" select="translate(replace(@path,'//',''),'/','.')" /> -->
    123                                 <li><div class="cmds-elem-plus"><span class="detail-caller"><a href="{concat($detail_model_prefix,@context)}" >
    124                                         <xsl:value-of select="@name"/></a></span>
     123                                <li><div class="cmds-elem-plus"><span class="detail-caller"><!-- <a href="{concat($detail_model_prefix,@context)}" >  -->
     124                                        <xsl:value-of select="@name"/></span>
    125125                                        <span class="note">|<xsl:value-of select="@count"/>/<xsl:value-of select="@count_text"/>/<xsl:value-of select="@count_distinct_text"/>|</span>                                 
    126126                                        <span class="data comppath"><xsl:value-of select="@path" /></span>               
     
    204204<xsl:template match="Termset" mode="select">
    205205       
    206         <xsl:variable name="count" select="Term/@count" />     
    207         <option value="{@id}" ><xsl:value-of select="@name" /> |<xsl:value-of select="$count" />|</option>                                     
     206        <xsl:variable name="count" select="if (Term/@count) then concat(' |',Term/@count,'|') else '' " />
     207        <xsl:variable name="call-value" select="if (@type='model') then @name else @id" />
     208        <option value="{$call-value}" ><xsl:value-of select="@name" /><xsl:value-of select="$count" /></option>                                 
    208209</xsl:template>
    209210
Note: See TracChangeset for help on using the changeset viewer.