* [DEV] Visual improvements

This commit is contained in:
nuxsmin
2016-10-31 17:57:42 +01:00
parent 8560915545
commit d3855c39b6
3 changed files with 80 additions and 122 deletions

View File

@@ -129,34 +129,6 @@ i {
font-weight: bold
}
.altTxtError {
color: #c00;
font-weight: bold
}
.altTxtOk {
color: green;
font-weight: bold
}
.altTxtWarn {
color: orange;
font-weight: bold
}
.altTxtGreen {
color: green
}
.altTxtRed {
color: darkred
}
.altTxtBlue {
color: #339;
font-weight: bold
}
a, a:visited {
text-decoration: none;
color: rgba(83, 109, 254, 1)
@@ -702,41 +674,31 @@ pre, code, samp, kbd {
width: 60%
}
#content #searchbox form {
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
}
#content #searchbox div.chosen-container {
margin: 0 5px
margin: 0 .2em;
}
#content #searchbox select {
min-width: 180px
}
#content #searchbox #toolsLeft {
display: inline-block;
text-align: left;
width: 90%
}
#content #searchbox #toolsRight {
display: inline-block;
text-align: right;
width: 8%
}
#content #searchbox #toolsRight input {
margin-left: 15px;
text-align: center
min-width: 15em;
}
#content #searchbox .custom-combobox {
margin-left: 25px
}
#content #searchbox #btnClear {
#content .btn-clear {
opacity: .35;
filter: alpha(opacity=35)
}
#content #searchbox #btnClear:hover {
#content .btn-clear:hover {
opacity: 1;
filter: alpha(opacity=100)
}

File diff suppressed because one or more lines are too long

View File

@@ -8,81 +8,77 @@
?>
<div id="searchbox" class="round shadow">
<form method="post" name="frmSearch" id="frmSearch" class="form-action" data-onsubmit="account/search">
<div id="tblTools">
<div id="toolsLeft">
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input mdl-color-text--indigo-400" type="text" id="search"
name="search" value="<?php echo $searchTxt; ?>"/>
<label class="mdl-textfield__label" for="search"><?php echo _('Texto a buscar'); ?></label>
</div>
<div id="help-account_search" class="icon material-icons mdl-color-text--indigo-A200">help_outline</div>
<button type="reset"
class="btn-clear mdl-button mdl-js-button mdl-button--mini-fab mdl-js-ripple-effect"
title="<?php echo $icons->getIconClear()->getTitle(); ?>">
<i class="material-icons"><?php echo $icons->getIconClear()->getIcon(); ?></i>
</button>
<div class="mdl-tooltip mdl-tooltip--large" for="help-account_search">
<p>
<?php echo _('Parámetros especiales:'); ?>
</p>
<ul>
<li>user:login &gt; <?php echo _('Buscar cuentas a las que \'login\' tenga acceso'); ?></li>
<li>group:group_name
&gt; <?php echo _('Buscar cuentas a las que \'group_name\' tenga acceso'); ?></li>
<li>file:file_name
&gt; <?php echo _('Buscar cuentas con archivos con el nombre \'file_name\''); ?></li>
<li>tag:tag_name &gt; <?php echo _('Buscar cuentas con la etiqueta \'tag_name\''); ?></li>
</ul>
</div>
<?php if ($showGlobalSearch && !$isAdmin): ?>
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect mdl-switch--inline" for="globalSearch"
title="<?php echo _('Búsqueda global'); ?>">
<input type="checkbox" id="globalSearch" class="mdl-switch__input mdl-color-text--indigo-400"
name="chkgsearch"
<?php echo ($searchGlobal) ? 'checked="checked"' : ''; ?>/>
<span class="mdl-switch__label" title="<?php echo _('Búsqueda global'); ?>"></span>
</label>
<input type="hidden" name="gsearch" value="<?php echo $searchGlobal; ?>">
<?php endif; ?>
<select id="customer" name="customer" class="select-box select-box-deselect">
<option value=""><?php echo _('Seleccionar Cliente'); ?></option>
<?php foreach ($customers as $customer): ?>
<option
value="<?php echo $customer->id; ?>" <?php echo ($customer->id === $searchCustomer) ? 'selected' : ''; ?>><?php echo $customer->name; ?></option>
<?php endforeach; ?>
</select>
<select id="category" name="category" class="select-box select-box-deselect">
<option value=""><?php echo _('Seleccionar Categoría'); ?></option>
<?php foreach ($categories as $category): ?>
<option
value="<?php echo $category->id; ?>" <?php echo ($category->id === $searchCategory) ? 'selected' : ''; ?>><?php echo $category->name; ?></option>
<?php endforeach; ?>
</select>
<i class="material-icons icon-searchfav <?php echo ($searchFavorites === true) ? 'fg-orange80' : ''; ?>"
title="<?php echo ($searchFavorites === true) ? _('Mostrar Todos') : _('Mostrar Favoritos'); ?>">star</i>
<input type="hidden" name="start" value="<?php echo $data->getPager()->getLimitStart(); ?>">
<input type="hidden" name="skey" value="<?php echo $data->getPager()->getSortKey(); ?>"/>
<input type="hidden" name="sorder" value="<?php echo $data->getPager()->getSortOrder(); ?>"/>
<input type="hidden" name="searchfav" value="<?php echo $searchFavorites; ?>"/>
<input type="hidden" name="sk" value="<?php echo $sk; ?>">
<input type="hidden" name="isAjax" value="1">
<input type="submit" name="submit" style="display: none"/>
<div class="search-text">
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input mdl-color-text--indigo-400" type="text" id="search"
name="search" value="<?php echo $searchTxt; ?>"/>
<label class="mdl-textfield__label" for="search"><?php echo _('Texto a buscar'); ?></label>
</div>
<div id="toolsRight">
<input type="number" name="rpp" id="rpp" min="4" step="2" pattern=""
placeholder="<?php echo _('CPP'); ?>" title="<?php echo _('Cuentas por página'); ?>"
value="<?php echo $data->getPager()->getLimitCount(); ?>"/>
<button type="reset"
class="btn-clear mdl-button mdl-js-button mdl-button--mini-fab mdl-js-ripple-effect"
title="<?php echo $icons->getIconClear()->getTitle(); ?>">
<i class="material-icons"><?php echo $icons->getIconClear()->getIcon(); ?></i>
</button>
<div id="help-account_search" class="icon material-icons mdl-color-text--indigo-A200">help_outline</div>
<div class="mdl-tooltip mdl-tooltip--large" for="help-account_search">
<p>
<?php echo _('Parámetros especiales:'); ?>
</p>
<ul>
<li>user:login &gt; <?php echo _('Buscar cuentas a las que \'login\' tenga acceso'); ?></li>
<li>group:group_name
&gt; <?php echo _('Buscar cuentas a las que \'group_name\' tenga acceso'); ?></li>
<li>file:file_name
&gt; <?php echo _('Buscar cuentas con archivos con el nombre \'file_name\''); ?></li>
<li>tag:tag_name &gt; <?php echo _('Buscar cuentas con la etiqueta \'tag_name\''); ?></li>
</ul>
</div>
</div>
<?php if ($showGlobalSearch && !$isAdmin): ?>
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect mdl-switch--inline" for="globalSearch"
title="<?php echo _('Búsqueda global'); ?>">
<input type="checkbox" id="globalSearch" class="mdl-switch__input mdl-color-text--indigo-400"
name="chkgsearch"
<?php echo ($searchGlobal) ? 'checked="checked"' : ''; ?>/>
<span class="mdl-switch__label" title="<?php echo _('Búsqueda global'); ?>"></span>
</label>
<input type="hidden" name="gsearch" value="<?php echo $searchGlobal; ?>">
<?php endif; ?>
<select id="customer" name="customer" class="select-box select-box-deselect">
<option value=""><?php echo _('Seleccionar Cliente'); ?></option>
<?php foreach ($customers as $customer): ?>
<option
value="<?php echo $customer->id; ?>" <?php echo ($customer->id === $searchCustomer) ? 'selected' : ''; ?>><?php echo $customer->name; ?></option>
<?php endforeach; ?>
</select>
<select id="category" name="category" class="select-box select-box-deselect">
<option value=""><?php echo _('Seleccionar Categoría'); ?></option>
<?php foreach ($categories as $category): ?>
<option
value="<?php echo $category->id; ?>" <?php echo ($category->id === $searchCategory) ? 'selected' : ''; ?>><?php echo $category->name; ?></option>
<?php endforeach; ?>
</select>
<i class="material-icons icon-searchfav <?php echo ($searchFavorites === true) ? 'fg-orange80' : ''; ?>"
title="<?php echo ($searchFavorites === true) ? _('Mostrar Todos') : _('Mostrar Favoritos'); ?>">star</i>
<input type="hidden" name="start" value="<?php echo $data->getPager()->getLimitStart(); ?>">
<input type="hidden" name="skey" value="<?php echo $data->getPager()->getSortKey(); ?>"/>
<input type="hidden" name="sorder" value="<?php echo $data->getPager()->getSortOrder(); ?>"/>
<input type="hidden" name="searchfav" value="<?php echo $searchFavorites; ?>"/>
<input type="hidden" name="sk" value="<?php echo $sk; ?>">
<input type="hidden" name="isAjax" value="1">
<input type="submit" name="submit" style="display: none"/>
<input type="number" name="rpp" id="rpp" min="4" step="2" pattern=""
placeholder="<?php echo _('CPP'); ?>" title="<?php echo _('Cuentas por página'); ?>"
value="<?php echo $data->getPager()->getLimitCount(); ?>"/>
</form>
</div>
<script type="text/javascript">