tazpanel: 8eb0c310c78c installer.cgi

258 <input type="url" size="50" name="SRC_ISO" $([ "$INST_TYPE" == "iso" ] && echo -e "value=\"$SRC_FILE\"") placeholder="$(gettext "Full path to the ISO image file")" />

259 <br />

260 <input type="radio" name="INST_TYPE" value="web" $([ "$INST_TYPE" == "web" ] && echo "checked") id="web" />

261 <label for="web">$(gettext "Web"):

262 <a class="button" onclick="document.forms['ConfigForm'].url.value = '$(tazinst showurl stable)'; return true;">$(gettext "Stable")</a>

263 <a class="button" onclick="document.forms['ConfigForm'].url.value = '$(tazinst showurl cooking)'; return true;">$(gettext "Cooking")</a>

264 $(gettext "URL:")

265 <input id="url" type="url" size="55" name="SRC_WEB" value="$get_SRC_WEB" placeholder="$(gettext "Full url to an ISO image file")" />

266 </label>

267 </div>

268 EOT

269 }

270

271 select_partition()

272 {

273 cat <<EOT

274 <a name="partition"></a>

275 <h4></span>$(gettext "Main Partition")</h4>

276 <div class="box">

277 $(gettext "Partition to use:")

278 <select name="TGT_PARTITION">

279 EOT

280 # List partitions

281 if fdisk -l | grep -q ^/dev/ ; then

282 echo "<option value="">$(gettext "None")</option>"

283 for i in $(fdisk -l | awk '/^\/dev/ {printf "%s " $1}'); do

284 echo "<option value='$i' $([ "$i" == "$TGT_PARTITION" ] && echo "selected")>$i</option>"

285 done

286 else

287 echo "<option value="">$(gettext "Not found")</option>"

288 fi

289 cat << EOT

290 </select>

291 <br />

292 <input type="checkbox" name="MAIN_FMT" value="yes" $([ -n "$TGT_FS" ] && echo "checked") id="mainfs" />

293 <label for="mainfs">$(gettext "Format partition as"):</label>

294 <select name="MAIN_FS">

295 EOT

296 scan_mkfs

297 for i in $FS

298 do

299 echo "<option value='$i' $([ "$i" == "$TGT_FS" ] && echo "selected")>$i</option>"

300 done

301 cat <<EOT

302 </select>

303 </div>

304 EOT

305 }

306

307 select_old_slitaz()

308 {

309 cat <<EOT

310 <a name="partition"></a>

311 <h4></span>$(gettext "Existing SliTaz Partition")</h4>

312 <div class="box">

313 $(gettext "Partition in use:")

314 <select name="TGT_PARTITION">

315 EOT

316 # List partitions

317 if fdisk -l | grep -q ^/dev/ ; then

318 echo "<option value="">$(gettext "None")</option>"

319 for i in `blkid | cut -d ":" -f 1`; do

320 echo "<option value='$i' $([ "$i" == "$TGT_PARTITION" ] && echo "selected")>$i</option>"

321 done

322 else

323 echo "<option value="">$(gettext "Not found")</option>"

324 fi

325 cat <<EOT

326 </select>

327 </div>

328 EOT

329 }

330

331 select_home()

332 {

333 cat <<EOT

334 <a name="home"></a>

335 <h4>$(gettext "Home partition")</h4>

336 <input type="checkbox" name="HOME_SELECT" value="yes" $([ -n "$TGT_HOME" ] && echo "checked") id="homepart" />

337 <label for="homepart">$(gettext "Use a separate partition for /home:")</label>

338 <select name="TGT_HOME">

339 EOT

340 # List disk if plugged USB device

341 if fdisk -l | grep -q ^/dev/ ; then

342 echo "<option value="">$(gettext "None")</option>"

343 for i in $(fdisk -l | awk '/^\/dev/ {printf "%s " $1}'); do

344 echo "<option value='$i' $([ "$i" == "$TGT_HOME" ] && echo "selected")>$i</option>"

345 done

346 else

347 echo "<option value="">$(gettext "Not found")</option>"

348 fi

349 cat <<EOT

350 </select>

351

352 <input type="checkbox" name="HOME_FMT" value="yes" $([ -n "$TGT_HOME_FS" ] && echo "checked") id="homefs" />

353 <label for="homefs">$(gettext "Format partition as:")</label>

354 <select name="HOME_FS">"

355 EOT

356 for i in $FS

357 do

358 echo "<option value='$i' $([ "$i" == "$TGT_HOME_FS" ] && echo "selected")>$i</option>"

359 done

360 echo "</select>"

361 }

