रेल ऐप

Question

के साथ पेज-विशिष्ट सीएसएस मैं अपने रेल एप्लिकेशन के लिए दो अलग-अलग इंटरफेस का परीक्षण करना चाहता हूं। आदर्श रूप में, मैं दो अलग-अलग सीएसएस फाइलें चाहता हूं, जो प्रत्येक इंटरफ़ेस से जुड़े होते हैं (उदा।, New_interface.css और old_interface.css)। मेरे पास वर्तमान में इंटरफेस के लिए दो अलग-अलग आंशिक हैं, जिन्हें _new_interface.html.erb कहा जाता है और जिसे _old_interface.html.erb कहा जाता है। यदि कोई विशेष दृश्य लोड होने पर मैं सही सीएसएस फ़ाइल का आह्वान करना चाहता हूं, तो मैं यह कैसे करूँगा? उदाहरण के लिए, यदि मैं _new_interface.html.erb लोड करता हूं, तो मैं इसे new_interface.css फ़ाइल लोड करना चाहता हूं और old_interface.css फ़ाइल को अनदेखा कर सकता हूं।

मेरे application.css:

/* 
*= require_tree 
*/ 

Answer 1

यह सवाल आप क्या करने की जरूरत करने के उद्देश्य से किया जा रहा है: Using Rails 3.1 assets pipeline to conditionally use certain css

संक्षेप में, आप में अपने एप्लिकेशन/आस्तियों/स्टाइलशीट फ़ोल्डर पुनर्व्यवस्थित करने की आवश्यकता कुछ उपनिर्देशिकाएं और अपनी मेनिफेस्ट फाइलें बदलें ताकि सब कुछ रन टाइम पर एक साथ बंडल हो जाए।

फिर आप अपने दृश्य में कुछ सशर्त तर्क डाल सकते हैं ताकि यह नौकरी के लिए सही सीएसएस लोड कर सके। Content_for टैग शायद यहां उपयोगी होगा। आप ऐप/व्यू/लेआउट/application.html.erb संपादित कर सकते हैं और अन्य जावास्क्रिप्ट <% = उपज के बाद एक लाइन शामिल कर सकते हैं: view_specific_css%>। फिर अपने दृश्य फ़ाइल में आप

<% content_for :view_specific_css do %> 
    <%= stylesheet_link_tag "whatever %> 
<% end %> 

Answer 2

का उपयोग आप उन दोनों को application.css के हिस्से के रूप रखना चाहिए कर सकते हैं और

body{:class => @old_layout ? "old_layout" : "new_layout"} 

तो निम्नलिखित

application.html.haml/ERB करते हैं जब कभी भी आप एक ऐसे क्रिया में हैं जो आपके नियंत्रक में पुराने लेआउट से बाहर है

@old_layout = true 

फिर में अपने सीएसएस फ़ाइलों या तो body.old_layout या body.new_layout या एससीएसएस, सास के एक सबसेट का उपयोग करें, और अपने वर्तमान सीएसएस फ़ाइलें रैप के साथ आगे जोड़ते सब कुछ की तरह तो

body.old_layout{ 
    #all your old layout css goes here, all but body statements of course 
} 

body.new_layout{ 
    #all your new layout css goes here, all but body statements of course 
} 

इस तरह से आप चीजों को एक सीएसएस फ़ाइल के साथ सरल रखें। और एक समाधान के साथ जो आपको आसानी से एक समय में प्रत्येक नियंत्रक कार्रवाई को स्विच करने की अनुमति देता है।