Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-05-07 13:26:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

plugins/rewards/widgets/skins/customize

Browse Source 
modal fixes
This commit is contained in:
Barış Soner Uşaklı
2022-09-07 20:36:32 -04:00
parent 48207bc2a2
commit 9f9c9c6a66
14 changed files with 314 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/admin/appearance/customise.tpl
View File

@@ -1,12 +1,12 @@
<div id="customise" class="customise">
<ul class="nav nav-pills">
<li class="active"><a href="#custom-css" data-toggle="tab">[[admin/appearance/customise:custom-css]]</a></li>
<li><a href="#custom-js" data-toggle="tab">[[admin/appearance/customise:custom-js]]</a></li>
<li><a href="#custom-header" data-toggle="tab">[[admin/appearance/customise:custom-header]]</a></li>
<ul class="nav nav-pills mb-3">
<li class="nav-item"><a class="nav-link active" href="#custom-css" data-bs-toggle="tab">[[admin/appearance/customise:custom-css]]</a></li>
<li class="nav-item"><a class="nav-link" href="#custom-js" data-bs-toggle="tab">[[admin/appearance/customise:custom-js]]</a></li>
<li class="nav-item"><a class="nav-link" href="#custom-header" data-bs-toggle="tab">[[admin/appearance/customise:custom-header]]</a></li>
</ul>
<br />
<div class="tab-content">
<div class="tab-pane fade active in" id="custom-css">
<div class="tab-pane fade show active" id="custom-css">
<p>
[[admin/appearance/customise:custom-css.description]]
</p>
@@ -15,7 +15,7 @@
<br />
<form class="form">
<div class="form-group">
<div class="mb-3">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="useCustomCSS">
<input class="mdl-switch__input" id="useCustomCSS" type="checkbox" data-field="useCustomCSS" />
<span class="mdl-switch__label">[[admin/appearance/customise:custom-css.enable]]</span>
@@ -33,7 +33,7 @@
<br />
<form class="form">
<div class="form-group">
<div class="mb-3">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="useCustomJS">
<input class="mdl-switch__input" id="useCustomJS" type="checkbox" data-field="useCustomJS" />
<span class="mdl-switch__label">[[admin/appearance/customise:custom-js.enable]]</span>
@@ -52,7 +52,7 @@
<br />
<form class="form">
<div class="form-group">
<div class="mb-3">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="useCustomHTML">
<input class="mdl-switch__input" id="useCustomHTML" type="checkbox" data-field="useCustomHTML" />
<span class="mdl-switch__label">[[admin/appearance/customise:custom-header.enable]]</span>
@@ -62,7 +62,7 @@
</div>
<form class="form">
<div class="form-group">
<div class="mb-3">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="enableLiveReload">
<input class="mdl-switch__input" id="enableLiveReload" type="checkbox" data-field="enableLiveReload" checked />
<span class="mdl-switch__label">

127
src/views/admin/extend/plugins.tpl
View File

