Commit 6744a427 authored by ZeMKI's avatar ZeMKI
Browse files

sorting optimize debug mode

parent 57f17843
...@@ -146,7 +146,7 @@ ...@@ -146,7 +146,7 @@
<path value="$PROJECT_DIR$/vendor/symfony/translation-contracts" /> <path value="$PROJECT_DIR$/vendor/symfony/translation-contracts" />
</include_path> </include_path>
</component> </component>
<component name="PhpProjectSharedConfiguration" php_language_level="7.3" /> <component name="PhpProjectSharedConfiguration" php_language_level="7.1" />
<component name="PhpUnit"> <component name="PhpUnit">
<phpunit_settings> <phpunit_settings>
<PhpUnitSettings load_method="CUSTOM_LOADER" configuration_file_path="$PROJECT_DIR$/phpunit.xml" custom_loader_path="$PROJECT_DIR$/vendor/autoload.php" use_configuration_file="true" /> <PhpUnitSettings load_method="CUSTOM_LOADER" configuration_file_path="$PROJECT_DIR$/phpunit.xml" custom_loader_path="$PROJECT_DIR$/vendor/autoload.php" use_configuration_file="true" />
......
...@@ -2304,6 +2304,7 @@ __webpack_require__.r(__webpack_exports__); ...@@ -2304,6 +2304,7 @@ __webpack_require__.r(__webpack_exports__);
// //
// //
// //
//
   
