domingo, 12 de septiembre de 2021

Sucess Modal




<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Bootstrap Elegant Success Modal</title>

<link href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round" rel="stylesheet">

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style>

    body {

font-family: 'Varela Round', sans-serif;

}

.modal-confirm {

color: #434e65;

width: 525px;

margin: 30px auto;

}

.modal-confirm .modal-content {

padding: 20px;

font-size: 16px;

border-radius: 5px;

border: none;

}

.modal-confirm .modal-header {

background: #47c9a2;

border-bottom: none;   

        position: relative;

text-align: center;

margin: -20px -20px 0;

border-radius: 5px 5px 0 0;

padding: 35px;

}

.modal-confirm h4 {

text-align: center;

font-size: 36px;

margin: 10px 0;

}

.modal-confirm .form-control, .modal-confirm .btn {

min-height: 40px;

border-radius: 3px; 

}

.modal-confirm .close {

        position: absolute;

top: 15px;

right: 15px;

color: #fff;

text-shadow: none;

opacity: 0.5;

}

.modal-confirm .close:hover {

opacity: 0.8;

}

.modal-confirm .icon-box {

color: #fff;

width: 95px;

height: 95px;

display: inline-block;

border-radius: 50%;

z-index: 9;

border: 5px solid #fff;

padding: 15px;

text-align: center;

}

.modal-confirm .icon-box i {

font-size: 64px;

margin: -4px 0 0 -4px;

}

    .modal-confirm .btn {

        color: #fff;

        border-radius: 4px;

background: #eeb711;

text-decoration: none;

transition: all 0.4s;

        line-height: normal;

border-radius: 30px;

margin-top: 10px;

padding: 6px 20px;

        border: none;

    }

.modal-confirm .btn:hover, .modal-confirm .btn:focus {

background: #eda645;

outline: none;

}

.modal-confirm .btn span {

margin: 1px 3px 0;

float: left;

}

.modal-confirm .btn i {

margin-left: 1px;

font-size: 20px;

float: right;

}

.trigger-btn {

display: inline-block;

margin: 100px auto;

}

</style>

</head>

<body>

<!-- load modal on page load -->

<script type="text/javascript">

    $(window).on('load', function() {

        $('#myModal').modal('show');

    });

</script>



<div class="text-center">

<!-- load modal on click-->

<a href="#myModal" class="trigger-btn" data-toggle="modal">Click to Open Success Modal</a>

</div>


<!-- Modal HTML -->

<div id="myModal" class="modal fade">

<div class="modal-dialog modal-confirm">

<div class="modal-content">

<div class="modal-header">

<div class="icon-box">

<i class="material-icons">&#xE876;</i>

</div>

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

</div>

<div class="modal-body text-center">

<h4>Great!</h4>

<p>Your account has been created successfully.</p>

<a href="http://155.138.223.92/AdminLTE-3.1.0/pages/layout/create_cp1.php" class="btn btn-success"> Go back</a>



<!--<button class="btn btn-success" data-dismiss="modal"><span>Go Back</span> <i class="material-icons">&#xE5C8;</i></button> -->




</div>

</div>

</div>

</div>     

</body>

</html>  



https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=elegant-success-modal

https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=elegant-error-modal

domingo, 5 de septiembre de 2021

convert a literal date to unix time and then to MYSQL time

 <?php


echo $dt=strtotime("09/06/2021 3:01 AM");


echo "<br>";


echo $today = date("Y-m-d H:i:s",$dt);


?>

1630911660
2021-09-06 03:01:00


domingo, 29 de agosto de 2021

-datatable-data-to-excel-csv-pdf-copy-print

 https://techarise.com/export-jquery-datatable-data-to-excel-csv-pdf-copy-print/


https://www.phpzag.com/export-jquery-datatable-data-to-pdfexcelcsv-copy-with-php/

domingo, 22 de agosto de 2021

Html table

 <head>

<style>

* {

  font-family: sans-serif; /* Change your font family */

}


.content-table {

  border-collapse: collapse;

  margin: 25px 0;

  font-size: 0.9em;

  min-width: 400px;

  border-radius: 5px 5px 0 0;

  overflow: hidden;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

}


.content-table thead tr {

  background-color: #009879;

  color: #ffffff;

  text-align: left;

  font-weight: bold;

}


.content-table th,

.content-table td {

  padding: 12px 15px;

}


.content-table tbody tr {

  border-bottom: 1px solid #dddddd;

}


.content-table tbody tr:nth-of-type(even) {

  background-color: #f3f3f3;

}


.content-table tbody tr:last-of-type {

  border-bottom: 2px solid #009879;

}


.content-table tbody tr.active-row {

  font-weight: bold;

  color: #009879;

}


</style>

</head>


<table class="content-table">

  <thead>

    <tr>

      <th>Rank</th>

      <th>Name</th>

      <th>Points</th>

      <th>Team</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td>1</td>

      <td>Domenic</td>

      <td>88,110</td>

      <td>dcode</td>

    </tr>

    <tr class="active-row">

      <td>2</td>

      <td>Sally</td>

      <td>72,400</td>

      <td>Students</td>

    </tr>

    <tr>

      <td>3</td>

      <td>Nick</td>

      <td>52,300</td>

      <td>dcode</td>

    </tr>

  </tbody>

</table>


https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l

domingo, 18 de julio de 2021

Google creating a key

 https://cloud.google.com/iam/docs/creating-managing-service-account-keys#creating_service_account_keys

viernes, 4 de junio de 2021

Quickly Show All PHP Errors

 

The quickest way to display all php errors and warnings is to add these lines to your PHP code file:

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

domingo, 16 de mayo de 2021

get day of the week name

 <?php

//Our YYYY-MM-DD date string.
$date = "2002-12-02";

//Convert the date string into a unix timestamp.
$unixTimestamp = strtotime($date);

//Get the day of the week using PHP's date function.
$dayOfWeek = date("l", $unixTimestamp);

//Print out the day that our date fell on.
echo $date . ' fell on a ' . $dayOfWeek;