galette/templates/default/configurer_fiches.tpl

   1 {extends file="page.tpl"}
   2 {block name="content"}
   3     <section class="tabbed">
   4         <div id="configfiches_tabs">
   5             <a
   6                 id="addfield"
   7                 href="{path_for name="editDynamicField" data=["form" => $form_name, "action" => "add"]}"
   8                 class="tab-button tooltip use"
   9             >
  10                 <i class="fas fa-plus-square fa-2x"></i>
  11                 <span class="sr-only">{_T string="Add"}</span>
  12             </a>
  13             <ul>
  14 {foreach from=$all_forms key=key item=form name=formseach}
  15     {if $form_name eq $key}
  16         {assign var='activetab' value=$smarty.foreach.formseach.iteration}
  17     {/if}
  18                 <li{if $form_name eq $key} class="ui-tabs-selected"{/if}><a href="{path_for name="configureDynamicFields" data=["form" => $key]}">{$form}</a></li>
  19 {/foreach}
  20             </ul>
  21             <div id="ui-tabs-{$activetab}">
  22                 {include file="configurer_fiche_content.tpl"}
  23             </div>
  24         </div>
  25     </section>
  26 {/block}
  27
  28 {block name="javascripts"}
  29         <script type="text/javascript">
  30             var _form_name;
  31             $('#addfield').click(function(e){
  32                 e.preventDefault();
  33                 var _this = $(this);
  34                 var _href = '{path_for name="editDynamicField" data=["form" => "FORM", "action" => "add"]}'.replace(/FORM/, _form_name)
  35
  36                 $.ajax({
  37                     url: _href,
  38                     type: "GET",
  39                     datatype: 'json',
  40                     {include file="js_loader.tpl"},
  41                     success: function(res){
  42                         var _res = $(res);
  43                         _res.find('input[type=submit]')
  44                             .button();
  45
  46                         _res.find('form').on('submit', function(e) {
  47                             e.preventDefault();
  48                         });
  49
  50                         _res.dialog({
  51                             width: '40%',
  52                             modal: true,
  53                             close: function(event, ui){
  54                                 $(this).dialog('destroy').remove()
  55                             }
  56                         });
  57                     },
  58                     error: function() {
  59                         alert("{_T string="An error occurred :(" escape="js"}");
  60                     }
  61                 });
  62             });
  63
  64             $('#configfiches_tabs').tabs({
  65                 active: {$activetab-1},
  66                 load: function(event, ui) {
  67                     $('#configfiches_tabs input:submit, #configfiches_tabs .button, #configfiches_tabs input:reset' ).button();
  68                 },
  69                 beforeLoad: function(event, ui) {
  70                     _form_name = ui.ajaxSettings.url.split('/');
  71                     _form_name = _form_name[_form_name.length-1]
  72
  73                     if ( ui.ajaxSettings.url == '{path_for name="configureDynamicFields" data=["form" => $form_name]}' ) {
  74                         return false; //avoid reloading first tab onload
  75                     }
  76
  77                     var _img = $('<figure id="loading"><p><img src="{base_url}/{$template_subdir}images/loading.png" alt="{_T string="Loading..."}"/><br/>{_T string="Currently loading..."}</p></figure>');
  78                     $('body').append(_img);
  79
  80                     ui.jqXHR.complete(function(){
  81                         $('#loading').remove();
  82                     });
  83
  84                     ui.jqXHR.error(function(){
  85                         alert('{_T string="An error occurred :(" escape="js"}');
  86                     });
  87                 }
  88             });
  89         </script>
  90 {/block}