<!DOCTYPE html>
-<html>
-<head>{include="includes"}
- <link type="text/css" rel="stylesheet" href="inc/awesomplete.css#" />
- <script src="inc/awesomplete.min.js#"></script>
+<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
+<head>
+ {include="includes"}
</head>
-<body onload="document.changetag.fromtag.focus();">
-<div id="pageheader">
- {include="page.header"}
- <form method="POST" action="" name="changetag" id="changetag">
- <input type="hidden" name="token" value="{$token}">
- <div>
- <label for="fromtag">Tag:</label>
- </div>
- <div>
- <input type="text" name="fromtag" id="fromtag" list="tagsList" autocomplete="off" class="awesomplete" data-minChars="1" />
- <datalist id="tagsList">
- {loop="$tags"}<option>{$key}</option>{/loop}
- </datalist>
- </div>
-
- <div>
- <input type="text" name="totag" id="totag">
- <input type="submit" name="renametag" value="Rename tag" class="bigbutton">
- or <input type="submit" name="deletetag" value="Delete tag" class="bigbutton" onClick="return confirmDeleteTag();">
- </div>
+<body>
+{include="page.header"}
+<div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+ <div id="addlink-form" class="page-form page-form-light pure-u-lg-1-3 pure-u-22-24">
+ <h2 class="window-title">{"Manage tags"|t}</h2>
+ <form method="POST" action="#" name="changetag" id="changetag">
+ <div>
+ <input type="text" name="fromtag" placeholder="{'Tag'|t}" value="{$fromtag}"
+ list="tagsList" autocomplete="off" class="awesomplete autofocus" data-minChars="1">
+ <datalist id="tagsList">
+ {loop="$tags"}<option>{$key}</option>{/loop}
+ </datalist>
+ </div>
+ <div>
+ <input type="text" name="totag" placeholder="{'New name'|t}"
+ list="toTagsList" autocomplete="off" class="awesomplete" data-minChars="1">
+ <datalist id="toTagsList">
+ {loop="$tags"}<option>{$key}</option>{/loop}
+ </datalist>
+ </div>
+ <div><i class="fa fa-info-circle"></i> {'Case sensitive'|t}</div>
+ <input type="hidden" name="token" value="{$token}">
+ <div>
+ <input type="submit" value="{'Rename'|t}" name="renametag">
+ <input type="submit" value="{'Delete'|t}" name="deletetag" class="button button-red confirm-delete">
+ </div>
</form>
- <div class="clear white">(Case sensitive)</div>
-</div>
-<script>function confirmDeleteTag() { var agree=confirm("Are you sure you want to delete this tag from all links ?"); if (agree) return true ; else return false ; }</script>
+
+ <p>{'You can also edit tags in the'|t} <a href="?do=taglist&sort=usage">{'tag list'|t}</a>.</p>
+ </div>
</div>
{include="page.footer"}
</body>
projects / github / shaarli / Shaarli.git / blobdiff