Skip to content

S
supervise-front
Commit 31e4f790 by niuxiaolin
Options

latest

parent 3caebaff
Showing with 292 additions and 69 deletions
src/app/api/api/default.service.ts
...@@ -41,7 +41,7 @@ import { Observable } from 'rxjs'; ...@@ -41,7 +41,7 @@ import { Observable } from 'rxjs';
@Injectable() @Injectable()
export class DefaultService { export class DefaultService {
public basePath = 'http://localhost:8081'; public basePath = 'http://localhost:8081';
//public basePath = 'http://192.168.19.200:8081'; //public basePath = 'http://192.168.19.200:8081';
public defaultHeaders = new HttpHeaders(); public defaultHeaders = new HttpHeaders();
public configuration = new Configuration(); public configuration = new Configuration();
......
src/app/main/main.component.html
<baidu-map #map [options]="opts" > <baidu-map #map [options]="opts">
<polyline [points]="points" [options]="polylineOptions" (loaded)="polylineLoaded($event)" (clicked)="polylineClicked($event)"></polyline> <polyline [points]="points" [options]="polylineOptions" (loaded)="polylineLoaded($event)"
(clicked)="polylineClicked($event)"></polyline>
</baidu-map> </baidu-map>
<div class="main"> <div class="main">
<div class="left"> <div class="left">
<section> <fieldset>
<div *ngIf="debug"> <legend (click)="toHighWay()">高速公路:</legend>
<div class="proj-info" *ngIf="!highShow">
<label>
<div>
项目总数：
</div>
<div>
{{staticHighWay.total}}个
</div>
</label>
<label>
<div>
总建设里程：
</div>
<div>
{{staticHighWay.mileage}}Km
</div>
</label>
<label>
<div>
总投资：
</div>
<div>
{{staticHighWay.capital}}亿
</div>
</label>
</div>
<section *ngIf="highShow" class="sub">
<div class="item" *ngFor="let prj of projects;let i=index">
<label (click)="highLight(i,prj,'p');setPrj(prj);">{{prj.name}} </label>
<!-- <section class="sub">
<label (click)=" highLight(i,sec,'s');setCamera(sec);" *ngFor="let sec of prj.secs;let i=index">{{sec.name}}
</label>
</section> -->
</div>
</section>
</fieldset>
<fieldset>
<legend>普通干线:</legend>
<div class="proj-info" *ngIf="!normalShow">
<label>
<div>
项目总数：
</div>
<div>
{{staticNormal.total}}个
</div>
</label>
<label>
<div>
总建设里程：
</div>
<div>
{{staticNormal.mileage}}Km
</div>
</label>
<label>
<div>
总投资：
</div>
<div>
{{staticNormal.capital}}亿
</div>
</label>
</div>
<section *ngIf="normalShow" class="sub">
<label (click)="highLight(i,prj)" *ngFor="let prj of normalProjects;let i=index">{{prj.name}}
</label>
</section>
</fieldset>
</div>
</div>
<!-- <div *ngIf="debug">
theme: theme:
<input type="textarea" [(ngModel)]="theme"> <input type="textarea" [(ngModel)]="theme">
<button (click)="setTheme(theme)">set theme</button> <button (click)="setTheme(theme)">set theme</button>
...@@ -25,10 +109,10 @@ ...@@ -25,10 +109,10 @@
<select [(ngModel)]="currentProjId" (ngModelChange)="proj2Change($event,2)"> <select [(ngModel)]="currentProjId" (ngModelChange)="proj2Change($event,2)">
<option *ngFor="let c of projects2" [value]="c.id" >{{c.name}}</option> <option *ngFor="let c of projects2" [value]="c.id" >{{c.name}}</option>
</select> </select>
</div> </div> -->
<!-- <button (click)="openDialog('custom-modal-1')" >新增项目</button> --> <!-- <button (click)="openDialog('custom-modal-1')" >新增项目</button> -->
<button (click)="toHighWay()">高速公路</button> <!-- <button (click)="toHighWay()">高速公路</button> -->
<div class="proj-info" *ngIf="!highShow"> <!-- <div class="proj-info" *ngIf="!highShow">
<label> <label>
<div> <div>
...@@ -56,25 +140,14 @@ ...@@ -56,25 +140,14 @@
{{staticHighWay.capital}}亿 {{staticHighWay.capital}}亿
</div> </div>
</label> </label>
</div> </div> -->
<section *ngIf="highShow" class="sub">
<div class ="item" *ngFor="let prj of projects;let i=index"> <!-- </section>
<label (click)="highLight(i,prj,'p');setPrj(prj);" >{{prj.name}} </label>
<section class="sub">
<label (click)=" highLight(i,sec,'s');setCamera(sec);" *ngFor="let sec of prj.secs;let i=index">{{sec.name}}
<section class="sub" *ngIf="sec.cameras">
<label (click)="setPoint(c)" *ngFor="let c of sec.cameras">{{c.name}}</label>
</section>
</label>
</section>
</div>
</section>
</section>
<section> <section>
<button [ngClass]="{focus:normalShow}" (click)='toNormal()'>普通干线 <button [ngClass]="{focus:normalShow}" (click)='toNormal()'>普通干线
</button> </button>
<div *ngIf="!normalShow"> <div *ngIf="!normalShow">
<label> <label>
<div> <div>
...@@ -104,11 +177,7 @@ ...@@ -104,11 +177,7 @@
</div> </div>
</label> </label>
</div> </div>
<section *ngIf="normalShow" class="sub">
<label (click)="highLight(i,prj)" *ngFor="let prj of normalProjects;let i=index">{{prj.name}}
</label>
</section>
</section> </section>
</div> </div>
...@@ -119,7 +188,8 @@ ...@@ -119,7 +188,8 @@
</div> </div>
<div class="right"> <div class="right">
<!-- <section> </div> -->
<!-- <section>
<button (click)="goToVideo()">视频监管 <button (click)="goToVideo()">视频监管
</button> </button>
...@@ -145,23 +215,17 @@ ...@@ -145,23 +215,17 @@
<label></label> <label></label>
<label> </label> <label> </label>
<label></label> <label></label>
</section> --> </section> -->
<!-- <section> <!-- <section>
<button>数据信息 <button>数据信息
</button> </button>
<label>名字：{{currProj.name}}</label> <label>名字：{{currProj.name}}</label>
<label>里程：{{currProj.mileage}}</label> <label>里程：{{currProj.mileage}}</label>
<label>投资：{{currProj.capital}}</label> <label>投资：{{currProj.capital}}</label>
</section> --> </section>
</div> </div>
</div> </div>
<div class="function">
<img alt="视频监控" src="/assets/video.svg">
<img src="/assets/video.svg">
<img src="/assets/video.svg">
<img src="/assets/video.svg">
<img src="/assets/video.svg">
</div>
<jw-modal id="custom-modal-1"> <jw-modal id="custom-modal-1">
<h1>添加项目</h1> <h1>添加项目</h1>
...@@ -230,4 +294,32 @@ ...@@ -230,4 +294,32 @@
<button (click)="addCamera(camera)">添加</button> <button (click)="addCamera(camera)">添加</button>
<button (click)="closeModal('marker');">Close</button> <button (click)="closeModal('marker');">Close</button>
</jw-modal> </jw-modal>-->
<div class="function">
<div class="tooltip">
<img alt="视频监控" (click)="goToVideo()" class="tooltip" src="/assets/video.svg">
<span class="tooltiptext">视频监控</span>
</div>
<div class="tooltip">
<img alt="视频监控" (click)="goToVideo()" class="tooltip" src="/assets/baseline-security.svg">
<span class="tooltiptext">质量安全监管
</span>
</div>
<div class="tooltip">
<img alt="视频监控" (click)="goToVideo()" class="tooltip" src="/assets/baseline-assessment.svg">
<span class="tooltiptext">建设程序监管 </span>
</div>
<div class="tooltip">
<img alt="视频监控" (click)="goToVideo()" class="tooltip" src="/assets/baseline-featured_play.svg">
<span class="tooltiptext">视频监控</span>
</div>
<div class="tooltip">
<img alt="视频监控" (click)="goToVideo()" class="tooltip" src="/assets/baseline-table_chart-24px.svg">
<span class="tooltiptext">造价监管</span>
</div>
</div>
\ No newline at end of file
src/app/main/main.component.less
...@@ -2,13 +2,20 @@ ...@@ -2,13 +2,20 @@
// display: grid; // display: grid;
// grid-template-columns: 15% auto 15%; // grid-template-columns: 15% auto 15%;
// grid-template-rows:850px; // grid-template-rows:850px;
section{
padding: 1em;
background: #3885b338;
margin: 5px; fieldset{
border-radius: 4px; // padding: 1em;
border: 1px solid #613d3d; // background: #3885b338;
// margin: 5px;
// border-radius: 4px;
// border: 1px solid #613d3d;
// margin-bottom: 1em;
// margin-left: 2em;
position: relative;
button{ button{
//position: absolute;
background: #dbdbc90f; background: #dbdbc90f;
color: #16e8d6; color: #16e8d6;
border-radius: 9px; border-radius: 9px;
...@@ -17,17 +24,21 @@ ...@@ -17,17 +24,21 @@
display: block; display: block;
margin: 0.3em; margin: 0.3em;
font-size: initial; font-size: initial;
top: -41px;
left: -8px;
border: 2px solid #f3f42678; border: 2px solid #f3f42678;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
&:hover{ &:hover{
background: #48a9a0; background: #48a9a0;
} }
} }
label{ // label{
display: grid; // display: grid;
grid-template-columns: 77% auto; // grid-template-columns: 77% auto;
color: #eaab4e; // color: #eaab4e;
} // }
&.sub{ &.sub{
padding:0.4em; padding:0.4em;
...@@ -42,12 +53,14 @@ ...@@ -42,12 +53,14 @@
} }
} }
} }
.left{ .left{
width: 292px; width: 292px;
position: absolute; position: absolute;
top: 188px; top: 188px;
} }
.map{ .map{
} }
...@@ -58,18 +71,104 @@ ...@@ -58,18 +71,104 @@
} }
baidu-map{ baidu-map{
width: 100%; width: 100%;
height: 1000px; height: 900px;
display: block; display: block;
} }
.function{ .function{
position: absolute; position: absolute;
right: 80px; right: 80px;
bottom: 20px; bottom: 1px;
img{ img{
margin-left:2em; margin-left:2em;
cursor: pointer; cursor: pointer;
width: 59px; width: 37px;
}
}
.right{
position: absolute;
right: 80px;
top: 20px;
}
.proj-info{
label{
display: grid;
grid-template-columns: 70% auto;
color: #eaab4e;
div:nth-of-type(1){
color:white;
}
}
}
fieldset{
border: 1px solid #03A9F4;
padding: 1em;
background: #3885b338;
margin: 5px;
border-radius: 4px;
margin-bottom: 1em;
margin-left: 2em;
width:120%;
legend{
color: #16e8d6;
// border-top: 1px solid;
border-radius: 7px;
&:hover{
background: #00daff33;
padding: 0.5em;
border: 1px solid #16e8d6;
cursor: pointer;
}
}
}
.sub{
padding:0.4em;
border:none;
// background: #07679657;
margin:0;
.item{
text-align: left;
padding-top: 0.3em;
} }
label{
cursor: pointer;
padding: 0.2em;
// border: 1px solid #42a5d23b;
}
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
border:1px solid #16e8d6;
background-color: black;
color: #16e8d6;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
top:-28px;
left:-4px;
z-index: 1;
}
} .tooltip:hover .tooltiptext {
\ No newline at end of file visibility: visible;
}
\ No newline at end of file
src/app/main/main.component.ts
...@@ -114,8 +114,8 @@ export class MainComponent implements OnInit { ...@@ -114,8 +114,8 @@ export class MainComponent implements OnInit {
var newPolyLine = new window.BMap.Polyline(toPoints, { strokeColor: proj.lineStyle, strokeWeight: proj.lineWidth }); var newPolyLine = new window.BMap.Polyline(toPoints, { strokeColor: proj.lineStyle, strokeWeight: proj.lineWidth });
(newPolyLine as any).id = (proj.course ? "p" : "s") + proj.id; (newPolyLine as any).id = (proj.course ? "p" : "s") + proj.id;
map.addOverlay(newPolyLine); map.addOverlay(newPolyLine);
var newPoints = this.corToPoint(proj.coordinate); // var newPoints = this.corToPoint(proj.coordinate);
this.m.animationLine(newPoints); // this.m.animationLine(newPoints);
} }
goToVideo(){ goToVideo(){
...@@ -146,7 +146,7 @@ export class MainComponent implements OnInit { ...@@ -146,7 +146,7 @@ export class MainComponent implements OnInit {
//加载全局线路 //加载全局线路
setTimeout(() => { setTimeout(() => {
this.loadPolys(res); this.loadPolys(res);
}, 7000); }, 5000);
}); });
this.http.get<any>(this.s.basePath + "/scetion/list").subscribe(res => { this.http.get<any>(this.s.basePath + "/scetion/list").subscribe(res => {
this.allsecs = res.data; this.allsecs = res.data;
...@@ -172,7 +172,8 @@ export class MainComponent implements OnInit { ...@@ -172,7 +172,8 @@ export class MainComponent implements OnInit {
///map.clearOverlays(); ///map.clearOverlays();
this.http.get<any>(this.s.basePath + `/project/list/${markType.HIGHWAY}`).subscribe(res => { this.http.get<any>(this.s.basePath + `/project/list/${markType.HIGHWAY}`).subscribe(res => {
this.projects = res.data; this.projects = res.data;
this.loadPolys(res); var points = this.loadPolys(res);
this.m.animationLine(points.map(p=>({ lng: p[0], lat: p[1] })));
}); });
} }
...@@ -181,8 +182,11 @@ export class MainComponent implements OnInit { ...@@ -181,8 +182,11 @@ export class MainComponent implements OnInit {
var allPoints = []; var allPoints = [];
res.data.forEach(obj => { res.data.forEach(obj => {
this.addPoly(obj); this.addPoly(obj);
// var newPoints = this.corToPoint(obj.coordinate);
// this.m.animationLine(newPoints);
allPoints = allPoints.concat(JSON.parse(obj.coordinate)); allPoints = allPoints.concat(JSON.parse(obj.coordinate));
}); });
return allPoints;
//map.setViewport(allPoints.map(p => ({ lng: p[0], lat: p[1] }))); //map.setViewport(allPoints.map(p => ({ lng: p[0], lat: p[1] })));
} }
......
src/app/main/theme.ts
...@@ -76,7 +76,7 @@ export const theme = [{ ...@@ -76,7 +76,7 @@ export const theme = [{
"featureType": "highway", "featureType": "highway",
"elementType": "geometry.fill", "elementType": "geometry.fill",
"stylers": { "stylers": {
"color": "#09bb12ff" "color": "#000000ff"
} }
}, { }, {
"featureType": "highway", "featureType": "highway",
...@@ -314,7 +314,7 @@ export const theme = [{ ...@@ -314,7 +314,7 @@ export const theme = [{
"featureType": "road", "featureType": "road",
"elementType": "geometry.fill", "elementType": "geometry.fill",
"stylers": { "stylers": {
"color": "#12223dff" "color": "#fff"
} }
}, { }, {
"featureType": "poilabel", "featureType": "poilabel",
......
src/app/video/video.component.html
<div class="main"> <div class="main">
<div>
<tree-ngx [nodeItems]="nodeItems"> </tree-ngx> <tree-ngx (nameClick)="nameChange($event)" [nodeItems]="nodeItems"> </tree-ngx>
<a href="http://192.168.19.175/portal/" style=" color: white;
text-decoration: none;
margin-left: 2em;">演示demo</a>
</div>
<div class="right"> <div class="right">
<div *ngFor="let i of cams" class="cam"> <div *ngFor="let i of cams" class="cam">
<webcam width="350" height="200"></webcam> <video src = "http://192.168.19.175/portal/"></video>
<!-- <webcam width="350" height="200"></webcam> -->
<div class='bottom-line'> <div class='bottom-line'>
<img class="cam-img" src="/assets/camera-retro.svg"> <img class="cam-img" src="/assets/camera-retro.svg">
<img class="cam-img" src="/assets/microphone-alt.svg"> <img class="cam-img" src="/assets/microphone-alt.svg">
......
src/app/video/video.component.ts
...@@ -173,5 +173,8 @@ export class VideoComponent implements OnInit { ...@@ -173,5 +173,8 @@ export class VideoComponent implements OnInit {
cams = Array(16); cams = Array(16);
ngOnInit() { ngOnInit() {
} }
nameChange(){
location.href="http://192.168.19.175/portal/";
}
} }
src/assets/baseline-assessment.svg 0 → 100644
<svg fill="#16e8d6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
src/assets/baseline-assignment.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
\ No newline at end of file
src/assets/baseline-featured_play.svg 0 → 100644
<svg fill="#16e8d6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 8H3V9h9v2zm0-4H3V5h9v2z"/></svg>
\ No newline at end of file
src/assets/baseline-security.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" width="24" fill="#16e8d6" height="24" viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
src/assets/baseline-table_chart-24px.svg 0 → 100644
<svg fill="#16e8d6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M10 10.02h5V21h-5zM17 21h3c1.1 0 2-.9 2-2v-9h-5v11zm3-18H5c-1.1 0-2 .9-2 2v3h19V5c0-1.1-.9-2-2-2zM3 19c0 1.1.9 2 2 2h3V10H3v9z"/></svg>
\ No newline at end of file
src/assets/blender-phone.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M392 64h166.54L576 0H192v352h288l17.46-64H392c-4.42 0-8-3.58-8-8v-16c0-4.42 3.58-8 8-8h114.18l17.46-64H392c-4.42 0-8-3.58-8-8v-16c0-4.42 3.58-8 8-8h140.36l17.46-64H392c-4.42 0-8-3.58-8-8V72c0-4.42 3.58-8 8-8zM158.8 335.01l-25.78-63.26c-2.78-6.81-9.8-10.99-17.24-10.26l-45.03 4.42c-17.28-46.94-17.65-99.78 0-147.72l45.03 4.42c7.43.73 14.46-3.46 17.24-10.26l25.78-63.26c3.02-7.39.2-15.85-6.68-20.07l-39.28-24.1C98.51-3.87 80.09-.5 68.95 11.97c-92.57 103.6-92 259.55 2.1 362.49 9.87 10.8 29.12 12.48 41.65 4.8l39.41-24.18c6.89-4.22 9.7-12.67 6.69-20.07zM480 384H192c-35.35 0-64 28.65-64 64v32c0 17.67 14.33 32 32 32h352c17.67 0 32-14.33 32-32v-32c0-35.35-28.65-64-64-64zm-144 96c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"/></svg>
\ No newline at end of file
src/assets/bong.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><path d="M302.5 512c23.18 0 44.43-12.58 56-32.66C374.69 451.26 384 418.75 384 384c0-36.12-10.08-69.81-27.44-98.62L400 241.94l9.38 9.38c6.25 6.25 16.38 6.25 22.63 0l11.3-11.32c6.25-6.25 6.25-16.38 0-22.63l-52.69-52.69c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63l9.38 9.38-39.41 39.41c-11.56-11.37-24.53-21.33-38.65-29.51V63.74l15.97-.02c8.82-.01 15.97-7.16 15.98-15.98l.04-31.72C320 7.17 312.82-.01 303.97 0L80.03.26c-8.82.01-15.97 7.16-15.98 15.98l-.04 31.73c-.01 8.85 7.17 16.02 16.02 16.01L96 63.96v153.93C38.67 251.1 0 312.97 0 384c0 34.75 9.31 67.27 25.5 95.34C37.08 499.42 58.33 512 81.5 512h221zM120.06 259.43L144 245.56V63.91l96-.11v181.76l23.94 13.87c24.81 14.37 44.12 35.73 56.56 60.57h-257c12.45-24.84 31.75-46.2 56.56-60.57z"/></svg>
\ No newline at end of file
src/assets/bullseye.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" fill="white"><path d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm0 432c-101.69 0-184-82.29-184-184 0-101.69 82.29-184 184-184 101.69 0 184 82.29 184 184 0 101.69-82.29 184-184 184zm0-312c-70.69 0-128 57.31-128 128s57.31 128 128 128 128-57.31 128-128-57.31-128-128-128zm0 192c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z"/></svg>
\ No newline at end of file
src/assets/dharmachakra.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M495 225.06l-17.22 1.08c-5.27-39.49-20.79-75.64-43.86-105.84l12.95-11.43c6.92-6.11 7.25-16.79.73-23.31L426.44 64.4c-6.53-6.53-17.21-6.19-23.31.73L391.7 78.07c-30.2-23.06-66.35-38.58-105.83-43.86L286.94 17c.58-9.21-6.74-17-15.97-17h-29.94c-9.23 0-16.54 7.79-15.97 17l1.08 17.22c-39.49 5.27-75.64 20.79-105.83 43.86l-11.43-12.95c-6.11-6.92-16.79-7.25-23.31-.73L64.4 85.56c-6.53 6.53-6.19 17.21.73 23.31l12.95 11.43c-23.06 30.2-38.58 66.35-43.86 105.84L17 225.06c-9.21-.58-17 6.74-17 15.97v29.94c0 9.23 7.79 16.54 17 15.97l17.22-1.08c5.27 39.49 20.79 75.64 43.86 105.83l-12.95 11.43c-6.92 6.11-7.25 16.79-.73 23.31l21.17 21.17c6.53 6.53 17.21 6.19 23.31-.73l11.43-12.95c30.2 23.06 66.35 38.58 105.84 43.86L225.06 495c-.58 9.21 6.74 17 15.97 17h29.94c9.23 0 16.54-7.79 15.97-17l-1.08-17.22c39.49-5.27 75.64-20.79 105.84-43.86l11.43 12.95c6.11 6.92 16.79 7.25 23.31.73l21.17-21.17c6.53-6.53 6.19-17.21-.73-23.31l-12.95-11.43c23.06-30.2 38.58-66.35 43.86-105.83l17.22 1.08c9.21.58 17-6.74 17-15.97v-29.94c-.01-9.23-7.8-16.54-17.01-15.97zM281.84 98.61c24.81 4.07 47.63 13.66 67.23 27.78l-42.62 48.29c-8.73-5.44-18.32-9.54-28.62-11.95l4.01-64.12zm-51.68 0l4.01 64.12c-10.29 2.41-19.89 6.52-28.62 11.95l-42.62-48.29c19.6-14.12 42.42-23.71 67.23-27.78zm-103.77 64.33l48.3 42.61c-5.44 8.73-9.54 18.33-11.96 28.62l-64.12-4.01c4.07-24.81 13.66-47.62 27.78-67.22zm-27.78 118.9l64.12-4.01c2.41 10.29 6.52 19.89 11.95 28.62l-48.29 42.62c-14.12-19.6-23.71-42.42-27.78-67.23zm131.55 131.55c-24.81-4.07-47.63-13.66-67.23-27.78l42.61-48.3c8.73 5.44 18.33 9.54 28.62 11.96l-4 64.12zM256 288c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm25.84 125.39l-4.01-64.12c10.29-2.41 19.89-6.52 28.62-11.96l42.61 48.3c-19.6 14.12-42.41 23.71-67.22 27.78zm103.77-64.33l-48.29-42.62c5.44-8.73 9.54-18.32 11.95-28.62l64.12 4.01c-4.07 24.82-13.66 47.64-27.78 67.23zm-36.34-114.89c-2.41-10.29-6.52-19.89-11.96-28.62l48.3-42.61c14.12 19.6 23.71 42.42 27.78 67.23l-64.12 4z"/></svg>
\ No newline at end of file
src/assets/draw-polygon.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="white"><path d="M384 352c-.35 0-.67.1-1.02.1l-39.2-65.32c5.07-9.17 8.22-19.56 8.22-30.78s-3.14-21.61-8.22-30.78l39.2-65.32c.35.01.67.1 1.02.1 35.35 0 64-28.65 64-64s-28.65-64-64-64c-23.63 0-44.04 12.95-55.12 32H119.12C108.04 44.95 87.63 32 64 32 28.65 32 0 60.65 0 96c0 23.63 12.95 44.04 32 55.12v209.75C12.95 371.96 0 392.37 0 416c0 35.35 28.65 64 64 64 23.63 0 44.04-12.95 55.12-32h209.75c11.09 19.05 31.49 32 55.12 32 35.35 0 64-28.65 64-64 .01-35.35-28.64-64-63.99-64zm-288 8.88V151.12A63.825 63.825 0 0 0 119.12 128h208.36l-38.46 64.1c-.35-.01-.67-.1-1.02-.1-35.35 0-64 28.65-64 64s28.65 64 64 64c.35 0 .67-.1 1.02-.1l38.46 64.1H119.12A63.748 63.748 0 0 0 96 360.88zM272 256c0-8.82 7.18-16 16-16s16 7.18 16 16-7.18 16-16 16-16-7.18-16-16zM400 96c0 8.82-7.18 16-16 16s-16-7.18-16-16 7.18-16 16-16 16 7.18 16 16zM64 80c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16zM48 416c0-8.82 7.18-16 16-16s16 7.18 16 16-7.18 16-16 16-16-7.18-16-16zm336 16c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16z"/></svg>
\ No newline at end of file
src/assets/video.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="white"><path d="M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" fill="#16e8d6" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4zM10 15l-3.89-3.89v2.55H5V9.22h4.44v1.11H6.89l3.11 3.1 4.22-4.22.78.79-5 5z"/></svg>
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment