openshift-origin-console 1.3.2

data/app/views/application_types/search.html.haml

@@ -0,0 +1,67 @@
+%h1.invisible Create a New Application
+= breadcrumb_for_create_application(@type_groups[0][0])
+= app_wizard_steps_create 0, :active => true
+= flashes
+
+%section
+  %p.larger
+    Choose a web programming cartridge or kick the tires with a
+    quickstart. After you create the application 
+    you can add <strong>cartridges</strong> to enable additional 
+    capabilities like databases, metrics, and continuous build 
+    support with Jenkins.
+
+%section
+  %form.form-search.form-search-block{:id => 'form-search-create-apps', :method => 'get'}
+    %input.search-query{:type => 'text', :name => 'search', :placeholder => 'Search by keyword or tag', :value => @search}
+    %button.search{:type => 'submit'}
+  - if @browse_tags.present?
+    %span.dropdown
+      %a.btn.dropdown-toggle{:href => '#', :data => {:toggle => 'dropdown'}}
+        Browse by tag...
+        %span.caret
+      %ul.dropdown-menu#tag-filter
+        - @browse_tags.each do |(name, tag)|
+          - if name
+            %li= link_to name, application_types_path(:tag => tag)
+          - else
+            %hr
+
+%section
+  - if @type_groups.length == 1
+
+    - title, types = @type_groups.first
+
+    %h3.divide
+      #{title}
+      - if types.length > 4
+        %small= link_to '(show all)', application_types_path
+    .row
+      - in_columns_of(2, types).each do |types|
+        .span6.tile-dark
+          = render :partial => 'application_type', :collection => types, :locals => {:excluded_tags => []}
+
+  - else
+    .row
+      - in_balanced_columns_of(2, @type_groups).each do |groups|
+        .span6
+          - groups.each do |(title, types)|
+            %h3.divide= title
+            = render :collection => types, :locals => {:excluded_tags => []}
+
+  %p #{link_to "See all application types", application_types_path}
+
+%section
+  %p
+    Can't find what you're looking for? Try broadening your search or filtering by another tag.
+    -#%p
+      Can't find what you're looking for? #{link_to "Browse the Quickstarts", community_quickstarts_url} 
+      on our community, or #{link_to "create your own!", create_quickstart_url}
+
+- content_for :javascripts do
+  :javascript
+    jQuery('.tile-click').click(function(evt) {
+      if (evt.target.type == 'a') return;
+      a = $('h3 > a', this)[0];
+      window.location = a.href
+    });

data/app/views/application_types/show.html.haml

