106 lines
4.1 KiB
Plaintext
106 lines
4.1 KiB
Plaintext
<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="buckets" appConnect="local" components="{dmxS3Upload:{},dmxNotifications:{},dmxBootstrap5TableGenerator:{}}" -->
|
|
<div id="s3upload1" is="dmx-s3-upload" url="/api/s3control" accept="image/*" class="text-center border">
|
|
<p dmx-show="!file">Select file</p>
|
|
<p dmx-show="file">{{file.name}}</p>
|
|
<p dmx-hide="state.uploading">
|
|
<button class="btn btn-primary" dmx-on:click.stop="s3upload1.select()" dmx-show="state.idle">Browse</button>
|
|
<button class="btn btn-primary" dmx-on:click.stop="s3upload1.upload()" dmx-show="state.ready">Upload</button>
|
|
<button class="btn btn-danger" dmx-on:click.stop="s3upload1.reset()" dmx-show="state.done">Reset</button>
|
|
</p>
|
|
<p dmx-show="state.uploading">
|
|
Uploading {{uploadProgress.percent}}%
|
|
<button class="btn btn-danger" dmx-on:click.stop="s3upload1.abort()">Abort</button>
|
|
</p>
|
|
</div>
|
|
<div class="container wappler-block p-3">
|
|
|
|
<div class="progress mb-5">
|
|
<div class="progress-bar" role="progressbar" aria-label="Animated striped example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<img class="wappler-type-object rounded-3 mb-4" height="150">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h3>Fancy display heading</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum voluptatum hic possimus
|
|
laborum vero cum harum libero velit! Eligendi sint dolorem pariatur quae
|
|
consequuntur quam voluptates aliquam eaque doloribus consectetur?</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
<img class="wappler-type-object rounded-3 mb-4" height="150">
|
|
</div>
|
|
<div class="col-md-9 offset-1">
|
|
<h3>Fancy display heading</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum voluptatum hic possimus
|
|
laborum vero cum harum libero velit! Eligendi sint dolorem pariatur quae
|
|
consequuntur quam voluptates aliquam eaque doloribus consectetur?</p>
|
|
</div>
|
|
</div>
|
|
<button id="btn2" class="btn">Button</button>
|
|
</div>
|
|
<div class="container">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Creation date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="s3upload1.data.listFiles.Buckets" id="tableRepeat1">
|
|
<tr>
|
|
<td dmx-text="Name"></td>
|
|
<td dmx-text="CreationDate"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<dmx-notifications id="notifies1"></dmx-notifications>
|
|
<div class="container">
|
|
<script>
|
|
// An efficient JavaScript program to remove all
|
|
// spaces from a string
|
|
let str = '2JAxQ9pH Mhy87Sr5NCJ I Be9qj Nd p9eY3vW7BKqN Msxk='
|
|
// Function to remove all spaces
|
|
// from a given string
|
|
function removeSpaces(str) {
|
|
// To keep track of non-space
|
|
// character count
|
|
var count = 0;
|
|
|
|
// Traverse the given string. If current
|
|
// character is not space, then place
|
|
// it at index 'count++'
|
|
for (var i = 0; i < str.length; i++)
|
|
if (str[i] !== " ") str[count++] = str[i];
|
|
// here count is
|
|
// incremented
|
|
|
|
return count;
|
|
}
|
|
|
|
// Driver code
|
|
var str = "g eeks for ge eeks ".split("");
|
|
var i = removeSpaces(str);
|
|
document.write(str.join("").substring(0, i));
|
|
|
|
</script>
|
|
|
|
</div>
|
|
|
|
<!-- DO00RXH3C276N9Y9PQBG -->
|
|
<!-- lMI2BSf8dS+ZmWkyvsq9gTTjScr1SLEsd0OpsZZLAkc -->
|
|
|
|
<dmx-api-action id="api1" noload="true" url="https://matrixfilebucket.sfo3.digitaloceanspaces.com"></dmx-api-action>
|
|
<meta name="ac:route" content="/buckets">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<button id="btn1" class="btn" dmx-on:click="">Button</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div> |