1
0

More submit/cancel states for buttons and buttonized links. Maybe even all of them?

This commit is contained in:
Matthias Mees
2013-02-06 17:32:06 +01:00
parent 8c66b261d3
commit 92b2486dab
8 changed files with 17 additions and 12 deletions

View File

@ -39,7 +39,7 @@
</select>
</div>
<input name="REMOVE" type="submit" value="{$CONST.GO}">
<input class="state_cancel" name="REMOVE" type="submit" value="{$CONST.GO}">
</form>
{/if}
{/if}

View File

@ -164,7 +164,7 @@
{/if}
<div class="multidelete_actions form_buttons">
<input name="toggle" type="button" value="{$CONST.INVERT_SELECTIONS}" onclick="invertSelection()">
<input name="toggle" type="submit" value="{$CONST.DELETE_SELECTED_COMMENTS}" onclick="return confirm('{$CONST.COMMENTS_DELETE_CONFIRM}')" tabindex="{($i+1)}">
<input class="state_cancel" name="toggle" type="submit" value="{$CONST.DELETE_SELECTED_COMMENTS}" onclick="return confirm('{$CONST.COMMENTS_DELETE_CONFIRM}')" tabindex="{($i+1)}">
<input name="serendipity[togglemoderate]" type="submit" value="{$CONST.MODERATE_SELECTED_COMMENTS}">
</div>
{* TODO: Clone pagination using JS *}

View File

@ -142,7 +142,7 @@
<div id="groups_delete_action" class="form_buttons">
<input name="DELETE_YES" type="submit" value="{$CONST.DUMP_IT}">
<input name="NO" type="submit" value="{$CONST.NOT_REALLY}">
<input class="state_cancel" name="NO" type="submit" value="{$CONST.NOT_REALLY}">
</div>
</form>
{/if}

View File

@ -56,8 +56,8 @@
<form id="delete_image" method="get">
<div class="form_buttons">
<a class="button_link icon_link" href="{$newLoc}">{$CONST.DUMP_IT}</a>
<a class="button_link icon_link" href="{$abortLoc}">{$CONST.ABORT_NOW}</a>
<a class="button_link state_submit icon_link" href="{$newLoc}">{$CONST.DUMP_IT}</a>
<a class="button_link state_cancel icon_link" href="{$abortLoc}">{$CONST.ABORT_NOW}</a>
</div>
</form>
{/if}
@ -164,7 +164,7 @@
{* I think this is redudant: <p>{$CONST.CONFIRM_DELETE_DIRECTORY|sprintf:$dir|escape:'html'}</p> *}
<div class="form_buttons">
<input name="SAVE" type="submit" value="{$CONST.DELETE_DIRECTORY}">
<input class="state_cancel" name="SAVE" type="submit" value="{$CONST.DELETE_DIRECTORY}">
</div>
</form>
{/if}

View File

@ -79,7 +79,7 @@
<span class="plugin_count block_level">{$CONST.PLUGIN_AVAILABLE_COUNT|sprintf:$total}</span>
</div>
<div class="form_buttons">
<input name="REMOVE" type="submit" title="{$CONST.DELETE}" value="{$CONST.REMOVE_TICKED_PLUGINS}">
<input class="state_cancel" name="REMOVE" type="submit" title="{$CONST.DELETE}" value="{$CONST.REMOVE_TICKED_PLUGINS}">
<input name="SAVE" type="submit" title="{$CONST.SAVE_CHANGES_TO_LAYOUT}" value="{$CONST.SAVE}">
</div>
</form>

View File

@ -90,7 +90,7 @@
<div class="form_buttons">
<input name="DELETE_YES" type="submit" value="{$CONST.DUMP_IT}">
<input name="NO" type="submit" value="{$CONST.NOT_REALLY}">
<input class="state_cancel" name="NO" type="submit" value="{$CONST.NOT_REALLY}">
</div>
</div>
</form>

View File

@ -164,7 +164,7 @@
{if $smarty.get.serendipity.adminModule == 'media'}
<div class="form_buttons">
<input name="toggle" type="button" value="{$CONST.INVERT_SELECTIONS}" onclick="invertSelection()">
<input name="toggle" type="submit" value="{$CONST.DELETE_SELECTED_ENTRIES}">
<input class="state_cancel" name="toggle" type="submit" value="{$CONST.DELETE_SELECTED_ENTRIES}">
</div>
</form>
{/if}

View File

@ -561,7 +561,9 @@ input[type="submit"] {
.state_cancel,
.state_cancel:visited,
input[type="reset"] {
input[type="reset"],
input[type="submit"].state_cancel,
input[type="submit"].state_cancel:visited {
background: #b94a48;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc7a79), color-stop(100%, #b94a48));
background-image: -webkit-linear-gradient(#cc7a79, #b94a48);
@ -594,7 +596,9 @@ input[type="submit"]:hover {
.state_cancel:hover,
.state_cancel:focus,
input[type="reset"]:hover {
input[type="reset"]:hover,
input[type="submit"].state_cancel:hover,
input[type="submit"].state_cancel:focus {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc7a79), color-stop(1px, #c26260), color-stop(100%, #a2403e));
background-image: -webkit-linear-gradient(#cc7a79, #c26260 1px, #a2403e);
background-image: -moz-linear-gradient(#cc7a79, #c26260 1px, #a2403e);
@ -628,7 +632,8 @@ input[type="submit"]:active {
}
.state_cancel:active,
input[type="reset"]:active {
input[type="reset"]:active
input[type="submit"].state_cancel:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc7a79), color-stop(1px, #b94a48), color-stop(100%, #c26260));
background-image: -webkit-linear-gradient(#cc7a79, #b94a48 1px, #c26260);
background-image: -moz-linear-gradient(#cc7a79, #b94a48 1px, #c26260);