Commits

buzmakov committed 8db50b8 Draft

bootstrap done !

  • Participants
  • Parent commits c0d8f8d
  • Branches bootstrap

Comments (0)

Files changed (1)

tomofrontend/web/templates/tomo_results.html

             </div>
         </header>
 
-        <div class="span8">
-            <div>
-                <label> Получить файлы</label>
-                <ul>
-                    <li>
-                        <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/postproc_data.h5">
-                            HDF5 файл с  предобработанными данными
-                        </a>
-                    </li>
-                    <li>
-                        <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/result.hdf5">
-                            HDF5 файл с результатом
-                        </a>
-                    </li>
-                    <li>
-                        <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/amira.raw">
-                            Бинарный файл AMIRA
-                        </a>
-                    </li>
-                    <li>
-                        <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/tomo.hx">
-                            HX файл AMIRA
-                        </a>
-                    </li>
-                </ul>
-            </div>
+        <div class="span12">
+            <ul id="myTab" class="nav nav-tabs">
+                <li class="active"><a href="#files" data-toggle="tab">Get files</a></li>
+                <li><a href="#images_x" data-toggle="tab">Images X</a></li>
+                <li><a href="#images_y" data-toggle="tab">Images Y</a></li>
+                <li><a href="#images_z" data-toggle="tab">Images Z</a></li>
 
-            <div>
-                <button class="btn btn-primary" data-toggle="collapse" data-target="#u_images_div">
-                    Показать/спрятать юстировочные изображения
-                </button>
+            </ul>
 
-                <div class="collapse in" id="u_images_div" style="border: 2px solid black">
-                    <img src="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/shifting_pic.png">
+            <div id="myTabContent" class="tab-content">
+                <div class="tab-pane fade in active" id="files">
+                    <div>
+                        <label> Получить файлы</label>
+                        <ul>
+                            <li>
+                                <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/postproc_data.h5">
+                                    HDF5 файл с  предобработанными данными
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/result.hdf5">
+                                    HDF5 файл с результатом
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/amira.raw">
+                                    Бинарный файл AMIRA
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname=reconstruction/tomo.hx">
+                                    HX файл AMIRA
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="tab-pane fade" id="images_x">
+                    <div class="row">
+                        {% for f in tomo_object.get_files_list('reconstruction/images/x_*.png') %}
+                        <div class="span6">
+                            <h3>{{ f }}</h3>
+                            <img src="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname={{ f }}"/>
+                        </div>
+                        {% endfor %}
+                    </div>
+                </div>
+
+                <div class="tab-pane fade" id="images_y">
+                    <div class="row">
+                        {% for f in tomo_object.get_files_list('reconstruction/images/y_*.png') %}
+                            <div class="span6">
+                                <h3>{{ f }}</h3>
+                                <img src="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname={{ f }}"/>
+                            </div>
+                        {% endfor %}
+                    </div>
+                </div>
+
+                <div class="tab-pane fade" id="images_z">
+                    <div class="row">
+                        {% for f in tomo_object.get_files_list('reconstruction/images/z_*.png') %}
+                            <div class="span6">
+                                <h3>{{ f }}</h3>
+                                <img src="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname={{ f }}"/>
+                            </div>
+                        {% endfor %}
+                    </div>
                 </div>
             </div>
 
-            <div>
-                <label id="rx_images_div_switcher" style="text-decoration: underline;">
-                    Показать/спрятать востановленные изображения
-                </label>
-                <div id="rx_images_div" style="border: 2px solid black">
-                    {% for f in tomo_object.get_files_list('reconstruction/images/*.png') %}
-                        <p>{{ f }}</p>
-                        <img src="{{ url_for('get_result_file', tomo_object_id= tomo_object['id']) }}?fname={{ f }}">
-                    {% endfor %}
-                </div>
-            </div>
         </div>
     </div>
 {% endblock%}
 
 {% block my_scripts %}
-    <script>
-        $('#rx_images_div_switcher').live("click", function (ob) {
-            $('#rx_images_div').toggle();
-        });
-    </script>
 {% endblock %}