Use Google material icons

This commit is contained in:
Xylitol
2023-12-29 23:29:05 +08:00
parent 4942e7e398
commit 9f0bec9840
5 changed files with 17 additions and 17 deletions

View File

@ -1,6 +1,6 @@
<div class="row">
<div class="input-field col s12">
<ion-icon class="prefix" name="${icon}"></ion-icon>
<i class="material-symbols-outlined prefix">${icon}</i>
<input id="${site}-${key}" value="${value}" type="text" class="validate ${site}-config">
<label for="${site}-${key}">${name}</label>
</div>

View File

@ -2,10 +2,11 @@
<html lang="en">
<head>
<title>Synology Video Info Plugin</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title>Synology Video Info Plugin</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize@1.2.2/dist/css/materialize.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize@1.2.2/dist/css/materialize.min.css" />
</head>
<body>
@ -15,20 +16,20 @@
<ul class="right hide-on-med-and-down">
<li>
<a href="https://github.com/C5H12O5/syno-videoinfo-plugin">
<i class="material-symbols-outlined right">open_in_new</i>
GitHub
<ion-icon name="open-outline"></ion-icon>
</a>
</li>
<li>
<a href="#auth" class="modal-trigger">
<i class="material-symbols-outlined right">admin_panel_settings</i>
Auth
<ion-icon name="person-circle-outline"></ion-icon>
</a>
</li>
<li>
<a href="#exit" class="modal-trigger">
<i class="material-symbols-outlined right">power_settings_new</i>
Exit
<ion-icon name="power"></ion-icon>
</a>
</li>
</ul>
@ -43,7 +44,7 @@
</div>
<div class="col s6 right-align">
<a href="#save" class="modal-trigger">
<ion-icon name="save" size="large"></ion-icon>
<i class="material-symbols-outlined" style="font-size:3rem;">save</i>
</a>
</div>
</div>
@ -51,9 +52,9 @@
${sources}
</ul>
<div class="row">
<div class="input-field col s12">
<textarea id="doh" class="materialize-textarea" rows="10"></textarea>
<label for="doh">DoH Resolvers:</label>
<div class="col s12">
<h6>DoH Resolvers:</h6>
<div class="chips"></div>
</div>
</div>
<h5 class="right-align">${version}</h5>
@ -101,8 +102,6 @@
</div>
<script src="https://cdn.jsdelivr.net/npm/@materializecss/materialize@1.2.2/dist/js/materialize.min.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', () => {
M.AutoInit();

View File

@ -1,14 +1,14 @@
<li>
<div class="collapsible-header valign-wrapper">
<ion-icon name="create-outline" size="large"></ion-icon>
<span class="center-align">${site}</span>
<i class="material-symbols-outlined">edit_square</i>
${site}
</div>
<div class="collapsible-body">
<div class="row">
<form id="${site}" class="col s12">
<div class="row">
<div class="input-field col s6">
<ion-icon class="prefix" name="layers"></ion-icon>
<i class="material-symbols-outlined prefix">stacks</i>
<select multiple id="${site}-types">
<option value="movie" ${movie}>Movie</option>
<option value="tvshow" ${tvshow}>TVShow</option>
@ -16,6 +16,7 @@
<label>Effective Video Types</label>
</div>
<div class="input-field col s3">
<i class="material-symbols-outlined prefix">filter_drama</i>
<select id="${site}-doh">
<option value="0" ${doh_disabled}>Disabled</option>
<option value="1" ${doh_enabled}>Enabled</option>
@ -23,7 +24,7 @@
<label>DNS over HTTPS</label>
</div>
<div class="input-field col s3">
<ion-icon class="prefix" name="swap-vertical"></ion-icon>
<i class="material-symbols-outlined prefix">swap_vert</i>
<input id="${site}-priority" value="${priority}" type="number" class="validate">
<label for="${site}-priority">Priority</label>
</div>

2
run.sh
View File

@ -18,7 +18,7 @@ while [ $i -le $# ]; do
done
if ! netstat -tuln | grep ":$PORT" >/dev/null; then
nohup /usr/bin/env python3 "$BASEDIR"/configserver/serve.py > /dev/null 2>&1 &
nohup /usr/bin/env python3 "$BASEDIR"/configserver/server.py > /dev/null 2>&1 &
fi
eval "/usr/bin/env python3 $BASEDIR/main.py $ARGV"