@@ -0,0 +1,219 @@
+%h1.invisible Configure New Application
+= app_wizard_steps_create 1
+= breadcrumb_for_create_application(@application_type.persisted? ? "Based on '#{@application_type.display_name}'" : "From scratch")
+= flashes
+
+:css
+  #new_application.form-horizontal .control-group { margin-bottom: 14px; }
+  #new_application.form-horizontal .controls { margin-left: 140px; }
+  #new_application.form-horizontal input.expand { width: auto; max-width: -moz-available; }
+  #new_application.form-horizontal input.narrow { width: 140px; }
+  #new_application.form-horizontal .controls > h3 { margin-top: 5px; margin-bottom: 0; color: #FAFBFC; }
+  #new_application.form-horizontal .controls > h3 > small { margin-left: 10px; vertical-align: middle; display: inline-block; }
+  #new_application.form-horizontal .controls > h3 > select { margin-top: -5px; }
+  #new_application.form-horizontal .control-label { margin-left: 15px; width: 120px; text-align: left; color: #949494; }
+  #new_application.form-horizontal .help-block { color: #949494; max-width: 500px; -moz-transition: 0.2s; overflow: hidden; text-overflow: ellipsis; }
+  #new_application.form-horizontal .form-actions { padding-left: 140px; }
+  #new_application.collapse-help .help-block { white-space: nowrap; opacity: 0.5; margin-top: 0; }
+  #new_application.collapse-help .help-block:hover { opacity: 1; cursor: pointer; }
+  @media (max-width: 767px) {
+    #new_application.form-horizontal .control-label { margin-left: 0; }
+    #new_application.form-horizontal .controls { margin-left: 0; }
+    #new_application.form-horizontal .help-block { max-width: inherit; white-space: normal; }
+    #new_application.form-horizontal .controls input { display: inline; }
+    #new_application.form-horizontal .controls > h3 { display: inline-block; margin-top: 0; }
+    #new_application.form-horizontal .form-actions { padding-left: 10px; }
+  }
+
+- advanced_path = application_type_path(@application_type.id, @application_type.to_params.merge(:advanced => true))
+
+= semantic_form_for @application, :url => applications_path, :html => {:class => "form-horizontal #{@compact ? 'collapse-help' : ''}"} do |f|
+  = hidden_field_tag :advanced, @advanced
+  - if @application_type.persisted?
+    = f.hidden_field :application_type, :value => @application_type.id
+  - else
+    - Array(@application_type.cartridges).each do |c|
+      = hidden_field_tag 'application_type[cartridges][]', c
+    = hidden_field_tag 'application_type[initial_git_url]', @application_type.initial_git_url
+    -#= hidden_field_tag 'application_type[initial_git_branch]', @application_type.initial_git_branch
+
+  = f.semantic_errors :name, :domain_name, :node_profile, :cartridges, :cartridge, :initial_git_url, :initial_git_branch, :scale
+
+  - if @application_type.tags.include? :in_development
+    .alert This template is development only and not accessible in production
+
+  %fieldset.inputs
+    .control-group.control-group-important
+      %h3.control-label Based On
+      .controls.first
+        %h3 
+          #{@application_type.display_name} #{@application_type.source.to_s.humanize}
+
+      .controls
+        - if @application_type.persisted?
+          - if @application_type.description.html_safe?
+            = @application_type.description
+          - else
+            %p.help-block= @application_type.description
+
+          - if @application_type.website
+            %p.help-block= link_to @application_type.website, @application_type.website
+          - if @application_type.learn_more_url
+            %p.help-block= link_to "Learn more", @application_type.learn_more_url
+
+          %p.help-block.label-tags= application_type_tags(@application_type.tags)
+
+        - else
+          %p.help-block 
+            This application is based on a link.
+            -# If you want others to see this application, #{link_to "create a quickstart in our community", create_quickstart_url}.
+          %p.help-block= link_to "Share this link", application_type_url(@application_type.id, @application_type.to_params)
+
+  %fieldset.inputs
+    - errors = @application.errors.full_messages.present?
+    -# This is implemented custom here rather than integrating into Formtastic because of its specific nature
+    .control-group.control-group-important{:data => errors ? {:"server-error" => 'true'} : {}, :class => errors ? 'error' : ''}
+      %h3.control-label Public URL
+      .controls.first
+        = render :partial => 'applications/name', :locals => {:form => f, :application => @application}
+      .controls
+        %p.help-block
+          OpenShift will automatically register this domain name for your application.  You can add
+          your own domain name later.
+
+    .control-group.control-group-important
+      %h3.control-label Source Code
+      .controls.first
+        - if @advanced
+          = f.text_field :initial_git_url, :class => 'expand', :placeholder => 'URL to a Git repository'
+          -#= f.text_field :initial_git_branch, :class => 'narrow', :placeholder => 'Git branch (optional)'
+          %span branch 'master'
+        - else
+          %h3
+            - if @application_type.initial_git_url.present?
+              #{link_to @application_type.initial_git_url, @application_type.initial_git_url, :target => "_blank"}
+              -# if @application_type.initial_git_branch
+                (branch '#{@application_type.initial_git_branch}')
+            - else
+              Default 
+            %small= link_to "Change", advanced_path, :data => {:submit_form => true}
+
+      .controls
+        %p.help-block 
+          - if @application_type.initial_git_url || @advanced
+            Your application will start with a copy of the code and configuration provided in 
+            this Git repository.
+          - else
+            We'll create a Git code repository in the cloud, and populate it with a set of 
+            reasonable defaults. 
+
+    .control-group.control-group-important
+      %h3.control-label Gears
+      .controls.first
+        - gear_sizes = @capabilities.gear_sizes
+        - if gear_sizes.length > 1
+          - if @advanced
+            = f.select :gear_profile, gear_sizes.map{ |size| [size.to_s.titleize, size]}
+          - else
+            %h3
+              = gear_sizes.first.to_s.titleize
+              %small= link_to 'Change', advanced_path, :data => {:submit_form => true}
+            = f.hidden_field :gear_profile
+
+        - else
+          %h3= gear_sizes.first.to_s.titleize
+          = f.hidden_field :gear_profile
+
+      .controls
+        %p.help-block
+          Gears are the application containers running your code. For most applications,
+          the '#{gear_sizes.first.to_s}' gear size provides plenty of resources.
+
+          - if gear_sizes.length > 1
+            If you require more resources, select a larger gear size here.
+
+    .control-group.control-group-important
+      %h3.control-label Cartridges
+      .controls.first
+        - if @cartridges.present?
+          %h3
+            = map_to_sentence(@cartridges) do |(name, carts)|
+              - if carts.length > 1
+                = select_tag 'application[cartridges][]', options_for_select(carts.sort.map{ |c| [c.display_name, c.name] }, [carts.map(&:name) & @application.cartridge_names].first ), :title => "Choose a cartridge that matches '#{name}'"
+              - elsif carts.length == 1
+                = hidden_field_tag 'application[cartridges][]', [carts.first.name]
+                = carts.first.display_name
+              - else
+                %span.text-warning #{name}
+        - else
+          %h3
+            %span.text-warning{:title => 'All applications require at least a web cartridge'} None
+
+      .controls
+        %p.help-block
+          Applications are composed of cartridges - each of which exposes a service or 
+          capability to your code.  All applications must have a web cartridge.
+
+    .control-group.control-group-important
+      %h3.control-label Scaling
+      .controls.first
+        - can_scale = can_scale_application_type(@application_type, @capabilities)
+        - scale_reason = cannot_scale_title(@application_type, @capabilities)
+        - if can_scale
+          - if @advanced
+            = f.select :scale, scale_options
+          - else
+            %h3{:title => "Scaling your web cartridge will allocate an extra gear for the load balancer"}
+              = scale_options[@application.scale? ? 1 : 0][0]
+              %small= link_to 'Change', advanced_path, :data => {:submit_form => true}
+        - else
+          %h3
+            %span.text-warning{:title => scale_reason}= scale_options[0][0]
+
+      .controls
+        %p.help-block
+          OpenShift automatically routes web requests to your web gear.
+
+          - if can_scale
+            If you allow your application to scale, we'll set up a load balancer and
+            allocate more gears to handle traffic as you need it.
+
+          - else
+            %span.text-warning= scale_reason
+
+    .control-group
+      .controls
+        - if @application_type.template
+          %p.text-warning
+            After creation, check the repository README for any manual configuration 
+            required to secure this application.
+
+          %p
+            %em Note: It may take up to a minute to deploy your application
+
+  = f.buttons do
+    = link_to "Back", application_types_path, :class => 'btn'
+    = f.commit_button :button_html => { :disabled => @disabled } 
+    = f.loading
+
+- if @compact
+  - content_for :javascripts do
+    :javascript
+      $(function() {
+        $('.help-block').click(function() {
+          $("#new_application.collapse-help").removeClass('collapse-help');
+        });
+      });
+
+- content_for :javascripts do
+  :javascript
+    $(function() {
+      $('a[data-submit-form]').click(function() {
+        $('#advanced').attr('value', 'true');
+        $(this).closest('form').attr({
+          'action': this.href,
+          'method': 'get'
+        }).submit();
+        return false;
+      });
+    });

