[github/shaarli/Shaarli.git] / tpl / editlink.html

<!DOCTYPE html>
<html>
<head>{include="includes"}
    <link type="text/css" rel="stylesheet" href="../inc/awesomplete.css" />
    <script src="inc/awesomplete.min.js#"></script>
</head>
<body
{if="$link.title==''"}onload="document.linkform.lf_title.focus();"
{elseif="$link.description==''"}onload="document.linkform.lf_description.focus();"
{else}onload="document.linkform.lf_tags.focus();"{/if} >
<div id="pageheader">
	{if="$source !== 'firefoxsocialapi'"}
	{include="page.header"}
	{/if}
	<div id="editlinkform">
	    <form method="post" name="linkform">
	        <input type="hidden" name="lf_linkdate" value="{$link.linkdate}">
	        <label for="lf_url"><i>URL</i></label><br><input type="text" name="lf_url" id="lf_url" value="{$link.url}" class="lf_input"><br>
            <label for="lf_title"><i>Title</i></label><br><input type="text" name="lf_title" id="lf_title" value="{$link.title}" class="lf_input"><br>
            <label for="lf_description"><i>Description</i></label><br><textarea name="lf_description" id="lf_description" rows="4" cols="25">{$link.description}</textarea><br>
            <label for="lf_tags"><i>Tags</i></label><br>
            <input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input"
                data-list="{loop="$tags"}{$key}, {/loop}" data-multiple autocomplete="off" ><br>

            {loop="$edit_link_plugin"}
                {$value}
            {/loop}

	        {if="($link_is_new && $GLOBALS['privateLinkByDefault']==true) || $link.private == true"}
            <input type="checkbox" checked="checked" name="lf_private" id="lf_private">
            &nbsp;<label for="lf_private"><i>Private</i></label><br>
            {else}
            <input type="checkbox"  name="lf_private" id="lf_private">
            &nbsp;<label for="lf_private"><i>Private</i></label><br>
            {/if}
	        <input type="submit" value="Save" name="save_edit" class="bigbutton">
	        <input type="submit" value="Cancel" name="cancel_edit" class="bigbutton">
	        {if="!$link_is_new"}<input type="submit" value="Delete" name="delete_link" class="bigbutton delete" onClick="return confirmDeleteLink();">{/if}
	        <input type="hidden" name="token" value="{$token}">
	        {if="$http_referer"}<input type="hidden" name="returnurl" value="{$http_referer}">{/if}
	    </form>
	</div>
</div>
{if="$source !== 'firefoxsocialapi'"}
{include="page.footer"}
{/if}
{if="($GLOBALS['config']['OPEN_SHAARLI'] || isLoggedIn())"}
<script>
    $ = Awesomplete.$;
    awesomplete = new Awesomplete($('input[data-multiple]'), {
        filter: function(text, input) {
            return Awesomplete.FILTER_CONTAINS(text, input.match(/[^ ]*$/)[0]);
        },
        replace: function(text) {
            var before = this.input.value.match(/^.+ \s*|/)[0];
            this.input.value = before + text + " ";
        },
        minChars: 1
    });

    /**
     * Remove already selected items from autocompletion list.
     * HTML list is never updated, so removing a tag will add it back to awesomplete.
     *
     * FIXME: This a workaround waiting for awesomplete to handle this.
     *  https://github.com/LeaVerou/awesomplete/issues/16749
     */
    var input = document.querySelector('#lf_tags');
    input.addEventListener('input', function()
    {
        proposedTags = input.getAttribute('data-list').replace(/,/g, '').split(' ');
        reg = /(\w+) /g;
        while((match = reg.exec(input.value)) !== null) {
            id = proposedTags.indexOf(match[1]);
            if(id != -1 ) {
                proposedTags.splice(id, 1);
            }
        }

        awesomplete.list = proposedTags;
    });