@@ -1,81 +1,44 @@
{{{ if !canChangeState }}}
<div class="alert alert-warning">[[error:plugins-set-in-configuration]]</div>
{{{ end }}}
<ul class="nav nav-pills">
<li>
<a href="#trending" data-toggle="tab">
<ul class="nav nav-pills mb-3">
<li class="nav-item">
<button class="nav-link" data-bs-target="#trending" data-bs-toggle="tab">
[[admin/extend/plugins:trending]]
<i class="fa fa-star"></i>
</a>
</button>
</li>
<li class="active">
<a href="#installed" data-toggle="tab">
<li class="nav-item">
<button class="nav-link active" data-bs-target="#installed" data-bs-toggle="tab">
[[admin/extend/plugins:installed]]
<span class="badge">{installedCount}</span>
</a>
<span class="badge bg-light">{installedCount}</span>
</button>
</li>
<li>
<a href="#active" data-toggle="tab">
<li class="nav-item">
<button class="nav-link" data-bs-target="#active" data-bs-toggle="tab">
[[admin/extend/plugins:active]]
<span class="badge">{activeCount}</span>
</a>
<span class="badge bg-light">{activeCount}</span>
</button>
</li>
<li>
<a href="#deactive" data-toggle="tab">
<li class="nav-item">
<button class="nav-link" data-bs-target="#deactive" data-bs-toggle="tab">
[[admin/extend/plugins:inactive]]
<span class="badge">{inactiveCount}</span>
</a>
<span class="badge bg-light">{inactiveCount}</span>
</button>
</li>
<li>
<a href="#upgrade" data-toggle="tab">
<li class="nav-item">
<button class="nav-link" data-bs-target="#upgrade" data-bs-toggle="tab">
[[admin/extend/plugins:out-of-date]]
<span class="badge">{upgradeCount}</span>
</a>
<span class="badge bg-light">{upgradeCount}</span>
</button>
</li>
<li>
<a href="#download" data-toggle="tab">[[admin/extend/plugins:find-plugins]]</a>
<li class="nav-item">
<button class="nav-link" data-bs-target="#download" data-bs-toggle="tab">[[admin/extend/plugins:find-plugins]]</button>
</li>
</ul>
<br />
<div class="plugins row">
<div class="acp-sidebar col-lg-3 col-lg-push-9">
<div class="panel panel-default">
<div class="panel-heading">[[admin/extend/plugins:plugin-search]]</div>
<div class="panel-body">
<input autofocus class="form-control" type="text" id="plugin-search" placeholder="[[admin/extend/plugins:plugin-search-placeholder]]"/><br/>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
<input id="plugin-submit-usage" class="mdl-switch__input" type="checkbox" data-field="submitPluginUsage" <!-- IF submitPluginUsage -->checked<!-- ENDIF submitPluginUsage -->/>
<span class="mdl-switch__label">[[admin/extend/plugins:submit-anonymous-usage]]</span>
</label>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">[[admin/extend/plugins:reorder-plugins]]</div>
<div class="panel-body">
<button class="btn btn-default btn-block" id="plugin-order"><i class="fa fa-exchange"></i> [[admin/extend/plugins:order-active]]</button>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">[[admin/extend/plugins:dev-interested]]</div>
<div class="panel-body">
<p>
[[admin/extend/plugins:docs-info]]
</p>
</div>
</div>
</div>
<div class="col-lg-9 col-lg-pull-3">
<div class="col-lg-9">
<div class="tab-content">
<div class="tab-pane fade" id="trending">
<!-- IMPORT admin/partials/plugins/no-plugins.tpl -->
@@ -85,7 +48,7 @@
{{{ end }}}
</ul>
</div>
<div class="tab-pane fade active in" id="installed">
<div class="tab-pane fade show active" id="installed">
<!-- IMPORT admin/partials/plugins/no-plugins.tpl -->
<ul class="installed">
<!-- BEGIN installed -->
@@ -116,11 +79,47 @@
</div>
</div>
<div class="acp-sidebar col-lg-3">
<div class="card">
<div class="card-header">[[admin/extend/plugins:plugin-search]]</div>
<div class="card-body">
<input autofocus class="form-control" type="text" id="plugin-search" placeholder="[[admin/extend/plugins:plugin-search-placeholder]]"/><br/>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="checkbox">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
<input id="plugin-submit-usage" class="mdl-switch__input" type="checkbox" data-field="submitPluginUsage" <!-- IF submitPluginUsage -->checked<!-- ENDIF submitPluginUsage -->/>
<span class="mdl-switch__label">[[admin/extend/plugins:submit-anonymous-usage]]</span>
</label>
</div>
</div>
</div>
<div class="card">
<div class="card-header">[[admin/extend/plugins:reorder-plugins]]</div>
<div class="card-body d-grid">
<button class="btn btn-outline-secondary" id="plugin-order">[[admin/extend/plugins:order-active]]</button>
</div>
</div>
<div class="card">
<div class="card-header">[[admin/extend/plugins:dev-interested]]</div>
<div class="card-body">
<p>
[[admin/extend/plugins:docs-info]]
</p>
</div>
</div>
</div>
<div class="modal fade" id="order-active-plugins-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">[[admin/extend/plugins:order-active]]</h4>
</div>
<div class="modal-body">
@@ -133,14 +132,12 @@
<ul class="plugin-list"></ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">[[global:buttons.close]]</button>
<button type="button" class="btn btn-default" data-bs-dismiss="modal">[[global:buttons.close]]</button>
<button type="button" class="btn btn-primary" id="save-plugin-order">[[global:save]]</button>
</div>
</div>
</div>
</div>
</div>

42
src/views/admin/extend/rewards.tpl
View File