data/app/views/applications/_application.html.haml

@@ -0,0 +1,34 @@
+:css
+  .subtitle  { margin-top: 0.8em; margin-left: 0.5em;}
+
+.hero-unit
+  .row-fluid
+    .span12.title
+      %h2.pull-left
+        = application.name
+      .pull-left.subtitle
+        = application.framework_name
+        -# Status and gears not supported yet
+        -#.span1
+        -#  Status:
+        -#  %img{:src => '/app/images/icons/success.png'}
+        -#.span4
+        -#  Gears:
+      .row-fluid
+        .span12
+          %strong.app_url
+            = link_to application.web_url, application.web_url
+        <!--.span1.web_icon-->
+      .row-fluid
+        .span12
+          %pre.command-line.git_url
+            = application.git_url
+        <!--.span1.git_icon-->
+  
+      .row-fluid
+        .span6
+          Created
+          = "#{time_ago_in_words(application.creation_time)} ago"
+        .span6.right
+          = link_to("Delete", delete_application_path(application), :class => ['btn', 'btn-danger'])
+          = link_to("Details »", application_path(application), :class => ['btn', 'btn-info'])

data/app/views/applications/_applications_filter.html.haml

@@ -0,0 +1,8 @@
+= semantic_form_for applications_filter, :url => applications_path, :simple => true, :method => :get do |f|
+  = f.inputs do
+    = f.input :name
+    = f.input :type, :collection => applications_filter.type_options, :include_blank => false
+  = f.buttons do
+    = f.commit_button :label => 'Filter'
+    - if applications_filter.present?
+      = link_to "Clear Filters", applications_path, :class => 'btn'

