-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
215 lines (187 loc) · 9.27 KB
/
index.php
File metadata and controls
215 lines (187 loc) · 9.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<?php
/*
* Copyright (c) 2025 Bloxtor (http://bloxtor.com) and Joao Pinto (http://jplpinto.com)
*
* Multi-licensed: BSD 3-Clause | Apache 2.0 | GNU LGPL v3 | HLNC License (http://bloxtor.com/LICENSE_HLNC.md)
* Choose one license that best fits your needs.
*
* Original Layout UI Editor Repo: https://github.com/a19836/layout-ui-editor/
* Original Bloxtor Repo: https://github.com/a19836/bloxtor
*
* YOU ARE NOT AUTHORIZED TO MODIFY OR REMOVE ANY PART OF THIS NOTICE!
*/
include __DIR__ . "/util.php";
$menu_widgets_html = getDefaultMenuWidgetsHTML("widget/");
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- (Optional) Color -->
<script language="javascript" type="text/javascript" src="lib/bloxtor/color_shortened.js"></script>
<!-- JQuery -->
<script language="javascript" type="text/javascript" src="lib/jquery/js/jquery-1.8.1.min.js"></script>
<script language="javascript" type="text/javascript" src="lib/jqueryui/js/jquery-ui-1.11.4.min.js"></script>
<link rel="stylesheet" href="lib/jqueryui/css/jquery-ui-1.11.4.css">
<!-- To work on mobile devices with touch -->
<script language="javascript" type="text/javascript" src="lib/jqueryuitouchpunch/jquery.ui.touch-punch.min.js"></script>
<!-- Jquery Tap-Hold Event JS file -->
<script language="javascript" type="text/javascript" src="lib/jquerytaphold/taphold.js"></script>
<!-- Material-design-iconic-font -->
<link rel="stylesheet" href="lib/materialdesigniconicfont/css/material-design-iconic-font.min.css">
<!-- Parse_Str -->
<script type="text/javascript" src="lib/phpjs/functions/strings/parse_str.js"></script>
<!-- MD5 -->
<script language="javascript" type="text/javascript" src="lib/jquery/js/jquery.md5.js"></script>
<!-- JQuery Nestable2 -->
<link rel="stylesheet" href="lib/nestable2/jquery.nestable.min.css" type="text/css" charset="utf-8" />
<script language="javascript" type="text/javascript" src="lib/nestable2/jquery.nestable.min.js"></script>
<!-- Add Code Editor JS files -->
<script language="javascript" type="text/javascript" src="lib/acecodeeditor/src-min-noconflict/ace.js"></script>
<script language="javascript" type="text/javascript" src="lib/acecodeeditor/src-min-noconflict/ext-language_tools.js"></script>
<!-- Add Code Beautifier -->
<script language="javascript" type="text/javascript" src="lib/mycodebeautifier/js/MyCodeBeautifier.js"></script>
<!-- Add Html/CSS/JS Beautify code -->
<script language="javascript" type="text/javascript" src="lib/jsbeautify/js/lib/beautify.js"></script>
<script language="javascript" type="text/javascript" src="lib/jsbeautify/js/lib/beautify-css.js"></script>
<script language="javascript" type="text/javascript" src="lib/myhtmlbeautify/MyHtmlBeautify.js"></script>
<!-- Add Auto complete -->
<script language="javascript" type="text/javascript" src="lib/myautocomplete/js/MyAutoComplete.js"></script>
<link rel="stylesheet" href="lib/myautocomplete/css/style.css">
<!-- CONTEXT MENU -->
<link rel="stylesheet" href="lib/jquerymycontextmenu/css/style.css" type="text/css" charset="utf-8" />
<script language="javascript" type="text/javascript" src="lib/jquerymycontextmenu/js/jquery.mycontextmenu.js"></script>
<!-- Layout UI Editor -->
<!-- Layout UI Editor - HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="lib/jqueryuidroppableiframe/js/html5_ie8/html5shiv.min.js"></script>
<script src="lib/jqueryuidroppableiframe/js/html5_ie8/respond.min.js"></script>
<![endif]-->
<!-- Layout UI Editor - Add Iframe droppable fix -->
<script type="text/javascript" src="lib/jqueryuidroppableiframe/js/jquery-ui-droppable-iframe-fix.js"></script>
<!-- Layout UI Editor - Add Iframe droppable fix - IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="lib/jqueryuidroppableiframe/js/ie10-viewport-bug-workaround.js"></script>
<!-- Layout UI Editor - Add Editor -->
<link rel="stylesheet" href="css/some_bootstrap_style.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/widget_resource.css" type="text/css" charset="utf-8" />
<script language="javascript" type="text/javascript" src="js/TextSelection.js"></script>
<script language="javascript" type="text/javascript" src="js/LayoutUIEditor.js"></script>
<script language="javascript" type="text/javascript" src="js/CreateWidgetContainerClassObj.js"></script>
<!-- (Optional) Layout UI Editor - LayoutUIEditorFormField.js is optional, bc it depends of FormFieldsUtilObj.js -->
<script language="javascript" type="text/javascript" src="lib/bloxtor/FormFieldsUtilObj_shortened.js"></script>
<script language="javascript" type="text/javascript" src="js/LayoutUIEditorFormField.js"></script>
<!-- (Optional) Layout UI Editor - Add Widget Resources -->
<script language="javascript" type="text/javascript" src="js/LayoutUIEditorWidgetResource.js"></script>
<!-- (Optional) Add Fontawsome Icons CSS -->
<link rel="stylesheet" href="lib/fontawesome/css/all.min.css">
<!-- (Optional) Add Fancy LighBox lib -->
<link rel="stylesheet" href="lib/jquerymyfancylightbox/css/style.css" type="text/css" charset="utf-8" media="screen, projection" />
<script language="javascript" type="text/javascript" src="lib/jquerymyfancylightbox/js/jquery.myfancybox.js"></script>
<!-- (Optional) Add DropDowns main JS and CSS files -->
<link rel="stylesheet" href="lib/jquerysimpledropdowns/css/style.css" type="text/css" charset="utf-8" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="lib/jquerysimpledropdowns/css/ie.css" type="text/css" charset="utf-8" />
<![endif]-->
<script language="javascript" type="text/javascript" src="lib/jquerysimpledropdowns/js/jquery.dropdownPlain.js"></script>
<!-- (Optional) Others -->
<link rel="stylesheet" href="examples/css/beauty.css" type="text/css" charset="utf-8" />
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<style>
.menu {
height:26px;
background:var(--main-iframe-bg, #d5e3e4);
font-size:11px;
font-family:var(--main-font-family);
}
.menu .dropdown {
margin: 0;
padding: 0;
}
.menu a, .menu ul.dropdown li a, .menu ul.dropdown li label {
text-decoration:none;
color:var(--main-iframe-top-title-color);
}
.menu ul.dropdown li {
white-space:nowrap;
font-weight:normal;
border-left:1px solid #ccc;
}
.menu ul.dropdown li:not(.hover):not(:hover) {
background:var(--main-iframe-bg, #d5e3e4);
}
.menu ul.dropdown li.hover, .menu ul.dropdown li:hover {
background:var(--link-color, #4070FF);
}
.menu ul.dropdown li.hover > a, .menu ul.dropdown li:hover > a {
color:#fff;
}
.menu ul.dropdown ul {
border: 1px solid #ccc;
border-radius: 5px;
z-index:999;
}
body .layout-ui-editor-beauty.full-screen {
top:26px !important;
border-top:1px solid var(--tabs-item-active-border, #ccc);
}
</style>
</head>
<body>
<div class="menu">
<ul class="dropdown">
<li class="" title="Design">
<a>Design</a>
<ul>
<li class="" title="Add another Template Widgets Droppable">
<a onClick="addTemplateWidgetsDroppable('.layout-ui-editor-default');return false;">Add Template Widgets Droppable</a>
</li>
<li class="" title="Toggle Reverse">
<a onClick="toggleReverse('.layout-ui-editor-default');return false;">Flip panels</a>
</li>
<li class="" title="Show Widgets">
<a onClick="showWidgets('.layout-ui-editor-default');return false;">Show Widgets</a>
</li>
<li class="" title="Show Layers">
<a onClick="showLayers('.layout-ui-editor-default');return false;">Show Layers</a>
</li>
<li class="" title="Show Settings">
<a onClick="showSettings('.layout-ui-editor-default');return false;">Show Settings</a>
</li>
<li class="" title="Toggle Responsive Layout">
<a onClick="toggleResponsiveLayout('.layout-ui-editor-default');return false;">Toggle Responsive Layout</a>
</li>
<li class="" title="Toggle Borders">
<a onClick="toggleBorders('.layout-ui-editor-default');return false;">Toggle Borders</a>
</li>
<li class="" title="Toggle Source/UI">
<a onClick="toggleSourceUI('.layout-ui-editor-default');return false;">Toggle Source/UI</a>
</li>
</ul>
</li>
<li class="" title="Other examples">
<a>Other examples</a>
<ul>
<li class="" title="Editor with iFrame">
<a href="examples/iframe.php" target="with_iframe">With iframe</a>
</li>
<li class="" title="Editor with Form Validation">
<a href="examples/form_validation.php" target="form_validation">With Form Validation</a>
</li>
<li class="" title="Editor with Dynamic Resources">
<a href="examples/dynamic_resources.php" target="dynamic_resources">With Dynamic Resources to DB</a>
</li>
<li class="" title="Multiple Editors at the same time">
<a href="examples/multiple_layouts.php" target="multiple_layouts">Multiple Editors</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="layout-ui-editor reverse fixed-side-properties layout-ui-editor-default layout-ui-editor-beauty full-screen">
<ul class="menu-widgets hidden">
<? echo $menu_widgets_html; ?>
</ul>
</div>
</body>
</html>