Anonymní profil Jan – Programujte.com

Příspěvky odeslané z IP adresy 188.167.92.–

rdev

JavaScript, AJAX, jQuery › React - predavanie dat cez p…

6. 1. 2019 #382707

Ahojte, robim jednu appku pre React skor pre edukacne ucely a zaujima ma vas nazor na riesenie "problemu" so zdielanim dat medzi komponentmi.

Aplikacia je jednoducha, je tam login page a nasledne nejaka "main" page ktora ma sidebar a tri taby. Na tom sidebare su tlacidla k tabom s informaciou o pocte zaznamov v danom tabe. Kazdy tab potom zobrazuje nejake mensie komponenty s dodatocnym dadatami.

Implementacne je to tak, ze mam dva hlavne "views", Login a AppContainer. AppContainer obsahuje router, sidebar a nejaky placeholder pre taby. Nasledne router do toho placeholdra generuje zvoleny tab. Data su dotahovane cez fetch API na nejaku REST API. Otazne je, je vhodne miesto na to tie data volat a drzat.

Moj prvotny navrh je urobit to tak, ze tie data sa loadnu po logine (asi aj musia, pretoze potrebujem zobrazit ich pocty uz na main page) a nasledne ich predavat z AppContainera do child componentov cez props. Jeidny problem ktory vidim je, ze sa vsetky cally vykonaju na zaciatku a naraz a mozno zbytocne len kvoli ciselkam na tlacidlach, ale toto inak riesit neviem. Mozno nejakym endpointom navyse len kvoli tejto informacii, ale povedzme, ze nic take nemam k dispozicii. Je to uplne blby pristup, alebo je to na zaciatok ok ?

Pripominam, ze je to na edukacne ucely, neskor tam planujem pouzit context API a neskor Redux, postupne ako sa tym budem preluskavat, ale aktualne hladam nejaku schodnu cestu pre cloveka ktory s Reactom zacina.

Vdaka.

Jan

.NET › Automaticke generovanie kodu…

13. 4. 2018 #220390

Ahojte,

momentalne pracujem na projekde kde casto pre pridanie novej funkcionality robim opakovane kroky ktore zaberaju hrozne vela casu, ale zaroven su velmi jednoduche aj ked je tam potencial urobit chybu a niekedy ju pracne dohladat. Chcel by som tuto cinnost nejako automatizovat. S generovanim class a kodu nemam skusenosti, ale myslim, ze nieco podobne tiesia T4templaty. Rad by som to ale mal konfigurovatelne, cize taka moja utopisticka predstava je cez nejake rozhranie vybrat entitu od ktorej sa to ma cele odrazit, nastavit niekolko parametrov a nasledne spustit cely proces generovania. S tymto ale nemam ziadne skusenosti. Ako by ste to riesili ? Mne by sa pacila forma nejakej VS extension ktora poskytne UI ktory “odpali” alebo templaty, alebo nejaky iny mechanizmus ktory vygeneruje to co potrebujem. Dakujem

Jan

CSS › DIV presahuje floatovany ele…

16. 5. 2017 #216069

#4 peter
Dakujem :-)

Musel som si to precitat 3x kym som to celkom pochopil, ale uz tomu rozumiem. Tiez rozumiem tomu, ze CSS by si mozno zasluzilo "reformovat" :D

Este raz vdaka.

Jan

CSS › DIV presahuje floatovany ele…

15. 5. 2017 #216061

#2 weroro
Ok, toto riesenie sa mi paci a funguje :-) Dakujem

Akurat som uplne nepochopil tomu co si myslel tym, ze je to vlastnost obtekania. Je to trochu matuce, pretoze text sice floatovany element obteka, ale s divom ktory ho obaluje sa nepohlo ...

Jan

CSS › DIV presahuje floatovany ele…

15. 5. 2017 #216057

Ahojte,

v ramci jedneho kurzu mam nieco ako domacu ulohu. Mal by som vytvorit nieco taketo:

https://d17oy1vhnax1f7.cloudfront.net/items/3Q3B0N0y1w1w1Z2G3N3M/blog-3.png a malo by to byt pomocou floatov.

Momentalne mam:

<body>
		<header>
			<h1>DARING FIREBALL</h1>
		</header>
		<main>
			<aside class="navigation">
				<ul>
					<li><a href="#"></a>ARCHIVE</li>
					<li><a href="#"></a>THE TALK SHOW</li>
					<li><a href="#"></a>$2.99 - VESPER</li>
					<li><a href="#"></a>PROJECTS</li>
					<li><a href="#"></a>CONTACT</li>
					<li><a href="#"></a>COLOPHON</li>
				</ul>
			</aside>
			<article>
				<header>Tim Cook: "I'm Proud to Be Gay"</header>
				<h1>Tim Cook, writting in Bussinessweek</h1>
				<div class=articleContent>
					<p>Caramels ice cream liquorice ice cream chocolate cake donut cookie bear claw. Cookie chocolate cake pie fruitcake sweet. Gingerbread powder liquorice croissant tiramisu donut. Macaroon macaroon candy marshmallow jujubes jelly brownie halvah.</p>

					<p>Ice cream muffin chocolate chocolate cake cupcake pie chocolate cake. Cookie sugar plum lemon drops cake I love I love. Pudding jelly-o pie lemon drops oat cake. I love soufflé jelly beans.</p>
				</div>
			</article>
		</main>
		<footer>
			
		</footer>
	</body>

body{
	width: 60%;
	margin: 0 auto;
}

.navigation{
	float: left;
	width: 15%;
	outline: 2px solid green;
}

.navigation ul{
	list-style-type: none;
}

article header{
	color: red;
}

article h1{

}

article .articleContent{
	border-left: 1px solid black;
	outline: 2px solid red;
}

