Infinitescroll fix / .jsbeatifyrc file 🐫

tympanix · Jul 1, 2016 · 26b13e8 · 26b13e8
1 parent 2dd1f4f
commit 26b13e8
Show file tree

Hide file tree

Showing 2 changed files with 93 additions and 36 deletions.
diff --git a/.jsbeautifyrc b/.jsbeautifyrc
@@ -0,0 +1,47 @@
+{
+  "html": {
+    "allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg"],
+    "brace_style": "collapse",
+    "end_with_newline": false,
+    "indent_char": " ",
+    "indent_handlebars": false,
+    "indent_inner_html": false,
+    "indent_scripts": "keep",
+    "indent_size": 4,
+    "max_preserve_newlines": 0,
+    "preserve_newlines": true,
+    "unformatted": ["a", "span", "img", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike", "big",
+      "small", "pre", "h1", "h2", "h3", "h4", "h5", "h6"],
+    "wrap_line_length": 120
+  },
+  "css": {
+    "allowed_file_extensions": ["css", "scss", "sass", "less"],
+    "end_with_newline": false,
+    "indent_char": " ",
+    "indent_size": 4,
+    "newline_between_rules": true,
+    "selector_separator_newline": true
+  },
+  "js": {
+    "allowed_file_extensions": ["js", "jsx", "json", "eslintrc", "jsbeautifyrc"],
+    "brace_style": "collapse",
+    "break_chained_methods": false,
+    "comma_first": false,
+    "e4x": false,
+    "end_with_newline": false,
+    "indent_char": " ",
+    "indent_level": 0,
+    "indent_size": 4,
+    "jslint_happy": false,
+    "keep_array_indentation": false,
+    "keep_function_indentation": false,
+    "max_preserve_newlines": 0,
+    "preserve_newlines": true,
+    "space_after_anon_function": false,
+    "space_before_conditional": false,
+    "space_in_empty_paren": false,
+    "space_in_paren": false,
+    "unescape_strings": false,
+    "wrap_line_length": 120
+  }
+}
diff --git a/views/torrents.html b/views/torrents.html
@@ -43,7 +43,11 @@
                 <i class="pause icon"></i>
                 Pause
             </a>
-            <div dropdown bind="labelsDrowdown" class="ui icon top left pointing dropdown button" ng-class="{disabled: noneSelected()}">
+            <div
+                dropdown
+                bind="labelsDrowdown"
+                class="ui icon top left pointing dropdown button"
+                ng-class="{disabled: noneSelected()}">
                 <i class="tag icon"></i>
                 <div class="menu">
                     <div class="header">Add Label</div>
@@ -52,41 +56,47 @@
             </div>
         </div>
         <div class="main-content">
-            <table resizeable mode="tableMode" class="ui single line unstackable selectable fixed compact torrent resize table">
-                <!-- infinite-scroll-parent="true" infinite-scroll="showMore()" infinite-scroll-distance="2" -->
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th class="two wide">
-                            Size</th>
-                        <th class="three wide">
-                            Progress</th>
-                        <th class="one wide">
-                            Label</th>
-                        <th class="two wide">
-                            Date Added</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr ng-repeat="torrent in arrayTorrents | limitTo:torrentLimit" ng-class="{active: torrent.selected}" ng-click="setSelected($event, torrent, $index)" ng-right-click="showContextMenu($event, torrent, $index)" repeat-done>
-                        <td>
-                            {{torrent.decodedName}}
-                        </td>
-                        <td>
-                            {{torrent.size | bytes}}
-                        </td>
-                        <td>
-                            <progress torrent="torrent"/>
-                        </td>
-                        <td>
-                            {{torrent.label}}
-                        </td>
-                        <td>
-                            {{torrent.dateAdded | date}}
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
+            <div infinite-scroll-parent="true" infinite-scroll="showMore()" infinite-scroll-distance="2">
+                <table resizeable mode="tableMode" class="ui single line unstackable selectable fixed compact torrent resize table">
+                    <thead>
+                        <tr>
+                            <th>Name</th>
+                            <th class="two wide">
+                                Size</th>
+                            <th class="three wide">
+                                Progress</th>
+                            <th class="one wide">
+                                Label</th>
+                            <th class="two wide">
+                                Date Added</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr
+                            ng-repeat="torrent in arrayTorrents | limitTo:torrentLimit"
+                            ng-class="{active: torrent.selected}"
+                            ng-click="setSelected($event, torrent, $index)"
+                            ng-right-click="showContextMenu($event, torrent, $index)"
+                            repeat-done>
+                            <td>
+                                {{torrent.decodedName}}
+                            </td>
+                            <td>
+                                {{torrent.size | bytes}}
+                            </td>
+                            <td>
+                                <progress torrent="torrent"/>
+                            </td>
+                            <td>
+                                {{torrent.label}}
+                            </td>
+                            <td>
+                                {{torrent.dateAdded | date}}
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
         </div>
     </div>