{% extends "portfolios/applications/base.html" %} {% from "components/alert.html" import Alert %} {% from "components/icon.html" import Icon %} {% from "components/modal.html" import Modal %} {% from "components/text_input.html" import TextInput %} {% from 'components/save_button.html' import SaveButton %} {% set secondary_breadcrumb = 'portfolios.applications.new_application_title' | translate %} {% block application_content %} {% set modalName = "newApplicationConfirmation" %} {% include "fragments/flash.html" %}
{{ 'portfolios.applications.settings_heading' | translate }}
{% call Modal(name=modalName, dismissable=False) %}

Create application !{ name }

When you click {{ 'portfolios.applications.create_button_text' | translate }}, the environments !{environment.name} will be created as individual cloud resource groups under !{ name } application.

{% endcall %} {{ form.csrf_token }}

{{ "fragments.edit_application_form.explain" | translate }}

{{ TextInput(form.name, optional=False) }}
 
{{ TextInput(form.description, paragraph=True, optional=False) }}
 
{# this extra div prevents this bug: https://www.pivotaltracker.com/story/show/160768940 #}
{{ Alert(message=None, level="error", vue_template=True) }}

{{ 'portfolios.applications.environments_heading' | translate }}

{{ 'portfolios.applications.environments_description' | translate }}

{{ SaveButton(text=('portfolios.applications.create_button_text' | translate)) }}
{% endblock %}