data/app/views/applications/_name.html.haml

@@ -0,0 +1,28 @@
+.input-prepend-append
+  %span.add-on-first http://
+
+  = form.text_field :name, 
+    :value => "#{application.name}", 
+    :autofocus => true, 
+    :maxlength => 32, 
+    :placeholder => 'Application name', 
+    :class => "application_name #{'error' if application.errors.include? :name}"
+
+  -# If the user has a domain, use it, otherwise prompt them for that field
+  - if @domain and @domain.persisted?
+
+    %span.add-on-last> -#{@domain.name}.#{RestApi.application_domain_suffix}
+
+  - else
+
+    %span.add-on-middle> –
+    = form.text_field :domain_name, 
+      :value => "#{application.domain_name}", 
+      :placeholder => 'Namespace', 
+      :maxlength => 16, 
+      :class => "domain_name #{'error' if application.errors.include? :domain_name}"
+    %span.add-on-last>= ".#{RestApi.application_domain_suffix}"
+
+- unless @domain and @domain.persisted?
+  %p.help-block
+    %span.text-warning Because this is your first application, you need to provide a domain name under which your applications will be grouped

data/app/views/applications/delete.html.haml

@@ -0,0 +1,19 @@
+- breadcrumb_for_application @application, 'Confirm delete'
+
+%h1 Delete Application
+
+= semantic_form_for @application, :html => {:method => :delete, :class => 'form'} do |f|
+  %p 
+    Are you sure you want to delete the application 
+    <strong>'#{@application.name}'?</strong>
+
+  %p 
+    This will delete all the code and data associated with 
+    the app, and cannot be undone. Make sure this is something 
+    you really want to do!
+
+  = f.semantic_errors
+  = f.buttons do
+    = link_to 'Cancel', @referer || application_path(@application), :class => 'btn'
+    = f.commit_button :label => "Delete", :button_html => {:class => 'btn btn-danger'}
+    = f.loading

data/app/views/applications/get_started.html.haml

