felhasználói kézikönyv utolsó frissítés: 2010-03-09
1
Tartalomjegyzék általános tudnivalók....................................................................................................................................................3 webbolt adatok............................................................................................................................................................4 kategóriák...................................................................................................................................................................5 termékek.....................................................................................................................................................................7 terméktulajdonságok...................................................................................................................................................8 címkék......................................................................................................................................................................12 csv export..................................................................................................................................................................14 tömeges képfeltöltés.................................................................................................................................................15 csv import..................................................................................................................................................................16 szállítási módok / fizetési módok...............................................................................................................................17 felhasználók..............................................................................................................................................................19 felhasználók csv........................................................................................................................................................20 menüpontok..............................................................................................................................................................21 vásárlások.................................................................................................................................................................22 jelszóváltoztatás........................................................................................................................................................23 dobozok....................................................................................................................................................................24 hírlevélküldés............................................................................................................................................................25 kilépés.......................................................................................................................................................................26 a TinyMCE szerkesztő használata............................................................................................................................27
2
általános tudnivalók A webbolt alapértelmezetten a http://boltnev.axiomarket.hu domain név alatt érhető el. Lehetőség van saját domain név használatára is, az ehhez kapcsolódó beállításokat egyeztesse ügyfélszolgálatunkkal! Az adminisztrációs felület a http://boltnev.axiomarket.hu/admin/index.php címen érhető el. Ha elfelejtette belépéshez szükséges jelszavát, vegye fel kapcsolatot ügyfélszolgálatunkkal! A webbolt kinézete standard, dizájn módosításokat csak az aXio Kft. tud elvégezni. Az oldalt úgy terveztük, hogy mindenféle böngésző alatt egyformán működjön, nem javasoljuk azonban az Internet Explorer 6-os verziójának használatát. A rendszer UTF8-as karakterkódolást használ. Az UTF8-as CSV fájlok megnyitása a Microsoft Excel-nek néha problémát okoz, ezért inkább az OpenOffice Calc használatát javasoljuk helyette. A szoftver ingyenesen letölthető a http://www.openoffice.org címről. Képszerkesztésre, tömeges átméretezésre, feliratozásra az IrfanView nevű programot javasoljuk, mely otthoni felhasználásra ingyenes. A szoftver a http://irfanview.com címről tölthető le. A magyarosítás külön telepíthető. Komolyabb retusálási munkálatokhoz a Paint.NET ingyenes képszerkesztőt ajánljuk, mely a Photoshop-hoz hasonló kezelőfelülettel rendelkezik. http://www.getpaint.net Ha nem rendelkezünk HTML ismeretekkel, de szeretnénk pl. táblázatokat elhelyezni a termékleírásokban, használjuk a First Page nevű ingyenes HTML szerkesztőt, amely rendelkezik dizájn nézettel is. A program a http://www.evrsoft.com címről tölthető le.
3
webbolt adatok •
Webbolt neve: nem fog sehol megjelenni.
•
Oldal címe: ez fog megjelenni a böngésző címsorában. Az oldal
tag-je.<br />
<br />
•<br />
<br />
Kulcsszavak: a webboltra nézve releváns kulcsszavak, 5-10 db vesszővel elválasztva. A keywords meta tag-ben fognak megjelenni.<br />
<br />
•<br />
<br />
Főoldali szöveg: itt tölthet fel a bolt nyitóoldalára köszöntő szöveget. Erről bővebben a TinyMCE használata bekezdésben olvashat.<br />
<br />
•<br />
<br />
Lábléc: az oldal alján megadhatók a fontos információk (pl: bolt neve, elérhetősége stb)<br />
<br />
•<br />
<br />
Kosárba gomb: ha kivesszük a pipát, az oldalon nem fognak tudni vásárolni, egyetlen termék mellett sem lesz kosárba gomb!<br />
<br />
•<br />
<br />
Nullás készletű termékek: ha bejelöljük a pipát, azok a termékek is megjelennek az oldalon, amelyek nincsenek készleten.<br />
<br />
•<br />
<br />
Google Analytics azonosító: amennyiben regisztrál Google Analytics fiókot, itt megadhatja annak azonosítóját.<br />
<br />
Az<br />
<br />
azonosító<br />
<br />
formátuma:<br />
<br />
UA-0000000-0.<br />
<br />
A<br />
<br />
szolgáltatásról<br />
<br />
bővebben<br />
<br />
a<br />
<br />
http://www.google.com/analytics oldalon olvashat. •<br />
<br />
Üzlet címe, nyitvatartás: amennyiben rendelkezik offline üzlettel is, adja meg annak címét és nyitvatartását.<br />
<br />
•<br />
<br />
Szerződés tárgya, szavatosság, jotállás, elállási jog: ezen mezők a vevőszolgálat menüpont alatt fognak megjelnni, kitöltésük kötelező.<br />
<br />
•<br />
<br />
Üzletszabályzat: az ide beírt szöveg fog megjelnni a regisztráció oldalon. Amíg nem fogadja el a felhasználó az itt leírtakat, addig nem fog tudni regisztrálni.<br />
<br />
Ha végeztünk a beállításokkal, mentsük el a<br />
<br />
4<br />
<br />
gombra kattintva.<br />
<br />
kategóriák A kategória-rendszert tudjuk itt létrehozni. A szintek száma nincs korlátozva, nem javasoljuk azonban 4 szintnél mélyebb kategória-rendszert létrehozni. Új kategória létrehozásához adjuk meg annak nevét, leírását:<br />
<br />
Most hozzunk létre a C vitamin alkategóriát a Vitaminok főkategória alatt. Ehhez a szülő kategóriánál válasszuk ki a Vitaminokat:<br />
<br />
A létrehozott kategóriákat alul látjuk:<br />
<br />
A<br />
<br />
gombra kattintva tudjuk a kategóriát törölni, ez azonban csak akkor fog működni, ha a kategóriában<br />
<br />
egyetlen termék sincs. Ha módosítani akarjuk a kategória nevét és/vagy leírását, kattintsunk a nevére:<br />
<br />
5<br />
<br />
Lehetőségünk van a kategóriák megjelenésének sorrendjét változtatni. Válasszuk ki azt a kategóriát, melynek alkategóriáit szeretnénk rendezni, majd kattintsunk rá. (egyszerre többet is kijelölhetünk) Ezután a rendezés alatt látjuk felsorolva az összes alkategóriát, ahol kattintással ki tudjuk jelölni a kívánt kategóriát és a gombokkal tudjuk a megfelelő helyre mozgatni. Ha végeztünk, a<br />
<br />
6<br />
<br />
gombbal tudunk menteni.<br />
<br />
termékek Terméket a következő adatok megadásával vehetünk fel: ●<br />
<br />
márka (a termék márkája pl. Olympus, Vans, Adidas, stb)<br />
<br />
●<br />
<br />
megnevezés (a termék típusa és neve pl: Finepix S5500 digitális fényképezőgép, deszkás cipő, zippzáras felső)<br />
<br />
●<br />
<br />
cikkszám (a terméket speciálisan meghatározó kód)<br />
<br />
●<br />
<br />
készlet (amennyi adott termékből raktárban van, tehát azonnal kiküldhető a vásárlónak)<br />
<br />
●<br />
<br />
ár (a termék bruttó ára)<br />
<br />
●<br />
<br />
akciós ár (a bruttó árnál alacsonyabb kell legyen)<br />
<br />
●<br />
<br />
leírás (erről bővebben a TinyMCE használata bekezdésben olvashat)<br />
<br />
●<br />
<br />
kategória (az a kategória, amely alá szeretnénk a terméket besorolni)<br />
<br />
●<br />
<br />
státusz (aktív: látható a látogatók számára, inaktív: a rendszerünkben már szerepel, de a látogatók még nem érhetik el)<br />
<br />
A fenti adatok megadása után nyomjunk rá a „termék hozzáadása” gombra. Ezzel a termék felkerül az adatbázisunkba, egy automatikusan generált termékazonosítóval (ID). Képek hozzáadása a termékhez Egy bármennyi képet feltölthetünk. Az először feltöltött kép fog megjelenni nagyban a tárgyoldalon, illetve ez fog látszani a listaoldalakon is. A képek formátuma JPG, GIF vagy PNG lehet, méretük nem haladhatja meg a 200Kbyte-ot!<br />
<br />
7<br />
<br />
terméktulajdonságok Ezt a funkciót akkor használhatjuk, ha van olyan termékünk, amely több kiszerelésben, vagy kinézetben is kapható. Például, ha van egy pólónk, ami kapható többféle méretben és színben, akkor fel kell vegyük a méret és szín tulajdonságokat:<br />
<br />
A létező tulajdonságnál látjuk, hogy miket vettünk fel:<br />
<br />
Vegyük most fel a válaszható méreteket, ehhez kattintsunk a méretre, majd az érték hozzáadása dobozban sorra vegyük fel az értékeket:<br />
<br />
Ismételjük meg a műveletsort a színeknél is, a létező tulajdonságok dobozban kattintsunk a színre, majd vegyük fel az értékeit:<br />
<br />
Tehát van egyszer egy méretünk, melynek elemei S,M,L,XL, és egy színünk, melynek elemei fekete, kék, piros, zöld. Ahhoz, hogy ezeket a tulajdonságokat elérjük termék hozzáadásánál, hozzá kell, hogy rendeljük az adott kategóriához. Ehhez kattintsunk a bal oldali menüben a kategóriák menüpontra, majd a kategória fa dobozban kattintsunk annak a kategóriának a nevére, amelyhez hozzá szeretnénk rendelni ezeket a tulajdonságokat, majd a tulajdonság hozzáadása dobozban adjuk hozzá a szükséges tulajdonságokat:<br />
<br />
8<br />
<br />
Mi most felvettük a méretet és a színt a pólók kategóriához. Ha ezzel megvagyunk, kattintsunk a termékek kategóriára a bal hasábban és vegyünk fel egy terméket a Pólók kategóriába: A<br />
<br />
gomb megnyomása után termékünk megjelenik alul a listában:<br />
<br />
Kattintsunk a megnevezés oszlopban termékünk nevére: 9<br />
<br />
Itt alul már látjuk a méret és szín tulajdonságokat, ezzel már be tudunk állítani egy kombinációt, legyen mondjuk egy fekete S-es méret:<br />
<br />
Ha elmentettük, akkor alul a termékverzió hozzáadása dobozban tudunk további kombinációkat létrehozni, 10<br />
<br />
valamint képet is tölthetünk fel:<br />
<br />
Vásárlói oldalról mindez így fog kinézni a boltunkban:<br />
<br />
A vásárló először méretet tud választani (ha ezen változtatni szeretnénk, a terméktulajdonságok rendezésénél beállíthatjuk, hogy a szín legyen elöl), majd a méret kiválasztása után megjelennek a hozzá tartozó színek, és a kombináció ára is.<br />
<br />
11<br />
<br />
címkék Kis képes feliratokat hozhatunk létre, melyekkel utána megjelölhetjük termékeinket. Pl.: Új!, Utolsó darab! Hozzuk létre egy Új! Nevű címkét. A megnevezés csak azonosításra szolgál, a leírás akkor fog megjelenni, ha az oldalon a címke fölé mozgatjuk az egeret.<br />
<br />
Ha felvettük a címkét, váltsunk a termékek menüpontra, és válasszunk ki egy terméket amihez szeretnénk ezt a címkét társítani, majd kattintsunk a nevére a módosításhoz. Ekkor a termék adatainál látni fogjuk az Új! címkét. Jelöljük be, majd mentsük el a változtatást:<br />
<br />
12<br />
<br />
Az oldalon a termék képe mellett látjuk a bejelölt címkéket, és a kép fölé mozogva megjelenik a címke leírása.<br />
<br />
13<br />
<br />
csv export Az adatbázisunkban található összes terméket exportálhatjuk, mely a tömeges termékmódosításhoz legjobb módszere. Kérjük, tekintse meg az ehhez rendelkezésre álló minta .csv-t! A CSV fájl karakterkódolása UTF-8, amivel a Microsoft Excel-nek lehetnek gondjai. Ezért az OpenOffice Calc használatát javasoljuk. A szoftver ingyenesen letölthető a http://www.openoffice.hu weboldalról. Ha ezzel nyitjuk meg CSV fájlunkat, ki tudjuk választani a karakterkódolást:<br />
<br />
A letöltött CSV fájlban bármit módosíthatunk, illetve felvehetünk új termékeket is. Új termék esetén az azonosító (ID) oszlopot hagyjuk üresen!<br />
<br />
14<br />
<br />
tömeges képfeltöltés Először töltsük le árukészletünket CSV-ben. Nem baj, ha nincs egyetlen termékünk sem felvéve, az üres CSV is jó, csak az oszlopnevek számítanak. Nyissuk meg a fájlt és vegyünk fel egy új terméket:<br />
<br />
Új termékről van szó, ezért az ID oszlop üresen marad. A kép oszlopba pedig a feltöltendő kép abszolút URL-jét kell írni. Ha egy termékhez több fotót szeretnénk feltölteni, akkor azokat vesszővel elválasztva írjuk le,pl.: http://www.axiomarket.hu/test1.jpg, http://www.axiomarket.hu/test2.jpg A képek olyan szerveren legyenek elhelyezve, ahol nincs keretes hirdetés, ha a hivatkozást megnyitjuk. Ezt könnyen ellenőrizhetjük, ha a böngészőbe bemásoljuk a kép URL-t. Figyeljünk továbbá, hogy a kép mérete ne haladja meg a 200Kbyte-ot! Ha végeztünk a CSV-vel, mentsük el, majd lépjünk a CSV import menüpontba és töltsük fel a fájlt:<br />
<br />
15<br />
<br />
csv import Kész csv fájlunkat ebben a menüpontban tölthetjük fel! (Használhatjuk tömeges termékfelvételre, illetve tömeges módosításra is!) (Lásd: minta .csv) Ügyeljünk, hogy a feltöltött fájl is UTF8 kódolású legyen!<br />
<br />
16<br />
<br />
szállítási módok / fizetési módok Ebben a menüpontban tölthetjük fel azokat a szállítási módokat, melyeket biztosítani tudunk a megrendelőknek. Vegyünk fel néhányat, pl.: futárszolgálat, postai szállítás, személyes átvétel az üzletben...<br />
<br />
Ha végeztünk, kattintsunk a fizetési módok menüpontra és vegyük fel a válaszható opciókat, pl.: készpénz, utánvét...<br />
<br />
Ha ezzel is megvagyunk, menjünk vissza a szállítási módokhoz, és a létező szállítási módoknál kattintsunk rá valamelyikre, hogy kombinációt tudjunk készíteni.<br />
<br />
Látni fogjuk a szállítási díj hozzáadása dobozt, ahol tudunk választani a korábban felvett fizetési módok közül. Állítsuk be, hogy a futárszolgálat díja utánvétes fizetés esetén 1.500 Ft-ba kerül 50.000 Ft-os összeghatárig:<br />
<br />
Most állítsuk be, hogy 50.000 Ft feletti rendelések esetén 1.000 Ft legyen a kiszállítás. Ha nem akarunk több értékhatárt létrehozni, akkor írjunk nullát a felső határhoz:<br />
<br />
17<br />
<br />
Tehát, ha most vásárol valaki a boltunkban, és a vásárlás összege nem éri el az 50.000 Ft-ot, akkor az utánvét összege 1.500 Ft lesz. 50.000 Ft-nál magasabb összegű vásárlásoknál egységesen 1.000 Ft. Vásárlói szemmel mindez így néz ki:<br />
<br />
18<br />
<br />
felhasználók Az oldalunkon regisztrál felhasználók listája.<br />
<br />
19<br />
<br />
felhasználók csv A menüpontra kattintással ki tudjuk exportálni azokat a felhasználókat, akik regisztráltak boltunkban. Hasznos lehet ez a menüpont akár hírlevél kiküldésénél is, mert így egy helyen megtaláljuk pl. a neveket és az e-mail címeket.<br />
<br />
20<br />
<br />
menüpontok Az oldal fejlécében megjelenő menüpontokat tudjuk itt létrehozni. A cím mezőbe írjuk a menüpont nevét. Ha az URL-t kitöltjük, akkor a menüpont arra fog mutatni, tehát akár külső oldalra is irányíthatjuk a látogatót. Ha nem adunk meg URL-t, akkor töltsük a szöveges tartalmat. A TinyMCE szerkesztő használatáról bővebben itt olvashat.<br />
<br />
21<br />
<br />
vásárlások A boltunkban történt összes rendelés listázása. A részletekre kattintva tudjuk megnézni az egyes vásárlások részleteit. A vásárlókkal történő kommunikáció során javasoljuk, hogy hivatkozzanak a rendelés azonosítóra. A vásárlásokról automatikus levelet is kapunk az alábbi tartalommal.<br />
<br />
22<br />
<br />
jelszóváltoztatás Az adminisztrációs felülethez tartozó jelszavunkat ebben a menüpontban tudjuk megváltoztatni. Adjuk meg kétszer új jelszavunkat, majd lépjünk ki és vissza, immár az új jelszóval. Biztonsági okokból javasoljuk a jelszó legalább fél évente történő megváltoztatását.<br />
<br />
23<br />
<br />
dobozok Egyedi dobozokat hozhatunk a bal vagy jobb hasábban, illetve bárhol a főoldalon. Töltsük ki a doboz nevét és nyomjuk meg a doboz hozzáadása gombot.<br />
<br />
Hozzáadás után megjelenik a lenti listában egy azonosítóval együtt.<br />
<br />
Ezt az azonosítót küldjük el a fejlesztes@axio.hu-ra és jelöljük meg, hogy hol szeretnénk az oldalon megjeleníteni a dobozt, mert a doboz beillesztése a kódba kézzel történik.<br />
<br />
24<br />
<br />
hírlevélküldés Adjuk meg hírlevél tárgyát, majd kattintsunk<br />
<br />
gombra. A levél megjelenik az alsó listában, itt<br />
<br />
kattintsunk a tárgyra. A TinyMCE szerkesztő segítségével tudjuk tartalmunkat megszerkeszteni. Erről bővebben a TinyMCE használata bekezdésben olvashat.<br />
<br />
Mindig használjuk a<br />
<br />
gombot, mielőtt tesztet, vagy éles küldést végeznénk! Teszt<br />
<br />
küldéséhez adjuk meg saját e-mail címünket, majd kattintsunk a<br />
<br />
gombra. Ha nem töltjük ki a teszt cím<br />
<br />
mezőt, a hírlevél ki fog menni az összes oldalunkon regisztrált, és hírlevelet kérő felhasználó címére.<br />
<br />
25<br />
<br />
kilépés A rendszer biztonságos elhagyása. Különösen ezt használjuk kilépésre, ha nem a saját gépünkön dolgozunk.<br />
<br />
26<br />
<br />
a TinyMCE szerkesztő használata A TinyMCE egy WYSIWYG (What You See Is What You Get) szerkesztő, mely alkalmas tartalomkezelésre webes környezetben. Működése leegyszerűsítve olyan, mint egy szövegszerkesztő szoftveré.<br />
<br />
A szöveget begépelhetjük, majd megformázhatjuk az eszköztár segítségével, vagy külső szövegszerkesztő alkalmazásból is beilleszthetjük a kész szöveget. Ha Microsoft Word-öt használunk, tegyük vágólapra a formázott szöveget, majd a TinyMCE-ben használjuk a<br />
<br />
ikont. Az esetek többségében közelítő eredményt szokott hozni,<br />
<br />
de, ha szépen szeretnénk tartalmunkat megformázni, inkább itt szerkesszük meg. Annál is inkább, mert csak így van lehetőségünk képet beilleszteni. Ehhez kattintsunk a<br />
<br />
ikonra.<br />
<br />
A Kép URL mezőbe beírhatjuk a kép abszolút URL-jét, illetve tallózhatunk is. Ehhez kattintsunk a<br />
<br />
27<br />
<br />
gombra.<br />
<br />
A<br />
<br />
tallózás<br />
<br />
gombbal<br />
<br />
válasszuk ki a feltöltendő képet. A fájlok lehetőleg kisbetűsök legyenek és ne tartalmazzanak speciális karaktereket, szóközt, ékezetes karaktert.A feltöltött képeket bal oldalon látjuk, illetve itt tudjuk törölni. A kép fájlnevére kattintva betöltődik a jobb hasábba. Keressük meg a kívánt képet, majd kattintsunk a kiválaszt gombra, ezután a kép URL-je betöltődik a mezőbe.<br />
<br />
Ezután nincs más dolgunk, mint a<br />
<br />
28<br />
<br />
gombra kattintani.<br />
<br />
Ha módosítani szeretnénk a kép paramétereink, jelöljük ki, majd ismét kattintsunk a<br />
<br />
A megjelenés és haladó fülekre kattintva tudunk választani egyéb opciók közül:<br />
<br />
29<br />
<br />
gombra.<br />
<br />
Az elhelyezkedés a szöveg-kép viszonyt jelenti, tehát, hogy a kép a szöveghez képest hogyan helyezkedjen el. Ha választunk egyet a listából, jobb oldalon rögtön látjuk az előnézetet. A kiterjedésnél a kép megjelenő méretét tudjuk beállítani. Ha az arányok kényszerítését bejelöljük, nem fogja engedni eltorzulni. A függőleges és vízszintes területnél a kép körüli „eltartást” adhatjuk meg, ezzel kiküszöbölve, hogy hozzáérjen a szöveg. A keret a kép körüli keret méretét adja meg, ez alap esetben nulla. Az osztálynál előre definiált stílus osztályokból lehet választani. (Ez a funkció itt nem elérhető.) Stílusnál egyedi paramétereket adhatunk meg, melyek az IMG tag STYLE paraméterében fognak megjelenni. A TinyMCE jobb alsó sarkában található<br />
<br />
ikonnal tudjuk átméretezni az ablakot, illetve az eszköztáron lévő<br />
<br />
ikonnal válthatunk át teljes képernyős nézetbe. A<br />
<br />
ikonnal előnézetet kapunk a szerkesztett tartalomról.<br />
<br />
Ha rendelkezünk HTML ismeretekkel, átválthatunk kód nézetbe a<br />
<br />
30<br />
<br />
ikonnal.<br />
<br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://adoc.pub/report/felhasznaloi-keziknyv-utolso-frissites" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "felhasználói kézikönyv utolsó frissítés:"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2024 ADOC.PUB. All rights reserved.
<div class="pull-right">
<span><a href="https://adoc.pub/about">About Us</a></span> |
<span><a href="https://adoc.pub/privacy">Privacy Policy</a></span> |
<span><a href="https://adoc.pub/term">Terms of Service</a></span> |
<span><a href="https://adoc.pub/copyright">Copyright</a></span> |
<span><a href="https://adoc.pub/contact">Contact Us</a></span> |
<span><a href="https://adoc.pub/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://adoc.pub/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177279549-1');
</script>
<script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://adoc.pub/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function( event, ui ) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_ADOCPUB_cookie_box() {
document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/";
hide_ADOCPUB_cookie_box();
}
function hide_ADOCPUB_cookie_box() {
var cb = document.getElementById('ADOCPUB_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var ADOCPUB_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('ADOCPUB_cookie_box_viewed');
if (ADOCPUB_cookie_box_viewed) {
hide_ADOCPUB_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
