mirrors/graphonline
1
0
Fork 0
mirror of https://github.com/UnickSoft/graphonline.git synced 2026-02-16 02:30:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace bootstrap3 to bootstrap5.

Browse Source
This commit is contained in:
Oleg Sh
2025-02-14 20:02:31 +01:00
parent 823fabf058
commit c487ec198c
2120 changed files with 72769 additions and 447 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
tpl/_create_algorithm.php
View File

@@ -32,76 +32,76 @@
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="glyphicon glyphicon-cog fa-fw"></span>
<span class="bi bi-cog fa-fw"></span>
<?= L('graph')?>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="NewGraph"><span class="glyphicon glyphicon-plus fa-fw"></span> <?= L('new_graph')?></button>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="NewGraph"><span class="bi bi-plus fa-fw"></span> <?= L('new_graph')?></button>
</li>
<li class="divider"></li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveGraph"><span class="glyphicon glyphicon-floppy-disk fa-fw"></span> <?= L('save')?></button>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveGraph"><span class="bi bi-floppy-disk fa-fw"></span> <?= L('save')?></button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveGraphImage"><span class="glyphicon glyphicon-floppy-disk fa-fw"></span> <?= L('save_image')?></button>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveGraphImage"><span class="bi bi-floppy-disk fa-fw"></span> <?= L('save_image')?></button>
</li>
<li class="divider"></li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ShowAdjacencyMatrix"><span class="glyphicon glyphicon-th fa-fw"></span> <?= L('show_adjacency_matrix')?></button>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ShowAdjacencyMatrix"><span class="bi bi-th fa-fw"></span> <?= L('show_adjacency_matrix')?></button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ShowIncidenceMatrix"><span class="glyphicon glyphicon-th fa-fw"></span> <?= L('show_incidence_matrix')?> </button>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ShowIncidenceMatrix"><span class="bi bi-th fa-fw"></span> <?= L('show_incidence_matrix')?> </button>
</li>
<li class="divider"></li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="DeleteAll"><span class="glyphicon glyphicon-remove fa-fw"></span> <?= L('delete_all')?></button>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="DeleteAll"><span class="bi bi-remove fa-fw"></span> <?= L('delete_all')?></button>
</li>
</ul>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> <?= L('view')?>
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="bi bi-zoom-in fa-fw"></span> <?= L('view')?>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom100"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> 100% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom50"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> 50% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom25"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> 25% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomFit"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> <?= L('zoom_fit') ?></button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom100"><span class="bi bi-zoom-in fa-fw"></span> 100% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom50"><span class="bi bi-zoom-in fa-fw"></span> 50% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom25"><span class="bi bi-zoom-in fa-fw"></span> 25% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomFit"><span class="bi bi-zoom-in fa-fw"></span> <?= L('zoom_fit') ?></button> </li>
<li class="divider"></li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomIn"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> <?= L('zoom_in') ?> </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomOut"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> <?= L('zoom_out') ?> </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomIn"><span class="bi bi-zoom-in fa-fw"></span> <?= L('zoom_in') ?> </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomOut"><span class="bi bi-zoom-in fa-fw"></span> <?= L('zoom_out') ?> </button> </li>
<li class="divider"></li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="MoveWorspace"><span class="glyphicon glyphicon-fullscreen fa-fw"></span> <?= L('move_workspace') ?> </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="MoveWorspace"><span class="bi bi-fullscreen fa-fw"></span> <?= L('move_workspace') ?> </button> </li>
</ul>
</div>
<button type="button" class="btn btn-default btn-sm" id="Default"><span class="glyphicon glyphicon-fullscreen fa-fw"></span> <?= L('default')?></button>
<button type="button" class="btn btn-primary btn-sm" id="AddGraph"><span class="glyphicon glyphicon-plus fa-fw"></span> <?= L('add_node')?></button>
<button type="button" class="btn btn-default btn-sm" id="ConnectGraphs"><span class="glyphicon glyphicon-road fa-fw"></span> <?= L('connect_nodes')?></button>
<button type="button" class="btn btn-default btn-sm" id="Default"><span class="bi bi-fullscreen fa-fw"></span> <?= L('default')?></button>
<button type="button" class="btn btn-primary btn-sm" id="AddGraph"><span class="bi bi-plus fa-fw"></span> <?= L('add_node')?></button>
<button type="button" class="btn btn-default btn-sm" id="ConnectGraphs"><span class="bi bi-road fa-fw"></span> <?= L('connect_nodes')?></button>
<!-- Algorithms -->
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="glyphicon glyphicon-cog fa-fw"></span>
<span class="bi bi-cog fa-fw"></span>
<?= L('algorithms') ?>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" id="algorithmList">
<li>
<!--
<button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id="FindPath"><span class="glyphicon glyphicon-search fa-fw"></span> <?= L('short_path')?></button></li>
<li><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id="ConnectedComponent"><span class="glyphicon glyphicon-search fa-fw"></span> <?= L('connected_component') ?> </button></li>
<li><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id="EulerianLoop"><span class="glyphicon glyphicon-refresh fa-fw"></span> <span><?= L('find_eulerian_loop')?></span></button></li>
<button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id="FindPath"><span class="bi bi-search fa-fw"></span> <?= L('short_path')?></button></li>
<li><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id="ConnectedComponent"><span class="bi bi-search fa-fw"></span> <?= L('connected_component') ?> </button></li>
<li><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id="EulerianLoop"><span class="bi bi-refresh fa-fw"></span> <span><?= L('find_eulerian_loop')?></span></button></li>
-->
<li style="display: none;"><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id=""><span class="glyphicon glyphicon-search fa-fw"></span> <span></span></button></li>
<li style="display: none;"><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id=""><span class="bi bi-search fa-fw"></span> <span></span></button></li>
</ul>
</div>
<button type="button" class="btn btn-default btn-sm" id="DeleteObject"><span class="glyphicon glyphicon-remove fa-fw"></span> <?= L('delete')?></button>
<button type="button" class="btn btn-default btn-sm" id="DeleteObject"><span class="bi bi-remove fa-fw"></span> <?= L('delete')?></button>
<!--
<button type="button" class="btn btn-default" id="Test"><span class="glyphicon glyphicon-remove"></span> Test repos</button>
<button type="button" class="btn btn-default" id="Test"><span class="bi bi-remove"></span> Test repos</button>
-->
</ul>
</section>
@@ -214,11 +214,11 @@
<div id="matrixError" class="translation">
<div><span class="glyphicon glyphicon-remove-sign text-danger"></span> <?= L('bad_adj_matrix_message')?></div>
<div><span class="bi bi-remove-sign text-danger"></span> <?= L('bad_adj_matrix_message')?></div>
</div>
<div id="matrixErrorInc" class="translation">
<div><span class="glyphicon glyphicon-remove-sign text-danger"></span> <?= L('bad_inc_matrix_message')?></div>
<div><span class="bi bi-remove-sign text-danger"></span> <?= L('bad_inc_matrix_message')?></div>
</div>