@@ -4,34 +4,34 @@
{{{ each active }}}
<li data-rid="{active.rid}" data-id="{active.id}">
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-8">
<form class="main inline-block">
<div class="well inline-block if-block">
<label for="condition-if-users">[[admin/extend/rewards:condition-if-users]]</label><br />
<select id="condition-if-users" class="form-control" name="condition" data-selected="{active.condition}">
<div class="col-12 col-lg-8">
<form class="main d-inline-block">
<div class="card card-body d-inline-block if-block">
<label class="form-label" for="condition-if-users">[[admin/extend/rewards:condition-if-users]]</label>
<select id="condition-if-users" class="form-select" name="condition" data-selected="{active.condition}">
{{{ each conditions }}}
<option value="{conditions.condition}">{conditions.name}</option>
{{{ end }}}
</select>
</div>
<div class="well inline-block this-block">
<label for="condition-is">[[admin/extend/rewards:condition-is]]</label><br />
<div class="card card-body d-inline-block this-block">
<label class="form-label" for="condition-is">[[admin/extend/rewards:condition-is]]</label>
<div class="row">
<div class="col-xs-4">
<select id="condition-is" class="form-control" name="conditional" data-selected="{active.conditional}">
<div class="col-4">
<select id="condition-is" class="form-select" name="conditional" data-selected="{active.conditional}">
{{{ each conditionals }}}
<option value="{conditionals.conditional}">{conditionals.name}</option>
{{{ end }}}
</select>
</div>
<div class="col-xs-8">
<div class="col-8">
<input class="form-control" type="text" name="value" value="{active.value}" />
</div>
</div>
</div>
<div class="well inline-block then-block">
<label for="condition-then">[[admin/extend/rewards:condition-then]]</label><br />
<select id="condition-then" class="form-control" name="rid" data-selected="{active.rid}">
<div class="card card-body d-inline-block then-block">
<label class="form-label" for="condition-then">[[admin/extend/rewards:condition-then]]</label>
<select id="condition-then" class="form-select" name="rid" data-selected="{active.rid}">
<!-- BEGIN ../../rewards -->
<option value="{rewards.rid}">{rewards.name}</option>
<!-- END ../../rewards -->
@@ -39,24 +39,24 @@
</div>
</form>
</div>
<div class="col-xs-12 col-sm-12 col-lg-4">
<form class="rewards inline-block">
<div class="inputs well inline-block reward-block"></div>
<div class="col-12 col-lg-4">
<form class="rewards d-inline-block">
<div class="inputs card card-body d-inline-block reward-block"></div>
</form>
</div>
</div>
<div class="pull-left">
<div class="panel-body inline-block">
<div class="float-start">
<div class="card-body d-inline-block">
<form class="main">
<label for="claimable">[[admin/extend/rewards:max-claims]] <small>[[admin/extend/rewards:zero-infinite]]</small></label><br />
<label class="form-label" for="claimable">[[admin/extend/rewards:max-claims]] <small>[[admin/extend/rewards:zero-infinite]]</small></label>
<input id="claimable" class="form-control" type="text" name="claimable" value="{active.claimable}" placeholder="1" />
</form>
</div>
</div>
<div class="pull-right">
<div class="panel-body inline-block">
<div class="float-end">
<div class="card-body d-inline-block">
<button class="btn btn-danger delete">[[admin/extend/rewards:delete]]</button>
<!-- IF active.disabled -->
<button class="btn btn-success toggle">[[admin/extend/rewards:enable]]</button>

84
src/views/admin/extend/widgets.tpl
View File

