VRGenerator/newPanoramas.php at main · Paramahir/VRGenerator · GitHub

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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="admin/css/bootstrap.min.css" />
    <title>Home | VRGenerator</title>
    <style>
        html {
            font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
            font-size: 14px;
        }

        .card {
            font-size: 1em;
            overflow: hidden;
            padding: 0;
            border: none;
            border-radius: .28571429rem;
            box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
        }

        .card-block {
            font-size: 1em;
            position: relative;
            margin: 0;
            padding: 1em;
            border: none;
            border-top: 1px solid rgba(34, 36, 38, .1);
            box-shadow: none;
        }

        .card-title {
            font-size: 1.28571429em;
            font-weight: 700;
            line-height: 1.2857em;
        }

        .card-text {
            clear: both;
            margin-top: .5em;
            color: rgba(0, 0, 0, .68);
        }

    </style>
    <!-- Generic page styles -->
<link rel="stylesheet" href="vendor/upload/css/style.css">
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet" href="vendor/upload/css/jquery.fileupload.css">
</head>

<body>

<?php include("header.php"); ?>
<div class="container">

    <span class="btn btn-success fileinput-button">
        <i class="glyphicon glyphicon-plus"></i>
        <span>Select files...</span>
        <!-- The file input field used as target for the file upload widget -->
        <input id="fileupload" type="file" name="files[]" multiple>
    </span>
    <br>
    <br>
    <!-- The global progress bar -->
    <div id="progress" class="progress">
        <div class="progress-bar progress-bar-success"></div>
    </div>
    <!-- The container for the uploaded files -->
    <div id="files" class="files"></div>
    <br>
	<div class="panoContainer" style="width:100%;height:auto;background:#efefef;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;box-shadow:0px 2px 2px rgba(0,0,0,0.25);float:left;">
		<br><h4 style="margin-left:15px;">Panoramas Uploaded</h4>
		<?php
			 include("database_suppliment.php");
			// Create connection
			$conn = new mysqli($servername, $username, $password, $dbname);
			// Check connection
			if ($conn->connect_error) {die("Connection failed: " . $conn->connect_error);}
			$sql = "SELECT * FROM main_panaroma_master";
			$result = $conn->query($sql);
			if ($result->num_rows > 0) {
				while($row = $result->fetch_assoc()) {
					?><div style="width:150px;height:150px;background:url(./images/panos/<?=$row["panaroma_url"]?>.tiles/thumb.jpg) center no-repeat;background-size:conver;float:left;margin:15px 0px 0px 15px;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.5);"></div><?php
				}
			} else { }
			$conn->close();
		?>
	</div>

        <div style="padding: 0px 0px;">

        </div>
    </div>

    </body>

    <script src="jq.js"></script>
<script src="vendor/upload/js/vendor/jquery.ui.widget.js"></script>
<script src="vendor/upload/js/jquery.iframe-transport.js"></script>
<script src="vendor/upload/js/jquery.fileupload.js"></script>
<script src="admin/js/bootstrap.min.js"></script>
<script>
/*jslint unparam: true */
/*global window, $ */
$(function () {
    'use strict';
    // Change this to the location of your server-side upload handler:
    var url = 'upload_file.php';
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo('#files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .progress-bar').css(
                'width',
                progress + '%'
            );
        }
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>
</html>