IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity
Files
aa150030eb672a78b0344b8a1e9f7e376a5007ec
pgadmin4/web/pgadmin/templates/base.html

86 lines
5.4 KiB
HTML
Raw Normal View History

Add a base template with Bootstrap and jQuery ready to go.
2015-01-20 17:02:04 +00:00
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{% block title %}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="dcterms.rightsHolder" content="The pgAdmin Development Team">
<meta name="dcterms.rights" content="All rights reserved">
<meta name="dcterms.dateCopyrighted" content="2014 - 2015">
Cleanup the way stylesheets and scripts are injected into pages by modules.
2015-02-13 14:48:31 +00:00
<!-- Base template stylesheets -->
Introduced a class - NodeView to achieve REST API required by the PostgreSQL node(s). Browser Tree Node (PostgreSQL object) requires more than just CRUD. i.e. - CRUD (Create, Read, Update & Delete) - Reversed Engineered SQL for the object - Modified Query in edit mode i.e. ALTER TABLE ... - Statistics - List of dependents - List of dependencies - Children node list This class can be inherited to achieve the different routes for each of the object types/collections. OPERATION | URL | Method ---------------+------------------------+-------- List | /obj/[Parent URL]/ | GET Properties | /obj/[Parent URL]/id | GET Create | /obj/[Parent URL]/ | POST Delete | /obj/[Parent URL]/id | DELETE Update | /obj/[Parent URL]/id | PUT SQL (Reversed | /sql/[Parent URL]/id | GET Engineering) | SQL (Modified | /sql/[Parent URL]/id | POST Properties) | Statistics | /stats/[Parent URL]/id | GET Dependencies | /deps/[Parent URL]/id | GET Dependents | /deps/[Parent URL]/id | POST Children Nodes | /nodes/[Parent URL]/id | GET NOTE: Parent URL can be seen as the path to identify the particular node. i.e. In order to identify the TABLE object, we requires information about the server -> database -> schema objects. Hence, the Parent URL for the TABLE object will be something like this as below: <int:sid>/<str:database>/<str:schema> Inherited a new classes ServerGroupView and ServerView, which are inherited from the NodeView for the implementation of above operations.
2015-06-29 13:41:56 +05:30
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css' if config.DEBUG else 'css/bootstrap.min.css')}}"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/alertifyjs/alertify.css' if config.DEBUG else 'css/alertifyjs/alertify.min.css') }}" />
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/alertifyjs/themes/bootstrap.css' if config.DEBUG else 'css/alertifyjs/themes/bootstrap.min.css') }}" />
Introduced a mechanism to load required javascripts at runtime (lazy loading) using the require.js. This allows us to load the javascript required for any node, only when it was loaded in the browser tree. Also, introduced the mechanism to show/edit/create of any node in a tab panel (wcDocker.Panel).
2015-06-30 11:21:55 +05:30
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-theme.css' if config.DEBUG else 'css/bootstrap-theme.min.css') }}"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome.css' if config.DEBUG else 'css/font-awesome.min.css') }}"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/font-mfizz.css') }}"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/overrides.css') }}"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-datepicker3.css')}}"/>
Cleanup the way stylesheets and scripts are injected into pages by modules.
2015-02-13 14:48:31 +00:00
<!-- View specified stylesheets -->
Inherited the test, about & help module from PgAdminModule class to load them automatically by PgAdmin.
2015-06-29 13:24:05 +05:30
{% for stylesheet in current_app.stylesheets %}
Introduced a class - NodeView to achieve REST API required by the PostgreSQL node(s). Browser Tree Node (PostgreSQL object) requires more than just CRUD. i.e. - CRUD (Create, Read, Update & Delete) - Reversed Engineered SQL for the object - Modified Query in edit mode i.e. ALTER TABLE ... - Statistics - List of dependents - List of dependencies - Children node list This class can be inherited to achieve the different routes for each of the object types/collections. OPERATION | URL | Method ---------------+------------------------+-------- List | /obj/[Parent URL]/ | GET Properties | /obj/[Parent URL]/id | GET Create | /obj/[Parent URL]/ | POST Delete | /obj/[Parent URL]/id | DELETE Update | /obj/[Parent URL]/id | PUT SQL (Reversed | /sql/[Parent URL]/id | GET Engineering) | SQL (Modified | /sql/[Parent URL]/id | POST Properties) | Statistics | /stats/[Parent URL]/id | GET Dependencies | /deps/[Parent URL]/id | GET Dependents | /deps/[Parent URL]/id | POST Children Nodes | /nodes/[Parent URL]/id | GET NOTE: Parent URL can be seen as the path to identify the particular node. i.e. In order to identify the TABLE object, we requires information about the server -> database -> schema objects. Hence, the Parent URL for the TABLE object will be something like this as below: <int:sid>/<str:database>/<str:schema> Inherited a new classes ServerGroupView and ServerView, which are inherited from the NodeView for the implementation of above operations.
2015-06-29 13:41:56 +05:30
<link type="text/css" rel="stylesheet" href="{{ stylesheet }}">
Introduced a PgAdmin class inherited from the Flask, which looks for submodules inherited from the PgAdminModule instead of regular Blueprint. This allows us to load the module automatically from the under the pgadmin directory, and will work to extend the pgAdmin extension module. PgAdminModule is inherited from the Blueprint, and bring several methods: - get_own_stylesheets, which returns the stylesheets used by the module (excluding its submodules stylesheets) - get_own_javascripts - menu_items, which returns a dictionray mapping the old hook names (context_items etc) to a list of MenuItem instances For more specialized modules (as for now, any module that should be part of the browser tree construction), one can define an abstract base class defining additional methods. For example, the BrowserPluginModule abstract base class defines the following methods: - jssnippets - csssnipeets - node_type - get_nodes
2015-06-29 12:28:41 +05:30
{% endfor %}
Introduced a mechanism to load required javascripts at runtime (lazy loading) using the require.js. This allows us to load the javascript required for any node, only when it was loaded in the browser tree. Also, introduced the mechanism to show/edit/create of any node in a tab panel (wcDocker.Panel).
2015-06-30 11:21:55 +05:30
Cleanup the way stylesheets and scripts are injected into pages by modules.
2015-02-13 14:48:31 +00:00
<!-- Base template scripts -->
Introduced a mechanism to load required javascripts at runtime (lazy loading) using the require.js. This allows us to load the javascript required for any node, only when it was loaded in the browser tree. Also, introduced the mechanism to show/edit/create of any node in a tab panel (wcDocker.Panel).
2015-06-30 11:21:55 +05:30
<script type="text/javascript" src="{{ url_for('static', filename='js/require.js' if config.DEBUG else 'js/require.min.js') }}"></script>
<script type="text/javascript">
require.config({
baseUrl: '',
shim: {
"backbone": {
"deps": ['underscore', 'jquery'],
"exports": 'Backbone'
},
"bootstrap": {
"deps": ['jquery'],
},
"bootstrap.datepicker": {
"deps": ['jquery', 'bootstrap'],
"exports": 'jQuery.fn.datepicker'
}{% for script in current_app.javascripts %}{% if 'deps' in script or 'exports' in script %},
'{{ script.name }}': {
{% if 'deps' in script %}"deps": [ {% set comma = False %}{% for dep in script['deps'] %} {% if comma %},{% else %}{% set comma = True %}{% endif %} '{{ dep }}'{% endfor %}],{% endif %}
{% if 'exports' in script %}"exports": "{{ script['exports'] }}"{% endif %}
}{% endif %}{% endfor %}
},
paths: {
pgadmin: "{{ url_for('static', filename='js/pgadmin') }}",
modernizr: "{{ url_for('static', filename='js/modernizr-2.6.2-respond-1.1.0.min') }}",
jquery: "{{ url_for('static', filename='js/' + 'jquery-1.11.2' if config.DEBUG else 'jquery-1.11.2.min') }}",
underscore: "{{ url_for('static', filename='js/' + 'underscore' if config.DEBUG else 'underscore.min') }}",
"underscore.string": "{{ url_for('static', filename='js/' + 'underscore.string' if config.DEBUG else 'underscore.string.min') }}",
bootstrap: "{{ url_for('static', filename='js/' + 'bootstrap' if config.DEBUG else 'bootstrap.min') }}",
alertifyjs: "{{ url_for('static', filename='js/alertifyjs/' + 'alertify' if config.DEBUG else 'alertify.min') }}",
'pgadmin.alertifyjs': "{{ url_for('static', filename='js/alertifyjs/pgadmin.defaults') }}",
backbone: "{{ url_for('static', filename='js/' + 'backbone' if config.DEBUG else 'backbone.min') }}",
"bootstrap.datepicker": "{{ url_for('static', filename='js/' + 'bootstrap-datepicker' if config.DEBUG else 'bootstrap-datepicker.min') }}",
backform: "{{ url_for('static', filename='js/' + 'backform') }}",
'pgadmin.backform': "{{ url_for('static', filename='js/' + 'backform.pgadmin') }}"{% for script in current_app.javascripts %},
'{{ script.name }}': "{{ script.path }}"{% endfor %}
}
});
</script>
Cleanup the way stylesheets and scripts are injected into pages by modules.
2015-02-13 14:48:31 +00:00
<!-- View specified scripts -->
Introduced a PgAdmin class inherited from the Flask, which looks for submodules inherited from the PgAdminModule instead of regular Blueprint. This allows us to load the module automatically from the under the pgadmin directory, and will work to extend the pgAdmin extension module. PgAdminModule is inherited from the Blueprint, and bring several methods: - get_own_stylesheets, which returns the stylesheets used by the module (excluding its submodules stylesheets) - get_own_javascripts - menu_items, which returns a dictionray mapping the old hook names (context_items etc) to a list of MenuItem instances For more specialized modules (as for now, any module that should be part of the browser tree construction), one can define an abstract base class defining additional methods. For example, the BrowserPluginModule abstract base class defines the following methods: - jssnippets - csssnipeets - node_type - get_nodes
2015-06-29 12:28:41 +05:30
Cleanup the way stylesheets and scripts are injected into pages by modules.
2015-02-13 14:48:31 +00:00
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
Add the core of the main browser layout.
2015-02-05 14:06:20 +00:00
{% block body %}{% endblock %}
Introduced a mechanism to load required javascripts at runtime (lazy loading) using the require.js. This allows us to load the javascript required for any node, only when it was loaded in the browser tree. Also, introduced the mechanism to show/edit/create of any node in a tab panel (wcDocker.Panel).
2015-06-30 11:21:55 +05:30
<script>
{% block init_script %}{% endblock %}
</script>
Add the core of the main browser layout.
2015-02-05 14:06:20 +00:00
Add a base template with Bootstrap and jQuery ready to go.
2015-01-20 17:02:04 +00:00
</body>
</html>
Reference in New Issue Copy Permalink