10
tpl/admin/admin_menu.php
View File

@@ -56,6 +56,12 @@
</div>
</nav>
<script src="/i/js/dev/bootstrap3/bootstrap.min.js">
$('.dropdown-toggle').dropdown();
<script type="text/javascript" src="/i/js/dev/bootstrap3/bootstrap.min.js">
</script>
<script type="text/javascript">
window.onload = function ()
{
$('.dropdown-toggle').dropdown();
};
</script>

2
tpl/create_graph_by_edge_list.php
View File

@@ -62,7 +62,7 @@ b-c
</form>
</div>
<div class="col-md-4">
<button type="button" class="btn btn-default btn-lg" id="CreateByPair"><span class="glyphicon glyphicon-ok"></span> <?= L('plot_graph_button')?></button>
<button type="button" class="btn btn-outline-success btn-lg" id="CreateByPair"><span class="bi bi-check-lg"></span> <?= L('plot_graph_button')?></button>
<div id="BadFormatMessage" class="alert alert-warning" role="alert">
<?= L('pair_bad_format')?>
</div>

32
tpl/create_graph_by_incidence_matrix.php
View File

@@ -126,19 +126,17 @@ function _ShowMatrixInput()
function ShowTextInput()
{
_ShowTextInput();
document.getElementById("showMatrix").className = "btn btn-default";
document.getElementById("showText").className = "btn btn-default active";
document.getElementById("showMatrix").className = "nav-link";// btn-secondary";
document.getElementById("showText").className = "nav-link active"; //btn-secondary
}
function ShowMatrixInput()
{
_ShowMatrixInput();
document.getElementById("showMatrix").className = "btn btn-default active";
document.getElementById("showText").className = "btn btn-default";
document.getElementById("showMatrix").className = "nav-link active"; // btn-secondary
document.getElementById("showText").className = "nav-link"; // btn-secondary
}
function CopyMatrixToMatrixInput()
{
var graph = new Graph();
@@ -260,12 +258,12 @@ window.onload = function ()
$( "#showMatrix" ).on('click', function (eventObject)
{
_ShowMatrixInput();
ShowMatrixInput();
});
$( "#showText" ).on('click', function (eventObject)
{
_ShowTextInput();
ShowTextInput();
});
CopyMatrixToMatrixInput();
@@ -299,8 +297,14 @@ window.onload = function ()
<form>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default active" id="showMatrix"><input type="radio" name="matrixInputType"> <?= L('matrix_matrix_input') ?></label>
<label class="btn btn-default" id="showText"><input type="radio" name="matrixInputType"> <?= L('text_matrix_input') ?></label>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="javascript:;" id="showMatrix"> <?= L('matrix_matrix_input') ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:;" id="showText"> <?= L('text_matrix_input') ?></a>
</li>
</ul>
</div>
</form>
@@ -313,7 +317,7 @@ window.onload = function ()
<?php else: ?><?= $_GET["incidenceMatrix"] ?><?php endif;?></textarea>
</form>
<div id="MatrixForm">
<form id="AdjacencyMatrixFieldInput" role="form">
<form id="AdjacencyMatrixFieldInput" role="form" class="mb-2">
<input type="text" name="field0_0" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field0_1" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<br name="row0">
@@ -328,10 +332,10 @@ window.onload = function ()
<span name="matrixEnd"></span>
</form>
<button type="button" onclick="IncSizeW()" value="add" name="add" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>
<button type="button" onclick="IncSizeW()" value="add" name="add" class="btn btn-outline-secondary menu-text mb-2"><span class="bi bi-plus-circle"></span>
<?= L('add_edge_to_matrix') ?>
</button>
<button type="button" onclick="IncSizeH()" value="add" name="add" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>
<button type="button" onclick="IncSizeH()" value="add" name="add" class="btn btn-outline-secondary menu-text"><span class="bi bi-plus-circle"></span>
<?= L('add_node_to_matrix') ?>
</button>
<p><small><?= L('use_ctrl_to_move_cells')?></small></p>
@@ -340,7 +344,7 @@ window.onload = function ()
</div>
<div class="col-md-4">
<button type="button" class="btn btn-default btn-lg" id="CreateByIncidenceMatrix"><span class="glyphicon glyphicon-th"></span> <?= L('plot_graph_button')?></button>
<button type="button" class="btn btn-outline-success btn-lg" id="CreateByIncidenceMatrix"><span class="bi bi-check-lg"></span> <?= L('plot_graph_button')?></button>
<div id="BadFormatMessage" class="alert alert-warning" role="alert">
<?= L('incidence_matrix_bad_format')?>
</div>

62
tpl/create_graph_by_matrix.php
View File

@@ -17,13 +17,23 @@
</div>
<div class="row">
<div class="col-md-4">
<form>
<form id="matrixViewForm">
<!--
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default active" id="showMatrix"><input type="radio" name="matrixInputType"> <?= L('matrix_matrix_input') ?></label>
<label class="btn btn-default" id="showText"><input type="radio" name="matrixInputType"> <?= L('text_matrix_input') ?></label>
<label class="btn btn-default active" id="showMatrix"><input type="radio" name="matrixInputType" id="showMatrixRadio" checked> <?= L('matrix_matrix_input') ?></label>
<label class="btn btn-default" id="showText"><input type="radio" name="matrixInputType" id="showTextRadio" > <?= L('text_matrix_input') ?></label>
</div>
-->
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="javascript:;" id="showMatrix"> <?= L('matrix_matrix_input') ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:;" id="showText"> <?= L('text_matrix_input') ?></a>
</li>
</ul>
</form>
<form action="./" method="post" id="matrixForm">
<form action="./" method="post" id="matrixForm" class="pb-2">
<textarea name="matrix" id="AdjacencyMatrixFieldPage" wrap="off" style="display: none;">
<?php if (!isset($_GET["matrix"])): ?>
0, 1, 0
@@ -32,37 +42,37 @@
<?php else: ?><?= $_GET["matrix"] ?><?php endif;?></textarea>
<div id="idSeparatorList" style="display: none;">
<?= L('separator') ?>
<input type="radio" name="separator" value="commo" id="commoSep" checked> <label for="commoSep"><?= L('separator_commo') ?></label>
<input type="radio" name="separator" value="space" id="spaceSep"> <label for="spaceSep"><?= L('separator_space') ?></label>
<label for="commoSep"><input type="radio" name="separator" value="commo" id="commoSep" checked> <?= L('separator_commo') ?></label>
<label for="spaceSep"><input type="radio" name="separator" value="space" id="spaceSep"> <?= L('separator_space') ?></label>
</div>
</form>
<div id="MatrixForm">
<form id="AdjacencyMatrixFieldInput" role="form">
<input type="text" name="field0_0" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field0_1" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field0_2" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<br name="row0">
<div id="MatrixForm" class="pb-0">
<form id="AdjacencyMatrixFieldInput" role="form">
<input type="text" name="field0_0" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field0_1" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field0_2" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<br name="row0">
<input type="text" name="field1_0" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field1_1" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field1_2" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<br name="row1">
<input type="text" name="field1_0" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field1_1" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field1_2" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<br name="row1">
<input type="text" name="field2_0" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field2_1" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field2_2" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<br name="row2">
<input type="text" name="field2_0" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field2_1" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<input type="text" name="field2_2" size="3" value = "0" onkeyup="CopyMatrixToTextInput(event)">
<br name="row2">
<span name="matrixEnd"></span>
</form>
<button type="button" onclick="IncSize()" value="add" name="add" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>
<span name="matrixEnd"></span>
</form>
<p><small><?= L('use_ctrl_to_move_cells')?></small></p>
</div>
<button type="button" onclick="IncSize()" value="add" name="add" class="btn btn-outline-secondary menu-text"><span class="bi bi-plus-circle"></span>
<?= L('add_node_to_matrix') ?>
</button>
<p><small><?= L('use_ctrl_to_move_cells')?></small></p>
</div>
</div>
<div class="col-md-4">
<button type="button" class="btn btn-default btn-lg" id="CreateByAdjacencyMatrix"><span class="glyphicon glyphicon-ok"></span> <?= L('plot_graph_button')?></button>
<button type="button" class="btn btn-outline-success btn-lg" id="CreateByAdjacencyMatrix"><span class="bi bi-check-lg"></span> <?= L('plot_graph_button')?></button>
<div id="BadFormatMessage" class="alert alert-warning" role="alert">
<?= L('adjacency_matrix_bad_format')?>
</div>

59
tpl/dev/bootstrap3.php
View File

@@ -1,61 +1,2 @@
<?php IncludeCom("dev/jquery")?>
<!--
<head>
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/variables.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/mixins.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/normalize.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/print.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/scaffolding.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/type.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/code.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/grid.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/tables.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/forms.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/buttons.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/component-animations.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/glyphicons.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/dropdowns.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/button-groups.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/input-groups.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/navs.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/navbar.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/breadcrumbs.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/pagination.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/pager.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/labels.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/badges.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/jumbotron.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/thumbnails.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/alerts.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/progress-bars.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/media.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/list-group.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/panels.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/wells.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/close.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/modals.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/tooltip.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/popovers.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/carousel.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/utilities.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/responsive-utilities.less')?>" />
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/transition.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/alert.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/button.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/carousel.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/collapse.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/dropdown.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/modal.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/tooltip.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/popover.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/scrollspy.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/tab.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/affix.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/assets/html5shiv.js')?>"></script>
<script type="text/javascript" src="<?= Root('i/js/dev/bootstrap3/assets/respond.min.js')?>"></script>
</head>
-->

3
tpl/dev/fontawesome.php
View File

@@ -1,4 +1,4 @@
<!--
<head>
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/fontawesome/bordered-pulled.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/fontawesome/core.less')?>" />
@@ -13,3 +13,4 @@
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/fontawesome/stacked.less')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/fontawesome/variables.less')?>" />
</head>
-->

