Špendlík

Klient si prohlíží rozdělaný web, klikne na místo, které mu vadí, a rovnou k němu napíše, co s tím. Připomínka zůstane přišpendlená k tomu prvku — i po znovunačtení a po dalším buildu.

Konec mailů ve stylu „ta fotka někde na kontaktech je moc velká".

Vyzkoušet na ukázkové stránce

Jak to funguje

Jeden řádek do webu

Do stránky přibude jeden <script>. Žádná instalace, žádné PHP na straně webu — funguje i na statickém hostingu.

Klient klikne a napíše

Vpravo dole je tlačítko Připomínky. Klik na cokoli na stránce otevře bublinu. Může do ní vystřihnout kus stránky a domalovat šipku. Bez registrace, bez hesla.

Připomínka drží místo

Ukládá se cesta k prvku, jeho text i pozice kliknutí. Špendlík proto najde své místo i po přestavbě webu nebo změně velikosti okna.

Vyřídíte a odškrtnete

Nová → přijato → vyřešeno. Vám přijde mail o každé připomínce, klientovi zase o vaší odpovědi. Hotové odejdou do archivu.

Co to umí

Když píše klient

Špendlík přímo na místěKlik kamkoli na stránku. Očíslovaný, barevný podle stavu, drží se svého prvku.
Výstřižek ze stránkyTlačítkem sejme skutečný obrázek stránky a myší si z něj vytáhne výřez.
DomalováníŠipka, rámeček, volná čára, text, čtyři barvy. Ukázat je rychlejší než popsat.
Vlastní obrázekCtrl+V, přetažení nebo výběr z disku. Zmenší se už v prohlížeči.
NaléhavostNehoří · Běžná · Důležité · Blokující. Klient řekne, co spěchá.
Vlákno odpovědíDoptat se, upřesnit, poslat zpátky — všechno u té připomínky.
Žádné přihlašováníKlient nic neinstaluje, nic si nezakládá. Jen otevře odkaz.

Když to vyřizujete

Tři stavy a archivNová, přijato, vyřešeno. Hotové zmizí z cesty, ale zůstanou dohledatelné.
Co hoří, jde nahoruSeznam se řadí podle naléhavosti, špendlík dostane barevný prstenec.
Postup na první pohledKolik je hotovo na téhle stránce a kolik na celém webu.
Nástěnka přes projektyVšechny weby na jednom místě, počty stavů, poslední aktivita. Přijmout, odpovědět i odškrtnout jde rovnou odsud.
Co je novéhoKlient po návratu vidí, kde mu přibyla odpověď nebo co se vyřešilo. Čísla špendlíků se nemění.
Technický kontextProhlížeč, systém a rozlišení se uloží samy. Klient nemusí nic popisovat.
Odkaz na jednu připomínkuPošlete adresu, otevře se web a odscrolluje přesně na to místo.
Z termináluVypsat, přijmout, odpovědět, odškrtnout. I strojově, pro skripty a agenty.
ExportCelý seznam jako text do schránky nebo jako JSON.

Aby to nezlobilo

Neviditelná pro veřejnostUkáže se jen tomu, kdo dostal odkaz. Jinak po ní na stránce nezůstane nic.
Upozornění oběma stranámVám nová připomínka, klientovi vaše odpověď i to, že je hotovo.
Nezasahuje do webuVlastní styly, vlastní písmo. Nic si s vaším webem nepřebíjí.
Přežije výpadekKdyž server neodpoví, vrstva jede z prohlížeče a napíše to.
Po předání vypnoutJeden přepínač a vrstvu neuvidí ani klient. Připomínky zůstanou.

Kdo to vůbec uvidí

Ne každý návštěvník. Ve výchozím režimu se vrstva ukáže jen tomu, kdo jednou přišel s odkazem, který dostal — ostatní o ní nevědí, na stránce po ní nezůstane ani tlačítko.

Kdo se k ní dostane, píše a odpovídá bez přihlašování. Klient se nikam neregistruje — o to jde. Správce navíc mění stavy, maže a vidí archiv.

Po předání webu se projekt přepne na vypnuto a vrstvu už neuvidí nikdo kromě správce.

Kdo se co dozví

Vám přijde mail o každé nové připomínce — v předmětu je vidět, když něco blokuje.

Klientovi přijde, když mu odpovíte nebo něco označíte za vyřešené. Vlastní připomínky mu zpátky nechodí. V odkazu má rovnou svůj klíč, takže se dostane dovnitř i z mobilu.

Místo mailu jde poslat i webhook — do Slacku nebo kamkoli jinam.

Pod kapotou

Jeden soubor rv.js, žádná knihovna, CSS i obrázky si nese v sobě. Snímání stránky dělá přímo prohlížeč. Data v SQLite, API v PHP.

Vložení do stránky:

<script src="https://spendlik.uni-dev.eu/rv.js"
        data-project="<slug>" defer></script>

Nástěnka

Přehled projektů a připomínek je jen pro správce — otevře se odkazem https://spendlik.uni-dev.eu/?rv=<token>.

Token vypíše ./spendlik.sh token.