valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

render list of plugins on the client

This commit is contained in:
Andrew Dolgov 2021-03-06 18:14:25 +03:00
parent 217922899d
commit 473ea6255c
8 changed files with 398 additions and 203 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

231
classes/pref/prefs.php
View File

@ -787,164 +787,73 @@ class Pref_Prefs extends Handler_Protected {
<?php <?php
} }
private function index_plugins_system() { function getPluginsList() {
print_notice("System plugins are enabled in <strong>config.php</strong> for all users.");
$system_enabled = array_map("trim", explode(",", (string)Config::get(Config::PLUGINS)));
$tmppluginhost = new PluginHost();
$tmppluginhost->load_all($tmppluginhost::KIND_ALL, $_SESSION["uid"], true);
foreach ($tmppluginhost->get_plugins() as $name => $plugin) {
$about = $plugin->about();
$is_local = $tmppluginhost->is_local($plugin);
$version = htmlspecialchars($this->_get_plugin_version($plugin));
if ($about[3] ?? false) {
$is_checked = in_array($name, $system_enabled) ? "checked" : "";
?>
<fieldset class='prefs plugin' data-plugin-name='<?= htmlspecialchars($name) ?>'>
<label><?= $name ?>:</label>
<label class='checkbox description text-muted' id="PLABEL-<?= htmlspecialchars($name) ?>">
<input disabled='1' dojoType='dijit.form.CheckBox' <?= $is_checked ?> type='checkbox'><?= htmlspecialchars($about[1]) ?>
</label>
<?php if (count($tmppluginhost->get_all($plugin)) > 0) {
if (in_array($name, $system_enabled)) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Clear data") ?>"
onclick='Helpers.Plugins.clearPluginData("<?= htmlspecialchars($name) ?>")'>
<i class='material-icons'>clear</i></button>
<?php }
} ?>
<?php if ($about[4] ?? false) { ?>
<button dojoType='dijit.form.Button' class='alt-info' title="<?= __("More info...") ?>"
onclick='window.open("<?= htmlspecialchars($about[4]) ?>")'>
<i class='material-icons'>help</i></button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10) { ?>
<button style="display : none" class='alt-warning' title="<?= __("Update") ?>"
data-update-btn-for-plugin="<?= htmlspecialchars($name) ?>" dojoType='dijit.form.Button'
onclick='Helpers.Plugins.update("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("update") ?>
</button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10 && $is_local) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Uninstall") ?>"
onclick='Helpers.Plugins.uninstall("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("delete") ?>
</button>
<?php } ?>
<?php if ($version) { ?>
<div dojoType='dijit.Tooltip' connectId='PLABEL-<?= htmlspecialchars($name) ?>' position='after'>
<?= $version ?>
</div>
<?php } ?>
</fieldset>
<?php
}
}
}
private function index_plugins_user() {
$system_enabled = array_map("trim", explode(",", (string)Config::get(Config::PLUGINS))); $system_enabled = array_map("trim", explode(",", (string)Config::get(Config::PLUGINS)));
$user_enabled = array_map("trim", explode(",", get_pref(Prefs::_ENABLED_PLUGINS))); $user_enabled = array_map("trim", explode(",", get_pref(Prefs::_ENABLED_PLUGINS)));
$tmppluginhost = new PluginHost(); $tmppluginhost = new PluginHost();
$tmppluginhost->load_all($tmppluginhost::KIND_ALL, $_SESSION["uid"], true); $tmppluginhost->load_all($tmppluginhost::KIND_ALL, $_SESSION["uid"], true);
$rv = [];
foreach ($tmppluginhost->get_plugins() as $name => $plugin) { foreach ($tmppluginhost->get_plugins() as $name => $plugin) {
$about = $plugin->about(); $about = $plugin->about();
$is_local = $tmppluginhost->is_local($plugin); $is_local = $tmppluginhost->is_local($plugin);
$version = htmlspecialchars($this->_get_plugin_version($plugin)); $version = htmlspecialchars($this->_get_plugin_version($plugin));
if (empty($about[3]) || $about[3] == false) { array_push($rv, [
"name" => $name,
$is_checked = ""; "is_local" => $is_local,
$is_disabled = ""; "system_enabled" => in_array($name, $system_enabled),
"user_enabled" => in_array($name, $user_enabled),
if (in_array($name, $system_enabled)) { "has_data" => count($tmppluginhost->get_all($plugin)) > 0,
$is_checked = "checked='1'"; "is_system" => (bool)($about[3] ?? false),
$is_disabled = "disabled='1'"; "version" => $version,
} else if (in_array($name, $user_enabled)) { "author" => $about[2] ?? "",
$is_checked = "checked='1'"; "description" => $about[1] ?? "",
} "more_info" => $about[4] ?? "",
?> ]);
<fieldset class='prefs plugin' data-plugin-name='<?= htmlspecialchars($name) ?>'>
<label><?= $name ?>:</label>
<label class='checkbox description text-muted' id="PLABEL-<?= htmlspecialchars($name) ?>">
<input name='plugins[]' value="<?= htmlspecialchars($name) ?>"
dojoType='dijit.form.CheckBox' <?= $is_checked ?> <?= $is_disabled ?> type='checkbox'>
<?= htmlspecialchars($about[1]) ?>
</input>
</label>
<?php if (count($tmppluginhost->get_all($plugin)) > 0) {
if (in_array($name, $system_enabled) || in_array($name, $user_enabled)) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Clear data") ?>"
onclick='Helpers.Plugins.clearPluginData("<?= htmlspecialchars($name) ?>")'>
<i class='material-icons'>clear</i></button>
<?php }
} ?>
<?php if ($about[4] ?? false) { ?>
<button dojoType='dijit.form.Button' class='alt-info' title="<?= __("More info...") ?>"
onclick='window.open("<?= htmlspecialchars($about[4]) ?>")'>
<i class='material-icons'>help</i></button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10) { ?>
<button style="display : none" class='alt-warning' title="<?= __("Update") ?>"
data-update-btn-for-plugin="<?= htmlspecialchars($name) ?>" dojoType='dijit.form.Button'
onclick='Helpers.Plugins.update("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("update") ?>
</button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10 && $is_local) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Uninstall") ?>"
onclick='Helpers.Plugins.uninstall("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("delete") ?>
</button>
<?php } ?>
<?php if ($version) { ?>
<div dojoType='dijit.Tooltip' connectId='PLABEL-<?= htmlspecialchars($name) ?>' position='after'>
<?= $version ?>
</div>
<?php } ?>
</fieldset>
<?php
}
} }
usort($rv, function($a, $b) { return strcmp($a["name"], $b["name"]); });
print json_encode(['plugins' => $rv, 'is_admin' => $_SESSION['access_level'] >= 10]);
} }
function index_plugins() { function index_plugins() {
?> ?>
<form dojoType="dijit.form.Form" id="changePluginsForm"> <form dojoType="dijit.form.Form" id="changePluginsForm">
<script type="dojo/method" event="onSubmit" args="evt">
evt.preventDefault();
if (this.validate()) {
xhr.post("backend.php", this.getValues(), () => {
Notify.close();
if (confirm(__('Selected plugins have been enabled. Reload?'))) {
window.location.reload();
}
})
}
</script>
<?= \Controls\hidden_tag("op", "pref-prefs") ?> <?= \Controls\hidden_tag("op", "pref-prefs") ?>
<?= \Controls\hidden_tag("method", "setplugins") ?> <?= \Controls\hidden_tag("method", "setplugins") ?>
<div dojoType="dijit.layout.BorderContainer" gutters="false"> <div dojoType="dijit.layout.BorderContainer" gutters="false">
<div region="top" dojoType='fox.Toolbar'>
<div class='pull-right'>
<input name="search" type="search" onkeyup='Helpers.Plugins.search()' dojoType="dijit.form.TextBox">
<button dojoType='dijit.form.Button' onclick='Helpers.Plugins.search()'>
<?= __('Search') ?>
</button>
</div>
<div dojoType='fox.form.DropDownButton'>
<span><?= __('Select') ?></span>
<div dojoType='dijit.Menu' style='display: none'>
<div onclick="Lists.select('prefs-plugin-list', true)"
dojoType='dijit.MenuItem'><?= __('All') ?></div>
<div onclick="Lists.select('prefs-plugin-list', false)"
dojoType='dijit.MenuItem'><?= __('None') ?></div>
</div>
</div>
</div>
<div dojoType="dijit.layout.ContentPane" region="center" style="overflow-y : auto"> <div dojoType="dijit.layout.ContentPane" region="center" style="overflow-y : auto">
<?php
<script type="dojo/method" event="onShow">
Helpers.Plugins.reload();
</script>
<!-- <?php
if (!empty($_SESSION["safe_mode"])) { if (!empty($_SESSION["safe_mode"])) {
print_error("You have logged in using safe mode, no user plugins will be actually enabled until you login again."); print_error("You have logged in using safe mode, no user plugins will be actually enabled until you login again.");
} }
@ -966,39 +875,32 @@ class Pref_Prefs extends Handler_Protected {
) . " (<a href='https://tt-rss.org/wiki/FeedHandlerPlugins' target='_blank'>".__("More info...")."</a>)" ) . " (<a href='https://tt-rss.org/wiki/FeedHandlerPlugins' target='_blank'>".__("More info...")."</a>)"
); );
} }
?> ?> -->
<h2><?= __("System plugins") ?></h2> <ul id="prefs-plugin-list" class="prefs-plugin-list list-unstyled">
<li><?= __("Loading, please wait...") ?></li>
<?php $this->index_plugins_system() ?> </ul>
<h2><?= __("User plugins") ?></h2>
<?php $this->index_plugins_user() ?>
</div> </div>
<div dojoType="dijit.layout.ContentPane" region="bottom"> <div dojoType="dijit.layout.ContentPane" region="bottom">
<button dojoType='dijit.form.Button' class="alt-info pull-left" onclick='window.open("https://tt-rss.org/wiki/Plugins")'>
<button dojoType='dijit.form.Button' class="alt-info pull-right" onclick='window.open("https://tt-rss.org/wiki/Plugins")'>
<i class='material-icons'>help</i> <i class='material-icons'>help</i>
<?= __("More info...") ?> <?= __("More info") ?>
</button> </button>
<button dojoType='dijit.form.Button' class='alt-primary' type='submit'> <?= \Controls\button_tag(\Controls\icon("check") . " " .__("Enable selected"), "", ["class" => "alt-primary",
<?= \Controls\icon("save") ?> "onclick" => "Helpers.Plugins.enableSelected()"]) ?>
<?= __("Enable selected") ?>
</button> <?= \Controls\button_tag(\Controls\icon("refresh"), "", ["title" => __("Reload"), "onclick" => "Helpers.Plugins.reload()"]) ?>
<?php if ($_SESSION["access_level"] >= 10) { ?> <?php if ($_SESSION["access_level"] >= 10) { ?>
<?php if (Config::get(Config::CHECK_FOR_UPDATES) && Config::get(Config::CHECK_FOR_PLUGIN_UPDATES)) { ?> <?php if (Config::get(Config::CHECK_FOR_UPDATES) && Config::get(Config::CHECK_FOR_PLUGIN_UPDATES)) { ?>
<button dojoType='dijit.form.Button' onclick="Helpers.Plugins.checkForUpdate()"> <button class='alt-warning' dojoType='dijit.form.Button' onclick="Helpers.Plugins.update()">
<?= \Controls\icon("update") ?> <?= \Controls\icon("update") ?>
<?= __("Check for updates") ?> <?= __("Check for updates") ?>
</button> </button>
<button class="update-all-plugins-btn alt-warning" style="display : none" dojoType='dijit.form.Button' onclick="Helpers.Plugins.update()">
<?= \Controls\icon("update") ?>
<?= __("Update plugins") ?>
</button>
<?php } ?> <?php } ?>
<?php if (Config::get(Config::ENABLE_PLUGIN_INSTALLER)) { ?> <?php if (Config::get(Config::ENABLE_PLUGIN_INSTALLER)) { ?>
@ -1031,16 +933,8 @@ class Pref_Prefs extends Handler_Protected {
<div dojoType='dijit.layout.AccordionPane' selected='true' title="<i class='material-icons'>settings</i> <?= __('Preferences') ?>"> <div dojoType='dijit.layout.AccordionPane' selected='true' title="<i class='material-icons'>settings</i> <?= __('Preferences') ?>">
<?php $this->index_prefs() ?> <?php $this->index_prefs() ?>
</div> </div>
<div dojoType='dijit.layout.AccordionPane' title="<i class='material-icons'>extension</i> <?= __('Plugins') ?>"> <div dojoType='dijit.layout.AccordionPane' style='padding : 0' title="<i class='material-icons'>extension</i> <?= __('Plugins') ?>">
<script type='dojo/method' event='onSelected' args='evt'> <?php $this->index_plugins() ?>
if (this.domNode.querySelector('.loading'))
window.setTimeout(() => {
xhr.post("backend.php", {op: 'pref-prefs', method: 'index_plugins'}, (reply) => {
this.attr('content', reply);
});
}, 200);
</script>
<span class='loading'><?= __("Loading, please wait...") ?></span>
</div> </div>
<?php PluginHost::getInstance()->run_hooks(PluginHost::HOOK_PREFS_TAB, "prefPrefs") ?> <?php PluginHost::getInstance()->run_hooks(PluginHost::HOOK_PREFS_TAB, "prefPrefs") ?>
</div> </div>
@ -1119,12 +1013,9 @@ class Pref_Prefs extends Handler_Protected {
} }
function setplugins() { function setplugins() {
if (is_array(clean($_REQUEST["plugins"]))) $plugins = array_filter($_REQUEST["plugins"], 'clean') ?? [];
$plugins = join(",", clean($_REQUEST["plugins"]));
else
$plugins = "";
set_pref(Prefs::_ENABLED_PLUGINS, $plugins); set_pref(Prefs::_ENABLED_PLUGINS, implode(",", $plugins));
} }
function _get_plugin_version(Plugin $plugin) { function _get_plugin_version(Plugin $plugin) {

140
js/PrefHelpers.js
View File

@ -308,8 +308,95 @@ const Helpers = {
}, },
}, },
Plugins: { Plugins: {
clearPluginData: function(name) { _list_of_plugins: [],
if (confirm(__("Clear stored data for this plugin?"))) { _search_query: "",
enableSelected: function() {
const form = dijit.byId("changePluginsForm");
if (form.validate()) {
xhr.post("backend.php", form.getValues(), () => {
Notify.close();
if (confirm(__('Selected plugins have been enabled. Reload?'))) {
window.location.reload();
}
})
}
},
search: function() {
this._search_query = dijit.byId("changePluginsForm").getValues().search;
this.render_contents();
},
reload: function() {
xhr.json("backend.php", {op: "pref-prefs", method: "getPluginsList"}, (reply) => {
this._list_of_plugins = reply;
this.render_contents();
});
},
render_contents: function() {
const container = document.querySelector(".prefs-plugin-list");
container.innerHTML = "";
let results_rendered = 0;
const is_admin = this._list_of_plugins.is_admin;
const search_tokens = this._search_query
.split(/ {1,}/)
.filter((stoken) => (stoken.length > 0 ? stoken : null));
this._list_of_plugins.plugins.forEach((plugin) => {
if (search_tokens.length == 0 ||
Object.values(plugin).filter((pval) =>
search_tokens.filter((stoken) =>
(pval.toString().indexOf(stoken) != -1 ? stoken : null)
).length == search_tokens.length).length > 0) {
++results_rendered;
container.innerHTML += `
<li data-row-value="${App.escapeHtml(plugin.name)}" data-plugin-name="${App.escapeHtml(plugin.name)}" title="${plugin.is_system ? __("System plugins are enabled using global configuration.") : ""}">
<label class="checkbox ${plugin.is_system ? "system text-info" : ""}">
${App.FormFields.checkbox_tag("plugins[]", plugin.user_enabled || plugin.system_enabled, plugin.name,
{disabled: plugin.is_system})}</div>
<span class='name'>${plugin.name}:</span>
</label>
<div class="description ${plugin.is_system ? "text-info" : ""}">
${plugin.description}
</div>
<div class='actions'>
${plugin.is_system ?
App.FormFields.button_tag(App.FormFields.icon("security"), "",
{disabled: true}) : ''}
${plugin.more_info ?
App.FormFields.button_tag(App.FormFields.icon("help"), "",
{class: 'alt-info', onclick: `window.open("${App.escapeHtml(plugin.more_info)}")`}) : ''}
${is_admin && plugin.is_local ?
App.FormFields.button_tag(App.FormFields.icon("update"), "",
{title: __("Update"), class: 'alt-warning', "data-update-btn-for-plugin": plugin.name, style: 'display : none',
onclick: `Helpers.Plugins.update("${App.escapeHtml(plugin.name)}")`}) : ''}
${is_admin && plugin.has_data ?
App.FormFields.button_tag(App.FormFields.icon("clear"), "",
{title: __("Clear data"), onclick: `Helpers.Plugins.clearData("${App.escapeHtml(plugin.name)}")`}) : ''}
${is_admin && plugin.is_local ?
App.FormFields.button_tag(App.FormFields.icon("delete"), "",
{title: __("Uninstall"), onclick: `Helpers.Plugins.uninstall("${App.escapeHtml(plugin.name)}")`}) : ''}
</div>
<div class='version text-muted'>${plugin.version}</div>
</li>
`;
}
});
if (results_rendered == 0) {
container.innerHTML = `<li class='text-center text-info'>${__("Could not find any plugins for this search query.")}</li>`;
}
dojo.parser.parse(container);
},
clearData: function(name) {
if (confirm(__("Clear stored data for %s?").replace("%s", name))) {
Notify.progress("Loading, please wait..."); Notify.progress("Loading, please wait...");
xhr.post("backend.php", {op: "pref-prefs", method: "clearPluginData", name: name}, () => { xhr.post("backend.php", {op: "pref-prefs", method: "clearPluginData", name: name}, () => {
@ -317,36 +404,6 @@ const Helpers = {
}); });
} }
}, },
checkForUpdate: function(name = null) {
Notify.progress("Checking for plugin updates...");
xhr.json("backend.php", {op: "pref-prefs", method: "checkForPluginUpdates", name: name}, (reply) => {
Notify.close();
if (reply) {
let plugins_with_updates = 0;
reply.forEach((p) => {
if (p.rv.o) {
const button = dijit.getEnclosingWidget(App.find(`*[data-update-btn-for-plugin="${p.plugin}"]`));
if (button) {
button.domNode.show();
++plugins_with_updates;
}
}
});
if (plugins_with_updates > 0)
App.find(".update-all-plugins-btn").show();
else
Notify.info("All local plugins are up-to-date.");
} else {
Notify.error("Unable to check for plugin updates.");
}
});
},
uninstall: function(plugin) { uninstall: function(plugin) {
const msg = __("Uninstall plugin %s?").replace("%s", plugin); const msg = __("Uninstall plugin %s?").replace("%s", plugin);
@ -436,7 +493,13 @@ const Helpers = {
}, },
search: function() { search: function() {
this.search_query = this.attr('value').search.toLowerCase(); this.search_query = this.attr('value').search.toLowerCase();
this.render_contents();
if ('requestIdleCallback' in window)
window.requestIdleCallback(() => {
this.render_contents();
});
else
this.render_contents();
}, },
render_contents: function() { render_contents: function() {
const container = dialog.domNode.querySelector(".contents"); const container = dialog.domNode.querySelector(".contents");
@ -610,6 +673,12 @@ const Helpers = {
dialog.plugins_to_update.push(p.plugin); dialog.plugins_to_update.push(p.plugin);
} }
const update_button = dijit.getEnclosingWidget(
App.find(`*[data-update-btn-for-plugin="${p.plugin}"]`));
if (update_button)
update_button.domNode.show();
container.innerHTML += container.innerHTML +=
` `
<li><h3 style="margin-top: 0">${p.plugin}</h3> <li><h3 style="margin-top: 0">${p.plugin}</h3>
@ -622,6 +691,11 @@ const Helpers = {
</li> </li>
` `
}); });
if (!enable_update_btn) {
container.innerHTML = `<li class='text-center text-info'>${name ? __("Plugin %s is up-to-date").replace("%s", name) :
__("All local plugins are up-to-date.")}</li>`;
}
} }
dijit.getEnclosingWidget(dialog.domNode.querySelector(".update-btn")).attr('disabled', !enable_update_btn); dijit.getEnclosingWidget(dialog.domNode.querySelector(".update-btn")).attr('disabled', !enable_update_btn);

37
themes/compact.css
View File

@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td { body.ttrss_prefs .users-list td {
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #ddd 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed { body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5; opacity: 0.5;
} }

37
themes/compact_night.css
View File

@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td { body.ttrss_prefs .users-list td {
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #222 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed { body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5; opacity: 0.5;
} }

37
themes/light.css
View File

@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td { body.ttrss_prefs .users-list td {
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #ddd 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed { body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5; opacity: 0.5;
} }

45
themes/light/prefs.less
View File

@ -112,6 +112,51 @@ body.ttrss_prefs {
} }
} }
ul.prefs-plugin-list {
margin : 0;
padding : 0;
li {
display : flex;
align-items : center;
line-height : 30px;
border-bottom: @border-default 1px solid;
> * {
padding : 4px;
}
label.checkbox {
display : flex;
align-items : center;
min-width : 200px;
margin-right : 16px;
cursor : pointer;
&.system {
cursor : auto;
}
.name {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight : bold;
}
}
.actions {
flex-grow : 2;
text-align: right;
}
.version {
min-width: 200px;
text-align: right;
}
}
}
.plugin-installer-list { .plugin-installer-list {
.plugin-installed { .plugin-installed {
opacity : 0.5; opacity : 0.5;

37
themes/night.css
View File

@ -1515,6 +1515,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td { body.ttrss_prefs .users-list td {
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #222 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed { body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5; opacity: 0.5;
} }

37
themes/night_blue.css
View File

@ -1515,6 +1515,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td { body.ttrss_prefs .users-list td {
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #222 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed { body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5; opacity: 0.5;
} }