mirrors/graphonline
1
0
Fork 0
mirror of https://github.com/UnickSoft/graphonline.git synced 2025-07-04 00:36:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change create edge dialog.

Browse Source
This commit is contained in:
Oleg Sh 2021-06-13 18:40:56 +02:00
parent d70c3d27e5
commit 1b3d8d72bc
3 changed files with 56 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
i/css/home.css
View File

@ -84,18 +84,37 @@
width : 100%; width : 100%;
} }
#EdgeWeightControls
{
width: 100%;
}
#EdgeWeight #EdgeWeight
{ {
width: 86px; width: 100%;
} }
#EdgeWeightSlider #EdgeWeightSlider
{ {
width: auto; width: 100%;
max-width: 100%; max-width: 100%;
display: inline-block; display: inline-block;
} }
#MainEdgeWeightControl
{
border-width: 1px;
border-radius: 4px;
border-color: lightgray;
border-style: solid;
margin: 4px;
padding: 6px;
}
#EdgeLable {
width: 100%;
}
#sentAlgorithm #sentAlgorithm
{ {
display: none; display: none;

11
script/EventHandlers.js
View File

@ -655,7 +655,6 @@ ConnectionGraphHandler.prototype.AddNewEdge = function(selectedObject, isDirect)
{ {
this.app.CreateNewArc(this.firstObject, selectedObject, isDirect, document.getElementById('EdgeWeight').value, $("#RadiosReplaceEdge").prop("checked"), document.getElementById('EdgeLable').value); this.app.CreateNewArc(this.firstObject, selectedObject, isDirect, document.getElementById('EdgeWeight').value, $("#RadiosReplaceEdge").prop("checked"), document.getElementById('EdgeLable').value);
EdgeLable
this.SelectFirst(); this.SelectFirst();
this.app.NeedRedraw(); this.app.NeedRedraw();
} }
@ -719,6 +718,16 @@ ConnectionGraphHandler.prototype.SelectVertex = function(selectedObject)
$(this).off('submit').on('submit', function () { $(this).off('submit').on('submit', function () {
return false; return false;
}); });
// Focues weight
setTimeout(function(){
const weightInput = document.getElementById('EdgeWeight');
if(weightInput)
{
weightInput.focus();
weightInput.select();
}
},0);
} }
}); });
} }

29
tpl/home.php
View File

@ -10,7 +10,7 @@
<script src="<?= Root('i/js/dev/jquery-ui.js')?>"></script> <script src="<?= Root('i/js/dev/jquery-ui.js')?>"></script>
<script src="<?= Root('i/js/dev/jquery.feedback_me.js')?>"></script> <script src="<?= Root('i/js/dev/jquery.feedback_me.js')?>"></script>
<script src="<?= Root("script/example.js?v=42")?>" ></script> <script src="<?= Root("script/example.js?v=43")?>" ></script>
</head> </head>
<!-- <!--
<div class="pull-right"> <div class="pull-right">
@ -229,15 +229,26 @@
<div id="addEdge"> <div id="addEdge">
<form> <form>
<fieldset> <fieldset>
<div id="EdgeWeightControls"> <div id="MainEdgeWeightControl">
<label id="WeightLabel"><?= L('edge_weight')?>&nbsp; </label> <input type="range" id="EdgeWeightSlider" min="0" max="29" value="0" oninput="document.getElementById('EdgeWeight').value = (this.value > 0 ? this.value : '<?= L('default_weight')?>');" onchange="document.getElementById('EdgeWeight').value = (this.value > 0 ? this.value : '<?= L('default_weight')?>');"> &nbsp; &nbsp;<input type="text" name="edgeWeight" value="<?= L('default_weight')?>" id="EdgeWeight" class="inputBox"> <table id="EdgeWeightControls">
</div> <tr>
<td rowspan="2">
<label id="WeightLabel"><?= L('edge_weight')?>&nbsp; </label>
</td>
<td>
<input type="text" name="edgeWeight" value="<?= L('default_weight')?>" id="EdgeWeight" class="inputBox">
</td>
</tr>
<tr>
<td>
<input type="range" id="EdgeWeightSlider" min="0" max="29" value="0" oninput="document.getElementById('EdgeWeight').value = (this.value > 0 ? this.value : '<?= L('default_weight')?>');" onchange="document.getElementById('EdgeWeight').value = (this.value > 0 ? this.value : '<?= L('default_weight')?>');">
</td>
</tr>
</table>
<div id="EdgesPresets"> <div id="EdgesPresets">
<span onClick="document.getElementById('EdgeWeight').value='<?= L('default_weight')?>'; document.getElementById('EdgeWeightSlider').value=0;" style="cursor: pointer" class="defaultWeigth"><?= L('default_weight')?></span> <span onClick="document.getElementById('EdgeWeight').value='<?= L('default_weight')?>'; document.getElementById('EdgeWeightSlider').value=0;" style="cursor: pointer" class="defaultWeigth"><?= L('default_weight')?></span>
<span onClick="document.getElementById('EdgeWeight').value='1'; document.getElementById('EdgeWeightSlider').value=1;" style="cursor: pointer" class="defaultWeigth">1</span> <span onClick="document.getElementById('EdgeWeight').value='1'; document.getElementById('EdgeWeightSlider').value=1;" style="cursor: pointer" class="defaultWeigth">1</span>
</div> </div>
<div id="EdgeLabelControls">
<label id="EdgeLabel"><?= L('text_above_edge')?></label>&nbsp;&nbsp;<input type="text" name="edgeLable" value="" id="EdgeLable" class="inputBox">
</div> </div>
<div id="NewEdgeAction"> <div id="NewEdgeAction">
<div class="InlineStyle PaddingRight"> <div class="InlineStyle PaddingRight">
@ -253,6 +264,12 @@
</label> </label>
</div> </div>
</div> </div>
<small>
<div id="EdgeLabelControls">
<label id="EdgeLabel"><?= L('text_above_edge')?></label>&nbsp;&nbsp;<input type="text" name="edgeLable" value="" id="EdgeLable" class="inputBox">
</div>
</small>
</fieldset> </fieldset>
</form> </form>
</div> </div>