1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
| <?php
/*
* recuperation de la liste des images dans le dossier pour afficher
* $images contient la liste des images du dossier
*/
$uploads = wp_upload_dir();
$images = [];
$i = 0;
if ($dir = opendir($uploads['basedir'] . '/progress/temps')) {
while (false !== ($file = readdir($dir))) {
if ($file != "." && $file != "..") {
array_push($images, $file);
}
}
closedir($dir);
}
?>
<div class="col-md-12">
<span> Information sur l'image <?php if (count($images) > 1) echo $i + 1 . '/' . count($images) ?></span>
</div>
<div class="col-md-12" id="crop-avatar">
<!-- Cropping modal -->
<div id="avatar-modal">
<form class="avatar-form" action="<?php echo plugin_dir_url() ?>/includes/bp-example-classes.php" enctype="multipart/form-data"
method="post">
<input type="hidden" class="avatar-src" name="avatar_src">
<input type="hidden" class="avatar-data" name="avatar_data">
<input type="hidden" value="<?php echo $uploads['baseurl'] . '/progress/temps/' . $images[$i] ?>" id="url">
<input type="hidden" value="<?php echo $images[$i] ?>" class="avatar-input" id="avatarInput"
name="avatar_file">
<div class="avatar-body">
<!-- Crop and preview -->
<div class="row">
<div class="col-md-9">
<div class="avatar-wrapper"></div>
</div>
<div class="col-md-3">
<div class="avatar-preview preview-lg"></div>
<div class="progresdescimg">
<div class=" ">
<div class="input-group">
<input type="text" name="titre" class="form-control" placeholder="Titre">
</div>
</div>
<div class=" ">
<div class="input-group">
<input type="text" name="desc" class="form-control" placeholder="desc">
</div>
</div>
</div>
</div>
</div>
<div class="row avatar-btns">
<div class="col-md-9">
<div class="btn-group">
<button type="button" class="btn btn-primary" data-method="rotate" data-option="-90"
title="Rotate -90 degrees">Rotate Left
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary" data-method="rotate" data-option="90"
title="Rotate 90 degrees">Rotate Right
</button>
</div>
</div>
<div class="col-md-3">
<button type="submit" class="btn btn-primary btn-block ">Eregistrer</button>
</div>
</div>
</div>
</form>
</div><!-- /.modal -->
<!-- Loading state -->
<div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>
</div> |
Partager