@@ -0,0 +1,145 @@
+- breadcrumb_for_application @application, @wizard ? 'Next steps' : 'Get Started'
+
+- if @wizard
+  = app_wizard_steps_create 2, :completed => true
+  %h1.invisible Get Started
+  %section
+    = flashes
+    %p.larger Your application has been created. If you're new to OpenShift check out these tips for where to go next.
+
+- else
+  %h1 Get Started
+  %section
+    = flashes
+    %p.larger Looking for tips on what to build or where to go next?  We've organized some helpful hints for you.
+
+
+%section.row
+  .span7
+    -# application url
+    %h2 Accessing your application
+    %p
+      - if true #FIXME Need to come up with a better way to control this in the model.  Requires info about carts.
+        Your application has one or more cartridges that expose a public URL to the Internet.  Click the link below
+        to see your application:
+      - else
+        If your application exposes services to the Internet they will be available at
+
+      - if @template
+        .alert.alert-info
+          Your application is currently being created. Preconfigured applications take a little longer to get ready.
+          If you try to access your application and get a 503 error, it means the deployment is in progress.
+
+      %p.well.application-url.larger
+        = link_to @application.web_url, @application.web_url, :target => '_blank'
+
+    %p 
+      The 
+      = link_to "application overview page", application_path(@application)
+      provides a summary of your application and its cartridges.
+
+    -# git/setup
+    - if true #FIXME has at least one cartridge with source code
+      %h2 Making code changes
+
+      - unless @has_keys
+        %div.well
+          %h4 Set your Public Key
+          %p
+            Before you can upload code, you need to provide us with a <strong>public key</strong>
+            to identify you to our servers. If this is your first time creating a public key
+            #{link_to "read more about SSH keys and remote access", ssh_keys_help_path}.
+          = render :partial => 'keys/simple_form', :locals => { :key => Key.new, :input_class => 'span6' }
+
+      %p 
+        OpenShift uses the #{link_to "Git version control system", git_homepage_url}
+        to manage the code of your application. Each cartridge has a single Git <strong>repository</strong>
+        that you'll use to check in changes to your application. When you <strong>push</strong>
+        a change to your Git repository we'll automatically deploy your code and restart your 
+        application if necessary.
+
+      - if @has_keys
+        - if true #FIXME has a single cartridge with source code
+          %p Install the Git client for your operating system, and from your command line run
+          %pre.cli
+            = preserve do
+              :escaped
+                git clone #{@application.git_url}
+                cd #{@application.name}/
+          %p 
+            This will create a folder with the source code of your application. After making a change,
+            %strong add,
+            %strong commit,
+            and
+            %strong push
+            your changes.
+          %pre.cli
+            = preserve do
+              :escaped
+                git add .
+                git commit -m 'My changes'
+                git push
+
+          %p 
+            When you push changes the OpenShift server will report back its status on deploying your code. 
+            The server will run any of your configured
+            = link_to "deploy hooks", deploy_hook_user_guide_topic_url
+            and then restart the application.
+
+        - else
+          -#FIXME has multiple cartridges with source code
+
+
+  .span5
+
+    -# cartridges
+    %h2 Adding capabilities
+    %p
+      Cartridges are the components of an OpenShift application, and include databases, build systems,
+      and management capabilities. <strong>#{link_to 'Adding a cartridge', application_cartridge_types_path(@application)}</strong> such as 
+      #{link_to 'MySQL', application_cartridge_type_path(@application, 'mysql-5.1')} or #{link_to 'MongoDB', application_cartridge_type_path(@application, 'mongodb-2.2')}
+      to an application provides the desired capability without forcing you to administrate or update that feature.
+    -#%p
+      To run a PHP application with MySQL (the M and P in LAMP) you 
+      %strong embed
+      the MySQL cartridge into your application. OpenShift gives your PHP code access to your new MySQL database, but
+      manages the database server for you.
+    %p 
+      = link_to "Add a cartridge to your application now", application_cartridge_types_path(@application)
+      -#or from the command line with
+    -#%pre.cli
+      = preserve do
+        :escaped
+          rhc app cartridge list
+    -#%p
+      You may also add a cartridge to your application by running
+    -#%pre.cli
+      = preserve do
+        :escaped
+          rhc app cartridge add -a #{@application.name} -c <cart_id>
+
+    -# client
+    %h2 Managing your application
+
+    %h3 RHC Client Tools
+
+    %p
+      Most of the capabilities of OpenShift are exposed through our command line tool, 
+      %strong rhc.
+      Whether it's adding cartridges, checking uptime, or pulling log files from
+      the server, you can quickly put a finger on the pulse of your application.
+      #{link_to "Follow these steps to install the client", client_tools_install_help_url}
+      on Linux, Mac OS X, or Windows.
+    %p
+      After installing the command line tool read more 
+      #{link_to "on how to manage your application from the command line in our User Guide", user_guide_url }.
+
+    %h3 JBoss Developer Studio
+
+    %p
+      The JBoss Developer Studio is a full featured IDE with OpenShift integration built in.
+      It gives you the ability to create, edit and deploy applications without having to
+      leave the IDE.  Links to download, install and use the JBoss Developer Studio for Linux,
+      Mac OS X, or Windows can be found on the
+      #{link_to("JBoss Developer Studio tools page.", "#{client_tools_help_url}")}
+    -# tech specific