सामग्री पर जाएँ
मेनू
भाषा, अभी हिन्दी
EnglishGaeilge简体中文Españolहिन्दीPortuguêsবাংলাРусский日本語廣東話Tiếng Việtالعربية

rastrillo डिज़ाइन सिस्टम

डिज़ाइन सिस्टम जो कुछ देता है, उसका अवलोकन। थीम: signal। भाषा: हिन्दी

रूट

वे टुकड़े जो पूरा उत्तर हैं, किसी उत्तर का हिस्सा नहीं।

पहले से बने, आपस में एक जैसे UI तत्व, जो सर्वर पर रेंडर होते हैं।

फ़्रेमवर्क की अपनी शब्दावली इन्हें partial कहती है: ui.Templates() partial लौटाता है, और docs/site/templates.md उन्हें उसी नाम से दर्ज करता है। इस पेज का शब्द बदला है; कोड का नहीं।

यहाँ के लिंक निष्क्रिय हैं

लिंक निष्क्रिय, नमूने का स्रोत साथ में दिया गया है।

नीचे का हर नमूना अपने ही फ़्रेम में है।

नमूना सामग्री अंग्रेज़ी में। नमूना शेल अनूदित हैं।

error-page

त्रुटि प्रतिक्रिया का पूरा हिस्सा: स्थिति, एक सच्चा वाक्य, वापस जाने का रास्ता, और 500 के संदर्भ जो एक प्रशासक काम में ले सके।

404 — नहीं मिला

पूर्वावलोकन
<div rst-error>
  <p rst-error-status>404</p>
  <h1 rst-error-title>वह पृष्ठ नहीं मिला</h1>
  <p rst-error-body>हो सकता है कि लिंक पुराना हो, या पृष्ठ किसी और पते पर चला गया हो। पता जाँचें, या शुरुआत पर वापस जाएँ।</p>
  <p rst-error-cta><a rst-btn="primary" href="/">आरंभ पृष्ठ</a></p>
</div>

403 — पहुँच नहीं

पूर्वावलोकन
<div rst-error>
  <p rst-error-status>403</p>
  <h1 rst-error-title>आप इसे नहीं देख सकते</h1>
  <p rst-error-body>आपके खाते के पास यहाँ पहुँच नहीं है। अगर आपको लगता है कि होनी चाहिए, तो इस साइट को चलाने वाले से पूछें।</p>
  <p rst-error-cta><a rst-btn="primary" href="/">आरंभ पृष्ठ</a> <a rst-btn href="/posts">वापस जाएँ</a></p>
</div>

422 — संसाधित नहीं हो सका

पूर्वावलोकन
<div rst-error>
  <p rst-error-status>422</p>
  <h1 rst-error-title>यह भेजा नहीं जा सका</h1>
  <p rst-error-body>जो भेजा गया उसमें कुछ सही नहीं था। वापस जाकर फिर कोशिश करें; कुछ भी सहेजा नहीं गया।</p>
  <p rst-error-cta><a rst-btn="primary" href="/">आरंभ पृष्ठ</a> <a rst-btn href="/posts/1/edit">वापस जाएँ</a></p>
</div>

500 — सर्वर त्रुटि

पूर्वावलोकन
<div rst-error>
  <p rst-error-status>500</p>
  <h1 rst-error-title>हमारी ओर से कुछ गड़बड़ हो गई</h1>
  <p rst-error-body>यह आपकी गलती नहीं है। समस्या दर्ज कर ली गई है। थोड़ी देर में फिर कोशिश करें; अगर ऐसा होता रहे, तो नीचे दिया गया संदर्भ बताएँ।</p>
  <p rst-error-cta><a rst-btn="primary" href="/">आरंभ पृष्ठ</a></p>
  <p class="rst-mono" rst-error-ref dir="auto">संदर्भ: k3f9tq</p>
</div>

500 अकेली ऐसी स्थिति है जिसके साथ संदर्भ आता है: संचालक उसे लॉग में grep कर सकता है।

503 — उपलब्ध नहीं

पूर्वावलोकन
<div rst-error>
  <p rst-error-status>503</p>
  <h1 rst-error-title>हम थोड़ी देर के लिए उपलब्ध नहीं हैं</h1>
  <p rst-error-body>साइट अपडेट हो रही है या व्यस्त है। एक मिनट बाद फिर कोशिश करें।</p>
  <p rst-error-cta><a rst-btn="primary" href="/">आरंभ पृष्ठ</a></p>
</div>

बाक़ी सब कुछ — सामान्य जोड़ी

पूर्वावलोकन
<div rst-error>
  <p rst-error-status>418</p>
  <h1 rst-error-title>कुछ ठीक नहीं है</h1>
  <p rst-error-body>वह अनुरोध पूरा नहीं हो सका। वापस जाकर फिर कोशिश करें।</p>
  <p rst-error-cta><a rst-btn="primary" href="/">आरंभ पृष्ठ</a></p>
</div>

पाँच स्थितियों के शब्द फ़्रेमवर्क कैटलॉग में लिखे हैं। छठी सामान्य जोड़ी पर लौट आती है, बजाय इसके कि पाठक के सामने कोई ग़ायब कुंजी का नाम रख दिया जाए।

back-nav

एक स्तर ऊपर लौटने वाला लिंक, दिखाने या संपादन स्क्रीन के ऊपर।

किसी रिकॉर्ड पर वापस

पूर्वावलोकन
<nav rst-back-nav><a href="/orders/1">← Order AB3PX</a></nav>

locale-menu

भाषा बदलने वाला: एक details मेन्यू, जिसमें /_locale को भेजे जाने वाले एक-फ़ील्ड POST फ़ॉर्म हैं, ताकि चुनाव locale कुकी में जा बैठे और पाठक उसी पथ पर बना रहे।

बारह भाषाएँ, मौजूदा भाषा उभरी हुई।

पूर्वावलोकन
<details rst-dropdown rst-locale name="rst-menus">
  <summary>भाषा<span rst-caret aria-hidden="true"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></span></summary>
  <div rst-dropdown-menu>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="en"><input type="hidden" name="return" value="/"><button type="submit" lang="en">English</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ga"><input type="hidden" name="return" value="/"><button type="submit" lang="ga">Gaeilge</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="zh-Hans"><input type="hidden" name="return" value="/"><button type="submit" lang="zh-Hans">简体中文</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="es"><input type="hidden" name="return" value="/"><button type="submit" lang="es">Español</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="hi"><input type="hidden" name="return" value="/"><button type="submit" lang="hi" aria-current="true">हिन्दी</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="pt"><input type="hidden" name="return" value="/"><button type="submit" lang="pt">Português</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="bn"><input type="hidden" name="return" value="/"><button type="submit" lang="bn">বাংলা</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ru"><input type="hidden" name="return" value="/"><button type="submit" lang="ru">Русский</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ja"><input type="hidden" name="return" value="/"><button type="submit" lang="ja">日本語</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="yue"><input type="hidden" name="return" value="/"><button type="submit" lang="yue">廣東話</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="vi"><input type="hidden" name="return" value="/"><button type="submit" lang="vi">Tiếng Việt</button></form>
    <form method="post" action="/_locale"><input type="hidden" name="locale" value="ar"><input type="hidden" name="return" value="/"><button type="submit" lang="ar">العربية</button></form>
  </div>
</details>

यह /_locale पर पोस्ट करता है, जिसके लिए एक सर्वर चाहिए। इस पृष्ठ के अपने हेडर वाला स्विचर सिर्फ़ लिंक वाला संस्करण है।