362

363 select_hostname()

364 {

365 cat << EOT

366 <script type="text/javascript">

367 function checkHostname(){

368 var host = document.getElementById('h1');

369 var msg = document.getElementById('hostAlert');

370 var enoughRegex = new RegExp("(?=.{3,}).*", "g");

371 var incharRegex = new RegExp("^[A-Za-z0-9_]{3,20}$");

372 if (false == enoughRegex.test(host.value)) {

373 msg.style.color = "tomato";

374 msg.innerHTML ="✖ Too short";

375 return false;

376 } else if (false == incharRegex.test(host.value)) {

377 msg.style.color = "tomato";

378 msg.innerHTML ="✖ Invalid chars";

379 return false;

380 } else {

381 msg.style.color = "limegreen";

382 msg.innerHTML = "✔";

383 }

384 }

385 </script>

386 <a name="hostname"></a>

387 <h4>$(gettext "Host")</h4>

388 $(gettext "Hostname:")

389 <input type="text" id="h1" name="TGT_HOSTNAME" value="$TGT_HOSTNAME" placeholder="$(gettext "Name of your system")" onkeyup="checkHostname(); return false;" />

390 <span id="hostAlert"></span>

391 EOT

392 }

393

394 select_root()

395 {

396 cat << EOT

397 <script type="text/javascript">

398 function checkRootPwd(){

399 var pwd1 = document.getElementById('p1');

400 var pwd2 = document.getElementById('p2');

401 var msg = document.getElementById('rootPwdAlert');

402 if(pwd1.value == pwd2.value){

403 // passwords match.

404 pwd2.style.backgroundColor = "white";

405 // various checks

406 var enoughRegex = new RegExp("(?=.{4,}).*", "g");

407 var incharRegex = new RegExp("^[A-Za-z0-9!@#$%^&*()_]{4,20}$");

408 var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");

409 var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");

410 if (pwd1.value.length==0) {

411 msg.style.color = "tomato";

412 msg.innerHTML = "✖ Missing Password";

413 return false;

414 } else if (false == enoughRegex.test(pwd1.value)) {

415 msg.style.color = "tomato";

416 msg.innerHTML ="✖ Too short";

417 return false;

418 } else if (false == incharRegex.test(pwd1.value)) {

419 msg.style.color = "tomato";

420 msg.innerHTML ="✖ Invalid chars";

421 return false;

422 } else if (strongRegex.test(pwd1.value)) {

423 msg.style.color = "limegreen";

424 msg.innerHTML = "✔ Strong!";

425 } else if (mediumRegex.test(pwd1.value)) {

426 msg.style.color = "limegreen";

427 msg.innerHTML = "✔ Medium!";

428 } else {

429 msg.style.color = "orange";

430 msg.innerHTML = "✔ Weak";

431 }

432 }else{

433 // passwords do not match.

434 pwd2.style.backgroundColor = "lightsalmon";

435 msg.style.color = "tomato";

436 msg.innerHTML = "✖ Do Not Match!"

437 return false;

438 }

439 }

440 </script>

441

442 <a name="root"></a>

443 <h4>$(gettext "Root")</h4>

444 $(gettext "Root passwd:")

445 <input type="password" id="p1" name="TGT_ROOT_PWD" value="$TGT_ROOT_PWD" placeholder="$(gettext "Password of root")" onkeyup="checkRootPwd(); return false;" />

446 $(gettext "Confirm password:")

447 <input type="password" id="p2" value="$TGT_ROOT_PWD" placeholder="$(gettext "Password of root")" onkeyup="checkRootPwd(); return false;" />

448 <span id="rootPwdAlert"></span>

449 EOT

450 }

