feat(demo): updated up to bootstrap 5 #1186
@@ -14,7 +14,6 @@ const gettingStarted = require('html-loader!markdown-loader!../getting-started.m
|
|||||||
<a class="btn btn-light w-auto" href="https://github.com/valor-software/ng2-file-upload">View on GitHub</a>
|
<a class="btn btn-light w-auto" href="https://github.com/valor-software/ng2-file-upload">View on GitHub</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row" style="padding-top: 15px">
|
<div class="row" style="padding-top: 15px">
|
||||||
<div class="d-flex flex-wrap">
|
<div class="d-flex flex-wrap">
|
||||||
<a href="https://npmjs.org/ng2-file-upload" class="me-2 d-flex mb-2">
|
<a href="https://npmjs.org/ng2-file-upload" class="me-2 d-flex mb-2">
|
||||||
@@ -26,13 +25,6 @@ const gettingStarted = require('html-loader!markdown-loader!../getting-started.m
|
|||||||
<iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" class="me-2 mb-2"></iframe>
|
<iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" class="me-2 mb-2"></iframe>
|
||||||
<iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px" class="mb-2"></iframe>
|
<iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px" class="mb-2"></iframe>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <div class="col-lg-1 block_links">-->
|
|
||||||
<!-- <iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="col-lg-1 block_links">-->
|
|
||||||
<!-- <iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
Multiple<br>
|
Multiple<br>
|
||||||
<input class="mt-2 mb-3" type="file" (onFileSelected)="fileOverAnother($event)" ng2FileSelect [uploader]="uploader" multiple /><br/>
|
<input class="mt-2 mb-3" type="file" ng2FileSelect [uploader]="uploader" multiple /><br/>
|
||||||
|
|
||||||
Single<br>
|
Single<br>
|
||||||
<input class="mt-2 mb-3" type="file" ng2FileSelect [uploader]="uploader" />
|
<input class="mt-2 mb-3" type="file" ng2FileSelect [uploader]="uploader" />
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
|
|||||||
import { FileUploader } from 'ng2-file-upload';
|
import { FileUploader } from 'ng2-file-upload';
|
||||||
|
|
||||||
// const URL = '/api/';
|
// const URL = '/api/';
|
||||||
const URL = 'https://www.googleapis.com/upload/drive/v3/files?uploadType=resumable';
|
const URL = 'https://evening-anchorage-3159.herokuapp.com/api/';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'simple-demo',
|
selector: 'simple-demo',
|
||||||
|
|||||||
@@ -53,7 +53,6 @@ section {
|
|||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
color: #777;
|
color: #777;
|
||||||
/*float: left;*/
|
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: 15px 15px;
|
padding: 15px 15px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
@@ -183,10 +182,6 @@ section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
table td::before {
|
table td::before {
|
||||||
/*
|
|
||||||
* aria-label has no advantage, it won't be read inside a table
|
|
||||||
content: attr(aria-label);
|
|
||||||
*/
|
|
||||||
content: attr(data-label);
|
content: attr(data-label);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|||||||
@@ -12,7 +12,6 @@
|
|||||||
<link rel="author" href="https://github.com/valor-software/ng2-file-upload/graphs/contributors">
|
<link rel="author" href="https://github.com/valor-software/ng2-file-upload/graphs/contributors">
|
||||||
|
|
||||||
<!--link to bootstrap.css-->
|
<!--link to bootstrap.css-->
|
||||||
<!-- <link rel="stylesheet" crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
|
||||||
<link rel="stylesheet" href="assets/css/style.css">
|
<link rel="stylesheet" href="assets/css/style.css">
|
||||||
<link rel="stylesheet" href="assets/css/prettify-angulario.css">
|
<link rel="stylesheet" href="assets/css/prettify-angulario.css">
|
||||||
|
|||||||
Reference in New Issue
Block a user