</script>
{/if}
</body>
</html>
Commit	Line	Data
45034273 SS	1	<!DOCTYPE html>
45034273 SS	2	<html>
246e9b4e	3	<head>{include="includes"}
bdd1715b A	4	<link type="text/css" rel="stylesheet" href="../inc/awesomplete.css" />
bdd1715b A	5	<script src="inc/awesomplete.min.js#"></script>
246e9b4e	6	</head>
bb8f712d	7	<body
ae22a12b T	8	{if="$link.title==''"}onload="document.linkform.lf_title.focus();"
ae22a12b T	9	{elseif="$link.description==''"}onload="document.linkform.lf_description.focus();"
45034273 SS	10	{else}onload="document.linkform.lf_tags.focus();"{/if} >
45034273 SS	11	<div id="pageheader">
d33c5d4c	12	{if="$source !== 'firefoxsocialapi'"}
45034273	13	{include="page.header"}
d33c5d4c	14	{/if}
45034273 SS	15	<div id="editlinkform">
	16	<form method="post" name="linkform">
	17	<input type="hidden" name="lf_linkdate" value="{$link.linkdate}">
5f85fcd8 A	18	<label for="lf_url"><i>URL</i></label><br><input type="text" name="lf_url" id="lf_url" value="{$link.url}" class="lf_input"><br>
	19	<label for="lf_title"><i>Title</i></label><br><input type="text" name="lf_title" id="lf_title" value="{$link.title}" class="lf_input"><br>
	20	<label for="lf_description"><i>Description</i></label><br><textarea name="lf_description" id="lf_description" rows="4" cols="25">{$link.description}</textarea><br>
bdd1715b	21	<label for="lf_tags"><i>Tags</i></label><br>
eae648d4	22	<input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input"
bdd1715b	23	data-list="{loop="$tags"}{$key}, {/loop}" data-multiple autocomplete="off" ><br>
567967fd A	24
	25	{loop="$edit_link_plugin"}
	26	{$value}
	27	{/loop}
	28
ae22a12b	29	{if="($link_is_new && $GLOBALS['privateLinkByDefault']==true) \|\| $link.private == true"}
bb8f712d KT	30	<input type="checkbox" checked="checked" name="lf_private" id="lf_private">
	31	<label for="lf_private"><i>Private</i></label><br>
	32	{else}
	33	<input type="checkbox" name="lf_private" id="lf_private">
	34	<label for="lf_private"><i>Private</i></label><br>
	35	{/if}
c133612f V	36	<input type="submit" value="Save" name="save_edit" class="bigbutton">
	37	<input type="submit" value="Cancel" name="cancel_edit" class="bigbutton">
	38	{if="!$link_is_new"}<input type="submit" value="Delete" name="delete_link" class="bigbutton delete" onClick="return confirmDeleteLink();">{/if}
45034273	39	<input type="hidden" name="token" value="{$token}">
5f85fcd8	40	{if="$http_referer"}<input type="hidden" name="returnurl" value="{$http_referer}">{/if}
45034273 SS	41	</form>
	42	</div>
	43	</div>
d33c5d4c	44	{if="$source !== 'firefoxsocialapi'"}
45034273	45	{include="page.footer"}
d33c5d4c	46	{/if}
bdd1715b	47	{if="($GLOBALS['config']['OPEN_SHAARLI'] \|\| isLoggedIn())"}
fe16b01e	48	<script>
bdd1715b	49	$ = Awesomplete.$;
781e8aad	50	awesomplete = new Awesomplete($('input[data-multiple]'), {
bdd1715b A	51	filter: function(text, input) {
	52	return Awesomplete.FILTER_CONTAINS(text, input.match(/[^ ]*$/)[0]);
	53	},
	54	replace: function(text) {
	55	var before = this.input.value.match(/^.+ \s*\|/)[0];
	56	this.input.value = before + text + " ";
	57	},
	58	minChars: 1
	59	});
781e8aad A	60
	61	/**
	62	* Remove already selected items from autocompletion list.
	63	* HTML list is never updated, so removing a tag will add it back to awesomplete.
	64	*
	65	* FIXME: This a workaround waiting for awesomplete to handle this.
	66	* https://github.com/LeaVerou/awesomplete/issues/16749
	67	*/
	68	var input = document.querySelector('#lf_tags');
	69	input.addEventListener('input', function()
	70	{
	71	proposedTags = input.getAttribute('data-list').replace(/,/g, '').split(' ');
	72	reg = /(\w+) /g;
	73	while((match = reg.exec(input.value)) !== null) {
	74	id = proposedTags.indexOf(match[1]);
	75	if(id != -1 ) {
	76	proposedTags.splice(id, 1);
	77	}
	78	}
	79
	80	awesomplete.list = proposedTags;
	81	});
246e9b4e SS	82	</script>
246e9b4e SS	83	{/if}
45034273	84	</body>
ae22a12b	85	</html>