टूल डॉक

एक पृष्ठ के अंत में उपकरण, जैसे एक IDE में होते हैं: आइकनों की एक पट्टी, प्रत्येक एक कॉलम में एक क्षेत्र खोलती है जो पृष्ठ के बगल में है। इस पृष्ठ के दाएं ओर की पट्टी एक है।

दो समूह, प्रत्येक में एक खुला

पट्टी के शीर्ष पर आइकन अपने क्षेत्र को कॉलम के ऊपरी भाग में खोलते हैं, नीचे की ओर वाले अपने क्षेत्र को निचले भाग में खोलते हैं, प्रत्येक में एक बार में एक खुलता है। अकेले, एक क्षेत्र पूरे कॉलम को ले लेता है; कुछ भी न खुलने पर, कॉलम गायब हो जाता है। कॉलम को इसके प्रारंभिक किनारे से चौड़ा किया जाता है, और जो भी उपकरण छोड़ा गया था, वह पृष्ठ के साथ वापस आ जाता है।

ऊपरी किनारे के साथ

क्षितिज का उन्मुखीकरण दिया गया, पट्टी ऊपर की ओर फैली हुई है और डॉक एक पृष्ठ का शरीर है, एक पृष्ठ में लिखा गया--भरना: पट्टी का प्रारंभ जो खोलता है, वह उसके अंत के द्वारा खोले गए की बगल में है, इसके नीचे। एक उपकरण जो किनारे से किनारे खींचा गया है और क्षेत्र की ऊँचाई लेता है - एक संपादक - ऐसा ही भरने के साथ कहता है।

लाइन 1
लाइन 2
लाइन 3
लाइन 4
लाइन 5
लाइन 6
लाइन 7
लाइन 8
लाइन 9
लाइन 10
लाइन 11
लाइन 12
लाइन 13
लाइन 14
लाइन 15
लाइन 16
लाइन 17
लाइन 18
लाइन 19
लाइन 20
लाइन 21
लाइन 22
लाइन 23
लाइन 24
लाइन 25
लाइन 26
लाइन 27
लाइन 28
लाइन 29
लाइन 30
लाइन 31
लाइन 32
लाइन 33
लाइन 34
लाइन 35
लाइन 36
लाइन 37
लाइन 38
लाइन 39
लाइन 40

उपयोग

एक पृष्ठ अपने उपकरणों का वर्णन अपने page_zones_after ब्लॉक में करता है, और डॉक कॉलम, इसके क्षेत्रों, उनके हैंडल और पट्टी को खींचता है। एक उपकरण दिखाता है कि पृष्ठ ने इसके लिए क्या बनाया (सामग्री), या एक पृष्ठ जो पहली बार खुलने पर लोड हुआ (url)।

{%- block page_zones_after -%}
    {{ tool_dock('board.file', [
        { name: 'outline', label: 'Outline', icon: 'ph:bold/list-bullets', content: outline },
        { name: 'detail', label: 'Detail', icon: 'ph:bold/info', group: 'end', open: true, content: detail },
        { name: 'history', label: 'History', icon: 'ph:bold/clock-counter-clockwise', group: 'end', url: path('app_file_history') },
    ]) }}
{%- endblock -%}