408
tpl/home.php
View File

@@ -1,11 +1,9 @@
<head>
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/home.css')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/jquery-ui.theme.css')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/jquery-ui.theme.css')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/jquery-ui.css')?>" />
<!--
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/jquery-ui.structure.css')?>" />
-->
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/jquery.feedback_me.css')?>" />
<script src="<?= Root('i/js/dev/jquery-ui.js')?>"></script>
@@ -19,157 +17,229 @@
<script src="https://yandex.ru/ads/system/context.js" async></script>
</head>
<!--
<div class="pull-right">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:240px;height:100px"
style="display:inline-block;width:240px;height:100px"
data-ad-client="ca-pub-6777969915840976"
data-ad-slot="6397293847"></ins>
</div>
-->
<h1 style="display:inline;" id="h1Header"><?= L('title_notg')?></h1>
<span class="hidden-xs" id="h1Text"><?= L('text')?></span>
<section>
<ul class="nav nav-pills">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="glyphicon glyphicon-cog fa-fw"></span><span class="hidden-phone"> <?= L('graph')?> </span><span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="NewGraph"><span class="glyphicon glyphicon-plus fa-fw"></span> <?= L('new_graph')?> </button>
</li>
<li class="divider"></li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveGraph"><span class="glyphicon glyphicon-floppy-disk fa-fw"></span> <?= L('save')?></button>
</li>
<li class="divider"></li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveFullGraphImage"><span class="glyphicon glyphicon-floppy-disk fa-fw"></span> <?= L('save_full_image')?></button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveGraphImage"><span class="glyphicon glyphicon-camera fa-fw"></span> <?= L('save_image')?></button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SavePrintGraphImage"><span class="glyphicon glyphicon-print fa-fw"></span> <?= L('save_print_image')?></button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="SaveSvgGraphImage"><span class="glyphicon glyphicon-floppy-disk fa-fw"></span> <?= L('save_svg_image')?></button>
</li>
<li class="divider hidden-phone"></li>
<li class="hidden-phone">
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ExportGraph"><span class="glyphicon glyphicon-download fa-fw"></span> <?= L('export_graph')?></button>
</li>
<section>
<ul class="nav nav-pills" id="main-menu">
<li class="nav-item dropdown">
<a class="dropdown-toggle btn btn-sm btn-outline-secondary" data-bs-toggle="dropdown" href="javascript:;" role="button" aria-expanded="false" aria-haspopup="true">
<span class="bi bi-menu-app menu-text"></span><span class="hidden-phone menu-text"> <?= L('graph')?> </span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="NewGraph" >
<span class="bi bi-plus"></span> <?= L('new_graph')?>
</a>
</li>
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SaveGraph">
<span class="bi bi-floppy"></span> <?= L('save')?>
</a>
</li>
<!--
<li class="hidden-phone">
<a class="dropdown-item dropdown-toggle btn btn-sm btn-submenu" href="javascript:;" role="button">
<span class="bi bi-clock-history"></span> Last used graphs
</a>
<ul class="dropdown-menu dropdown-submenu">
<li>
<a class="dropdown-item btn btn-sm" href="javascript:;" role="button">Graph 1</a>
</li>
<li>
<a class="dropdown-item btn btn-sm" href="javascript:;" role="button">Graph 2</a>
</li>
</ul>
</li>
-->
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SaveFullGraphImage">
<span class="bi bi-floppy fa-fw"></span> <?= L('save_full_image')?>
</a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SaveGraphImage">
<span class="bi bi-camera fa-fw"></span> <?= L('save_image')?>
</a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SavePrintGraphImage">
<span class="bi bi-printer fa-fw"></span> <?= L('save_print_image')?>
</a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SaveSvgGraphImage">
<span class="bi bi-filetype-svg fa-fw"></span> <?= L('save_svg_image')?>
</a>
</li>
<li><hr class="dropdown-divider hidden-phone"></li>
<li class="hidden-phone">
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ExportGraph">
<span class="bi bi-download fa-fw"></span> <?= L('export_graph')?>
</a>
</li>
<li class="hidden-phone">
<input type="file" id="ImportGraphFiles" accept=".graphml" style="display:none" onchange="handelImportGraph(this.files)">
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ImportGraph"><span class="glyphicon glyphicon-upload fa-fw"></span> <?= L('import_graph')?></button>
</li>
<li class="hidden-phone">
<input type="file" id="ImportGraphFiles" accept=".graphml" style="display:none" onchange="handelImportGraph(this.files)">
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ImportGraph">
<span class="bi bi-upload fa-fw"></span> <?= L('import_graph')?>
</a>
</li>
<li class="divider"></li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ShowAdjacencyMatrix"><span class="glyphicon glyphicon-th fa-fw"></span> <?= L('show_adjacency_matrix')?></button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ShowIncidenceMatrix"><span class="glyphicon glyphicon-th fa-fw"></span> <?= L('show_incidence_matrix')?> </button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="ShowDistanceMatrix"><span class="glyphicon glyphicon-th fa-fw"></span> <?= L('distMatrixText')?> </button>
</li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="GroupRename"><span class="glyphicon glyphicon-pencil fa-fw"></span> <?= L('group_rename')?> </button>
</li>
<li class="divider"></li>
<li>
<button type="button" class="btn btn-default btn-sm btn-submenu" id="DeleteAll"><span class="glyphicon glyphicon-remove fa-fw"></span> <?= L('delete_all')?></button>
</li>
</ul>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="glyphicon glyphicon-zoom-in fa-fw"></span><span class="hidden-phone"> <?= L('view')?> </span><span class="caret hidden-phone"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom100"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> 100% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom50"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> 50% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="Zoom25"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> 25% </button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomFit"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> <?= L('zoom_fit') ?></button> </li>
<li class="divider"></li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomIn"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> <?= L('zoom_in') ?> <span style="float:right">+</span></button></li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="ZoomOut"><span class="glyphicon glyphicon-zoom-in fa-fw"></span> <?= L('zoom_out') ?> <span style="float:right">-</span></button></li>
<li class="divider"></li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="MoveWorspace"><span class="glyphicon glyphicon-fullscreen fa-fw"></span> <?= L('move_workspace') ?> </button> </li>
</ul>
</div>
<button type="button" class="btn btn-primary btn-sm" id="Default"><span class="glyphicon glyphicon-fullscreen fa-fw"></span><span class="hidden-phone"> <?= L('default')?> <sub style="color:#AAAAAA">m</sub></span></button>
<button type="button" class="btn btn-default btn-sm" id="AddGraph"><span class="glyphicon glyphicon-plus fa-fw"></span><span class="hidden-phone"> <?= L('add_node')?> <sub style="color:#AAAAAA">v</sub></span></button>
<button type="button" class="btn btn-default btn-sm" id="ConnectGraphs"><span class="glyphicon glyphicon-road fa-fw"></span><span class="hidden-phone"> <?= L('connect_nodes')?> <sub style="color:#AAAAAA">e</sub></span></button>
<!-- Algorithms -->
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="openAlgorithmList">
<span class="glyphicon glyphicon-cog fa-fw "></span><span class="hidden-phone"> <?= L('algorithms') ?> </span><span class="caret"></span>
</button>
<div class="dropdown-menu dropdown-menu-right" role="menu" id="algorithmList">
<button type="button" class="btn btn-primary categoryButton" id="algorithmCategoryBtn1">
<span class="glyphicon glyphicon-chevron-down fa-fw" name="showMark"></span>
<span class="glyphicon glyphicon-chevron-right fa-fw" name="hideMark"></span>
<?= L('search_pathes')?>
</button>
<div id="algorithmCategoryElements1">
<div class="dropdown-item" style="display: none;" id="algTopic1"><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id=""><span class="glyphicon glyphicon-search fa-fw"></span> <span></span></button></div>
<span id="insert1"></span>
</div>
<button type="button" class="btn btn-primary categoryButton" id="algorithmCategoryBtn0">
<span class="glyphicon glyphicon-chevron-down fa-fw" name="showMark"></span>
<span class="glyphicon glyphicon-chevron-right fa-fw" name="hideMark"></span>
<?= L('other_algorithms')?>
</button>
<div id="algorithmCategoryElements0">
<div class="dropdown-item" style="display: none;" id="algTopic0"><button type="button" class="btn btn-default btn-sm" style="width: 100%; text-align: left; border: none;" id=""><span class="glyphicon glyphicon-search fa-fw"></span> <span></span></button></div>
<span id="insert0"></span>
</div>
</div>
</div>
<button type="button" class="btn btn-default btn-sm" id="DeleteObject"><span class="glyphicon glyphicon-remove fa-fw"></span><span class="hidden-phone"> <?= L('delete')?> <sub style="color:#AAAAAA">r</sub></span></button>
<div class="btn-group hidden-phone" role="group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="openSettings">
<span class="glyphicon glyphicon-cog fa-fw "></span><span> <?= L('settings')?> </span><span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu" id="Settings">
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="SetupVertexStyle"><?= L('common_vertex_settings')?></button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="SetupVertexStyleSelected"><?= L('selected_vertex_settings')?></button> </li>
<li class="divider"></li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="SetupEdgeStyle"><?= L('common_edge_settings')?></button> </li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="SetupEdgeStyleSelected"><?= L('selected_edge_settings')?></button> </li>
<li class="divider"></li>
<li> <button type="button" class="btn btn-default btn-sm btn-submenu" id="SetupBackgroundStyle"><?= L('background_style') ?></button> </li>
</ul>
</div>
<button type="button" class="btn btn-default btn-sm" id="GraphUndo"><span class="glyphicon glyphicon-arrow-left fa-fw"></span><span class="hidden-phone"> <?= L('undo')?> <sub style="color:#AAAAAA">crtl+z</sub></span></button>
<!--
<? if (!$wasVote && count($voteTopics) > 0): ?>
<button type="button" class="btn btn-success" id="VoteButton"><span class="glyphicon glyphicon-thumbs-up"></span> <?= L('vote') ?></button>
<? endif ?>
-->
<!--
<button type="button" class="btn btn-default" id="Test"><span class="glyphicon glyphicon-remove"></span> Test repos</button>
-->
</ul>
</section>
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ShowAdjacencyMatrix">
<span class="bi bi-grid-3x3 fa-fw"></span> <?= L('show_adjacency_matrix')?>
</a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ShowIncidenceMatrix">
<span class="bi bi-grid-3x3 fa-fw"></span> <?= L('show_incidence_matrix')?>
</a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ShowDistanceMatrix">
<span class="bi bi-grid-3x3 fa-fw"></span> <?= L('distMatrixText')?>
</a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="GroupRename">
<span class="bi bi-pencil fa-fw"></span> <?= L('group_rename')?>
</a>
</li>
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="DeleteAll">
<span class="bi bi-trash fa-fw"></span> <?= L('delete_all')?>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle btn btn-sm btn-outline-secondary" data-bs-toggle="dropdown" href="javascript:;" role="button" aria-expanded="false" aria-haspopup="true">
<span class="bi bi-zoom-in menu-text"></span> <span class="hidden-phone menu-text"><?= L('view')?></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="Zoom100"><span class="bi bi-zoom-in fa-fw"></span> 100% </a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="Zoom50"><span class="bi bi-zoom-in fa-fw"></span> 50% </a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="Zoom25"><span class="bi bi-zoom-in fa-fw"></span> 25% </a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ZoomFit"><span class="bi bi-zoom-in fa-fw"></span> <?= L('zoom_fit') ?></a>
</li>
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ZoomIn"><span class="bi bi-zoom-in fa-fw"></span> <?= L('zoom_in') ?> <span style="float:right">+</span></a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="ZoomOut">
<span class="bi bi bi-zoom-out fa-fw"></span> <?= L('zoom_out') ?> <span style="float:right">-</span>
</a>
</li>
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="MoveWorspace"><span class="bi bi-fullscreen fa-fw"></span> <?= L('move_workspace') ?> </a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="btn btn-sm btn-outline-secondary" href="javascript:;" role="button" id="Default">
<span class="bi bi-cursor menu-text"></span><span class="hidden-phone menu-text"> <?= L('default')?> <sub style="color:#AAAAAA">m</sub></span>
</a>
</li>
<li class="nav-item">
<a class="btn btn-sm btn-outline-secondary" href="javascript:;" role="button" id="AddGraph">
<span class="bi bi-plus menu-text"></span><span class="hidden-phone menu-text"> <?= L('add_node')?> <sub style="color:#AAAAAA">v</sub></span>
</a>
</li>
<li class="nav-item">
<a class="btn btn-sm btn-outline-secondary" href="javascript:;" role="button" id="ConnectGraphs">
<span class="bi bi-share menu-text"></span><span class="hidden-phone menu-text"> <?= L('connect_nodes')?> <sub style="color:#AAAAAA">e</sub></span>
</a>
</li>
<!-- Algorithms -->
<li class="nav-item">
<a class="dropdown-toggle btn btn-sm btn-outline-secondary" id="openAlgorithmList" data-bs-toggle="dropdown" href="javascript:;" role="button" aria-expanded="false" aria-haspopup="true">
<span class="bi bi-calculator menu-text"></span><span class="hidden-phone menu-text"> <?= L('algorithms') ?> </span><span class="caret"></span>
</a>
<ul class="dropdown-menu dropdown-menu-right multi-column columns-2" role="menu" id="algorithmList">
<div class="row">
<div class="col-sm-6">
<ul id="algorithmCategoryElements1" class="multi-column-dropdown">
<li id="algTopic1" style="display: none;">
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="">
<span class="bi bi-search fa-fw"></span> <span></span>
</a>
</li>
<span id="insert1"></span>
</ul>
</div>
<div class="col-sm-6">
<ul id="algorithmCategoryElements0" class="multi-column-dropdown">
<li id="algTopic0" style="display: none;">
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="">
<span class="bi bi-search fa-fw"></span> <span></span>
</a>
</li>
<span id="insert0"></span>
</ul>
</div>
</div>
</ul>
</li>
<li class="nav-item">
<a class="btn btn-sm btn-outline-secondary" href="javascript:;" role="button" id="DeleteObject">
<span class="bi bi-eraser menu-text"></span><span class="hidden-phone menu-text"> <?= L('delete')?> <sub style="color:#AAAAAA">r</sub></span>
</a>
</li>
<li class="nav-item dropdown hidden-phone">
<a class="dropdown-toggle btn btn-sm btn-outline-secondary" data-bs-toggle="dropdown" href="javascript:;" role="button" aria-expanded="false" aria-haspopup="true" id="openSettings">
<span class="bi bi-tools menu-text"></span><span class="menu-text"> <?= L('settings')?> </span>
</a>
<ul class="dropdown-menu dropdown-menu-right" role="menu" id="Settings">
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SetupVertexStyle"><?= L('common_vertex_settings')?></a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SetupVertexStyleSelected"><?= L('selected_vertex_settings')?></a>
</li>
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SetupEdgeStyle"><?= L('common_edge_settings')?></a>
</li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SetupEdgeStyleSelected"><?= L('selected_edge_settings')?></a>
</li>
<li><hr class="dropdown-divider hidden-phone"></li>
<li>
<a class="dropdown-item btn btn-sm btn-submenu" href="javascript:;" role="button" id="SetupBackgroundStyle"><?= L('background_style') ?></a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="btn btn-sm btn-outline-secondary" href="javascript:;" role="button" id="GraphUndo">
<span class="bi bi-arrow-left menu-text"></span><span class="hidden-phone menu-text"> <?= L('undo')?> <sub style="color:#AAAAAA">crtl+z</sub></span>
</a>
</li>
<!--
<? if (!$wasVote && count($voteTopics) > 0): ?>
<button type="button" class="btn btn-success" id="VoteButton"><span class="bi bi-thumbs-up"></span> <?= L('vote') ?></button>
<? endif ?>
-->
<!--
<button type="button" class="btn btn-default" id="Test"><span class="bi bi-remove"></span> Test repos</button>
-->
</ul>
</section>
<section>
<div id="message" class="alert alert-success" role="alert">Graph</div>
@@ -177,10 +247,10 @@
<section id="canvasSection">
<span id="CanvasMessage"></span>
<button type="button" class="btn btn-default btn-sm hidden-phone" id="Fullscreen"><span class="glyphicon glyphicon-resize-full fa-fw" id="FullscreenIcon"></span></button>
<button type="button" class="btn btn-default btn-sm hidden-phone" id="Fullscreen"><span class="bi bi-arrows-fullscreen" id="FullscreenIcon"></span></button>
<canvas id="canvas"><?= L('browser_no_support')?></canvas>
<div id="developerTools" class="well well-sm">
<h4><?= L('developer_tools_title')?></h4> <span class="glyphicon glyphicon-resize-full fa-fw leftTopPosition" id="devToolsZoom"></span>
<h4><?= L('developer_tools_title')?></h4> <span class="bi bi-arrows-fullscreen fa-fw leftTopPosition" id="devToolsZoom"></span>
<span><?= L('developer_tools_text')?></span>
<textarea id="userScript">
</textarea>
@@ -188,7 +258,7 @@
<input type="button" value="<?= L('developer_tools_submit')?>" id="submitUserScript" class="btn btn-default btn-sm" style="float: right;"/>
</div>
<div id="contextMenu" class="dropdown clearfix">
<div id="contextMenu" class="dropdown clearfix white-btn">
<div id="edgeContextMenu">
<div class="btn-group btn-group-vertical">
<button type="button" class="btn btn-default btn-sm btn-submenu" id="Context_Edit_Edge"><?= L('edit_weight')?></button>
@@ -351,7 +421,7 @@
<label id="VertexTitleLable">
<p><?= L('enter_vertex_title')?></p> <input type="text" name="VertextTitle" value="Title" id="VertexTitle" class="inputBox">
</label>
<br/><br/><button type="button" id="groupRenameButton" class="btn btn-default btn-xs hidden-phone"> <?= L('group_rename')?> </button>
<br/><br/><button type="button" id="groupRenameButton" class="btn btn-outline-secondary btn-sm menu-text hidden-phone"> <?= L('group_rename')?> </button>
</fieldset>
</form>
</div>
@@ -447,15 +517,15 @@
<div id="matrixError" class="translation">
<div><span class="glyphicon glyphicon-remove-sign text-danger"></span> <?= L('bad_adj_matrix_message')?></div>
<div><span class="bi bi-remove-sign text-danger"></span> <?= L('bad_adj_matrix_message')?></div>
</div>
<div id="matrixErrorInc" class="translation">
<div><span class="glyphicon glyphicon-remove-sign text-danger"></span> <?= L('bad_inc_matrix_message')?></div>
<div><span class="bi bi-remove-sign text-danger"></span> <?= L('bad_inc_matrix_message')?></div>
</div>
<div id="pairErrorInc" class="translation">
<div><span class="glyphicon glyphicon-remove-sign text-danger"></span> <?= L('bad_inc_pair_message')?></div>
<div><span class="bi bi-remove-sign text-danger"></span> <?= L('bad_inc_pair_message')?></div>
</div>
<div id="voteDialog">
@@ -486,7 +556,7 @@
</div>
<div id="SetupVertexStyleDialog">
<form>
<form class="pb-2">
<fieldset>
<div class="form-group row">
<label for="vertexFillColor" class="col-sm-5 col-form-label"><?= L('common_color') ?></label>
@@ -535,7 +605,7 @@
<div class="form-group row">
<label for="commonTextPosition" class="col-sm-5 col-form-label"><?= L('text_position') ?></label>
<div class="col-sm-5">
<select id="commonTextPosition">
<select id="commonTextPosition" class="form-control">
<option value="0"><?= L('center') ?></option>
<option value="1"><?= L('on_up') ?></option>
</select>
@@ -544,7 +614,7 @@
<div class="form-group row">
<label for="vertexShape" class="col-sm-5 col-form-label"><?= L('shape')?></label>
<div class="col-sm-5">
<select id="vertexShape">
<select id="vertexShape" class="form-control">
<option value="0"><?= L('circle')?></option>
<option value="1"><?= L('squere')?></option>
<option value="2"><?= L('triangle')?></option>
@@ -563,7 +633,7 @@
<div class="form-group row" id="VertexSelectedIndexForm">
<label for="vertexSelectedIndex" class="col-sm-5 col-form-label"><?= L('selected_index')?></label>
<div class="col-sm-5">
<select id="vertexSelectedIndex">
<select id="vertexSelectedIndex" class="form-control">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
@@ -580,7 +650,7 @@
</div>
<div id="SetupEdgeStyleDialog">
<form>
<form class="pb-2">
<fieldset>
<div class="form-group row">
<label for="edgeStrokeColor" class="col-sm-5 col-form-label"><?= L('common_color') ?></label>
@@ -615,7 +685,7 @@
<div class="form-group row">
<label for="weightTextPosition" class="col-sm-5 col-form-label"><?= L('weight_position') ?></label>
<div class="col-sm-5">
<select id="weightTextPosition">
<select id="weightTextPosition" class="form-control" >
<option value="0"><?= L('center') ?></option>
<option value="1"><?= L('on_up') ?></option>
</select>
@@ -632,7 +702,7 @@
<div class="form-group row">
<label for="edgeStyle" class="col-sm-5 col-form-label"><?= L('line_style') ?></label>
<div class="col-sm-5">
<select id="edgeStyle">
<select id="edgeStyle" class="form-control">
<option value="0">Solid</option>
<option value="1">Dotted</option>
<option value="2">Dashed</option>
@@ -649,7 +719,7 @@
<div class="form-group row" id="EdgeSelectedIndexForm">
<label for="edgeSelectedIndex" class="col-sm-5 col-form-label"><?= L('selected_index')?></label>
<div class="col-sm-5">
<select id="edgeSelectedIndex">
<select id="edgeSelectedIndex" class="form-control">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
@@ -685,11 +755,11 @@
<div class="col-sm-7">
<input type="file" id="ImportBackgroundImage" accept="image/jpg, image/png, image/jpeg" style="display:none">
<button type="button" id="LoadBackgroundFile" class="btn btn-default btn-xs">
<span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
<span class="bi bi-upload" aria-hidden="true"></span>
<?= L('upload') ?>
</button>
<button type="button" id="RemoveBackgroundFile" class="btn btn-default btn-xs" title="<?= L('remove_background_image') ?>">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
<span class="bi bi-trash" aria-hidden="true"></span>
</button>
<!-- <input type="button" value="Browse..." onclick="document.getElementById('selectedFile').click();" /> -->
<!-- <input class="form-control" type="file" id="backgroundFile"> -->
@@ -713,10 +783,10 @@
<canvas id="OriginalGraphpPreview" width="300" height="200" style="border: 1px solid;"></canvas>
<div>
<button type="button" class="btn btn-default btn-xs zoom-plus" title="+">
<span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
<span class="bi bi-zoom-in" aria-hidden="true"></span>
</button>
<button type="button" class="btn btn-default btn-xs zoom-minus" title="-">
<span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
<span class="bi bi-zoom-out" aria-hidden="true"></span>
</button>
<span><?= L('use_mouse_for_moving') ?></span>
</div>
@@ -726,10 +796,10 @@
<canvas id="AutoSaveGraphpPreview" width="300" height="200" style="border: 1px solid;"></canvas>
<div>
<button type="button" class="btn btn-default btn-xs zoom-plus" title="+">
<span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
<span class="bi bi-zoom-in" aria-hidden="true"></span>
</button>
<button type="button" class="btn btn-default btn-xs zoom-minus" title="-">
<span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
<span class="bi bi-zoom-out" aria-hidden="true"></span>
</button>
<span><?= L('use_mouse_for_moving') ?></span>
</div>

