Šablona:FAQ: Porovnání verzí

Z Wiki JU
Ofara (diskuse | příspěvky)
Bez shrnutí editace
Ofara (diskuse | příspěvky)
Bez shrnutí editace
Řádek 4: Řádek 4:
                           ans_bg, ans_ramecek(1/0), ans_barva_ramecku, ans_radius, ans_inset -->
                           ans_bg, ans_ramecek(1/0), ans_barva_ramecku, ans_radius, ans_inset -->


<!-- Helpery pro theme-defaulty s možností override -->
<!-- helpery pro výchozí hodnoty bez Variables -->
<!-- bg -->
<!-- barvy a přepínače -->
{{#vardefineecho:__bg|
{{#switch:{{{tema|default}}}
  {{#if: {{{bg|}}}
| uni     = <!-- UNI téma -->
    | {{{bg}}}
  {{#ifeq:{{{permanentne|0}}}|1|
    | {{#ifeq: {{{tema|default}}} | uni | #E00034 | #ffffff}}
    <!-- PERMANENT -->
  }}
    <div class="faq-item faq-permanent"
}}
          style="background:{{#if:{{{bg|}}}|{{{bg}}}|#E00034}}; border:{{#ifeq: {{#if:{{{ramecek|}}}|{{{ramecek}}}|0}} | 1 | 1px solid {{#if:{{{barva_ramecku|}}}|{{{barva_ramecku}}}|#E00034}} | none}}; border-radius:{{{radius|10px}}}; padding:0; margin:.5rem 0;">
 
      <div class="faq-qrow" role="heading"
<!-- text/arrow color -->
            style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:{{{q_color|#ffffff}}};">
{{#vardefineecho:__qcolor|
        <span class="faq-qtext" style="flex:1 1 auto;">{{{que|Question}}}</span>
  {{#if: {{{q_color|}}}
      </div>
    | {{{q_color}}}
      <div class="faq-answer"
    | {{#ifeq: {{{tema|default}}} | uni | #ffffff | #000000}}
            style="margin:.25rem {{{ans_inset|12px}}} 1rem {{{ans_inset|12px}}}; padding:.75rem 1rem;
  }}
                  background:{{{ans_bg|#f5f5f5}}}; border:{{#ifeq: {{{ans_ramecek|1}}} | 1 | 1px solid {{{ans_barva_ramecku|#00000033}}} | none}}; border-radius:{{{ans_radius|0 0 10px 10px}}};">
}}
        {{{ans|}}}
{{#vardefineecho:__arrow|
      </div>
  {{#if: {{{barva_sipky|}}}
    | {{{barva_sipky}}}
    | {{#ifeq: {{{tema|default}}} | uni | #ffffff | #000000}}
  }}
}}
 
<!-- border toggle + color -->
{{#vardefineecho:__ramecek|
  {{#if: {{{ramecek|}}}
    | {{{ramecek}}}
    | {{#ifeq: {{{tema|default}}} | uni | 0 | 1}}
  }}
}}
{{#vardefineecho:__bordercolor|
  {{#if: {{{barva_ramecku|}}}
    | {{{barva_ramecku}}}
    | {{#ifeq: {{{tema|default}}} | uni | #E00034 | #00000033}}
  }}
}}
{{#vardefineecho:__radius|{{{radius|10px}}} }}
 
<!-- answer panel defaults -->
{{#vardefineecho:__ansbg|{{{ans_bg|#f5f5f5}}} }}
{{#vardefineecho:__ansramecek|{{{ans_ramecek|1}}} }}
{{#vardefineecho:__ansborder|{{{ans_barva_ramecku|#00000033}}} }}
{{#vardefineecho:__ansradius|{{{ans_radius|0 0 10px 10px}}} }}
{{#vardefineecho:__ansinset|{{{ans_inset|12px}}} }}
 
<!-- finální border stringy -->
{{#vardefineecho:__boxborder|
  {{#ifeq: {{#var:__ramecek}} | 1 | 1px solid {{#var:__bordercolor}} | none}}
}}
{{#vardefineecho:__ansboxborder|
  {{#ifeq: {{#var:__ansramecek}} | 1 | 1px solid {{#var:__ansborder}} | none}}
}}
 
<!-- RENDER -->
{{#ifeq: {{{permanentne|0}}} | 1
| <!-- permanentně rozbaleno -->
  <div class="faq-item faq-permanent"
        style="background:{{#var:__bg}}; border:{{#var:__boxborder}}; border-radius:{{#var:__radius}}; padding:0; margin:.5rem 0;">
    <div class="faq-qrow" role="heading"
          style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:{{#var:__qcolor}};">
      <span class="faq-qtext" style="flex:1 1 auto;">{{{que|Question}}}</span>
    </div>
    <div class="faq-answer"
          style="margin:.25rem {{#var:__ansinset}} 1rem {{#var:__ansinset}}; padding:.75rem 1rem;
                background:{{#var:__ansbg}}; border:{{#var:__ansboxborder}}; border-radius:{{#var:__ansradius}};">
      {{{ans|}}}
     </div>
     </div>
   </div>
   |
| <!-- collapsible -->
    <!-- COLLAPSIBLE -->
  <details class="faq-item"
    <details class="faq-item"
            style="background:{{#var:__bg}}; border:{{#var:__boxborder}}; border-radius:{{#var:__radius}}; padding:0; margin:.5rem 0;">
              style="background:{{#if:{{{bg|}}}|{{{bg}}}|#E00034}}; border:{{#ifeq: {{#if:{{{ramecek|}}}|{{{ramecek}}}|0}} | 1 | 1px solid {{#if:{{{barva_ramecku|}}}|{{{barva_ramecku}}}|#E00034}} | none}}; border-radius:{{{radius|10px}}}; padding:0; margin:.5rem 0;">
    <summary class="faq-qrow"
      <summary class="faq-qrow"
              style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:{{#var:__qcolor}}; list-style:none; cursor:pointer;">
                style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:{{{q_color|#ffffff}}}; list-style:none; cursor:pointer;">
      <span class="faq-qtext" style="flex:1 1 auto;">{{{que|Question}}}</span>
        <span class="faq-qtext" style="flex:1 1 auto;">{{{que|Question}}}</span>
      <span class="faq-arrow" style="margin-left:auto; color:{{#var:__arrow}};">
        <span class="faq-arrow" style="margin-left:auto; color:{{{barva_sipky|#ffffff}}};">
        <span class="arrow-down">▼</span><span class="arrow-up">▲</span>
          <span class="arrow-down">▼</span><span class="arrow-up">▲</span>
      </span>
        </span>
    </summary>
      </summary>
    <div class="faq-answer"
      <div class="faq-answer"
          style="margin:.25rem {{#var:__ansinset}} 1rem {{#var:__ansinset}}; padding:.75rem 1rem;
            style="margin:.25rem {{{ans_inset|12px}}} 1rem {{{ans_inset|12px}}}; padding:.75rem 1rem;
                background:{{#var:__ansbg}}; border:{{#var:__ansboxborder}}; border-radius:{{#var:__ansradius}};">
                  background:{{{ans_bg|#f5f5f5}}}; border:{{#ifeq: {{{ans_ramecek|1}}} | 1 | 1px solid {{{ans_barva_ramecku|#00000033}}} | none}}; border-radius:{{{ans_radius|0 0 10px 10px}}};">
      {{{ans|}}}
        {{{ans|}}}
      </div>
    </details>
  }}
| #default =
  {{#ifeq:{{{permanentne|0}}}|1|
    <!-- PERMANENT (default téma) -->
    <div class="faq-item faq-permanent"
          style="background:{{#if:{{{bg|}}}|{{{bg}}}|#ffffff}}; border:{{#ifeq: {{#if:{{{ramecek|}}}|{{{ramecek}}}|1}} | 1 | 1px solid {{#if:{{{barva_ramecku|}}}|{{{barva_ramecku}}}|#00000033}} | none}}; border-radius:{{{radius|10px}}}; padding:0; margin:.5rem 0;">
      <div class="faq-qrow" role="heading"
            style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:{{{q_color|#000000}}};">
        <span class="faq-qtext" style="flex:1 1 auto;">{{{que|Question}}}</span>
      </div>
      <div class="faq-answer"
            style="margin:.25rem {{{ans_inset|12px}}} 1rem {{{ans_inset|12px}}}; padding:.75rem 1rem;
                  background:{{{ans_bg|#f5f5f5}}}; border:{{#ifeq: {{{ans_ramecek|1}}} | 1 | 1px solid {{{ans_barva_ramecku|#00000033}}} | none}}; border-radius:{{{ans_radius|0 0 10px 10px}}};">
        {{{ans|}}}
      </div>
     </div>
     </div>
   </details>
   |
    <!-- COLLAPSIBLE (default téma) -->
    <details class="faq-item"
              style="background:{{#if:{{{bg|}}}|{{{bg}}}|#ffffff}}; border:{{#ifeq: {{#if:{{{ramecek|}}}|{{{ramecek}}}|1}} | 1 | 1px solid {{#if:{{{barva_ramecku|}}}|{{{barva_ramecku}}}|#00000033}} | none}}; border-radius:{{{radius|10px}}}; padding:0; margin:.5rem 0;">
      <summary class="faq-qrow"
                style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:{{{q_color|#000000}}}; list-style:none; cursor:pointer;">
        <span class="faq-qtext" style="flex:1 1 auto;">{{{que|Question}}}</span>
        <span class="faq-arrow" style="margin-left:auto; color:{{{barva_sipky|#000000}}};">
          <span class="arrow-down">▼</span><span class="arrow-up">▲</span>
        </span>
      </summary>
      <div class="faq-answer"
            style="margin:.25rem {{{ans_inset|12px}}} 1rem {{{ans_inset|12px}}}; padding:.75rem 1rem;
                  background:{{{ans_bg|#f5f5f5}}}; border:{{#ifeq: {{{ans_ramecek|1}}} | 1 | 1px solid {{{ans_barva_ramecku|#00000033}}} | none}}; border-radius:{{{ans_radius|0 0 10px 10px}}};">
        {{{ans|}}}
      </div>
    </details>
  }}
}}
}}
</includeonly>
</includeonly>
<noinclude>
<noinclude>
Použití:
Použití:
* Základ: {{FAQ|que=Can I upload PDFs over 10 MB?|ans=Yes, ask IT to raise the limit.}}
* {{FAQ|que=Can I upload PDFs over 10 MB?|ans=Yes, ask IT to raise the limit.}}
* Téma UNI: {{FAQ|que=Password reset|ans=Use [[Special:PasswordReset]].|tema=uni}}
* {{FAQ|que=Password reset|ans=Use [[Special:PasswordReset]].|tema=uni}}
* Permanentně: {{FAQ|que=Notice|ans=Maintenance 22:00–23:00.|permanentne=1|tema=uni}}
* {{FAQ|que=Notice|ans=Maintenance 22:00–23:00.|permanentne=1|tema=uni}}
</noinclude>
</noinclude>

Verze z 24. 9. 2025, 13:55


Použití:

<details class="faq-item"

             style="background:
  1. ffffff; border:1px solid
  2. 00000033; border-radius:10px; padding:0; margin:.5rem 0;">
      <summary class="faq-qrow"
               style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:#000000; list-style:none; cursor:pointer;">
        Can I upload PDFs over 10 MB?
        
          
        
      </summary>
        Yes, ask IT to raise the limit.
    </details>


<details class="faq-item"

             style="background:
  1. E00034; border:none; border-radius:10px; padding:0; margin:.5rem 0;">
      <summary class="faq-qrow"
               style="display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; font-weight:700; color:#ffffff; list-style:none; cursor:pointer;">
        Password reset
        
          
        
      </summary>
    </details>


        Notice
        Maintenance 22:00–23:00.