Projet

Général

Profil

0002-backoffice-use-tabs-to-display-inspect-section-59897.patch

Frédéric Péters, 05 avril 2022 13:56

Télécharger (3,72 ko)

Voir les différences: 

Subject: [PATCH 2/2] backoffice: use tabs to display inspect section (#59897)


 wcs/qommon/static/css/dc2/admin.scss          |  8 +++++
 .../wcs/backoffice/formdata-inspect.html      | 35 +++++++++++++------
 2 files changed, 33 insertions(+), 10 deletions(-)
wcs/qommon/static/css/dc2/admin.scss
1672 1672 
	padding-left: 1ex;
1673 1673 
}
1674 1674 

  		




  
  1675
  
    
.inspect-tabs {

  		




  
  1676
  
    
	[role=tabpanel] {

  		




  
  1677
  
    
		background: white;

  		




  
  1678
  
    
		padding: 1em;

  		




  
  1679
  
    
		min-height: 200px;

  		




  
  1680
  
    
	}

  		




  
  1681
  
    
}

  		




  
  1682
  
    

  		




  1675
  1683
  
    
ul.biglist.form-inspector {

  		




  1676
  1684
  
    
	padding-top: 0;

  		




  1677
  1685
  
    
}

  		












  

    
      wcs/templates/wcs/backoffice/formdata-inspect.html
    
  





  22
  22
  
    
</div>

  		




  23
  23
  
    
</div>

  		




  24
  24
  
    

  		




  25
  
  
    
<div id="inspect-variables" class="section">

  		




  26
  
  
    
<h2>{% trans "Variables "%}</h2>

  		




  
  25
  
    
<div class="pk-tabs inspect-tabs">

  		




  
  26
  
    
 <div class="pk-tabs--tab-list" role="tablist">

  		




  
  27
  
    
  <button role="tab" aria-selected="true" aria-controls="inspect-variables" id="tab-variables" tabindex="0">{% trans "Variables" %}</button>

  		




  
  28
  
    
  {% if view.formdef.workflow.roles %}

  		




  
  29
  
    
  <button role="tab" aria-selected="false" aria-controls="inspect-functions" id="tab-functions" tabindex="-1">{% trans "Functions" %}</button>

  		




  
  30
  
    
  {% endif %}

  		




  
  31
  
    
  {% if has_tracing %}

  		




  
  32
  
    
  <button role="tab" aria-selected="false" aria-controls="inspect-timeline" id="tab-timeline" tabindex="-1">{% trans "Actions Tracing" %}</button>

  		




  
  33
  
    
  {% endif %}

  		




  
  34
  
    
  {% if has_markers_stack %}

  		




  
  35
  
    
  <button role="tab" aria-selected="false" aria-controls="inspect-markers" id="tab-markers" tabindex="-1">{% trans "Markers Stack" %}</button>

  		




  
  36
  
    
  {% endif %}

  		




  
  37
  
    
  {% if has_relations %}

  		




  
  38
  
    
  <button role="tab" aria-selected="false" aria-controls="inspect-relations" id="tab-relations" tabindex="-1">{% trans "Related Forms/Cards" %}</button>

  		




  
  39
  
    
  {% endif %}

  		




  
  40
  
    
 </div>

  		




  
  41
  
    
 <div class="pk-tabs--container">

  		




  
  42
  
    

  		




  
  43
  
    
<div id="inspect-variables" role="tabpanel" tabindex="0" aria-labelledby="tab-variables">

  		




  27
  44
  
    
<ul class="form-inspector biglist">

  		




  28
  45
  
    
{{ view.inspect_variables|safe }}

  		




  29
  46
  
    
</ul>

  		




  30
  47
  
    
</div>

  		




  31
  48
  
    

  		




  32
  49
  
    
{% if view.formdef.workflow.roles %}

  		




  33
  
  
    
<div id="inspect-functions" class="section">

  		




  34
  
  
    
<h2>{% trans "Functions" %}</h2>

  		




  
  50
  
    
<div id="inspect-functions" role="tabpanel" tabindex="0" aria-labelledby="tab-functions" hidden>

  		




  35
  51
  
    
<ul class="form-inspector biglist">

  		




  36
  52
  
    
{{ view.inspect_functions|safe }}

  		




  37
  53
  
    
</ul>

  		




  ......




  39
  55
  
    
{% endif %}

  		




  40
  56
  
    

  		




  41
  57
  
    
{% if has_tracing %}

  		




  42
  
  
    
<div id="inspect-timeline" class="section">

  		




  43
  
  
    
<h2>{% trans "Actions Tracing" %}</h2>

  		




  
  58
  
    
<div id="inspect-timeline" role="tabpanel" tabindex="0" aria-labelledby="tab-timeline" hidden>

  		




  44
  59
  
    
<ul class="form-inspector biglist">

  		




  45
  60
  
    
{{ view.inspect_tracing|safe }}

  		




  46
  61
  
    
</ul>

  		




  ......




  48
  63
  
    
{% endif %}

  		




  49
  64
  
    

  		




  50
  65
  
    
{% if has_markers_stack %}

  		




  51
  
  
    
<div id="inspect-markers" class="section">

  		




  52
  
  
    
<h2>{% trans "Markers Stack" %}</h2>

  		




  
  66
  
    
<div id="inspect-markers" role="tabpanel" tabindex="0" aria-labelledby="tab-markers" hidden>

  		




  53
  67
  
    
<ul class="form-inspector biglist">

  		




  54
  68
  
    
{{ view.inspect_markers_stack|safe }}

  		




  55
  69
  
    
</ul>

  		




  ......




  57
  71
  
    
{% endif %}

  		




  58
  72
  
    

  		




  59
  73
  
    
{% if has_relations %}

  		




  60
  
  
    
<div id="inspect-related" class="section">

  		




  61
  
  
    
<h2>{% trans "Related Forms/Cards" %}</h2>

  		




  
  74
  
    
<div id="inspect-relations" role="tabpanel" tabindex="0" aria-labelledby="tab-relations" hidden>

  		




  62
  75
  
    
<ul class="form-inspector biglist">

  		




  63
  76
  
    
{{ view.inspect_relations|safe }}

  		




  64
  77
  
    
</ul>

  		




  65
  78
  
    
</div>

  		




  66
  79
  
    
{% endif %}

  		




  67
  80
  
    

  		




  
  81
  
    
</div>

  		




  
  82
  
    
</div>

  		




  68
  83
  
    
{% endblock %}

  		




  69
  
  
    
-