Filters Redesign (#658)

* Add XCheckboxFilter * Fix madara typo * Change the branch name in config * Add typing for madara popoularnovels filters * Add preview and refactor PluginWrapper * Add preview HTML sanitize and other improv. * Web improvements + sanitizeHTML * Add dark mode * Add git run less to compile less * Add less.js to remove the need for compiling less
2023-12-27 15:49:46 +01:00
parent 9cdace3460
commit d7a76063bf
170 changed files with 94169 additions and 80752 deletions
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    <style>
+        :root {
+            --StatusBar-currentHeight:
+            /*{ StatusBar.currentHeight }*/
+            ;
+            --readerSettings-theme:
+            /*{ readerSettings.theme }*/
+            ;
+            --readerSettings-padding:
+            /*{ readerSettings.padding }*/
+            ;
+            --readerSettings-textSize:
+            /*{ readerSettings.textSize }*/
+            ;
+            --readerSettings-textColor:
+            /*{ readerSettings.textColor }*/
+            ;
+            --readerSettings-textAlign:
+            /*{ readerSettings.textAlign }*/
+            ;
+            --readerSettings-lineHeight:
+            /*{ readerSettings.lineHeight }*/
+            ;
+            --readerSettings-fontFamily:
+            /*{ readerSettings.fontFamily }*/
+            ;
+            --theme-primary:
+            /*{ theme.primary }*/
+            ;
+            --theme-onPrimary:
+            /*{ theme.onPrimary }*/
+            ;
+            --theme-secondary:
+            /*{ theme.secondary }*/
+            ;
+            --theme-onSecondary:
+            /*{ theme.onSecondary }*/
+            ;
+            --theme-surface:
+            /*{ theme.surface }*/
+            ;
+            --theme-surface-0-9:
+            /*{ theme.surface09 }*/
+            ;
+            --theme-onSurface:
+            /*{ theme.onSurface }*/
+            ;
+            --theme-outline:
+            /*{ theme.outline }*/
+            ;
+            --chapterCtn-height:
+            /*{ layoutHeight }*/
+            ;
+        }
+
+        body {
+            background-color: var(--readerSettings-theme);
+        }
+
+        /*{ fillCSS }*/
+    </style>
+    <style>
+        /*{ customCSS }*/
+    </style>
+</head>
+
+<body>
+    <div class="chapterCtn">
+        <chapter data-plugin-id='/*{ novel.pluginId }*/' data-novel-id='/*{ chapter.novelId }*/'
+            data-chapter-id='/*{ chapter.id }*/'>
+            /*{ html }*/
+        </chapter>
+    </div>
+</body>
+<script>
+    /*{ fillJS }*/
+</script>
+</body>
+
+</html>