New: Updated UI New: Mobile browser support Fixed: /favicon.ico will return the favicon nowpull/4/head
Mark McDowall
10 years ago
parent
28fa264c69
commit
99f2b07a11
@ -0,0 +1,30 @@
|
||||
using System.IO;
|
||||
using NLog;
|
||||
using NzbDrone.Common.Disk;
|
||||
using NzbDrone.Common.EnvironmentInfo;
|
||||
|
||||
namespace NzbDrone.Api.Frontend.Mappers
|
||||
{
|
||||
public class FaviconMapper : StaticResourceMapperBase
|
||||
{
|
||||
private readonly IAppFolderInfo _appFolderInfo;
|
||||
|
||||
public FaviconMapper(IAppFolderInfo appFolderInfo, IDiskProvider diskProvider, Logger logger)
|
||||
: base(diskProvider, logger)
|
||||
{
|
||||
_appFolderInfo = appFolderInfo;
|
||||
}
|
||||
|
||||
protected override string Map(string resourceUrl)
|
||||
{
|
||||
var path = Path.Combine("Content", "Images", "favicon.ico");
|
||||
|
||||
return Path.Combine(_appFolderInfo.StartUpFolder, "UI", path);
|
||||
}
|
||||
|
||||
public override bool CanHandle(string resourceUrl)
|
||||
{
|
||||
return resourceUrl.Equals("/favicon.ico");
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,29 +1,33 @@
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h3>NzbDrone Calendar feed</h3>
|
||||
</div>
|
||||
<div class="modal-body edit-series-modal">
|
||||
<div class="row">
|
||||
<div>
|
||||
<div class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label class="control-label">iCal feed</label>
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h3>NzbDrone Calendar feed</h3>
|
||||
</div>
|
||||
<div class="modal-body edit-series-modal">
|
||||
<div class="row">
|
||||
<div>
|
||||
<div class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label class="control-label">iCal feed</label>
|
||||
|
||||
<div class="controls ical-url">
|
||||
<div class="input-group">
|
||||
<input type="text" class="x-ical-url" value="{{icalHttpUrl}}" readonly="readonly" />
|
||||
<button class="btn btn-icon-only x-ical-copy" title="Copy to clipboard"><i class="icon-copy"></i></button>
|
||||
<a class="btn btn-icon-only no-router" title="Subscribe" href="{{icalWebCalUrl}}" target="_blank"><i class="icon-calendar-empty"></i></a>
|
||||
<div class="controls ical-url">
|
||||
<div class="input-group">
|
||||
<input type="text" class="x-ical-url" value="{{icalHttpUrl}}" readonly="readonly" />
|
||||
<button class="btn btn-icon-only x-ical-copy" title="Copy to clipboard"><i class="icon-copy"></i></button>
|
||||
<a class="btn btn-icon-only no-router" title="Subscribe" href="{{icalWebCalUrl}}" target="_blank"><i class="icon-calendar-empty"></i></a>
|
||||
</div>
|
||||
<span class="help-inline">
|
||||
<i class="icon-nd-form-info" title="Copy this url into your clients subscription form or use the subscribe button if your browser support webcal"/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="help-inline">
|
||||
<i class="icon-nd-form-info" title="Copy this url into your clients subscription form or use the subscribe button if your browser support webcal"/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn" data-dismiss="modal">close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn" data-dismiss="modal">close</button>
|
||||
</div>
|
||||
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
@ -1,5 +1,23 @@
|
||||
@import "../variables";
|
||||
|
||||
body.control-panel-visible {
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
bottom: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
|
||||
background: @droneTeal;
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||
width: 100%;
|
||||
bottom: 0px;
|
||||
.border-bottom-radius(0);
|
||||
|
||||
&.messenger-on-right {
|
||||
right : 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
@import "./Bootstrap/bootstrap";
|
||||
@import "./Overrides/bootstrap";
|
||||
@ -1,161 +0,0 @@
|
||||
@import "prefixer";
|
||||
|
||||
@grid-float-breakpoint: @screen-xs-min;
|
||||
|
||||
#main-menu-region {
|
||||
text-align : center;
|
||||
margin-bottom : 10px;
|
||||
|
||||
i:before {
|
||||
font-size : 35px;
|
||||
}
|
||||
|
||||
i {
|
||||
width : 40px;
|
||||
}
|
||||
|
||||
.navbar-nav, .navbar-nav>li {
|
||||
float : none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin-top : 25px;
|
||||
vertical-align : middle;
|
||||
height : 70px;
|
||||
width : 70px;
|
||||
|
||||
color: #ff0000;
|
||||
&:after {
|
||||
content: "unknown";
|
||||
}
|
||||
|
||||
@media (min-width: @screen-xs-min) {
|
||||
&:after {
|
||||
content: "xs";
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) {
|
||||
&:after {
|
||||
content: "sm";
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) {
|
||||
&:after {
|
||||
content: "md";
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: @screen-lg-min) {
|
||||
&:after {
|
||||
content: "lg";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type : none;
|
||||
display : inline-block;
|
||||
position : relative;
|
||||
|
||||
a {
|
||||
|
||||
&:focus {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
display : block;
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 38px;
|
||||
min-width : 42px;
|
||||
margin : 20px 0px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 84px;
|
||||
margin : 20px 0px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 84px;
|
||||
margin : 20px 10px 5px;
|
||||
}
|
||||
|
||||
color : #b9b9b9;
|
||||
font-weight : 100;
|
||||
}
|
||||
span.label.pull-right {
|
||||
position : absolute;
|
||||
top : 28px;
|
||||
right : 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.backdrop {
|
||||
#nav-region {
|
||||
background-color : #000000;
|
||||
.opacity(0.85);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
#nav-region {
|
||||
margin-bottom : 80px;
|
||||
height : 150px;
|
||||
|
||||
.col-md-12 {
|
||||
margin-left : 0px;
|
||||
}
|
||||
|
||||
li {
|
||||
a {
|
||||
&:hover {
|
||||
background-color : #555555;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.label {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
text-align: center;
|
||||
|
||||
input, .input-group-addon {
|
||||
background-color: #333333;
|
||||
border-color: #333333;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
ul {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: #333333;
|
||||
color: #cccccc;
|
||||
|
||||
> li > a {
|
||||
color: #cccccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,227 @@
|
||||
@import "prefixer";
|
||||
@import "variables";
|
||||
|
||||
@grid-float-breakpoint: @screen-xs-min;
|
||||
|
||||
.backdrop {
|
||||
.navbar-nzbdrone {
|
||||
background-color : #000000;
|
||||
.opacity(0.85);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-nzbdrone {
|
||||
text-align : center;
|
||||
|
||||
i:before {
|
||||
font-size : 35px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar-nav, .navbar-nav>li {
|
||||
float : none;
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
border-color: #333;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.icon-bar {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
position: absolute;
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
padding: 9px 15px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||
padding: 30px 15px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-lg-min) {
|
||||
padding: 22px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-text {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
|
||||
.highlight {
|
||||
font-weight: 400;
|
||||
color: @droneTeal;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type : none;
|
||||
display : inline-block;
|
||||
position : relative;
|
||||
|
||||
a {
|
||||
display : block;
|
||||
color : #b9b9b9;
|
||||
font-weight : 100;
|
||||
|
||||
&:hover {
|
||||
background-color : #555555;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||
border-radius : 6px;
|
||||
padding : 5px 0px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 64px;
|
||||
margin : 20px 5px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 64px;
|
||||
margin : 20px 10px 5px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-lg-min) {
|
||||
border-radius : 6px;
|
||||
padding : 15px 10px 5px;
|
||||
min-height : 76px;
|
||||
min-width : 84px;
|
||||
margin : 20px 10px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.health {
|
||||
.label {
|
||||
position : absolute;
|
||||
top : 10px;
|
||||
right : 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
text-align : left;
|
||||
|
||||
i:before {
|
||||
font-size : 14px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
|
||||
a:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.health {
|
||||
margin-left: 5px;
|
||||
|
||||
.label {
|
||||
position : static;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
|
||||
i:before {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
input, .input-group-addon {
|
||||
background-color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
input, .input-group-addon {
|
||||
border-color: #333333;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
ul {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tt-dropdown-menu {
|
||||
|
||||
background-color: #333333;
|
||||
color: #cccccc;
|
||||
opacity: .95;
|
||||
|
||||
.tt-suggestion {
|
||||
color: #cccccc;
|
||||
|
||||
&.tt-cursor {
|
||||
//item selected
|
||||
|
||||
background-color: @droneTeal;
|
||||
color: #222222;
|
||||
|
||||
a {
|
||||
//link in item selected
|
||||
color: #222222;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//.screen-size {
|
||||
// color: @droneTeal;
|
||||
// &:after {
|
||||
// content: "unknown";
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-xs-min) {
|
||||
// &:after {
|
||||
// content: "xs";
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-sm-min) {
|
||||
// &:after {
|
||||
// content: "sm";
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-md-min) {
|
||||
// &:after {
|
||||
// content: "md";
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media (min-width: @screen-lg-min) {
|
||||
// &:after {
|
||||
// content: "lg";
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
@ -0,0 +1,152 @@
|
||||
/*
|
||||
* typehead.js-bootstrap3.less
|
||||
* @version 0.2.3
|
||||
* https://github.com/hyspace/typeahead.js-bootstrap3.less
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/
|
||||
|
||||
//custom mixin for .form-control-validation
|
||||
.typeahead-form-control(@border-color: #ccc;) {
|
||||
border-color: @border-color;
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||
&:focus {
|
||||
border-color: darken(@border-color, 10%);
|
||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
}
|
||||
|
||||
//main styles for control
|
||||
.tt-input,
|
||||
.tt-hint {
|
||||
.twitter-typeahead &{
|
||||
//validation states
|
||||
.has-warning &{
|
||||
.typeahead-form-control(@state-warning-text);
|
||||
}
|
||||
.has-error &{
|
||||
.typeahead-form-control(@state-danger-text);
|
||||
}
|
||||
.has-success &{
|
||||
.typeahead-form-control(@state-success-text);
|
||||
}
|
||||
}
|
||||
|
||||
//border
|
||||
.input-group .twitter-typeahead:first-child &{
|
||||
.border-left-radius(@border-radius-base);
|
||||
}
|
||||
.input-group .twitter-typeahead:last-child &{
|
||||
.border-right-radius(@border-radius-base);
|
||||
}
|
||||
|
||||
//sizing - small:size and border
|
||||
.input-group.input-group-sm .twitter-typeahead &{
|
||||
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
||||
}
|
||||
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) &{
|
||||
border-radius: 0;
|
||||
}
|
||||
.input-group.input-group-sm .twitter-typeahead:first-child &{
|
||||
.border-left-radius(@border-radius-small);
|
||||
.border-right-radius(0);
|
||||
}
|
||||
.input-group.input-group-sm .twitter-typeahead:last-child &{
|
||||
.border-left-radius(0);
|
||||
.border-right-radius(@border-radius-small);
|
||||
}
|
||||
|
||||
//sizing - large:size and border
|
||||
.input-group.input-group-lg .twitter-typeahead &{
|
||||
.input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
||||
}
|
||||
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) &{
|
||||
border-radius: 0;
|
||||
}
|
||||
.input-group.input-group-lg .twitter-typeahead:first-child &{
|
||||
.border-left-radius(@border-radius-large);
|
||||
.border-right-radius(0);
|
||||
}
|
||||
.input-group.input-group-lg .twitter-typeahead:last-child &{
|
||||
.border-left-radius(0);
|
||||
.border-right-radius(@border-radius-large);
|
||||
}
|
||||
}
|
||||
|
||||
//for wrapper
|
||||
.twitter-typeahead {
|
||||
width: 100%;
|
||||
.input-group &{
|
||||
//overwrite `display:inline-block` style
|
||||
display: table-cell!important;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
//particular style for each other
|
||||
.twitter-typeahead .tt-hint {
|
||||
color: @text-muted;//color - hint
|
||||
}
|
||||
.twitter-typeahead .tt-input {
|
||||
z-index: 2;
|
||||
//disabled status
|
||||
//overwrite inline styles of .tt-query
|
||||
&[disabled],
|
||||
&[readonly],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
//overwirte inline style
|
||||
background-color: @input-bg-disabled!important;
|
||||
}
|
||||
}
|
||||
|
||||
//dropdown styles
|
||||
.tt-dropdown-menu {
|
||||
//dropdown menu
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: @zindex-dropdown;
|
||||
min-width: 160px;
|
||||
width: 100%;
|
||||
padding: 5px 0;
|
||||
margin: 2px 0 0;
|
||||
list-style: none;
|
||||
font-size: @font-size-base;
|
||||
background-color: @dropdown-bg;
|
||||
border: 1px solid @dropdown-fallback-border;
|
||||
border: 1px solid @dropdown-border;
|
||||
border-radius: @border-radius-base;
|
||||
.box-shadow(0 6px 12px rgba(0,0,0,.175));
|
||||
background-clip: padding-box;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
|
||||
.tt-suggestion {
|
||||
//item
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: @line-height-base;
|
||||
color: @dropdown-link-color;
|
||||
white-space: nowrap;
|
||||
|
||||
&.tt-cursor {
|
||||
//item selected
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
background-color: @dropdown-link-hover-bg;
|
||||
color: @dropdown-link-hover-color;
|
||||
a {
|
||||
//link in item selected
|
||||
color: @dropdown-link-hover-color;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
@import "Bootstrap/variables";
|
||||
@import "Bootstrap/mixins";
|
||||
|
||||
@media (max-width: @screen-sm-max) {
|
||||
.pull-none-xs {
|
||||
float : none !important;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
&.btn-group-collapse {
|
||||
> .btn {
|
||||
margin : 2px;
|
||||
display : block;
|
||||
float : none;
|
||||
border-radius : @border-radius-base !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,21 +1,23 @@
|
||||
<div class="form-group">
|
||||
<label class="control-label">{{label}}</label>
|
||||
<label class="col-sm-3 control-label">{{label}}</label>
|
||||
|
||||
<div class="controls">
|
||||
<label class="checkbox toggle well">
|
||||
<input type="checkbox" name="fields.{{order}}.value"/>
|
||||
<p>
|
||||
<span>Yes</span>
|
||||
<span>No</span>
|
||||
</p>
|
||||
<div class="col-sm-5">
|
||||
<div class="input-group">
|
||||
<label class="checkbox toggle well">
|
||||
<input type="checkbox" name="fields.{{order}}.value"/>
|
||||
<p>
|
||||
<span>Yes</span>
|
||||
<span>No</span>
|
||||
</p>
|
||||
|
||||
<div class="btn btn-primary slide-button"/>
|
||||
</label>
|
||||
<div class="btn btn-primary slide-button"/>
|
||||
</label>
|
||||
|
||||
{{#if helpText}}
|
||||
<span class="help-inline-checkbox">
|
||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||
</span>
|
||||
{{/if}}
|
||||
{{#if helpText}}
|
||||
<span class="help-inline-checkbox">
|
||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||
</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,11 +1,8 @@
|
||||
{{#if helpText}}
|
||||
<span class="help-inline">
|
||||
<span class="col-sm-1 help-inline">
|
||||
{{#if helpText}}
|
||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||
</span>
|
||||
{{/if}}
|
||||
|
||||
{{#if helpLink}}
|
||||
<span class="help-inline">
|
||||
{{/if}}
|
||||
{{#if helpLink}}
|
||||
<a href="{{helpLink}}" class="help-link"><i class="icon-info-sign"/></a>
|
||||
</span>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</span>
|
||||
|
||||
@ -1,12 +1,8 @@
|
||||
<div class="form-group">
|
||||
<label class="control-label">{{label}}</label>
|
||||
<label class="col-sm-3 control-label">{{label}}</label>
|
||||
|
||||
<div class="controls">
|
||||
<input type="password" name="fields.{{order}}.value" validation-name="{{name}}"/>
|
||||
{{#if helpText}}
|
||||
<span class="help-inline">
|
||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||
</span>
|
||||
{{/if}}
|
||||
<div class="col-sm-5">
|
||||
<input type="password" name="fields.{{order}}.value" validation-name="{{name}}" class="form-control"/>
|
||||
</div>
|
||||
{{> FormHelpPartial}}
|
||||
</div>
|
||||
|
||||
@ -1,12 +1,8 @@
|
||||
<div class="form-group">
|
||||
<label class="control-label">{{label}}</label>
|
||||
<label class="col-sm-3 control-label">{{label}}</label>
|
||||
|
||||
<div class="controls">
|
||||
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" class="x-path"/>
|
||||
{{#if helpText}}
|
||||
<span class="help-inline">
|
||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||
</span>
|
||||
{{/if}}
|
||||
<div class="col-sm-5">
|
||||
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" class="form-control x-path"/>
|
||||
</div>
|
||||
{{> FormHelpPartial}}
|
||||
</div>
|
||||
|
||||
@ -1,16 +1,12 @@
|
||||
<div class="form-group">
|
||||
<label class="control-label">{{label}}</label>
|
||||
<label class="col-sm-3 control-label">{{label}}</label>
|
||||
|
||||
<div class="controls">
|
||||
<select name="fields.{{order}}.value">
|
||||
<div class="col-sm-5">
|
||||
<select name="fields.{{order}}.value" class="form-control">
|
||||
{{#each selectOptions}}
|
||||
<option value="{{value}}">{{name}}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
{{#if helpText}}
|
||||
<span class="help-inline">
|
||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||
</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{> FormHelpPartial}}
|
||||
</div>
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<div class="form-group">
|
||||
<label class="control-label">{{label}}</label>
|
||||
<label class="col-sm-3 control-label">{{label}}</label>
|
||||
|
||||
<div class="controls">
|
||||
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" spellcheck="false"/>
|
||||
{{> FormHelpPartial}}
|
||||
<div class="col-sm-5">
|
||||
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" spellcheck="false" class="form-control"/>
|
||||
</div>
|
||||
{{> FormHelpPartial}}
|
||||
</div>
|
||||
|
||||
@ -1,16 +1,29 @@
|
||||
.indexer-settings-item {
|
||||
|
||||
width: 220px;
|
||||
height: 260px;
|
||||
height: 295px;
|
||||
padding: 10px 15px;
|
||||
|
||||
h3 {
|
||||
width: 190px;
|
||||
width: 175px;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
&.add-card {
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
|
||||
.center {
|
||||
margin-top: 100px;
|
||||
margin-top: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Super hack to keep using form builder, this should be dead when we do proper modals for editing */
|
||||
.col-sm-1, .col-sm-3, .col-sm-5 {
|
||||
display : block;
|
||||
width : 100%;
|
||||
padding: 0px;
|
||||
float: none;
|
||||
position: inherit;
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue