1 00:00:01,100 --> 00:00:03,200 ‫Kursleiter: In Ordnung, dies ist Teil 2 00:00:03,200 --> 00:00:05,313 ‫2 von Erstellen der Detailseite der Tour-Seite. 3 00:00:06,670 --> 00:00:08,820 ‫Und wir haben das letzte 4 00:00:08,820 --> 00:00:11,630 ‫Video abgebrochen, nachdem wir diesen Quick Facts-Teil hier 5 00:00:11,630 --> 00:00:14,130 ‫mit einigen Mixins erstellt haben, richtig? 6 00:00:14,130 --> 00:00:16,550 ‫Und als nächstes ist es an der 7 00:00:16,550 --> 00:00:19,010 ‫Zeit, diesen Teil der Anleitungen hier zu erstellen. 8 00:00:19,010 --> 00:00:21,550 ‫Jetzt wissen wir vorher nicht, wie viele Tourguides 9 00:00:21,550 --> 00:00:23,950 ‫es tatsächlich auf jeder Tour gibt. 10 00:00:23,950 --> 00:00:26,150 ‫Genau wie auf der Übersichtsseite benötigen wir 11 00:00:26,150 --> 00:00:27,930 ‫hier also eine weitere 12 00:00:27,930 --> 00:00:30,260 ‫Schleife, um grundsätzlich alle Guides zu durchlaufen, 13 00:00:30,260 --> 00:00:32,423 ‫die mit einer bestimmten Tour verbunden sind. 14 00:00:34,030 --> 00:00:36,220 ‫Also, lass uns das tun. 15 00:00:36,220 --> 00:00:39,900 ‫Und im Moment haben wir tatsächlich diese drei Elemente. 16 00:00:39,900 --> 00:00:43,210 ‫Also diese drei Boxen, eine für jede Anleitung. 17 00:00:43,210 --> 00:00:47,570 ‫Aber wie gesagt, so wollen wir es nicht. 18 00:00:47,570 --> 00:00:51,970 ‫Also lass uns diese beiden loswerden und dann hier eine Schleife 19 00:00:51,970 --> 00:00:55,210 ‫erstellen, die in jeder Iteration eine Box erstellt, 20 00:00:55,210 --> 00:00:57,620 ‫also ein Element wie dieses. 21 00:00:57,620 --> 00:00:59,553 ‫Und das sollte relativ einfach sein. 22 00:01:00,460 --> 00:01:01,880 ‫Wir verwenden also wieder 23 00:01:03,890 --> 00:01:06,923 ‫jeweils den Namen der Variablen in der aktuellen Iteration, 24 00:01:08,505 --> 00:01:11,580 ‫in und dann das Array, das wir durchlaufen möchten. 25 00:01:11,580 --> 00:01:14,933 ‫Und das ist die Tour. Führer. 26 00:01:16,980 --> 00:01:18,230 ‫Richtig? 27 00:01:18,230 --> 00:01:19,063 ‫Also, wo 28 00:01:20,080 --> 00:01:20,913 ‫ist das? 29 00:01:23,540 --> 00:01:26,620 ‫Ja, hier ist also unsere Auswahl an Anleitungen. 30 00:01:26,620 --> 00:01:29,810 ‫Welche in der Datenbank werden dann natürlich 31 00:01:29,810 --> 00:01:34,393 ‫mit den entsprechenden Benutzern befüllt und nicht nur mit den IDs, oder? 32 00:01:35,260 --> 00:01:37,803 ‫Jetzt müssen wir das alles hier einrücken. 33 00:01:38,902 --> 00:01:40,350 ‫Und so wird jede 34 00:01:40,350 --> 00:01:43,220 ‫dieser Anleitungen hier im Grunde ein Benutzerdokument sein. 35 00:01:43,220 --> 00:01:46,010 ‫Schauen wir uns das also 36 00:01:46,010 --> 00:01:50,560 ‫schnell in Compass an, denn wir haben diese Art von Daten 37 00:01:50,560 --> 00:01:53,390 ‫nicht in unserem JSON-Dokument, weil die Bevölkerung 38 00:01:53,390 --> 00:01:57,520 ‫natürlich nur hinter den Kulissen mit Mongos stattfindet, oder? 39 00:01:57,520 --> 00:01:59,600 ‫Jeder der Guides ist also ein Benutzer. 40 00:01:59,600 --> 00:02:03,573 ‫Was wir also wollen, ist der Name und das Foto. 41 00:02:06,100 --> 00:02:09,893 ‫Hier wollen wir natürlich das Foto. 42 00:02:10,890 --> 00:02:12,140 ‫Das ist 43 00:02:12,140 --> 00:02:16,683 ‫auf dieser Seite bei Bilder/Benutzer und dann der Name des Benutzerfotos. 44 00:02:20,180 --> 00:02:22,850 ‫Also Anleitung. Foto. 45 00:02:22,850 --> 00:02:25,350 ‫Das ist hier wiederum der Variablenname 46 00:02:25,350 --> 00:02:27,540 ‫in der aktuellen Iteration. 47 00:02:27,540 --> 00:02:30,130 ‫Dann weiß ich hier nicht, warum es Lead Guide 48 00:02:30,130 --> 00:02:33,223 ‫heißt, aber lassen Sie uns den Namen der Person hier wirklich angeben. 49 00:02:37,030 --> 00:02:39,520 ‫Also Anleitung. Name. 50 00:02:39,520 --> 00:02:42,713 ‫Dann wollen wir hier wieder den Namen des Führers. Name. 51 00:02:45,997 --> 00:02:46,850 ‫Und dann wollen wir auch noch das Etikett. 52 00:02:46,850 --> 00:02:49,330 ‫Im Grunde ist das also Lead Guide, wenn es sich um 53 00:02:49,330 --> 00:02:50,940 ‫einen Lead Guide handelt, und einfach 54 00:02:50,940 --> 00:02:53,060 ‫Tour Guide, wenn es sich um einen regulären Guide handelt. 55 00:02:53,060 --> 00:02:56,810 ‫Lassen Sie mich Ihnen nun zeigen, was passiert, wenn wir die 56 00:02:56,810 --> 00:02:58,270 ‫Rolle einfach hier platzieren. 57 00:02:58,270 --> 00:03:00,223 ‫Denken Sie also daran, dass Rolle die 58 00:03:02,300 --> 00:03:04,830 ‫Eigenschaft ist, bei der wir sagen, ob ein Benutzer ein Guide 59 00:03:04,830 --> 00:03:07,040 ‫oder ein Lead Guide oder sogar ein Administrator ist. 60 00:03:07,040 --> 00:03:09,333 ‫Okay? 61 00:03:10,430 --> 00:03:11,450 ‫Lassen Sie uns also 62 00:03:11,450 --> 00:03:14,030 ‫noch einmal sehen, was passiert, wenn wir es einfach so ausdrücken. 63 00:03:14,030 --> 00:03:16,130 ‫Und damit sollten wir bereit sein, es tatsächlich zu testen. 64 00:03:16,130 --> 00:03:19,963 ‫Lassen Sie es uns sparen. 65 00:03:21,450 --> 00:03:23,030 ‫Und es geht los. 66 00:03:23,030 --> 00:03:24,700 ‫Wir haben also die 67 00:03:24,700 --> 00:03:27,800 ‫drei Fotos, die Namen, aber dann sieht hier 68 00:03:27,800 --> 00:03:30,440 ‫die Führungsrolle nicht wirklich gut aus, oder? 69 00:03:30,440 --> 00:03:33,020 ‫Denken Sie also daran, 70 00:03:33,020 --> 00:03:37,640 ‫wie wir eigentlich Hauptführer und Reiseleiter sagen möchten. 71 00:03:37,640 --> 00:03:38,883 ‫Okay, und jetzt ist es an der Zeit, eine Bedingung zu verwenden. 72 00:03:39,930 --> 00:03:43,270 ‫Jetzt hat Mops tatsächlich eingebaute Bedingungen, aber sie 73 00:03:43,270 --> 00:03:46,080 ‫sind wirklich einfach und wir können 74 00:03:46,080 --> 00:03:48,390 ‫nicht viel damit anfangen. 75 00:03:48,390 --> 00:03:50,020 ‫Sie erlauben uns zum 76 00:03:50,020 --> 00:03:52,240 ‫Beispiel nicht einmal, auf Gleichberechtigung zu testen. 77 00:03:52,240 --> 00:03:54,990 ‫Aber das Gute ist, dass wir dafür tatsächlich 78 00:03:54,990 --> 00:03:56,520 ‫noch JavaScript verwenden können. 79 00:03:56,520 --> 00:03:58,813 ‫Und so verwenden wir wieder etwas ungepufferten Code dafür. 80 00:03:59,770 --> 00:04:03,190 ‫Also mit der Bindestrich-Syntax und dann können wir 81 00:04:03,190 --> 00:04:05,730 ‫hier ein normales JavaScript verwenden. 82 00:04:05,730 --> 00:04:08,023 ‫Also noch einmal, als ob wir nur JavaScript schreiben würden. 83 00:04:08,890 --> 00:04:12,180 ‫Und so führen. Rolle und jetzt können wir testen und sagen, 84 00:04:12,180 --> 00:04:16,340 ‫ob es ein Lead-Guide ist. 85 00:04:16,340 --> 00:04:19,873 ‫Nun, dann wollen wir hier Lead 86 00:04:22,130 --> 00:04:24,340 ‫Guide sagen, okay? 87 00:04:27,330 --> 00:04:28,753 ‫Und lass uns noch 88 00:04:32,309 --> 00:04:33,980 ‫einen hier setzen und sagen, 89 00:04:33,980 --> 00:04:37,320 ‫wenn die Rolle nur Führer ist, dann wollen wir Reiseleiter. 90 00:04:37,320 --> 00:04:40,690 ‫Und so verwenden wir ein JavaScript, wenn wir in 91 00:04:40,690 --> 00:04:44,660 ‫Pug schreiben und es dann mit einer Pug-Ausgabe wie dieser kombinieren. 92 00:04:44,660 --> 00:04:48,823 ‫Gut? 93 00:04:50,237 --> 00:04:51,320 ‫Also, lass uns sehen. 94 00:04:51,320 --> 00:04:53,720 ‫Und das ist in der Tat viel schöner. 95 00:04:53,720 --> 00:04:56,333 ‫Okay. 96 00:04:58,660 --> 00:04:59,830 ‫Lassen Sie 97 00:04:59,830 --> 00:05:03,350 ‫uns diesen leeren Raum hier loswerden und gehen Sie 98 00:05:03,350 --> 00:05:05,200 ‫zum nächsten, dem Beschreibungsfeld. 99 00:05:05,200 --> 00:05:06,883 ‫Also zuerst hier oben in der Überschrift 100 00:05:07,870 --> 00:05:09,750 ‫haben wir eigentlich auch den Namen der Tour. 101 00:05:09,750 --> 00:05:12,320 ‫Das hier ist also der Name der Tour, 102 00:05:12,320 --> 00:05:14,250 ‫also erstellen wir eine 103 00:05:14,250 --> 00:05:16,310 ‫Vorlagenzeichenfolge und geben dort tour ein. Name. 104 00:05:16,310 --> 00:05:21,220 ‫Ich dachte, das würde funktionieren. 105 00:05:23,770 --> 00:05:25,070 ‫Aber das tut es nicht. 106 00:05:26,870 --> 00:05:27,750 ‫Dies funktioniert nur in JavaScript. 107 00:05:27,750 --> 00:05:29,250 ‫Okay, und eigentlich ist mir gerade 108 00:05:30,650 --> 00:05:33,040 ‫eingefallen, dass wir die Tour auch gleich im Haupttitel haben wollen. 109 00:05:33,040 --> 00:05:38,040 ‫Also genau hier. 110 00:05:38,600 --> 00:05:42,573 ‫Okay, also machen wir das. 111 00:05:44,420 --> 00:05:45,983 ‫Okay. 112 00:05:51,040 --> 00:05:51,873 ‫Aber egal, lassen 113 00:05:53,200 --> 00:05:55,500 ‫Sie uns hier nach unten gehen und diese Absätze erstellen. 114 00:05:56,550 --> 00:05:59,010 ‫Wie Sie sehen, haben wir hier eigentlich zwei 115 00:05:59,010 --> 00:06:00,670 ‫Absätze für diesen Text. 116 00:06:00,670 --> 00:06:04,090 ‫Schauen wir uns also einfach an, wie wir 117 00:06:04,090 --> 00:06:06,950 ‫es hier in der Beschreibung haben. 118 00:06:06,950 --> 00:06:08,230 ‫Und wie Sie sehen, haben wir natürlich nur eine große Saite. 119 00:06:08,230 --> 00:06:12,200 ‫Aber wir haben es in der Mitte geteilt 120 00:06:12,200 --> 00:06:14,560 ‫mit diesen neuen Zeilenzeichen. 121 00:06:14,560 --> 00:06:16,460 ‫Gut? 122 00:06:16,460 --> 00:06:17,293 ‫Also teilen 123 00:06:17,293 --> 00:06:20,230 ‫wir die Zeichenfolge durch das neue Zeilenzeichen auf. 124 00:06:20,230 --> 00:06:21,743 ‫Okay? 125 00:06:23,550 --> 00:06:24,750 ‫Das ist also einfach, oder? 126 00:06:24,750 --> 00:06:26,923 ‫Also ungepufferter Code zum Schreiben von JavaScript. 127 00:06:29,330 --> 00:06:32,743 ‫Absätze gleich Tour. Bezeichnung. geteilt durch das neue 128 00:06:35,340 --> 00:06:39,910 ‫Zeilenzeichen. 129 00:06:45,080 --> 00:06:46,853 ‫Und so wird jetzt ein Array erstellt. 130 00:06:47,880 --> 00:06:50,400 ‫Absätze ist also ein Array, bei dem jedes 131 00:06:50,400 --> 00:06:52,460 ‫Element im Grunde ein Absatz ist. 132 00:06:52,460 --> 00:06:55,893 ‫Okay? 133 00:06:56,950 --> 00:06:57,840 ‫Jetzt müssen wir 134 00:06:57,840 --> 00:07:00,130 ‫also nur noch alle diese Absätze durchlaufen und ihren Inhalt ausdrucken. 135 00:07:00,130 --> 00:07:03,940 ‫Also jedes p, sagen wir, in 136 00:07:03,940 --> 00:07:06,520 ‫Absätzen wird p sein. description_text gleich dem aktuellen Absatz, 137 00:07:06,520 --> 00:07:10,280 ‫der p ist. 138 00:07:13,870 --> 00:07:17,063 ‫Also einfach oder? 139 00:07:20,920 --> 00:07:22,343 ‫Lassen Sie uns das überprüfen. 140 00:07:23,490 --> 00:07:24,653 ‫Und wir können nicht wirklich 141 00:07:27,560 --> 00:07:30,160 ‫sehen, ob es anders ist, weil ich hier nur diesen Blindtext verwendet habe. 142 00:07:30,160 --> 00:07:32,870 ‫Aber ich kann Ihnen sagen, dass dies hier 143 00:07:32,870 --> 00:07:34,760 ‫der richtige Text sein sollte. 144 00:07:34,760 --> 00:07:36,340 ‫Und wenn wir zur 145 00:07:36,340 --> 00:07:38,630 ‫Waldwanderertour gehen, eigentlich hier in Compass, wo 146 00:07:38,630 --> 00:07:39,880 ‫ist das dann? 147 00:07:42,320 --> 00:07:43,620 ‫Genau hier. 148 00:07:45,370 --> 00:07:46,480 ‫Wenn wir also hier zur 149 00:07:46,480 --> 00:07:48,613 ‫Beschreibung gehen und versuchen, diese zu bearbeiten, fügen wir hier einfach 150 00:07:49,637 --> 00:07:51,173 ‫ein weiteres Zeichen für eine neue Zeile hinzu. 151 00:07:53,140 --> 00:07:58,140 ‫Dann lass uns aktualisieren und dann sollten wir 152 00:07:58,660 --> 00:08:03,460 ‫hier irgendwo einen neuen Absatz sehen. 153 00:08:03,460 --> 00:08:05,460 ‫Lass uns das ändern. 154 00:08:05,460 --> 00:08:07,090 ‫Und das lief nicht so gut. 155 00:08:07,090 --> 00:08:09,143 ‫Ich bin mir nicht sicher warum. 156 00:08:09,143 --> 00:08:10,800 ‫Ich habe es nie versucht, also 157 00:08:10,800 --> 00:08:12,680 ‫habe ich es zum ersten Mal versucht. 158 00:08:12,680 --> 00:08:16,560 ‫Daher bin ich mir nicht sicher, was hier schief gelaufen ist. 159 00:08:16,560 --> 00:08:19,875 ‫Vielleicht müssen wir wirklich nur eine neue Zeile 160 00:08:19,875 --> 00:08:23,860 ‫erstellen, indem wir die Eingabetaste drücken, aber auch das hat 161 00:08:23,860 --> 00:08:25,190 ‫nicht wirklich geklappt. 162 00:08:25,190 --> 00:08:28,910 ‫Mal sehen, ob wir hier tatsächlich das 163 00:08:28,910 --> 00:08:30,550 ‫neue Zeilenzeichen haben. 164 00:08:30,550 --> 00:08:32,223 ‫Und vielleicht ist es dieser hier. 165 00:08:33,460 --> 00:08:35,360 ‫Nun, aber egal, vertrau mir einfach. 166 00:08:35,360 --> 00:08:38,723 ‫Und jetzt ist unsere neue Linie noch 167 00:08:41,450 --> 00:08:43,610 ‫da, was ist los? 168 00:08:43,610 --> 00:08:44,833 ‫In Ordnung, los geht's, aktualisieren wir es. 169 00:08:49,740 --> 00:08:52,463 ‫Okay, jetzt ist auch unsere andere 170 00:08:57,830 --> 00:09:01,460 ‫neue Linie, die wir hier hatten, irgendwie verschwunden, aber egal. 171 00:09:01,460 --> 00:09:04,440 ‫Ich schätze, ich hätte Compass nicht verwenden sollen, um diesen 172 00:09:04,440 --> 00:09:05,920 ‫Text hier zu bearbeiten. 173 00:09:05,920 --> 00:09:09,430 ‫Okay? 174 00:09:09,430 --> 00:09:10,690 ‫Wie auch immer, kommen wir nun zu den Bildern. 175 00:09:10,690 --> 00:09:13,630 ‫Und im Moment sehen wir sie hier nicht, 176 00:09:13,630 --> 00:09:15,960 ‫aber so soll es aussehen, okay? 177 00:09:15,960 --> 00:09:19,710 ‫Wir haben hier also drei Bilder, die so 178 00:09:19,710 --> 00:09:21,410 ‫nebeneinander angezeigt werden. 179 00:09:21,410 --> 00:09:23,603 ‫Und das sind also 180 00:09:24,670 --> 00:09:28,390 ‫tatsächlich die Bilder, die hier irgendwo sind. 181 00:09:29,690 --> 00:09:31,530 ‫Also ja, im Bildfeld haben 182 00:09:31,530 --> 00:09:33,670 ‫wir dieses Array dieser drei Bilder. 183 00:09:33,670 --> 00:09:36,800 ‫Wir werden also noch einmal eine Schleife 184 00:09:36,800 --> 00:09:39,160 ‫verwenden, um sie zu durchlaufen. 185 00:09:40,120 --> 00:09:42,360 ‫Also, einfach genug. 186 00:09:42,360 --> 00:09:43,933 ‫Also jedes Bild in Tour. Bilder. 187 00:09:44,890 --> 00:09:49,890 ‫Und so wollen wir dies für jeden von ihnen schaffen. 188 00:09:51,190 --> 00:09:54,423 ‫Also hier die Quelle. 189 00:09:56,690 --> 00:09:58,703 ‫Und das ist eigentlich Image/Tours. 190 00:10:00,680 --> 00:10:03,963 ‫Und dann der Name des aktuellen Bildes, 191 00:10:07,800 --> 00:10:10,360 ‫das natürlich Bild ist. 192 00:10:10,360 --> 00:10:13,730 ‫Und dann haben wir hier im Alt-Text tatsächlich die 193 00:10:13,730 --> 00:10:15,760 ‫Nummer der Tour und vor allem 194 00:10:15,760 --> 00:10:17,500 ‫auch hier im CSS-Klassennamen. 195 00:10:17,500 --> 00:10:21,700 ‫Und so sehen Sie, dass das nächste Bild zwei und 196 00:10:21,700 --> 00:10:23,250 ‫Bild drei hat. 197 00:10:23,250 --> 00:10:25,693 ‫Okay? 198 00:10:26,750 --> 00:10:27,940 ‫Also, wie wollen wir das machen? 199 00:10:27,940 --> 00:10:29,900 ‫Nun, in einer Pug-Schleife können 200 00:10:29,900 --> 00:10:32,250 ‫wir tatsächlich eine zweite Variable definieren. 201 00:10:32,250 --> 00:10:34,350 ‫Und diese zweite Variable wird dann der Index sein. 202 00:10:34,350 --> 00:10:37,723 ‫Nennen wir das also ganz einfach ich. 203 00:10:38,880 --> 00:10:41,280 ‫Das ist also ein nullbasierter Index, 204 00:10:41,280 --> 00:10:43,750 ‫der für das erste Element null und für 205 00:10:43,750 --> 00:10:46,660 ‫die anderen beiden Elemente eins und zwei sein wird. 206 00:10:46,660 --> 00:10:49,023 ‫Beginnen wir also damit, das dort zu platzieren. 207 00:10:49,890 --> 00:10:53,233 ‫Das ist also i, das ist der Index 208 00:10:58,360 --> 00:11:02,460 ‫plus 1, denn wir wollen, dass dies 1 und nicht null ist. 209 00:11:02,460 --> 00:11:05,560 ‫Und jetzt ist dieser Teil hier etwas 210 00:11:05,560 --> 00:11:07,940 ‫kniffliger, weil wir diese Syntax 211 00:11:07,940 --> 00:11:11,420 ‫nicht verwenden können und wir auch nicht die 212 00:11:11,420 --> 00:11:14,580 ‫andere Interpolationssyntax hier im Klassennamen verwenden können. 213 00:11:14,580 --> 00:11:16,330 ‫Stattdessen kopieren wir 214 00:11:16,330 --> 00:11:20,270 ‫dies und definieren es tatsächlich als Klassenattribut. 215 00:11:20,270 --> 00:11:23,143 ‫Okay, und das ist genau das gleiche. 216 00:11:25,610 --> 00:11:28,140 ‫Aber hier können wir dann einen 217 00:11:28,140 --> 00:11:30,860 ‫Template-String verwenden, um diesen dann hier auszufüllen. 218 00:11:30,860 --> 00:11:33,363 ‫Also ich + 1. 219 00:11:34,870 --> 00:11:37,393 ‫In Ordnung, lass uns das loswerden. 220 00:11:39,360 --> 00:11:41,990 ‫Und lass es uns testen. 221 00:11:46,222 --> 00:11:47,122 ‫Whoa, irgendwas stimmt hier nicht. 222 00:11:49,420 --> 00:11:51,473 ‫Wir haben also unsere Bilder, aber sie sehen nicht richtig aus. 223 00:11:53,490 --> 00:11:57,450 ‫Aber der Klassenname stimmt eigentlich. 224 00:11:57,450 --> 00:11:59,850 ‫Und auch hier sieht man es angewendet. 225 00:11:59,850 --> 00:12:02,010 ‫Aber aus irgendeinem Grund wurden diese Bilder nicht gefunden. 226 00:12:02,010 --> 00:12:05,990 ‫Oder tat es tatsächlich. 227 00:12:05,990 --> 00:12:07,940 ‫Hier unten steht, dass dies nicht der Fall war. 228 00:12:07,940 --> 00:12:10,150 ‫Ah, aber das sind eigentlich andere Bilder. 229 00:12:10,150 --> 00:12:12,057 ‫Aber das sind einige andere, die etwas weiter unten sind. 230 00:12:12,057 --> 00:12:16,460 ‫Wie auch immer, was ich hier vermute, ist nicht richtig, dass dieses Bild 231 00:12:16,460 --> 00:12:19,590 ‫in diesem Bildrahmen sein sollte, und daher vermute ich, dass 232 00:12:19,590 --> 00:12:22,340 ‫etwas in unserer Einrückung hier falsch ist. 233 00:12:22,340 --> 00:12:26,690 ‫Und ja, das ist es tatsächlich. 234 00:12:26,690 --> 00:12:29,681 ‫Sie sehen also, dass dieses Bild auf der 235 00:12:29,681 --> 00:12:32,040 ‫gleichen Ebene wie dieses div-Element ist. 236 00:12:32,040 --> 00:12:33,820 ‫Da fehlt natürlich eine Einrückung. 237 00:12:33,820 --> 00:12:36,613 ‫Gut. 238 00:12:38,090 --> 00:12:38,930 ‫Und das sollte nun behoben sein. 239 00:12:38,930 --> 00:12:40,530 ‫Und es geht los. 240 00:12:43,470 --> 00:12:44,973 ‫Gut. 241 00:12:46,100 --> 00:12:47,050 ‫Also nur um zu sehen, dass dies das Problem war. 242 00:12:47,050 --> 00:12:49,973 ‫Das Bild befindet sich nun tatsächlich in der Bilderbox. 243 00:12:51,316 --> 00:12:53,916 ‫So großartig. 244 00:12:55,380 --> 00:12:56,580 ‫Als nächstes ist die Karte dran. 245 00:12:56,580 --> 00:12:57,720 ‫Denken Sie daran, 246 00:12:57,720 --> 00:13:02,170 ‫ich werde zum nächsten Vortrag gehen, damit wir uns vorerst darum kümmern können, die 247 00:13:02,170 --> 00:13:04,330 ‫Tour-Rezensionen hier in dieses Element zu setzen. 248 00:13:04,330 --> 00:13:08,140 ‫Okay. 249 00:13:08,140 --> 00:13:09,600 ‫Und so kommen wir jetzt wieder zu diesem Teil hier. 250 00:13:09,600 --> 00:13:14,190 ‫Woher kommen diese Bewertungen eigentlich? 251 00:13:14,190 --> 00:13:16,953 ‫Denken Sie daran, wie wir hier im 252 00:13:17,810 --> 00:13:19,140 ‫viewController das Rezensionsfeld 253 00:13:19,140 --> 00:13:21,390 ‫mit den tatsächlichen Rezensionsdaten gefüllt haben. 254 00:13:21,390 --> 00:13:24,410 ‫Und so haben wir gerade Touren. Bewertungen, die eine Reihe aller 255 00:13:24,410 --> 00:13:27,420 ‫Bewertungen sind. 256 00:13:27,420 --> 00:13:29,766 ‫Und wie Sie wahrscheinlich 257 00:13:29,766 --> 00:13:32,320 ‫erraten können, werden wir jetzt hier 258 00:13:32,320 --> 00:13:35,460 ‫in diesem Review-Element eine weitere Schleife erstellen. 259 00:13:35,460 --> 00:13:37,763 ‫Also, jede Bewertung in Tour. Bewertungen. 260 00:13:39,640 --> 00:13:44,640 ‫Und dann werden wir in jedem von ihnen diese Bewertungskarte haben. 261 00:13:47,670 --> 00:13:52,670 ‫Gut. 262 00:13:53,150 --> 00:13:54,150 ‫Das hier ist 263 00:13:54,150 --> 00:13:56,460 ‫eine Menge Code, der uns hier von unserem Hauptinhalt ablenkt. 264 00:13:56,460 --> 00:13:59,870 ‫Also lassen Sie uns hier noch einmal ein Mixin erstellen. 265 00:13:59,870 --> 00:14:02,943 ‫Gut. 266 00:14:04,550 --> 00:14:05,383 ‫Also, lass 267 00:14:06,630 --> 00:14:07,780 ‫es uns hier oben setzen. 268 00:14:07,780 --> 00:14:09,230 ‫Und Sie werden gleich sehen, warum. 269 00:14:11,040 --> 00:14:12,590 ‫Also ReviewCard. 270 00:14:14,080 --> 00:14:15,520 ‫Und hier geben wir die Bewertung selbst weiter. 271 00:14:16,760 --> 00:14:20,193 ‫Gut. 272 00:14:21,480 --> 00:14:22,330 ‫Und jetzt müssen wir diese Einrückungen tatsächlich korrigieren. 273 00:14:22,330 --> 00:14:25,330 ‫Und denken Sie daran, anstatt es manuell zu tun, 274 00:14:25,330 --> 00:14:26,870 ‫ich werde das VS Code-Paket 275 00:14:26,870 --> 00:14:28,370 ‫verwenden, das wir haben. 276 00:14:28,370 --> 00:14:30,610 ‫Befehlen Sie also Shift 277 00:14:30,610 --> 00:14:35,230 ‫p oder Control Shift p unter Windows und dann Beautify pug. 278 00:14:35,230 --> 00:14:37,193 ‫Und damit ist es behoben. 279 00:14:38,580 --> 00:14:41,110 ‫Und jetzt müssen wir diese 280 00:14:41,110 --> 00:14:43,960 ‫Überprüfung hier basierend auf den Daten erstellen. 281 00:14:43,960 --> 00:14:45,540 ‫Aber bevor wir das tun, 282 00:14:45,540 --> 00:14:48,790 ‫rufen wir das Mixin hier in jeder Iteration der Überprüfung auf. 283 00:14:48,790 --> 00:14:50,890 ‫Also +reviewCard mit der aktuellen Rezension, oder? 284 00:14:50,890 --> 00:14:55,890 ‫Werfen wir also einen Blick darauf, wie eine 285 00:15:01,030 --> 00:15:03,090 ‫Rezension tatsächlich aussieht. 286 00:15:03,090 --> 00:15:05,970 ‫Und wir haben die Bewertungen hier. 287 00:15:05,970 --> 00:15:07,820 ‫Aber in der Tat werden sie nicht 288 00:15:07,820 --> 00:15:10,140 ‫wirklich nützlich sein, da der Benutzer hier nicht bevölkert ist. 289 00:15:10,140 --> 00:15:12,773 ‫Gehen wir also tatsächlich zu einem Postboten 290 00:15:13,860 --> 00:15:17,160 ‫und werfen Sie einen Blick auf die letzten ausgefüllten Rezensionen dort. 291 00:15:17,160 --> 00:15:21,830 ‫Sagen wir also, eine Rezension auf Tour zu bekommen. 292 00:15:21,830 --> 00:15:24,923 ‫Denn das wird dann eine komplette Überprüfung sein. 293 00:15:29,250 --> 00:15:32,170 ‫Wir haben also das Bewertungsfeld, die Bewertung und dann den Benutzer. 294 00:15:32,170 --> 00:15:35,890 ‫Und was uns hier interessiert, ist dann 295 00:15:35,890 --> 00:15:37,370 ‫der Benutzer. Name und Benutzer. Foto. 296 00:15:37,370 --> 00:15:40,593 ‫Alles klar, und so wird der Benutzername überprüft. Nutzer. Name. 297 00:15:41,440 --> 00:15:45,973 ‫Richtig? 298 00:15:48,010 --> 00:15:48,843 ‫Also überprüfen. Nutzer. Name. 299 00:15:51,130 --> 00:15:55,830 ‫Und das alles ist 300 00:15:55,830 --> 00:15:58,490 ‫notwendig, weil wir jetzt natürlich mehrere Datensätze haben, 301 00:15:58,490 --> 00:16:02,340 ‫die miteinander in Beziehung stehen und die mit der Funktion populate jetzt 302 00:16:02,340 --> 00:16:04,050 ‫alle irgendwie ineinander verschachtelt sind. 303 00:16:04,050 --> 00:16:07,850 ‫Lassen Sie uns auch hier seinen Namen verwenden. 304 00:16:07,850 --> 00:16:11,413 ‫Gut. 305 00:16:18,110 --> 00:16:19,080 ‫Und dann werden wir 306 00:16:19,080 --> 00:16:20,130 ‫hier seinen Namen nicht verwenden. 307 00:16:23,240 --> 00:16:24,940 ‫Oh, und ich 308 00:16:24,940 --> 00:16:29,790 ‫habe die Interpolation vergessen, und hier ist das Foto. 309 00:16:29,790 --> 00:16:32,683 ‫Gut. 310 00:16:33,554 --> 00:16:34,387 ‫Hier wird es die Beschreibung sein. 311 00:16:34,387 --> 00:16:37,063 ‫Und das ist eigentlich eine Überprüfung. Rezension, glaube ich. 312 00:16:39,350 --> 00:16:43,113 ‫Also, ja. 313 00:16:45,390 --> 00:16:46,790 ‫Also überprüfen. Rezension. 314 00:16:46,790 --> 00:16:48,980 ‫Und das ist 315 00:16:48,980 --> 00:16:52,510 ‫der einfache Teil und der schwierige Teil wird als nächstes sein, 316 00:16:52,510 --> 00:16:55,760 ‫die tatsächliche Bewertung anzuzeigen, da wir hier für jede der 317 00:16:55,760 --> 00:16:59,610 ‫Anzahl der Sterne, die die Bewertung hat, eines dieser Elemente anzeigen müssen. 318 00:16:59,610 --> 00:17:02,730 ‫Eine Fünf-Sterne-Bewertung braucht also alle diese fünf Sterne. 319 00:17:02,730 --> 00:17:06,330 ‫Aber eine Vier-Sterne-Bewertung braucht nur vier davon und dann 320 00:17:06,330 --> 00:17:09,130 ‫wollen wir auch noch einen grauen Stern. 321 00:17:09,130 --> 00:17:12,420 ‫Also im Grunde vier von fünf, okay? 322 00:17:12,420 --> 00:17:15,860 ‫Aber schauen wir erst einmal, ob das tatsächlich funktioniert. 323 00:17:15,860 --> 00:17:18,993 ‫Also alles außer der Bewertung. 324 00:17:19,900 --> 00:17:21,993 ‫Laden wir also neu, und tatsächlich 325 00:17:23,500 --> 00:17:27,290 ‫sind wir hier mit den Benutzern, dem Namen und dem Bewertungstext selbst. 326 00:17:27,290 --> 00:17:31,680 ‫Und jetzt kümmern wir uns auch darum, 327 00:17:31,680 --> 00:17:34,190 ‫die Bewertung tatsächlich anzuzeigen. 328 00:17:34,190 --> 00:17:36,550 ‫Wir werden hier also die Anzahl der 329 00:17:36,550 --> 00:17:38,270 ‫Sterne in einer Schleife drucken. 330 00:17:38,270 --> 00:17:40,880 ‫Es gibt also fünf mögliche Sterne und wir durchlaufen 331 00:17:40,880 --> 00:17:42,920 ‫eine Schleife von eins bis fünf. 332 00:17:42,920 --> 00:17:45,660 ‫Dann testen wir bei jedem Stern, 333 00:17:45,660 --> 00:17:49,270 ‫ob die Tourbewertung höher oder gleich dem aktuellen Stern ist. 334 00:17:49,270 --> 00:17:52,260 ‫Und wenn ja, drucken wir einen grünen Stern, 335 00:17:52,260 --> 00:17:54,630 ‫der für einen echten Stern steht. 336 00:17:54,630 --> 00:17:56,540 ‫Und wenn nicht, ist es ein grauer Stern. 337 00:17:56,540 --> 00:17:58,600 ‫Also wieder, was nur ein inexistenter Star ist. 338 00:17:58,600 --> 00:18:01,700 ‫Zum Beispiel, um drei von fünf zu zeigen, okay? 339 00:18:01,700 --> 00:18:06,120 ‫Und das klingt wahrscheinlich etwas abstrakt, also implementieren 340 00:18:06,120 --> 00:18:08,130 ‫wir es einfach. 341 00:18:08,130 --> 00:18:10,261 ‫Also jeder Stern drin. 342 00:18:10,261 --> 00:18:15,261 ‫Und jetzt haben wir noch kein Array und 343 00:18:15,580 --> 00:18:17,500 ‫erstellen es einfach. 344 00:18:17,500 --> 00:18:19,000 ‫Also 1, 2, 345 00:18:19,000 --> 00:18:23,240 ‫3, 4 und 5, das sind alle möglichen Sterne. 346 00:18:23,240 --> 00:18:25,003 ‫Als nächstes kopieren wir das hier. 347 00:18:27,510 --> 00:18:31,160 ‫Und jetzt besteht der Unterschied zwischen einem grünen Stern 348 00:18:31,160 --> 00:18:34,380 ‫und einem grauen darin, dass der grüne 349 00:18:34,380 --> 00:18:38,210 ‫hier den aktiven Modifikator hat und der graue inaktiv. 350 00:18:38,210 --> 00:18:40,600 ‫Also werden wir das mit einer Vorlagenzeichenfolge ändern, okay? 351 00:18:40,600 --> 00:18:44,280 ‫Und so brauchen wir hier nach wie 352 00:18:44,280 --> 00:18:47,880 ‫vor diesen Klassennamen als Klassenattribut. 353 00:18:47,880 --> 00:18:51,443 ‫Gut. 354 00:18:53,850 --> 00:18:54,683 ‫Dann sollte dies auch hier sein. 355 00:18:56,830 --> 00:18:58,470 ‫Lass uns das loswerden. 356 00:18:58,470 --> 00:18:59,743 ‫Und nun lassen Sie uns den Test machen, den wir gerade erwähnt haben. 357 00:19:02,630 --> 00:19:05,570 ‫Und wieder wird das Ergebnis sein, 358 00:19:05,570 --> 00:19:08,650 ‫dass dieses Jahr entweder aktiv oder inaktiv ist. 359 00:19:08,650 --> 00:19:10,770 ‫Lassen Sie uns an dieser Stelle etwas JavaScript einsetzen. 360 00:19:10,770 --> 00:19:14,083 ‫Was wir hier also tun werden, ist zu testen, 361 00:19:16,360 --> 00:19:18,090 ‫ob die Überprüfung vorliegt. Bewertung, in der 362 00:19:18,090 --> 00:19:22,130 ‫die Bewertung gespeichert wird, ist größer 363 00:19:22,130 --> 00:19:23,930 ‫oder gleich dem aktuellen Stern. 364 00:19:25,230 --> 00:19:28,483 ‫Im Grunde schreiben wir hier also einen Drehereibetreiber. 365 00:19:30,010 --> 00:19:33,810 ‫Und wenn ja, dann möchten wir 366 00:19:33,810 --> 00:19:37,233 ‫hier sagen, aktiv, und wenn 367 00:19:38,640 --> 00:19:40,210 ‫nicht, dann 368 00:19:40,210 --> 00:19:41,063 ‫inaktiv. 369 00:19:43,450 --> 00:19:44,653 ‫Und das sieht irgendwie komisch aus, ich weiß. 370 00:19:46,370 --> 00:19:49,790 ‫Lassen Sie uns das einfach an einem einfachen Beispiel veranschaulichen. 371 00:19:49,790 --> 00:19:53,530 ‫Sagen wir also, wir haben drei von fünf Sternen, okay? 372 00:19:53,530 --> 00:19:58,530 ‫In der ersten Iteration ist star also eins. 373 00:19:58,660 --> 00:20:02,212 ‫Und so ist eins natürlich weniger als drei. 374 00:20:02,212 --> 00:20:06,330 ‫Und so sollte der erste Stern natürlich ein grüner 375 00:20:06,330 --> 00:20:08,630 ‫sein, und deshalb setzen 376 00:20:08,630 --> 00:20:12,360 ‫wir hier aktiv aus, was dann zu reviews_star--active führt. 377 00:20:12,360 --> 00:20:16,610 ‫Okay? 378 00:20:16,610 --> 00:20:17,443 ‫Dann das gleiche mit dem zweiten und dritten Stern. 379 00:20:17,443 --> 00:20:20,910 ‫An diesem Punkt haben wir also drei grüne Sterne. 380 00:20:20,910 --> 00:20:23,320 ‫Aber der vierte und der fünfte sollten grau sein. 381 00:20:23,320 --> 00:20:26,410 ‫Okay? 382 00:20:26,410 --> 00:20:27,243 ‫In der vierten Iteration ist der Stern hier also vier. 383 00:20:27,243 --> 00:20:30,270 ‫Der Test ist also drei größer als vier? 384 00:20:30,270 --> 00:20:33,580 ‫Nein, es ist falsch und daher inaktiv. 385 00:20:33,580 --> 00:20:36,350 ‫Und so wird das dann ein grauer Stern sein, und 386 00:20:36,350 --> 00:20:38,820 ‫dasselbe für den letzten, also den fünften Stern. 387 00:20:38,820 --> 00:20:42,683 ‫In Ordnung, also testen wir das. 388 00:20:43,720 --> 00:20:47,200 ‫Und eigentlich können wir es hier nicht testen, denn 389 00:20:47,200 --> 00:20:49,480 ‫dieser Waldwanderer hat eine perfekte fünf 390 00:20:49,480 --> 00:20:51,410 ‫von fünf Bewertungen und 391 00:20:51,410 --> 00:20:53,900 ‫somit sind alle Bewertungen fünf Sterne. 392 00:20:53,900 --> 00:20:57,390 ‫Und so müssen wir zu allen Touren hierher kommen. 393 00:20:57,390 --> 00:21:00,490 ‫Und obwohl dieser Link noch 394 00:21:00,490 --> 00:21:03,970 ‫nicht wirklich funktioniert, Sie sehen also 395 00:21:03,970 --> 00:21:07,460 ‫nur solche Bearbeitungen, diesen Hash hier. 396 00:21:07,460 --> 00:21:08,677 ‫Also lass uns schnell weitermachen und das beheben. 397 00:21:08,677 --> 00:21:12,270 ‫Und das steht in der Kopfzeile, also gleich hier. 398 00:21:12,270 --> 00:21:15,830 ‫Aber das wollen wir nicht. 399 00:21:15,830 --> 00:21:17,200 ‫Wir wollen einfach auf unsere Stammseite gehen. 400 00:21:17,200 --> 00:21:20,330 ‫Das ist also nur der Schrägstrich. 401 00:21:20,330 --> 00:21:23,123 ‫Also neu laden. 402 00:21:24,690 --> 00:21:25,963 ‫Und jetzt unten im 403 00:21:26,810 --> 00:21:29,340 ‫Link sehen Sie, dass wir genau das haben. 404 00:21:29,340 --> 00:21:31,597 ‫Und damit kehren wir tatsächlich zu unserer Übersichtsseite zurück. 405 00:21:31,597 --> 00:21:34,853 ‫Gehen wir also zu einer Seite mit einem niedrigeren Durchschnitt. 406 00:21:35,800 --> 00:21:39,220 ‫Und das ist der Sportliebhaber. 407 00:21:39,220 --> 00:21:40,843 ‫Mal sehn. 408 00:21:42,390 --> 00:21:43,463 ‫Und natürlich sehen Sie, 409 00:21:44,510 --> 00:21:46,790 ‫dass jetzt alle Daten für diese spezielle Tour korrekt sind. 410 00:21:46,790 --> 00:21:49,410 ‫Sie sehen also wieder diese 3. 9 Durchschnitt. 411 00:21:49,410 --> 00:21:52,190 ‫Sie sehen all 412 00:21:52,190 --> 00:21:54,430 ‫diese verschiedenen Reiseleiter, die verschiedenen Bilder und 413 00:21:54,430 --> 00:21:55,823 ‫Sie sehen alle Bewertungen. 414 00:21:56,850 --> 00:21:59,110 ‫Und Sie sehen auch, dass die Sterne tatsächlich funktionieren. 415 00:21:59,110 --> 00:22:03,420 ‫Diese erste Bewertung ist also eine Fünf-Sterne-Bewertung. 416 00:22:03,420 --> 00:22:05,660 ‫Und so sehen Sie hier unten fünf, 417 00:22:05,660 --> 00:22:08,053 ‫vier, eins und dann eine Reihe von Vier-Sterne-Bewertungen. 418 00:22:09,570 --> 00:22:13,633 ‫Okay, das war etwas verwirrender, dieser Teil, aber 419 00:22:15,290 --> 00:22:20,290 ‫wir haben es trotzdem geschafft, es zum Laufen zu bringen, oder? 420 00:22:20,490 --> 00:22:24,740 ‫Eine Sache, die ich Ihnen nur zeigen wollte, ist, dass wir 421 00:22:24,740 --> 00:22:27,030 ‫tatsächlich auch exportieren können, im 422 00:22:27,030 --> 00:22:29,420 ‫Grunde ein Mixin in seine separate Datei. 423 00:22:29,420 --> 00:22:32,490 ‫Also lass uns das einfach kopieren und hier 424 00:22:32,490 --> 00:22:34,100 ‫ein neues Mixin 425 00:22:34,100 --> 00:22:36,600 ‫erstellen, oder eigentlich eine neue Datei. 426 00:22:36,600 --> 00:22:37,973 ‫Und da wir es dann 427 00:22:39,410 --> 00:22:41,760 ‫einschließen, werde ich dies noch einmal mit diesem Unterstrich voranstellen. 428 00:22:41,760 --> 00:22:44,343 ‫Und nennen wir es reviewCard. Mops. 429 00:22:45,610 --> 00:22:49,423 ‫Dann füge es hier ein. 430 00:22:50,720 --> 00:22:52,600 ‫Und alle Einrückungen sind 431 00:22:52,600 --> 00:22:55,300 ‫immer noch korrekt, und jetzt müssen 432 00:22:55,300 --> 00:22:57,923 ‫wir nur noch sagen, _reviewCard 433 00:22:59,140 --> 00:22:59,973 ‫einbeziehen. 434 00:23:01,670 --> 00:23:02,670 ‫Und wenn wir das 435 00:23:03,850 --> 00:23:06,120 ‫jetzt versuchen, sollte es immer noch funktionieren, was es auch tut. 436 00:23:06,120 --> 00:23:09,123 ‫Gut. 437 00:23:11,090 --> 00:23:12,230 ‫Also haben wir 438 00:23:12,230 --> 00:23:14,660 ‫bisher viel Code geschrieben und sind fast fertig. 439 00:23:14,660 --> 00:23:16,090 ‫Alles, was Sie noch tun müssen, ist dieser Call-to-Action-Abschnitt. 440 00:23:16,090 --> 00:23:20,010 ‫Und hier müssen wir nur diese Dauer 441 00:23:20,010 --> 00:23:22,360 ‫hier wirklich ändern. 442 00:23:22,360 --> 00:23:24,340 ‫Also haben wir diesen netten Slogan 443 00:23:24,340 --> 00:23:25,820 ‫wie, 10 Tage. 444 00:23:25,820 --> 00:23:26,653 ‫1 Abenteuer. 445 00:23:26,653 --> 00:23:27,520 ‫Unendliche Erinnerungen. 446 00:23:27,520 --> 00:23:29,200 ‫Gut? 447 00:23:29,200 --> 00:23:30,240 ‫Aber wir müssen die 448 00:23:30,240 --> 00:23:32,890 ‫Anzahl der Tage tatsächlich ersetzen, damit sie für diese spezielle Tour korrekt ist. 449 00:23:32,890 --> 00:23:35,563 ‫Lassen Sie uns dafür eine Vorlagenzeichenfolge erstellen. 450 00:23:36,870 --> 00:23:39,020 ‫Also Tour. Dauer. 451 00:23:45,840 --> 00:23:47,720 ‫Und dann haben wir auch hier einige der Tourbilder, okay? 452 00:23:47,720 --> 00:23:52,350 ‫Also machen wir das auch. 453 00:23:52,350 --> 00:23:54,650 ‫Das ist also das Bild. Tours oder 454 00:23:54,650 --> 00:23:59,470 ‫/tours und dann Slash-Tour. Bilder. 455 00:24:04,020 --> 00:24:05,200 ‫Und denken Sie daran, 456 00:24:05,200 --> 00:24:07,430 ‫dass dies ein Array ist und ich einfach das erste und das zweite Element verwenden werde. 457 00:24:07,430 --> 00:24:11,120 ‫Oder eigentlich der zweite und der dritte, weil ich herausgefunden 458 00:24:11,120 --> 00:24:13,010 ‫habe, dass diese in 459 00:24:13,010 --> 00:24:15,150 ‫der Situation normalerweise etwas besser aussehen. 460 00:24:15,150 --> 00:24:17,223 ‫Also 461 00:24:18,530 --> 00:24:20,980 ‫kopieren wir das. 462 00:24:20,980 --> 00:24:23,103 ‫Setze das hier ein. 463 00:24:24,900 --> 00:24:25,833 ‫Oh, und wir vermissen hier die schließende Klammer. 464 00:24:26,961 --> 00:24:30,480 ‫Und fügen wir einfach einen alternativen Text hinzu. 465 00:24:30,480 --> 00:24:32,530 ‫Tourbild. 466 00:24:33,890 --> 00:24:34,973 ‫Gut. 467 00:24:36,540 --> 00:24:37,500 ‫Und ich denke, das ist es tatsächlich. 468 00:24:37,500 --> 00:24:40,380 ‫Also nur ein letzter Versuch. 469 00:24:40,380 --> 00:24:42,243 ‫Sie sehen, dass es hier gerade leer ist. 470 00:24:44,040 --> 00:24:46,203 ‫Aber jetzt haben wir tatsächlich die gleichen 471 00:24:47,200 --> 00:24:48,223 ‫Bilder hier. 472 00:24:49,075 --> 00:24:51,690 ‫Das sollte also Nummer zwei sein. 473 00:24:51,690 --> 00:24:53,313 ‫Aber trotzdem, jetzt 474 00:24:54,450 --> 00:24:57,960 ‫steht 14 Tage, und das ist jetzt alles richtig. 475 00:24:57,960 --> 00:25:00,470 ‫Genial. 476 00:25:00,470 --> 00:25:01,530 ‫Das ist fantastisch. 477 00:25:01,530 --> 00:25:03,010 ‫Das war viel Arbeit, aber 478 00:25:03,010 --> 00:25:04,920 ‫ich denke, es hat sich wirklich gelohnt. 479 00:25:04,920 --> 00:25:06,610 ‫Diese Seite sieht meiner Meinung nach absolut fantastisch aus. 480 00:25:06,610 --> 00:25:10,530 ‫Es ist wirklich atemberaubend. 481 00:25:10,530 --> 00:25:12,200 ‫Und so ist jetzt alles verbunden. 482 00:25:12,200 --> 00:25:14,050 ‫So können wir bei jeder 483 00:25:14,050 --> 00:25:17,260 ‫Tour zu allen Touren zurückkehren und uns alle anderen ansehen. 484 00:25:17,260 --> 00:25:20,100 ‫Sehen wir uns den Parkcamper an. 485 00:25:20,100 --> 00:25:21,960 ‫Die Parkcamper-Tour. 486 00:25:21,960 --> 00:25:23,500 ‫Alle Details. 487 00:25:23,500 --> 00:25:24,540 ‫All die verschiedenen Anleitungen, 488 00:25:24,540 --> 00:25:26,593 ‫Bilder, ihre Bewertungen und tatsächlich diese verschiedenen Bilder. 489 00:25:27,620 --> 00:25:32,173 ‫Toll. 490 00:25:33,400 --> 00:25:34,233 ‫Sie sehen also dieses leere Loch hier in der Mitte unserer Seite. 491 00:25:34,233 --> 00:25:38,230 ‫Und da wird die Karte als nächstes sein, 492 00:25:38,230 --> 00:25:40,630 ‫und das machen wir 493 00:25:40,630 --> 00:25:43,500 ‫jetzt gleich in der nächsten Vorlesung.