mirror of
https://github.com/nuxsmin/sysPass.git
synced 2026-03-03 07:04:07 +01:00
* [FIX] Fixed wrong behavior when adding tags
This commit is contained in:
2
css/jquery.tagsinput.min.css
vendored
2
css/jquery.tagsinput.min.css
vendored
@@ -1 +1 @@
|
||||
div.tagsinput{border:1px solid #CCC;background:#FFF;padding:5px;width:300px;height:100px;overflow-y:auto}div.tagsinput span.tag{border:1px solid #a5d24a;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px;text-decoration:none;background:#cde69c;color:#638421;margin-right:5px;margin-bottom:5px;font-family:helvetica;font-size:13px}div.tagsinput span.tag a{font-weight:bold;color:#82ad2b;text-decoration:none;font-size:11px}div.tagsinput input{width:80px;margin:0;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:5px;background:transparent;color:#000;outline:0;margin-right:5px;margin-bottom:5px}div.tagsinput div{display:block;float:left}.tags_clear{clear:both;width:100%;height:0}.not_valid{background:#fbd8db !important;color:#90111a !important}div.tagsinput{border:1px solid #dfdfdf;background-color:#fffef0;box-shadow:0 0 8px rgba(0,0,0,0.075) inset;border-radius:5px}div.tagsinput span.tag{width:62px}div.tagsinput input{width:120px}div.tagsinput span.tag{background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;border:1px solid #d3d3d3;color:#555}div.tagsinput span.tag a{color:#555}
|
||||
div.tagsinput{border:1px solid #CCC;background:#FFF;padding:5px;width:300px;height:100px;overflow-y:auto}div.tagsinput span.tag{border:1px solid #a5d24a;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px;text-decoration:none;background:#cde69c;color:#638421;margin-right:5px;margin-bottom:5px;font-family:helvetica;font-size:13px}div.tagsinput span.tag a{font-weight:bold;color:#82ad2b;text-decoration:none;font-size:11px}div.tagsinput input{width:80px;margin:0;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:5px;background:transparent;color:#000;outline:0;margin-right:5px;margin-bottom:5px}div.tagsinput div{display:block;float:left}.tags_clear{clear:both;width:100%;height:0}.not_valid{background:#fbd8db !important;color:#90111a !important}div.tagsinput{border:1px solid #dfdfdf;background-color:#fffef0;box-shadow:0 0 8px rgba(0,0,0,0.075) inset;border-radius:5px}div.tagsinput span.tag{min-width:62px}div.tagsinput input{width:120px}div.tagsinput span.tag{background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;border:1px solid #d3d3d3;color:#555}div.tagsinput span.tag a{color:#555}
|
||||
@@ -34,6 +34,17 @@
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
// Mostrar un aviso tras añadir una etiqueta a la lista
|
||||
var showTagWarning = function (obj) {
|
||||
// Fix scrolling to bottom
|
||||
var $tagsbox = obj.next();
|
||||
$tagsbox.animate({scrollTop: $tagsbox.height()});
|
||||
|
||||
if (!$tagsbox.find('span').hasClass('icon')) {
|
||||
$tagsbox.find('div:last').prev().append('<span class="icon material-icons <?php echo $icons->getIconWarning()->getClass(); ?>" title="' + sysPassUtil.Common.LANG[5] + '"><?php echo $icons->getIconWarning()->getIcon(); ?></span>');
|
||||
}
|
||||
};
|
||||
|
||||
$('#allowed_exts').tagsInput({
|
||||
'width': '350px',
|
||||
'defaultText': '<?php echo _('Añadir extensión'); ?>',
|
||||
@@ -42,20 +53,10 @@
|
||||
'tagsToUpper': true,
|
||||
'maxChars': 4,
|
||||
'onAddTag': function () {
|
||||
// Fix scrolling to bottom
|
||||
var $tagsbox = $(this).next();
|
||||
$tagsbox.animate({scrollTop: $tagsbox.height()});
|
||||
|
||||
if (!$tagsbox.find('div').hasClass('icon')) {
|
||||
$tagsbox.find('div:last').prev().append('<div class="icon material-icons fg-orange80" title="' + LANG[5] + '">warning</div>');
|
||||
}
|
||||
showTagWarning($(this))
|
||||
},
|
||||
'onRemoveTag': function () {
|
||||
var $tagsbox = $(this).next();
|
||||
|
||||
if (!$tagsbox.find('div').hasClass('icon')) {
|
||||
$tagsbox.find('div:last').prev().append('<div class="icon material-icons fg-orange80" title="' + LANG[5] + '">warning</div>');
|
||||
}
|
||||
showTagWarning($(this))
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
@@ -13,7 +13,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('Habilitar enlaces Wiki'); ?>
|
||||
<div id="help-wiki_enabled" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-wiki_enabled"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-wiki_enabled">
|
||||
<p>
|
||||
<?php echo _('Habilita la opción de añadir un enlace a Wiki externa para los resultados de la búsqueda.'); ?>
|
||||
@@ -32,7 +33,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('URL de búsqueda Wiki'); ?>
|
||||
<div id="help-wiki_searchurl" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-wiki_searchurl"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-wiki_searchurl">
|
||||
<p>
|
||||
<?php echo _('URL que utiliza la wiki para realizar una búsqueda de una página.'); ?>
|
||||
@@ -64,7 +66,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('URL de página en Wiki'); ?>
|
||||
<div id="help-wiki_pageurl" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-wiki_pageurl"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-wiki_pageurl">
|
||||
<p>
|
||||
<?php echo _('URL que utiliza la wiki para acceder a los detalles de una página.'); ?>
|
||||
@@ -85,7 +88,8 @@
|
||||
</td>
|
||||
<td class="valField">
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input id="wiki_pageurl" name="wiki_pageurl" type="text" class="mdl-textfield__input mdl-color-text--indigo-400"
|
||||
<input id="wiki_pageurl" name="wiki_pageurl" type="text"
|
||||
class="mdl-textfield__input mdl-color-text--indigo-400"
|
||||
maxlength="128" value="<?php echo $wikiPageUrl; ?>">
|
||||
<label class="mdl-textfield__label"
|
||||
for="wiki_pageurl"><?php echo _('URL de página en Wiki'); ?></label>
|
||||
@@ -95,7 +99,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('Prefijo para nombre de cuenta'); ?>
|
||||
<div id="help-wikifilter" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-wikifilter"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-wikifilter">
|
||||
<p>
|
||||
<?php echo _('Prefijo para determinar qué cuentas tienen un enlace a una página de la Wiki.'); ?>
|
||||
@@ -120,7 +125,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('Habilitar API de DokuWiki'); ?>
|
||||
<div id="help-dokuwiki_enabled" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-dokuwiki_enabled"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-dokuwiki_enabled">
|
||||
<p>
|
||||
<?php echo _('Habilita la conexión a la API XML-RPC de DokuWiki para los enlaces Wiki.'); ?>
|
||||
@@ -132,7 +138,8 @@
|
||||
</td>
|
||||
<td class="valField">
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="dokuwiki_enabled">
|
||||
<input type="checkbox" id="dokuwiki_enabled" class="mdl-switch__input mdl-color-text--indigo-400"
|
||||
<input type="checkbox" id="dokuwiki_enabled"
|
||||
class="mdl-switch__input mdl-color-text--indigo-400"
|
||||
name="dokuwiki_enabled"
|
||||
<?php echo $chkDokuWiki, ' ', $isDisabled; ?>/>
|
||||
<span class="mdl-switch__label"></span>
|
||||
@@ -143,7 +150,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('URL API'); ?>
|
||||
<div id="help-dokuwiki_url" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-dokuwiki_url"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-dokuwiki_url">
|
||||
<p>
|
||||
<?php echo _('URL de la API de DokuWiki.'); ?>
|
||||
@@ -151,9 +159,9 @@
|
||||
|
||||
<p>
|
||||
<?php echo _('Ejemplo:'); ?>
|
||||
<ul>
|
||||
<li>http://wiki.syspass.org/lib/exe/xmlrpc.php</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>http://wiki.syspass.org/lib/exe/xmlrpc.php</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
@@ -169,7 +177,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('URL Base'); ?>
|
||||
<div id="help-dokuwiki_urlbase" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-dokuwiki_urlbase"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-dokuwiki_urlbase">
|
||||
<p>
|
||||
<?php echo _('URL base de DokuWiki.'); ?>
|
||||
@@ -195,7 +204,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('Usuario'); ?>
|
||||
<div id="help-dokuwiki_user" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-dokuwiki_user"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-dokuwiki_user">
|
||||
<p>
|
||||
<?php echo _('Usuario para conectar a la API de DokuWiki.'); ?>
|
||||
@@ -227,7 +237,8 @@
|
||||
<tr>
|
||||
<td class="descField">
|
||||
<?php echo _('Namespace'); ?>
|
||||
<div id="help-dokuwiki_namespace" class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div id="help-dokuwiki_namespace"
|
||||
class="icon material-icons <?php echo $icons->getIconHelp()->getClass(); ?>"><?php echo $icons->getIconHelp()->getIcon(); ?></div>
|
||||
<div class="mdl-tooltip mdl-tooltip--large" for="help-dokuwiki_namespace">
|
||||
<p>
|
||||
<?php echo _('Namespace utilizado para buscar las páginas.'); ?>
|
||||
@@ -239,7 +250,8 @@
|
||||
<input id="dokuwiki_namespace" name="dokuwiki_namespace" type="text"
|
||||
class="mdl-textfield__input mdl-color-text--indigo-400"
|
||||
maxlength="128" value="<?php echo $dokuWikiNamespace; ?>" <?php echo $isDisabled; ?>/>
|
||||
<label class="mdl-textfield__label" for="dokuwiki_namespace"><?php echo _('Namespace'); ?></label>
|
||||
<label class="mdl-textfield__label"
|
||||
for="dokuwiki_namespace"><?php echo _('Namespace'); ?></label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -247,7 +259,8 @@
|
||||
<td class="descField"><?php echo _('Comprobar'); ?></td>
|
||||
<td class="valField">
|
||||
<img src="imgs/refresh.png" class="inputImg"
|
||||
title="<?php echo _('Comprobar conexión con DokuWiki'); ?>" onclick="sysPassUtil.Common.checkDokuWikiConn('frmWiki');"/>
|
||||
title="<?php echo _('Comprobar conexión con DokuWiki'); ?>"
|
||||
onclick="sysPassUtil.Common.checkDokuWikiConn('frmWiki');"/>
|
||||
<span id="dokuWikiResCheck"></span>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -274,6 +287,18 @@
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
// Mostrar un aviso tras añadir una etiqueta a la lista
|
||||
var showTagWarning = function (obj) {
|
||||
// Fix scrolling to bottom
|
||||
var $tagsbox = obj.next();
|
||||
$tagsbox.animate({scrollTop: $tagsbox.height()});
|
||||
|
||||
if (!$tagsbox.find('span').hasClass('icon')) {
|
||||
$tagsbox.find('div:last').prev().append('<span class="icon material-icons <?php echo $icons->getIconWarning()->getClass(); ?>" title="' + sysPassUtil.Common.LANG[5] + '"><?php echo $icons->getIconWarning()->getIcon(); ?></span>');
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
$('#wikifilter').tagsInput({
|
||||
'width': '350px',
|
||||
'height': '50px',
|
||||
@@ -281,25 +306,10 @@
|
||||
'defaultRemoveText': '<?php echo _('Eliminar filtro'); ?>',
|
||||
'removeWithBackspace': false,
|
||||
onAddTag: function () {
|
||||
// Fix scrolling to bottom
|
||||
var $tagsbox = $(this).next();
|
||||
$tagsbox.animate({scrollTop: $tagsbox.height()});
|
||||
|
||||
if (!$tagsbox.find('div').hasClass('icon')) {
|
||||
$tagsbox.find('div:last').prev().append('<div class="icon material-icons <?php echo $icons->getIconWarning()->getClass(); ?>" title="' + LANG[5] + '"><?php echo $icons->getIconWarning()->getIcon(); ?></div>');
|
||||
}
|
||||
showTagWarning($(this));
|
||||
},
|
||||
onRemoveTag: function () {
|
||||
var $tagsbox = $(this).next();
|
||||
|
||||
if (!$tagsbox.find('div').hasClass('icon')) {
|
||||
$tagsbox.find('div:last').prev().append('<div class="icon material-icons <?php echo $icons->getIconWarning()->getClass(); ?>" title="' + LANG[5] + '"><?php echo $icons->getIconWarning()->getIcon(); ?></div>');
|
||||
}
|
||||
},
|
||||
onChange: function () {
|
||||
var $tagsbox = $(this).next();
|
||||
var last_width = $tagsbox.find("span:last").width() + 10;
|
||||
$tagsbox.find(".tag:last").css('width', last_width);
|
||||
showTagWarning($(this));
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user