Changeset 877

Show
Ignore:
Timestamp:
02/22/08 17:26:22
Author:
goldoraf
Message:

Enhanced test page of notifier demo app

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • apps/notifier/app/views/test/index.php

    r870 r877  
    1010    <div id="container"> 
    1111        <h1>Notifier : test de l'API</h1> 
    12         <?= link_to_function('Test PUT', "$.ajax({ 
    13             url: 'http://localhost/notifier/api/notes/42.json', 
    14             type: 'PUT', 
    15             data: {text: 'test',id: '12'} 
    16         });"); ?> 
    1712        <p id="loading" style="display:none;">Chargement</p> 
    18         <textarea rows="8" id="note_text"></textarea> 
    19         <input type="submit" onclick="notifier.api.sendNote($('#note_text').val(), notifier.ui.prependNote);"  
    20                              value="Envoyer" /> 
    21          
    22         <a href="#" onclick="notifier.api.publicTimeline(notifier.ui.refreshTimeline);">Actualiser</a> 
    23          
    24         <div id="timeline"></div> 
     13        <div id="tabs"> 
     14            <a href="#" class="active" onclick="notifier.ui.showTab(this, 'friends-timeline');">Timeline</a> 
     15            <a href="#" onclick="notifier.ui.showTab(this, 'friends');">Friends</a> 
     16            <a href="#" onclick="notifier.ui.showTab(this, 'favorites');">Favorites</a>  
     17        </div> 
     18        <div id="friends-timeline-tab" class="tab"> 
     19            <h2>Timeline</h2> 
     20            <textarea rows="8" id="note_text"></textarea> 
     21            <input type="submit" onclick="notifier.api.sendNote($('#note_text').val(), notifier.ui.prependNote);"  
     22                                 value="Envoyer" /> 
     23            <a href="#" onclick="notifier.api.publicTimeline(notifier.ui.refreshFriendsTimeline);">Actualiser</a> 
     24            <div id="friends-timeline"></div> 
     25        </div> 
     26        <div id="friends-tab" class="tab" style="display:none;"> 
     27            <h2>Friends</h2> 
     28        </div> 
     29        <div id="favorites-tab" class="tab" style="display:none;"> 
     30            <h2>Favorites</h2> 
     31        </div> 
    2532    </div> 
    2633</body> 

  • apps/notifier/public/js/notifier.js

    r870 r877  
    1010        $('#loading').toggle(); 
    1111} 
     12notifier.ui.showTab = function(tabLink, tabName) { 
     13    $('a.active').removeClass('active'); 
     14    $(tabLink).addClass('active'); 
     15    $('div.tab:visible').hide(); 
     16    $('#'+tabName+'-tab').show(); 
     17} 
    1218notifier.ui.htmlForNote = function(note) { 
    1319        return '<div class="note">' 
    …… 
    1622                        +'</div>' 
    1723} 
    18 notifier.ui.refreshTimeline = function(notes) { 
    19         $('#timeline').empty(); 
     24notifier.ui.refreshFriendsTimeline = function(notes) { 
     25        $('#friends-timeline').empty(); 
    2026    for (var i in notes) { 
    21                 $('#timeline').append(notifier.ui.htmlForNote(notes[i])); 
     27                $('#friends-timeline').append(notifier.ui.htmlForNote(notes[i])); 
    2228        } 
    2329} 
    2430notifier.ui.prependNote = function(note) { 
    25         $('#timeline').prepend(notifier.ui.htmlForNote(note)); 
     31        $('#friends-timeline').prepend(notifier.ui.htmlForNote(note)); 
    2632} 
    2733