source: extensions/ContestResults/admin/template/results.tpl @ 9975

Revision 9975, 5.5 KB checked in by mistic100, 9 years ago (diff)
  • many corrections
Line 
1{combine_script id='jquery.ui.sortable'}
2{combine_script id='jquery.cluetip' require='jquery' path='themes/default/js/plugins/jquery.cluetip.js'}
3{combine_script id='jquery.vtip' require='jquery' path=$CR_PATH|@cat:'admin/template/vtip.js'}
4
5{combine_css path=$CR_PATH|@cat:'admin/template/style.css'}
6{include file='include/autosize.inc.tpl'}
7
8{footer_script require='jquery'}
9        // AJOUTE UN CHAMP DE RESULTAT
10        function CreateResultField(j, new_contest){ldelim}
11                // Si il n'y a aucun résultats on efface le message
12                if(new_contest) jQuery('#categoryUl').html('');
13               
14                // Ajoute à la fin de la liste une nouvelle ligne de résultat vide
15                jQuery('<li id="result_'+ j +'" class="categoryLi virtual_cat"></li>').appendTo('#categoryUl');
16               
17                // Contenu de la ligne
18                jQuery('#result_'+ j).html('<ul class="categoryActions"> '+
19                                '<li> '+
20                                        '<a href="#" title="{'CR_delete_result'|@translate}" onclick="jQuery(\'#result_'+ j +'\').remove();return false;"> '+
21                                                '<img src="{$themeconf.admin_icon_dir}/category_delete.png" class="button" alt="{'CR_delete_result'|@translate}"/> '+
22                                        '</a> '+
23                                '</li> '+
24                        '</ul> '+
25                        '<p> '+
26                                '<img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" title="{'Drag to re-order'|@translate}"> '+
27                                '{'CR_image_no'|@translate} <input type="text" size="6" name="results['+ j +'][image_id]" value="" onkeyup="UpdatePreview('+ j +', this);"/> '+
28                                '<span id="preview-'+ j +'"> '+
29                                        '<span class="vtip" title="<img src=\'admin/themes/default/icon/errors.png\'/><br>N/A"> '+
30                                                '<img src="{$CR_PATH}admin/template/image/images.png"/> '+
31                                        '</span> '+
32                                '</span> '+
33                                '{'CR_author'|@translate} : <input type="text" name="results['+ j +'][author]" value=""/> '+
34                                '<textarea class="result_comment" name="results['+ j +'][comment]"></textarea> '+
35                        '</p> '+
36                        '<p class="catPos">{'CR_rank'|@translate} : <input type="text" name="results['+ j +'][rank]" value=""/></p>');
37               
38                // Remplace le lien de création
39                jQuery('#AddLink').html('<input class="submit" type="reset" onclick="CreateResultField('+ (j+1) +');return false;" value="{'CR_addfield'|@translate}"/>');
40               
41                // Réinitiliase les fonctions jQuery
42                jQuery('.catPos').hide();
43                jQuery('.drag_button').show();
44                jQuery('.categoryLi').css('cursor', 'move');
45                jQuery('textarea').autogrow();
46                jQuery('textarea').css('overflow-y', 'hidden');
47                vtip();
48        }
49       
50        // MET A JOUR LA PREVISUALISATION DE L'IMAGE
51        function UpdatePreview(image_id, input){ldelim}
52                jQuery.get("{$CR_PATH}admin/get_tn.php", {ldelim}image_id: input.value},
53                        function success(data){ldelim}
54                                jQuery('#preview-'+image_id).html('<span class="vtip" title="'+ data + '">'+
55                                                '<img src="{$CR_PATH}admin/template/image/images.png"/>'+
56                                        '</span>');
57                                vtip();
58                        }
59                );
60        }
61               
62{literal}
63        jQuery().ready(function(){
64                //  Drag-and-Drop
65                jQuery('.catPos').hide();
66                jQuery('.drag_button').show();
67                jQuery('.categoryLi').css('cursor', 'move');
68                jQuery('.categoryUl').sortable({
69                        axis: 'y',
70                        opacity: 0.8
71                });
72                jQuery('#categoryOrdering').submit(function(){
73                        ar = jQuery('.categoryUl').sortable('toArray');
74                        for(i=0; i<ar.length; i++) {
75                                cat = ar[i].split('result_');
76                                document.getElementsByName('results[' + cat[1] + '][rank]')[0].value = i+1;
77                        }
78                });
79                // Cluetip
80                jQuery('.cluetip').cluetip({
81                        width: 550,
82                        splitTitle: '|'
83                });
84        });
85{/literal}
86{/footer_script}
87
88{html_head}
89<style type="text/css">
90        .cluetip:after {ldelim}
91                content:url('{$themeconf.admin_icon_dir}/help.png');
92        }
93</style>
94{/html_head}
95
96<h2 class="version_title">{$CR_VERSION}</h2>
97
98<div class="titrePage">
99        <h2><span class="cluetip" title="{'CR_results_tab'|@translate}|{'CR_help_results'|@translate}">{'CR_results_tab'|@translate|cat:' : '|cat:$NAME} </span></h2>
100</div>
101
102<form method="post" id="categoryOrdering" action="">
103        <ul class="categoryUl" id="categoryUl">
104        {counter start=0 assign=i}
105        {if isset($results)}
106                {foreach from=$results item=result}
107                        <li class="categoryLi {if isset($result.ERROR)}error_cat{/if}" id="result_{$i}">
108                                <ul class="categoryActions">
109                                        <li>
110                                                <a href="#" title="{'CR_delete_result'|@translate}" onclick="jQuery('#result_{$i}').remove();return false;">
111                                                        <img src="{$themeconf.admin_icon_dir}/category_delete.png" class="button" alt="{'CR_delete_result'|@translate}"/>
112                                                </a>
113                                        </li>
114                                </ul>
115                               
116                                <p>
117                                        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" title="{'Drag to re-order'|@translate}">
118                                        {'CR_image_no'|@translate} <input type="text" size="6" name="results[{$i}][image_id]" value="{$result.IMAGE_ID}" onkeyup="UpdatePreview({$i}, this);"/>
119                                       
120                                        <span id="preview-{$i}">
121                                                <span class="vtip" title="<img src='{$result.TN_SRC}'/><br>{$result.IMAGE_NAME}">
122                                                        <img src="{$CR_PATH}admin/template/image/images.png"/>
123                                                </span>
124                                        </span>
125                                       
126                                        {'CR_author'|@translate} : <input type="text" name="results[{$i}][author]" value="{$result.AUTHOR}"/>
127                                        <textarea class="result_comment" name="results[{$i}][comment]">{$result.COMMENT}</textarea>
128                                </p>
129                                <p class="catPos">{'CR_rank'|@translate} : <input type="text" name="results[{$i}][rank]" value="{$result.RANK}"/></p>
130                        </li>
131                        {counter}
132                {/foreach}
133        {else}
134                {'CR_no_result'|@translate}
135        {/if}
136        </ul>
137       
138        <p>
139                <span id="AddLink"><input class="submit" type="reset" onclick="CreateResultField({$i}{if !isset($results)}, true{/if});return false;" value="{'CR_addfield'|@translate}"/></span>
140                <input class="submit" type="submit" value="{'Submit'|@translate}" name="results_modify"/>
141        </p>
142</form>
Note: See TracBrowser for help on using the repository browser.