@@ -1,28 +1,25 @@
<div id="widgets" class="row">
<div class="col-md-8" id="active-widgets">
<ul class="nav nav-pills">
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
<span class="selected-template">{templates.0.template}</span> <span class="caret"></span>
</a>
<ul class="dropdown-menu">
{{{ each templates }}}
<li><a class="dropdown-item" href="#" data-template="{../template}" data-toggle="pill">{../template}</a></li>
{{{ end }}}
</ul>
</li>
</ul>
<div class="dropdown mb-3">
<button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<span class="selected-template">{templates.0.template}</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
{{{ each templates }}}
<li><a class="dropdown-item" href="#" data-template="{../template}" data-toggle="pill">{../template}</a></li>
{{{ end }}}
</ul>
</div>
<div class="row">
<div class="col-xs-12">
<div class="col-12">
<div class="tab-content">
{{{ each templates }}}
<div class="tab-pane <!-- IF @first -->active<!-- ENDIF @first -->" data-template="{../template}">
{{{ each templates.areas }}}
<div class="area" data-template="{templates.template}" data-location="{../location}">
<h4>{../name} <small>{templates.template} / {../location}</small></h4>
<div class="well widget-area">
<div class="card card-body text-bg-light widget-area">
</div>
</div>
@@ -35,9 +32,9 @@
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">[[admin/extend/widgets:available]]</div>
<div class="panel-body">
<div class="card mb-3">
<div class="card-header">[[admin/extend/widgets:available]]</div>
<div class="card-body">
<div class="available-widgets">
<p>[[admin/extend/widgets:explanation]]</p>
<!-- IF !availableWidgets.length -->
@@ -52,13 +49,13 @@
</p>
<div class="row">
<!-- BEGIN availableWidgets -->
<div class="col-xs-12">
<div data-widget="{availableWidgets.widget}" class="panel widget-panel panel-default pointer hide">
<div class="panel-heading">
<div class="col-12">
<div data-widget="{availableWidgets.widget}" class="card widget-panel pointer hide">
<div class="card-header">
<strong>{availableWidgets.name}</strong>
<small><br />{availableWidgets.description}</small>
</div>
<div class="panel-body hidden">
<div class="card-body hidden">
<form>
{availableWidgets.content}
</form>
@@ -73,7 +70,7 @@
<button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<ul class="dropdown-menu dropdown-menu-end">
<!-- BEGIN templates -->
<!-- IF !@first -->
<li><a class="dropdown-item" href="#">{templates.template}</a></li>
@@ -84,39 +81,40 @@
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">[[admin/extend/widgets:containers.available]]</div>
<div class="panel-body">
<div class="card">
<div class="card-header">[[admin/extend/widgets:containers.available]]</div>
<div class="card-body">
<p>[[admin/extend/widgets:containers.explanation]]</p>
<div class="available-containers">
<div class="containers">
<div class="pointer" style="padding: 20px; border: 1px dotted #dedede; margin-bottom: 20px;" data-container-html=" ">
[[admin/extend/widgets:containers.none]]
</div>
<div class="well pointer" data-container-html='<div class="well">\{{body}}</div>'>
<div class="card card-body bg-light rounded-0 border-0 shadow-none mb-3 pointer" data-container-html='<div class="card card-body bg-light rounded-0 border-0 shadow-none mb-3">\{{body}}</div>'>
[[admin/extend/widgets:container.well]]
</div>
<div class="jumbotron pointer" data-container-html='<div class="jumbotron">\{{body}}</div>'>
<div class="card card-body bg-light rounded-0 border-0 shadow-none p-5 mb-3 pointer" data-container-html='<div class="card card-body bg-light rounded-0 border-0 shadow-none p-5 mb-3">\{{body}}</div>'>
[[admin/extend/widgets:container.jumbotron]]
</div>
<div class="panel" data-container-html='<div class="panel panel-default"><div class="panel-body">\{{body}}</div></div>'>
<div class="panel-body pointer">
<div class="card mb-3" data-container-html='<div class="card"><div class="card-body">\{{body}}</div></div>'>
<div class="card-body pointer">
[[admin/extend/widgets:container.panel]]
</div>
</div>
<div class="panel panel-default pointer" data-container-html='<div class="panel panel-default"><div class="panel-heading"><h3 class="panel-title">\{{title}}</h3></div><div class="panel-body">\{{body}}</div></div>'>
<div class="panel-heading">
<div class="card mb-3 pointer" data-container-html='<div class="card"><h5 class="card-header">\{{title}}</h5><div class="card-body">\{{body}}</div></div>'>
<div class="card-header">
[[admin/extend/widgets:container.panel-header]]
<div class="pull-right color-selector">
<button data-class="panel-default" class="btn btn-xs">&nbsp;&nbsp;</button>
<button data-class="panel-primary" class="btn btn-xs btn-primary">&nbsp;&nbsp;</button>
<button data-class="panel-success" class="btn btn-xs btn-success">&nbsp;&nbsp;</button>
<button data-class="panel-info" class="btn btn-xs btn-info">&nbsp;&nbsp;</button>
<button data-class="panel-warning" class="btn btn-xs btn-warning">&nbsp;&nbsp;</button>
<button data-class="panel-danger" class="btn btn-xs btn-danger">&nbsp;&nbsp;</button>
<button data-class="text-bg-primary" class="btn btn-sm btn-primary">&nbsp;&nbsp;</button>
<button data-class="" class="btn btn-sm btn-secondary">&nbsp;&nbsp;</button>
<button data-class="text-bg-success" class="btn btn-sm btn-success">&nbsp;&nbsp;</button>
<button data-class="text-bg-info" class="btn btn-sm btn-info">&nbsp;&nbsp;</button>
<button data-class="text-bg-warning" class="btn btn-sm btn-warning">&nbsp;&nbsp;</button>
<button data-class="text-bg-danger" class="btn btn-sm btn-danger">&nbsp;&nbsp;</button>
</div>
</div>
<div class="panel-body">
<div class="card-body">
[[admin/extend/widgets:container.panel-body]]
</div>
</div>
@@ -124,10 +122,10 @@
<div class="alert alert-info pointer" data-container-html='<div class="alert alert-info">\{{body}}</div>'>
[[admin/extend/widgets:container.alert]]
<div class="pull-right color-selector">
<button data-class="alert-success" class="btn btn-xs btn-success">&nbsp;&nbsp;</button>
<button data-class="alert-info" class="btn btn-xs btn-info">&nbsp;&nbsp;</button>
<button data-class="alert-warning" class="btn btn-xs btn-warning">&nbsp;&nbsp;</button>
<button data-class="alert-danger" class="btn btn-xs btn-danger">&nbsp;&nbsp;</button>
<button data-class="alert-success" class="btn btn-sm btn-success">&nbsp;&nbsp;</button>
<button data-class="alert-info" class="btn btn-sm btn-info">&nbsp;&nbsp;</button>
<button data-class="alert-warning" class="btn btn-sm btn-warning">&nbsp;&nbsp;</button>
<button data-class="alert-danger" class="btn btn-sm btn-danger">&nbsp;&nbsp;</button>
</div>
</div>
</div>

