Advertisement
Guest User

asdasd

a guest
May 29th, 2016
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.65 KB | None | 0 0
  1. @extends('layouts.app')
  2.  
  3. @section('content')
  4.  
  5. <script type="text/javascript">
  6. $(document).ready(function(){
  7.  
  8. // CSSMap;
  9. $("#map-poland").CSSMap({
  10. "size": 960,
  11. "mapStyle": "vintage",
  12. "cities": true,
  13. "tooltips": "floating-top-center",
  14. "responsive": "auto",
  15. "fitHeight": true,
  16. "agentsList": {
  17. "enable": true,
  18. "agentsListId": "#demo-agents",
  19. "agentsListSpeed": 0,
  20. "agentsListOnHover": false
  21. },
  22. "pins": {
  23. "enable": true,
  24. "pinsId": "#demo-markers",
  25. "mapSize": 960,
  26. "markerPosition": "middle",
  27. "tooltipPosition": "bottom",
  28. "tooltipOnClick": false,
  29. "clickableRegions": true
  30. },
  31.  
  32.  
  33. });
  34. // END OF THE CSSMap;
  35.  
  36. });
  37. </script>
  38.  
  39. <div class="main">
  40.  
  41. <div id="display-map" class="display-demo-map">
  42. <div class="map"><span class="map">
  43.  
  44. <div id="map-poland">
  45. <ul class="poland">
  46. <li class="pl1"><a href="#dolnoslaskie">Dolnośląskie</a></li>
  47. <li class="pl2"><a href="#kujawsko-pomorskie">Kujawsko-pomorskie</a></li>
  48. <li class="pl3"><a href="#lubelskie">Lubelskie</a></li>
  49. <li class="pl4"><a href="#lubuskie">Lubuskie</a></li>
  50. <li class="pl5"><a href="#lodzkie">Łódzkie</a></li>
  51. <li class="pl6"><a href="#malopolskie">Małopolskie</a></li>
  52. <li class="pl7"><a href="#mazowieckie">Mazowieckie</a></li>
  53. <li class="pl8"><a href="#opolskie">Opolskie</a></li>
  54. <li class="pl9"><a href="#podkarpackie">Podkarpackie</a></li>
  55. <li class="pl10"><a href="#podlaskie">Podlaskie</a></li>
  56. <li class="pl11"><a href="#pomorskie">Pomorskie</a></li>
  57. <li class="pl12"><a href="#slaskie">Śląskie</a></li>
  58. <li class="pl13"><a href="#swietokrzyskie">Świętokrzyskie</a></li>
  59. <li class="pl14"><a href="#warminsko-mazurskie">Warmińsko-mazurskie</a></li>
  60. <li class="pl15"><a href="#wielkopolskie">Wielkopolskie</a></li>
  61. <li class="pl16"><a href="#zachodniopomorskie">Zachodniopomorskie</a></li>
  62. </ul>
  63.  
  64. </div>
  65. </div> <!-- end map -->
  66.  
  67. <div id="demo-markers">
  68. <ul class="cssmap-pins">
  69.  
  70. <?php
  71.  
  72. $miasta = App\MiastoNaMapie::all()->take(41);
  73. $pogoda = $users = DB::table('pogoda')
  74. ->leftJoin('mapa_miast', 'pogoda.id_miasta', '=', 'mapa_miast.id')->take(41)
  75. ->get();
  76.  
  77. $dolnosclaskie = Array();
  78. $pomorskie = Array();
  79. $warminskie = Array();
  80. $podlaskie = Array();
  81. $mazowieckie = Array();
  82. $lubelskie = Array();
  83. $podkarpackie = Array();
  84. $malopolskie = Array();
  85. $swietokrzyskie = Array();
  86. $slaskie = Array();
  87. $opolskie = Array();
  88. $lodzkie = Array();
  89. $wielkopolskie = Array();
  90. $lubuskie = Array();
  91. $zachodniopomorskie = Array();
  92. $kujawskie = Array();
  93.  
  94. foreach($pogoda as $pog)
  95. {
  96. if($pog->wojewodztwo=='Dolnośląskie')
  97. {
  98.  
  99. array_push($dolnosclaskie,$pog);
  100.  
  101. }
  102.  
  103. if($pog->wojewodztwo=='Pomorskie')
  104. {
  105. $pomorskie=$pog;
  106.  
  107. }
  108.  
  109. if($pog->wojewodztwo=='Warmińsko-mazurskie')
  110. {
  111. $warminskie=$pog;
  112.  
  113. }
  114.  
  115. if($pog->wojewodztwo=='Podlaskie')
  116. {
  117. $podlaskie=$pog;
  118.  
  119. }
  120.  
  121. if($pog->wojewodztwo=='Mazowieckie')
  122. {
  123. $mazowieckie=$pog;
  124.  
  125. }
  126.  
  127. if($pog->wojewodztwo=='Lubelskie')
  128. {
  129. $lubelskie=$pog;
  130.  
  131. }
  132.  
  133. if($pog->wojewodztwo=='Podkarpackie')
  134. {
  135. $podkarpackie=$pog;
  136.  
  137. }
  138.  
  139. if($pog->wojewodztwo=='Małopolskie')
  140. {
  141. $malopolskie=$pog;
  142.  
  143. }
  144.  
  145. if($pog->wojewodztwo=='Świętokrzyskie')
  146. {
  147. $swietokrzyskie=$pog;
  148.  
  149. }
  150.  
  151. if($pog->wojewodztwo=='Śląskie')
  152. {
  153. $slaskie=$pog;
  154.  
  155. }
  156.  
  157. if($pog->wojewodztwo=='Opolskie')
  158. {
  159. $opolskie=$pog;
  160.  
  161. }
  162.  
  163. if($pog->wojewodztwo=='Łódzkie')
  164. {
  165. $lodzkie=$pog;
  166.  
  167. }
  168.  
  169. if($pog->wojewodztwo=='Wielkopolskie')
  170. {
  171. $wielkopolskie=$pog;
  172.  
  173. }
  174.  
  175. if($pog->wojewodztwo=='Lubuskie')
  176. {
  177. $lubuskie=$pog;
  178.  
  179. }
  180.  
  181. if($pog->wojewodztwo=='Zachodniopomorskie')
  182. {
  183. $zachodniopomorskie=$pog;
  184.  
  185. }
  186.  
  187. if($pog->wojewodztwo=='Kujawsko-pomorskie')
  188. {
  189. array_push($kujawskie,$pog);
  190.  
  191. }
  192.  
  193. }
  194.  
  195.  
  196. ?>
  197.  
  198. @foreach($pogoda as $pogo)
  199.  
  200. <?php
  201. $ikona = URL::asset('icons/Cloudy.png');
  202. if($pogo->pogoda ==0)
  203. {
  204. $ikona= URL::asset('Cloudy.png');
  205.  
  206. }
  207.  
  208. if($pogo->pogoda ==1)
  209. {
  210. $ikona= URL::asset('Drizzle.png');
  211. }
  212. if($pogo->pogoda ==2)
  213. {
  214. $ikona= URL::asset('Sunny.png');
  215. }
  216. if($pogo->pogoda ==3)
  217. {
  218. $ikona= URL::asset('MostlyCloudy.png');
  219. }
  220. if($pogo->pogoda ==4)
  221. {
  222. $ikona= URL::asset('SlightDrizzle.png');
  223. }
  224. if($pogo->pogoda ==5)
  225. {
  226. $ikona= URL::asset('Snow.png');
  227.  
  228. }
  229. if($pogo->pogoda ==6)
  230. {
  231. $ikona= URL::asset('Haze.png');
  232. }
  233. if($pogo->pogoda ==7)
  234. {
  235. $ikona= URL::asset('Thunderstorms.png');
  236. }
  237.  
  238.  
  239. ?>
  240.  
  241.  
  242. <li class="cssmap-pin" data-cssmap-coords="{{$pogo->x+200}},{{$pogo->y}}" style="list-style: none;">
  243.  
  244. <div class="cssmap-tooltip-content aligncenter " >
  245. <h5>{{$pogo->nazwa}}</h5>
  246. <p>Temperatura min: {{$pogo->temp_min}} C</p>
  247. <p>Temperatura max: {{$pogo->temp_max}} C</p>
  248. <p>Cisnienie: {{$pogo->cisnienie}} hPa</p>
  249. <p>Wilgotność: {{$pogo->wilgotnosc}} g/m^3</p>
  250. <p>Siła wiatru: {{$pogo->wilgotnosc}} km/h</p>
  251.  
  252. </div>
  253.  
  254. <a href="#" class="cssmap-marker"><img src="{{$ikona}}" width="45px;" height="45px%" alt="img"/></a>
  255.  
  256. </li>
  257.  
  258. @endforeach
  259.  
  260. </ul>
  261.  
  262. </div>
  263.  
  264.  
  265.  
  266.  
  267. <div id="demo-agents" class="demo-agents-list wrapper">
  268. <ul style="list-style-type: none">
  269.  
  270.  
  271. <li id="dolnoslaskie"><h3>dolnośląsk3ie</h3><p>Some info about Dolnośląskie, or list of addresses, or anything else you want to display here.</p><p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam.</p>
  272.  
  273.  
  274. </li>
  275. <li id="kujawsko-pomorskie">
  276.  
  277. <div id="demo-agents" class="demo-agents-list wrapper" style="width: 15%;">
  278. @foreach($kujawskie as $woj)
  279.  
  280. <div class="cssmap-tooltip-content aligncenter cssmap-vintage" >
  281. <h5>{{$woj->nazwa}}</h5>
  282. <p>Temperatura min: {{$woj->temp_min}} C</p>
  283. <p>Temperatura max: {{$woj->temp_max}} C</p>
  284. <p>Cisnienie: {{$woj->cisnienie}} hPa</p>
  285. <p>Wilgotność: {{$woj->wilgotnosc}} g/m^3</p>
  286. <p>Siła wiatru: {{$woj->wilgotnosc}} km/h</p>
  287.  
  288. </div>
  289.  
  290. @endforeach
  291. </div>
  292. </li>
  293. <li id="lubelskie"><h3>Lubelskie</h3><p>Some info about Lubelskie, or list of addresses, or anything else you want to display here.</p><p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor.</p> </li>
  294. <li id="lubuskie"><h3>Lubuskie</h3><p>Some info about Lubuskie, or list of addresses, or anything else you want to display here.</p><p>Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Aenean facilisis nulla vitae urna tincidunt congue sed.</p> </li>
  295. <li id="lodzkie"><h3>Łódzkie</h3><p>Some info about Łódzkie, or list of addresses, or anything else you want to display here.</p><p>Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper.</p> </li>
  296. <li id="malopolskie"><h3>Małopolskie</h3><p>Some info about Małopolskie, or list of addresses, or anything else you want to display here.</p><p>Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat.</p> </li>
  297. <li id="mazowieckie"><h3>Mazowieckie</h3><p>Some info about Mazowieckie, or list of addresses, or anything else you want to display here.</p><p>Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum.</p> </li>
  298. <li id="opolskie"><h3>Opolskie</h3><p>Some info about Opolskie, or list of addresses, or anything else you want to display here.</p><p>Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat.</p> </li>
  299. <li id="podkarpackie"><h3>Podkarpackie</h3><p>Some info about Podkarpackie, or list of addresses, or anything else you want to display here.</p><p>Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut.</p> </li>
  300. <li id="podlaskie"><h3>Podlaskie</h3><p>Some info about Podlaskie, or list of addresses, or anything else you want to display here.</p><p>Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat.</p> </li>
  301. <li id="pomorskie"><h3>Pomorskie</h3><p>Some info about Pomorskie, or list of addresses, or anything else you want to display here.</p><p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor.</p> </li>
  302. <li id="slaskie"><h3>Śląskie</h3><p>Some info about Śląskie, or list of addresses, or anything else you want to display here.</p><p>Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper.</p> </li>
  303. <li id="swietokrzyskie"><h3>Świętokrzyskie</h3><p>Some info about Świętokrzyskie, or list of addresses, or anything else you want to display here.</p><p>Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Aenean facilisis nulla vitae urna tincidunt congue sed.</p> </li>
  304. <li id="warminsko-mazurskie"><h3>Warmińsko-mazurskie</h3><p>Some info about Warmińsko-mazurskie, or list of addresses, or anything else you want to display here.</p><p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam.</p> </li>
  305. <li id="wielkopolskie"><h3>Wielkopolskie</h3><p>Some info about Wielkopolskie, or list of addresses, or anything else you want to display here.</p><p>Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper.</p> </li>
  306. <li id="zachodniopomorskie"><h3>Zachodniopomorskie</h3><p>Some info about Zachodniopomorskie, or list of addresses, or anything else you want to display here.</p><p>Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Aenean facilisis nulla vitae urna tincidunt congue sed.</p> </li>
  307. </ul>
  308. </div>
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318. </span></div>
  319.  
  320.  
  321. <?php
  322. $aktualnosci = App\Aktualnosci::where('id','>','-1')->orderBy('updated_at')->take(3)->get();
  323.  
  324.  
  325. ?>
  326.  
  327.  
  328. <div class="news">
  329.  
  330. @foreach($aktualnosci as $akt)
  331.  
  332.  
  333. <span class="photo">
  334.  
  335. <img src="data:image/jpeg;base64,{{ base64_encode($akt->zdjecie) }}" alt=""/></span>
  336. <span class="content">{!!$akt->tresc!!}
  337.  
  338.  
  339. </span>
  340. </br>
  341. @endforeach
  342. </div>
  343.  
  344. <div class="side">
  345.  
  346. <div class="media_side"><img src="../Pictures/Rubaszne obrazki/3cbd9c207bd9f5330a73ef8fac74392b.jpg" width="480" height="902" alt=""/></div>
  347. </div>
  348.  
  349. </div>
  350.  
  351.  
  352.  
  353.  
  354.  
  355. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement