render list of plugins on the client

6 files changed, 230 insertions, 0 deletions

diff --git a/themes/compact.css b/themes/compact.css
index 227dea20f..6e17cf897 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
 body.ttrss_prefs .users-list td {
   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 {
   opacity: 0.5;
 }
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 9830f2563..23dd2bcda 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
 body.ttrss_prefs .users-list td {
   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 {
   opacity: 0.5;
 }
diff --git a/themes/light.css b/themes/light.css
index 0640ebfdd..6fd026857 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
 body.ttrss_prefs .users-list td {
   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 {
   opacity: 0.5;
 }
diff --git a/themes/light/prefs.less b/themes/light/prefs.less
index 35db886ce..4ffcc5ab1 100644
--- a/themes/light/prefs.less
+++ b/themes/light/prefs.less
@@ -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-installed {
 			opacity : 0.5;
diff --git a/themes/night.css b/themes/night.css
index a1b65608f..a0d69b88b 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -1515,6 +1515,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
 body.ttrss_prefs .users-list td {
   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 {
   opacity: 0.5;
 }
diff --git a/themes/night_blue.css b/themes/night_blue.css
index cda01a990..9c8f7d848 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -1515,6 +1515,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
 body.ttrss_prefs .users-list td {
   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 {
   opacity: 0.5;
 }