4
src/views/admin/manage/groups.tpl
View File

@@ -65,7 +65,7 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">[[admin/manage/groups:create]]</h4>
</div>
<div class="modal-body">
@@ -95,7 +95,7 @@
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
<button type="button" class="btn btn-default" data-bs-dismiss="modal">
[[global:close]]
</button>
<button type="button" class="btn btn-primary" id="create-modal-go">

22
src/views/admin/partials/theme_list.tpl
View File

@@ -1,22 +1,22 @@
<!-- BEGIN themes -->
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12" data-type="{themes.type}" data-theme="{themes.id}"<!-- IF themes.css --> data-css="{themes.css}"<!-- ENDIF themes.css -->>
<div class="theme-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand" style="background-image: url('{themes.screenshot_url}');"></div>
<div class="mdl-card__supporting-text">
<h2 class="mdl-card__title-text">{themes.name}</h2>
<p>
<div class="col-lg-4 col-md-6 col-12 mb-4" data-type="{themes.type}" data-theme="{themes.id}"{{{ if themes.css }}} data-css="{themes.css}" {{{ end }}}>
<div class="card h-100">
<img src="{themes.screenshot_url}" class="card-img-top">
<div class="card-body">
<h5 class="card-title">{themes.name}</h5>
<p class="card-text">
{themes.description}
</p>
<!-- IF themes.url -->
{{{ if themes.url }}}
<p>
<a href="{themes.url}" target="_blank">[[admin/appearance/themes:homepage]]</a>
</p>
<!-- ENDIF themes.url -->
{{{ end }}}
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" data-action="use">
<!-- IF themes.skin -->[[admin/appearance/skins:select-skin]]<!-- ELSE -->[[admin/appearance/themes:select-theme]]<!-- ENDIF themes.skin -->
<div class="card-footer">
<a class="btn btn-primary" data-action="use">
{{{ if themes.skin }}}[[admin/appearance/skins:select-skin]]{{{ else }}}[[admin/appearance/themes:select-theme]]{{{ end }}}
</a>
</div>
</div>

4
src/views/modals/crop_picture.tpl
View File

@@ -2,7 +2,7 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">×</button>
<h3 id="crop-picture">[[user:crop_picture]]</h3>
</div>
<div class="modal-body">
@@ -30,7 +30,7 @@
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-default" data-bs-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary upload-btn <!-- IF !allowSkippingCrop -->hidden<!-- ENDIF !allowSkippingCrop -->">[[user:upload_picture]]</button>
<button class="btn btn-primary crop-btn">[[user:upload_cropped_picture]]</button>
</div>