include the help for arch for javascript users
[opensuse:software-o-o.git] / app / views / main / developer2.rhtml
1     <% 
2       @right_box = :search 
3       @page_title = "Download " + @releasename
4     -%>
5
6         <style>
7         .hidden { display: none; }
8         </style>
9
10         <script language="javascript">  
11           var mymedium = "<%= @medium %>";
12
13           var mylink = '';
14           var directory = "<%= @directory %>";
15           var isos = new Array();
16           <% @isos.each { |key, value| %>
17                <%= "isos['#{key}'] = '#{value}';" %>
18           <% } %>
19
20           function changeiso () {
21                 mylink = mymedium;
22                 if ($('#i686').attr('checked')) {
23                         mylink += "-32";
24                 } else { 
25                         mylink += "-64";
26                 }
27                 mylink = directory + "/iso/openSUSE-" + isos[mylink] + ".iso";
28                 if ($('#p_torrent').attr('checked')) {
29                         mylink += ".torrent";
30                 }
31                 if ($('#p_metalink').attr('checked')) {
32                         mylink += ".metalink";
33                 }
34                 if ($('#p_mirror').attr('checked')) {
35                         mylink += "?mirrorlist";
36                 }
37                 $('#downloadtext').html(mylink);
38           }
39
40           $(function() { 
41           changeiso();
42           $('.helplink').show();
43
44           $('.changeiso').click(function(){  
45                 changeiso(); 
46                 return true; });
47
48           $('button.changeiso').click(function(){  
49                 mymedium = this.id.substr(3);
50                 changeiso();
51                 return false; });
52
53           $('#download').click(function() { 
54                 window.location = mylink;
55                 return false;
56           });
57           $('#help_64').click(function() { $("#arch_64").fadeIn("slow"); $("#link_64").hide();});
58           $('#help_32').click(function() { $("#arch_32").fadeIn("slow"); $("#link_32").hide();});
59           });
60         </script>  
61       <table>
62         <tr>
63           <td width="70%">
64             
65             <div class="helplink">
66               <a href="help_media.html" onclick="return popup(this.href,'Media','750','600')" title="Popup: Help on Download Media">Help</a>
67             </div>
68             <h2>Choose an Installation Medium</h2>
69
70             <%= render(:partial => "change_install", :locals => { :medium => "dvd", :comment => "DVD is the standard medium for most" }) %>
71             <%= render(:partial => "change_install", :locals => { :medium => "gnome", :comment => "Live CD with GNOME desktop" }) %>
72             <%= render(:partial => "change_install", :locals => { :medium => "kde", :comment => "Live CD with KDE desktop" }) %>
73             <%= render(:partial => "change_install", :locals => { :medium => "net", :comment => "Network installation for experts" }) %>
74           </td>
75           <td>
76             
77             <form action="/main/download">
78             <div id="architecture">
79               <h4>Type of Computer</h4>
80               <div class="subcolumns">
81                 <label for="i686" id="l_i686">
82                   <input name="arch" value="i686" id="i686" checked="checked" type="radio" class="changeiso" />32&nbsp;Bit&nbsp;PC 
83                     <span class="hidden helplink" id="link_32">(<a href="#" id="help_32">Help</a>)</span><br />
84                   <span id="arch_32" class="hidden">x86: Computers with e.g. AMD&reg; Sempron or Intel&reg; Celeron&trade;, almost all desktop computers dating 2004 or earlier. This version also runs on 64bit PCs.</span>
85                 </label>
86                 <label for="x86_64" id="l_x86_64" class="">
87                   <input name="arch" value="x86_64" id="x86_64" type="radio" class="changeiso" />
88                   64 Bit PC <span class="hidden helplink" id="link_64">(<a href="#" id="help_64">Help</a>)</span><br />
89                   <span id="arch_64" class="hidden">x86-64: Most new computers with e.g. AMD&reg;: Opteron&trade;, Turion&trade; 64, Athlon&trade; 64, or Intel&reg;: Core&trade;2, Pentium&reg; 4 6xx, Pentium&reg; D CPUs</span>
90                 </label>
91               </div>
92             </div>
93             <div id="protocol">
94               <div class="helplink">
95                 <a href="help_method.html" onclick="return popup(this.href,'Method','750','600')" title="Popup: Help on Download Methods">Help</a>
96               </div>
97               <h4>Download Method</h4>
98               <label>
99                 <input id="p_http" name="protocol" value="http" checked="checked" type="radio" class="changeiso"/>Direct Link
100               </label>
101               <br/>
102               <label>
103                 <input id="p_torrent" name="protocol" value="torrent" type="radio" class="changeiso"/>BitTorrent
104               </label>
105               <br/>
106               <label>
107                 <input id="p_metalink" name="protocol" value="metalink" type="radio" class="changeiso"/>Metalink
108               </label>
109               <br/>
110               <label>
111                 <input id="p_mirror" name="protocol" value="mirror" type="radio" class="changeiso"/>Pick Mirror
112               </label>
113             </div>
114             <div style="text-align: top; ">
115               <div>
116                  <input type="image" src="/images/local/download-icon.png" alt="Download" style="width: 250px" id="download"/>
117                  <span id="downloadtext"></span>
118               </div>
119               <input type="hidden" name="medium" value="<%= @medium %>"/>
120               <input type="hidden" name="release" value="developer"/>       
121             </div>
122           </form>
123           </td></tr></table>
124       </form>
125
126       <div id="download_links" style="clear: right;">
127         <h2>4. Start Download Here</h2>
128         <p class="info_text">
129           To download a file, right-click on the link and choose "Save as" from the pop-up menu.
130           <br />
131           In case of problems with the download, please <a href="http://en.opensuse.org/Download_Help">refer to the Download Help</a>.
132         </p>
133
134         <div id="script_only" class="hide">
135           <%= render(:partial => "dvd_block", :locals => { :torrent => 0, :arch => "32" } ) %>
136           <%= render(:partial => "livecd_block", :locals => { :torrent => 0, :arch => "32" } ) %>
137           <%= render(:partial => "net_block", :locals => { :torrent => 0, :arch => "32" }) %>
138           
139           <%= render(:partial => "dvd_block", :locals => { :torrent => 0, :arch => "64" }) %>
140           <%= render(:partial => "livecd_block", :locals => { :torrent => 0, :arch => "64" }) %>
141           <%= render(:partial => "net_block", :locals => { :torrent => 0, :arch => "64" }) %>
142           
143           <%= render(:partial => "dvd_block", :locals => { :torrent => 1, :arch => "32" }) %>
144           <%= render(:partial => "livecd_block", :locals => { :torrent => 1, :arch => "32" }) %>
145           
146           <%= render(:partial => "dvd_block", :locals => { :torrent => 1, :arch => "64" }) %>
147           <%= render(:partial => "livecd_block", :locals => { :torrent => 1, :arch => "64" }) %>
148         </div>
149
150       </div>
151     <hr />
152     <div id="download_help" class="info_text">
153       <h2>5. How to Proceed</h2>
154       <ol style="list-style-type:lower-latin">
155         <li>After having successfully downloaded the ISO image(s), burn the image(s) with your favorite burning application to a DVD or CD. Please do <em>not</em> burn a data DVD/CD, but rather choose the option to burn an ISO image. <a href="http://en.opensuse.org/Download_Help#Burn_the_ISO_Image.28s.29">More information</a></li>
156         <li>Boot from the DVD or CD. In case your computer does not automatically boot from CD/DVD, open the BIOS setup to allow booting from CD or DVD.</li>
157         <li>Instructions are available as follows:
158           <dl>
159             <dt>Installation from DVD/CD:</dt>
160             <dd>
161               <a href="http://www.novell.com/documentation/opensuse110/opensuse110_startup/data/opensuse110_startup.html">Official <%= @releasename %> Start-Up guide</a>
162               <br />
163               <a href="http://en.opensuse.org/INSTALL_Local">Step-by-step installation guide</a>
164             </dd>
165             <dt>Network Installation</dt>
166             <dd>
167               <a href="http://en.opensuse.org/INSTALL_Internet">Internet Installation</a>
168             </dd>
169           </dl>
170         </li>
171       </ol>
172     </div>