451

452 select_user()

453 {

454 cat << EOT

455 <script type="text/javascript">

456 function checkUserLogin(){

457 var user = document.getElementById('u1');

458 var msg = document.getElementById('userLoginAlert');

459 var enoughRegex = new RegExp("(?=.{3,}).*", "g");

460 var incharRegex = new RegExp("^[A-Za-z0-9_]{3,20}$");

461 if (false == enoughRegex.test(user.value)) {

462 msg.style.color = "tomato";

463 msg.innerHTML ="✖ Too short";

464 return false;

465 } else if (false == incharRegex.test(user.value)) {

466 msg.style.color = "tomato";

467 msg.innerHTML ="✖ Invalid chars";

468 return false;

469 } else {

470 msg.style.color = "limegreen";

471 msg.innerHTML = "✔";

472 }

473 }

474 function checkUserPwd(){

475 var pwd1 = document.getElementById('p3');

476 var pwd2 = document.getElementById('p4');

477 var msg = document.getElementById('userPwdAlert');

478 if(pwd1.value == pwd2.value){

479 // passwords match.

480 pwd2.style.backgroundColor = "white";

481 // various checks

482 var enoughRegex = new RegExp("(?=.{3,}).*", "g");

483 var incharRegex = new RegExp("^[A-Za-z0-9!@#$%^&*()_]{3,20}$");

484 var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");

485 var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");

486 if (pwd1.value.length==0) {

487 msg.style.color = "orange";

488 msg.innerHTML = "✔ No Password";

489 } else if (false == enoughRegex.test(pwd1.value)) {

490 msg.style.color = "tomato";

491 msg.innerHTML ="✖ Too short";

492 return false;

493 } else if (false == incharRegex.test(pwd1.value)) {

494 msg.style.color = "tomato";

495 msg.innerHTML ="✖ Invalid chars";

496 return false;

497 } else if (strongRegex.test(pwd1.value)) {

498 msg.style.color = "limegreen";

499 msg.innerHTML = "✔ Strong!";

500 } else if (mediumRegex.test(pwd1.value)) {

501 msg.style.color = "limegreen";

502 msg.innerHTML = "✔ Medium!";

503 } else {

504 msg.style.color = "orange";

505 msg.innerHTML = "✔ Weak";

506 }

507 }else{

508 // passwords do not match.

509 pwd2.style.backgroundColor = "lightsalmon";

510 msg.style.color = "tomato";

511 msg.innerHTML = "✖ Do Not Match!"

512 return false;

513 }

514 }

515 </script>

516 <a name="user"></a>

517 <h4>$(gettext "User")</h4>

518 $(gettext "User login:")

519 <input type="text" id="u1" name="TGT_USER" value="$TGT_USER" placeholder="$(gettext "Name of the first user")" onkeyup="checkUserLogin(); return false;" />

520 <span id="userLoginAlert"></span>

521 <br /><br />

522 $(gettext "User passwd:")

523 <input type="password" id="p3" name="TGT_USER_PWD" value="$TGT_USER_PWD" placeholder="$(gettext "Password of the first user")" onkeyup="checkUserPwd(); return false;" />

524 $(gettext "Confirm password:")

525 <input type="password" id="p4" value="$TGT_USER_PWD" placeholder="$(gettext "Password of the first user")" onkeyup="checkUserPwd(); return false;" />

526 <span id="userPwdAlert"></span>

527 EOT

528 }

529

530 select_grub()

531 {

532 cat << EOT

533 <a name="grub"></a>

534 <h4>$(gettext "Grub")</h4>

535 <input type="checkbox" name="TGT_GRUB" value="yes" $([ "$TGT_GRUB" == "yes" ] && echo "checked") id="grub" />

536 <label for="grub">$(gettext "Install Grub bootloader")<br /></label>

537 <input type="checkbox" name="TGT_WINBOOT" value="auto" $([ -n "$TGT_WINBOOT" ] && echo "checked") id="dualboot" />