93
tpl/main_tpl.php
View File

@@ -21,11 +21,12 @@
<script src="<?= Root("i/js/dev/jquery-2.0.3.js")?>" ></script>
<!-- <?php IncludeCom('dev/jquery')?> -->
<!-- <?php /*IncludeCom('dev/jquery')*/?> -->
<?php IncludeCom('dev/font_ptsans')?>
<?php IncludeCom('dev/fontawesome')?>
<!-- <?php /*IncludeCom('dev/fontawesome')*/?> -->
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap3/bootstrap.css')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap5/bootstrap.css')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/dev/bootstrap-icons/bootstrap-icons.css')?>" />
<link rel="stylesheet" type="text/css" href="<?= Root('i/css/main_tpl.css')?>" />
<meta name="yandex-verification" content="66de0a468e59b81b" />
@@ -48,46 +49,50 @@
<body>
<div class="container page-wrap" id="mainContainer">
<!-- <div class="header"> -->
<nav class="navbar navbar-default" id="navigation">
<nav class="navbar navbar-expand-lg navbar-default" id="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<?= SiteRoot()?>"><span class="fa fa-sitemap fa-fw"></span> Graph Online</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<?php foreach ($menu as $m):?>
<?php if (!isset($m["list"])) { ?>
<li class="<?= $m["is_active"] ? "active" : ""?>"><a href="<?= $m["link"]?>"><?= $m["title"]?></a></li>
<?php } else { ?>
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"> <?= $m["title"]?> <span class="caret"></span></a>
<ul class="dropdown-menu">
<?php foreach ($m["list"] as $subm):?>
<li><a href="<?= $subm["link"]?>"><?= $subm["title"]?></a></li>
<?php endforeach?>
</ul>
</li>
<?php } ?>
<?php endforeach?>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="<?= Root("i/image/flags/enru.png")?>" alt="<?= L('lang')?> icon"> <?= L('lang')?> <span class="caret"></span></a>
<ul class="dropdown-menu">
<?php foreach($g_arrLangs as $lang => $langInfo):?>
<?php if (!array_key_exists('hidden', $langInfo) || !$langInfo["hidden"]):?>
<li><a href="<?= ChangeLang($lang, GetCurUrl())?>" title="<?= $langInfo["name"]?>" class="<?= $lang == LANG ? "selected" : ""?>"><img src="<?= Root("i/image/flags/{$lang}.png")?>" alt="<?= $langInfo["name"]?>"> <?= $langInfo["name"]?></a></li>
<?php endif?>
<?php endforeach?>
</ul>
</li>
</ul>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMainContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMainContent">
<ul class="navbar-nav ms-auto">
<?php foreach ($menu as $key => $m):?>
<?php if (!isset($m["list"])) { ?>
<li class="nav-item <?= $m["is_active"] ? "active" : ""?>">
<a class="nav-link" href="<?= $m["link"]?>"><?= $m["title"]?></a>
</li>
<?php } else { ?>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" id="id_menu_<?= $key ?>" data-bs-toggle="dropdown" aria-expanded="false">
<?= $m["title"]?> <span class="caret"></span>
</a>
<ul class="dropdown-menu" aria-labelledby="id_menu_<?= $key ?>">
<?php foreach ($m["list"] as $subm):?>
<li><a class="dropdown-item" href="<?= $subm["link"]?>"><?= $subm["title"]?></a></li>
<?php endforeach?>
</ul>
</li>
<?php } ?>
<?php endforeach?>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" id="id_menu_lang" data-bs-toggle="dropdown" aria-expanded="false">
<img src="<?= Root("i/image/flags/enru.png")?>" alt="<?= L('lang')?> icon"> <?= L('lang')?> <span class="caret"></span>
</a>
<ul class="dropdown-menu" aria-labelledby="id_menu_lang">
<?php foreach($g_arrLangs as $lang => $langInfo):?>
<?php if (!array_key_exists('hidden', $langInfo) || !$langInfo["hidden"]):?>
<li>
<a href="<?= ChangeLang($lang, GetCurUrl())?>" title="<?= $langInfo["name"]?>" class="<?= $lang == LANG ? "selected" : ""?> dropdown-item">
<img src="<?= Root("i/image/flags/{$lang}.png")?>" alt="<?= $langInfo["name"]?>"> <?= $langInfo["name"]?>
</a>
</li>
<?php endif?>
<?php endforeach?>
</ul>
</li>
</ul>
</div>
</div>
</nav>
@@ -143,8 +148,12 @@
preLoadPage();
}
</script>
<script src="<?= Root("i/js/dev/bootstrap3/bootstrap.min.js")?>" >
$('.dropdown-toggle').dropdown();
<script src="<?= Root("i/js/dev/bootstrap5/bootstrap.bundle.min.js")?>" >
var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'))
var dropdownList = dropdownElementList.map(function (dropdownToggleEl) {
return new bootstrap.Dropdown(dropdownToggleEl)
})
//$('.dropdown-toggle').dropdown();
</script>
<script>
if (typeof postLoadPage == 'function')