$(document).keydown(function (event) { $(document).keydown(function (event) {
if (event.ctrlKey == true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109' || event.which == '187' || event.which == '189')) { if (event.ctrlKey == true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109' || event.which == '187' || event.which == '189')) {
...@@ -2488,13 +2489,16 @@ $(document).keydown(function (event) { ...@@ -2488,13 +2489,16 @@ $(document).keydown(function (event) {
this.bounds.bottom = this.getglobalcoordinates(document.querySelector('.round-sorting' + this.circles)).bottom; this.bounds.bottom = this.getglobalcoordinates(document.querySelector('.round-sorting' + this.circles)).bottom;
this.center_x = this.offsetbounds_x + document.querySelector(".round-sorting" + this.circles).offsetWidth / 2; this.center_x = this.offsetbounds_x + document.querySelector(".round-sorting" + this.circles).offsetWidth / 2;
this.center_y = this.offsetbounds_y + document.querySelector(".round-sorting" + this.circles).offsetHeight / 2; this.center_y = this.offsetbounds_y + document.querySelector(".round-sorting" + this.circles).offsetHeight / 2;
var d = document.getElementById('center'); var self = this;
d.style.position = "absolute"; setTimeout(function () {
d.style.backgroundColor = "red"; var d = document.getElementById('center');
d.style.width = "3px"; d.style.position = "absolute";
d.style.height = "3px"; d.style.backgroundColor = "red";
d.style.left = this.center_x + 'px'; d.style.width = "3px";
d.style.top = this.center_y + 'px'; d.style.height = "3px";
d.style.left = self.center_x + 'px';
d.style.top = self.center_y + 'px';
}, 100);
}, },
createtokens: function createtokens() { createtokens: function createtokens() {
this.tokens = this.availabletokens; this.tokens = this.availabletokens;
...@@ -15700,7 +15704,17 @@ var render = function() { ...@@ -15700,7 +15704,17 @@ var render = function() {
0 0
), ),
_vm._v(" "), _vm._v(" "),
_c("div", { attrs: { id: "center" } }), _c("div", {
directives: [
{
name: "show",
rawName: "v-show",
value: _vm.debug,
expression: "debug"
}
],
attrs: { id: "center" }
}),
_vm._v(" "), _vm._v(" "),
_c("div", { _c("div", {
staticClass: "circle_container is-unselectable", staticClass: "circle_container is-unselectable",
{ {
"/js/app.js": "/js/app.js?id=c99df190c917bd60704f", "/js/app.js": "/js/app.js?id=c137197b02daa7012dbd",
"/css/app.css": "/css/app.css?id=33e8c8db759d1aed6c23", "/css/app.css": "/css/app.css?id=33e8c8db759d1aed6c23",
"/css/app_dompdf.css": "/css/app_dompdf.css?id=225174786ee9d00fe897", "/css/app_dompdf.css": "/css/app_dompdf.css?id=225174786ee9d00fe897",
"/js/manifest.js": "/js/manifest.js?id=844cdbfe9e6b6b56ae8f", "/js/manifest.js": "/js/manifest.js?id=844cdbfe9e6b6b56ae8f",
......
...@@ -9,22 +9,23 @@ ...@@ -9,22 +9,23 @@
style="top:45px;position: relative;width: auto;height:17px;border-radius: 0;display:inline-block;left:-6.5px;"></span><br> style="top:45px;position: relative;width: auto;height:17px;border-radius: 0;display:inline-block;left:-6.5px;"></span><br>
<div style="display:block;position:relative;" v-if="debug"> <div style="display:block;position:relative;" v-if="debug">
<div v-if="t.drag" class="tag is-dark " style="display:block;" v-html="'Circle '+t.valutation.circle"></div> <div v-if="t.drag" class="tag is-dark " style="display:block;"
<div v-if="t.drag" class="tag is-dark" style="display:block;" v-html="'Circle '+t.valutation.circle"></div>
v-html="'Distance from center '+t.valutation.distance"></div> <div v-if="t.drag" class="tag is-dark" style="display:block;"
<div v-if="t.drag" class="tag is-dark " style="display:block;" v-html="'Distance from center '+t.valutation.distance"></div>
v-html="'Position X'+t.position.x + ' ' + t.position.x"></div> <div v-if="t.drag" class="tag is-dark " style="display:block;"
<div v-if="t.drag" class="tag is-dark " style="display:block;" v-html="'Position X'+t.position.x + ' ' + t.position.x"></div>
v-html="'Position Y'+t.position.x + ' ' + t.position.y"></div> <div v-if="t.drag" class="tag is-dark " style="display:block;"
<div v-if="t.drag && t.percentagePosition" class="tag is-dark " style="display:block;" v-html="'Position Y'+t.position.x + ' ' + t.position.y"></div>
v-html="'P position X'+t.percentagePosition.x"></div> <div v-if="t.drag && t.percentagePosition" class="tag is-dark " style="display:block;"
<div v-if="t.drag && t.percentagePosition" class="tag is-dark " style="display:block;" v-html="'P position X'+t.percentagePosition.x"></div>
v-html="'P position Y '+t.percentagePosition.y" <div v-if="t.drag && t.percentagePosition" class="tag is-dark " style="display:block;"
></div> v-html="'P position Y '+t.percentagePosition.y"
></div>
</div> </div>
</div> </div>
</div> </div>
<div id="center"></div> <div id="center" v-show="debug"></div>
<div class="circle_container is-unselectable" style="margin-top:-30px;"></div> <div class="circle_container is-unselectable" style="margin-top:-30px;"></div>
</div> </div>
...@@ -63,7 +64,7 @@ ...@@ -63,7 +64,7 @@
center_x: 0, center_x: 0,
center_y: 0, center_y: 0,
export: false, export: false,
debug:false debug: false
} }
} }
...@@ -193,7 +194,7 @@ ...@@ -193,7 +194,7 @@
return {circle: circle, distance: distance}; return {circle: circle, distance: distance};
}, },
debugMode: function(){ debugMode: function () {
this.debug = !this.debug; this.debug = !this.debug;
}, },
createcircles: function () { createcircles: function () {
...@@ -245,14 +246,23 @@ ...@@ -245,14 +246,23 @@
this.center_x = this.offsetbounds_x + (document.querySelector(".round-sorting" + this.circles).offsetWidth / 2); this.center_x = this.offsetbounds_x + (document.querySelector(".round-sorting" + this.circles).offsetWidth / 2);
this.center_y = this.offsetbounds_y + (document.querySelector(".round-sorting" + this.circles).offsetHeight / 2); this.center_y = this.offsetbounds_y + (document.querySelector(".round-sorting" + this.circles).offsetHeight / 2);
var d = document.getElementById('center');
d.style.position = "absolute"; let self = this;
d.style.backgroundColor = "red";
d.style.width = "3px"; setTimeout(function(){
d.style.height = "3px"; var d = document.getElementById('center');
d.style.position = "absolute";
d.style.left = this.center_x+'px'; d.style.backgroundColor = "red";
d.style.top = this.center_y+'px'; d.style.width = "3px";
d.style.height = "3px";
d.style.left = self.center_x + 'px';
d.style.top = self.center_y + 'px';
}, 100);
}, },
createtokens: function () { createtokens: function () {
this.tokens = this.availabletokens; this.tokens = this.availabletokens;
......
Supports Markdown
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