Vysledkom je nieco taketo:

Připojen obrázek.

Problem je ten, ze ten cerveny div "overflowne" ten zeleny a ten lavy border ktory sa tam snazim vykuzlit je tym padom uplne vlavo. Problem je asi ten, ze ak to chapem spravne, floatovany element sa umietnuje relativne, resp stale ostava v document flowe.Riesenim by bolo floatnut ten cerveny div vpravo a nastavit mu sirku. Je to spravny postup, alebo sa to da robit inteligentnejsie ? Mam totiz radsej ked sa veci nastavuju automaticky a dopocitavaju sa nez im nastavovat nieco napevno.

Dakujem

Fid

.NET › Technologia pre vyvoj 2D hie…

1. 5. 2017 #215769

Ahojte,

normalne sa venujem vyvoju webov, hlavne back-endu, obcas front-endu a v ramci nejakeho volneho casu by som sa rad venoval vyvoju hier. Skor pre radost, rozanimovat nejake postavicky a tak podobne :-)

Co ma zaujima je, co aktualne fici. Po zadani nejakej query do Google som narazil napriklad na MonoGame

https://docs.microsoft.com/en-us/windows/uwp/get-started/get-started-tutorial-game-mg2d

o com som si myslel, ze je je mrtve. Unity 3D sa zvycajne pouziva na 3D aplikacie, ale vygooglil som aj Unity 2D.

Mate nejaky tip, kde zacat, pripadne co sa oplati, resp ma buducnost ?

Vdaka

Jan

CSS › Umiestnenie Footera v Bootst…

27. 1. 2017 #214668

skusal som to x sposobmi, aj podla nejakych navodov na nete, ale nefungovalo to. Nakoniec som zvolil ten prvy pristup, akurat ze som stranke nastavil minimalnu pevnu vysku. Ale budem to musiet prerobit tak, aby sa pocitala :-/

Jan

CSS › Umiestnenie Footera v Bootst…

25. 1. 2017 #214653

Ahojte,

mam problem s umiestnenim fottera v bootstrape. Mam webovu aplikaciu ktora ma niekolko stranok a co chcem docielit je aby bol footer minimalne uplne dole (na okraji stranky), ale v niektorych pripadoch aj nizsie.

Napriklad na Login screene kde je malo contentu by mal byt na okraji obrazovky, no na stranke kde je obsahu viac by sa zobrazil az pri scrollovani dole. Vobec neviem aky postup zvolit, ani ako na to ist.

Pripadne mate nejaky lepsi sposob ako fotter umiestnit tak aby to vyzeralo dobre a aby to zaroven bolo ako tak responzivne ?

Dakujem

Fidko

.NET › Automapper - Missing type ma…

16. 1. 2017 #214540

Ahojte, prvy krat pouzivam Autmapper v nadeji, ze mi ulahci pracu, ale narazil som na zvlastnu chybu, ktorej sice rozumiem, ale neviem co s nou.

Mam class

public class LookupCategoryDAL
    {
        
        public int LookupCategoryId { get; set; }
        public string LookupCategoryDescription { get; set; }
    }

public class LookupCategoryBizModel
    {
        public int LookupCategoryId { get; set; }
        public string LookupCategoryDescription { get; set; }
    }

a pri pokuse namapovat jednu do druhej

public IEnumerable<LookupCategoryBizModel> GetLookupCategories()
        {
            return _lookupProvider.GetLookupCategories().Select(m => Mapper.Map<LookupCategoryDAL, LookupCategoryBizModel>(m));
        }

dostanem error:

Missing type map configuration or unsupported mapping.

Mapping types:
LookupCategoryDAL -> LookupCategoryBizModel
ProtektorySalak.Data.DataObjects.Domains.LookupCategoryDAL -> ProtektorySalak.Interfaces.Business.Entities.LookupCategoryBizModel

Inicializaciu mam aktualne v konstruktore, pretoze som uplne nedomyslel ako to spravit inak, ale nemal by to byt problem:

public DALFacade()
        {
            Mapper.Initialize(cfg => cfg.CreateMap<LookupCategoryBizModel, LookupCategoryDAL>().ReverseMap());
            Mapper.Initialize(cfg => cfg.CreateMap<ProductBizModel, ProductDAL>().ReverseMap());
            Mapper.Initialize(cfg => cfg.CreateMap<LookupBizModel, LookupDAL>().ReverseMap());

            _lookupProvider = new LookupProvider();
            _productProvider = new ProductProvider();
        }

Mate nejaky tip, co mu moze vadit ? Vdaka.

Jon

CSS › Inline block - ako funguje ?

1. 6. 2016 #211058

Takze kod:

<!doctype html>
<html>
	<head>
		<title>Design Breakfeast</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div class="content">
			<h1>Designers' Secret Source</h1>
			<h2>All the design inspiration you need</h2>
			<a href="#" class="button">Stay Inspired</a>
			<p class="notes">Muzli is a new-tab chrome extension, it will become your home page, so you don’t miss anything.</p>
		</div>
	</body>
</html>

body{
	margin: 0px;
	background-color: #8fd2d2; 
	font-family: 'Open Sans', arial, sans-serif;
}

h1, h2{
	color: #ffffff;
}

h1{
	
	font-size: 3em;
}

a.button{
	background-color: #FF2178;
	padding: 20px;
	border-radius: 5px;
	color: #ffffff;
	font-weight: 800;
	text-decoration: none;
	display: inline-block;
}

p.notes{
	font-size: smaller;
}

.content{
	width: 700px;
	margin: 0px auto;
	text-align: center;
}

A vysledok:

Připojen obrázek.

Co je spravne. Ked ale odstranim inline-block:

Připojen obrázek.

dostanem toto a to je zle.