CreatBot/CreatBotMainsail
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move loading progress bar

Browse Source
This commit is contained in:
Juan Rosario 2021-08-06 14:51:32 -05:00
parent 0cf99e8bba
commit 601c52af40
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/gcodeviewer/Viewer.vue
View File

@ -4,6 +4,11 @@
<v-icon>mdi-video-3d</v-icon> <v-icon>mdi-video-3d</v-icon>
{{ $t('GCodeViewer.Title') }} {{ $t('GCodeViewer.Title') }}
<v-spacer></v-spacer> <v-spacer></v-spacer>
<div class="progress-container">
<v-progress-linear :value="loadingPercent" class="disable-transition" color="#d41216" height="15" rounded v-show="loading">
<span class="progress-text">{{loadingPercent}}%</span>
</v-progress-linear>
</div>
<v-btn @click="tracking=true" v-show="showTrackingButton">{{ $t("GCodeViewer.TrackPrint")}}</v-btn> <v-btn @click="tracking=true" v-show="showTrackingButton">{{ $t("GCodeViewer.TrackPrint")}}</v-btn>
<v-btn @click="reloadViewer()" color="info" v-show="reloadRequired">{{$t("GCodeViewer.ReloadRequired")}}</v-btn> <v-btn @click="reloadViewer()" color="info" v-show="reloadRequired">{{$t("GCodeViewer.ReloadRequired")}}</v-btn>
</v-card-title> </v-card-title>
@ -15,11 +20,7 @@
<v-select :items="renderQualities" :label="$t('GCodeViewer.RenderQuality')" attach class="mt-1" item-text="label" v-model="renderQuality"></v-select> <v-select :items="renderQualities" :label="$t('GCodeViewer.RenderQuality')" attach class="mt-1" item-text="label" v-model="renderQuality"></v-select>
<v-checkbox :label="$t('GCodeViewer.ForceLineRendering')" v-model="forceLineRendering"></v-checkbox> <v-checkbox :label="$t('GCodeViewer.ForceLineRendering')" v-model="forceLineRendering"></v-checkbox>
</v-col> </v-col>
<v-col cols="10" ref="viewerCanvasContainer"> <v-col cols="10" ref="viewerCanvasContainer"></v-col>
<v-progress-linear :value="loadingPercent" class="disable-transition" color="#d41216" height="15" rounded v-show="loading">
<span class="progress-text">{{loadingPercent}}%</span>
</v-progress-linear>
</v-col>
</v-row> </v-row>
<input :accept="'.g,.gcode,.gc,.gco,.nc,.ngc,.tap'" @change="fileSelected" hidden multiple ref="fileInput" type="file" /> <input :accept="'.g,.gcode,.gc,.gco,.nc,.ngc,.tap'" @change="fileSelected" hidden multiple ref="fileInput" type="file" />
</v-card-text> </v-card-text>
@ -40,6 +41,10 @@
font-size: small; font-size: small;
} }
.progress-container {
width:83%;
}
.disable-transition { .disable-transition {
transition: none !important; transition: none !important;
} }