Synnefo

    <![endif]-->

    <script src="{{ SYNNEFO_JS_URL }}utils.js"></script>

    <script src="{{ SYNNEFO_JS_URL }}sync.js"></script>

    <script src="{{ SYNNEFO_JS_URL }}models.js"></script>

    <script src="{{ SYNNEFO_JS_URL }}glance_models.js"></script>

    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_networks_view.js"></script>

    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_metadata_view.js"></script>

    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_feedback_view.js"></script>

    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_create_view.js"></script>

    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_connect_view.js"></script>

    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_public_keys_view.js"></script>

    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_main_view.js"></script>

    <!-- the following views require refactor -->

    <script src="{{ SYNNEFO_JS_URL }}synnefo.js"></script>

    <script>

        var TIMEOUTS_OCCURED = 0;

        var SKIP_TIMEOUTS = 1;

        var UPDATE_INTERVAL = {{ update_interval }};

        var APP_DEBUG = {% if DEBUG %}true{% else %}false{% endif %};

        var FEEDBACK_URL = "{% url feedback %}";

        var FEEDBACK_TITLE = "{% trans "Send feedback" %}";

        <div id="header">

            <div id="user">

                <div class="usermenu">

                    <ul class="useractions">

                        <li class="feedback"><a class="action" href="#">{% trans "send feedback..." %}</a></li>

                        <li class="api"><a class="action" href="#">{% trans "API access..." %}</a></li>

                        <li class="public_keys"><a class="action" href="#">{% trans "ssh public keys..." %}</a></li>

            // bind menu actions

            $(".usermenu .logout").click(function() {

            });

            $(".usermenu .api").click(function(){

            <span class="reload-app">{% trans "Reload" %}</span>

        </div>

    </div>

    <div id="feedback-overlay-content" class="hidden overlay-content feedback-form">

        <div class="description">

            <p>

            synnefo.config.handle_window_exceptions = {{ handle_window_exceptions }};

            synnefo.config.ajax_timeout = {{ timeout }};

            synnefo.config.skip_timeouts = {{ skip_timeouts }};

            synnefo.config.machines_icons_url = '{{ SYNNEFO_IMAGES_URL }}icons/machines/';

            synnefo.config.vm_name_template = {{ vm_name_template|safe }};

            synnefo.config.flavors_disk_templates_info = {{ flavors_disk_templates_info|safe }};

                'compute':  {{ compute_api_url|safe }}, 

                'glance': {{ glance_api_url|safe }}

            };

            // TODO: configurable userdata urls in models.js

            synnefo.config.userdata_url = '/ui/userdata';

            synnefo.config.userdata_keys_url = '{% url keys_collection %}';

            synnefo.config.userdata_keys_limit = {{ userdata_keys_limit }};

            // media config

            synnefo.config.media_url = '{{ UI_MEDIA_URL }}';

            synnefo.config.js_url = '{{ SYNNEFO_JS_URL }}';

            synnefo.config.machines_icons_url = '{{ SYNNEFO_IMAGES_URL }}icons/machines/';

            synnefo.config.support_ssh_os_list = {{ support_ssh_os_list|safe }};

            synnefo.config.os_created_users = {{ os_created_users|safe }};

            // user config

            // images config

            synnefo.config.system_images_owners = {{ system_images_owners|safe }};

            synnefo.ui.init();

            });

        })