cafe-grader-web Commit - r557:47db9776ed2e

cafe-grader-web

Commit `r557:47db9776ed2e` public

parent | child

Description:

change announcement toggle into bootstrap button with processing state

Commit status:

[Not Reviewed]

References:

bootstrap

Diff options:

| | | |

Comments:

0 Commit comments 0 Inline Comments

Unresolved TODOs:

There are no unresolved TODOs

Add another comment

r557:47db9776ed2e - Sat, 18 Jun 2016 03:59:39 - 8 files changed: 75 inserted, 56 deleted

app/assets/javascripts/announcements.js.coffee created 644 ¶ +15

@@ -0,0 +1,15
	1	+ #js for announcement
	2	+ $ ->
	3	+ $('.ajax-toggle').on 'click', (event) ->
	4	+ console.log event.target.id
	5	+ target = $(event.target)
	6	+ target.removeClass 'btn-default'
	7	+ target.removeClass 'btn-success'
	8	+ target.addClass 'btn-warning'
	9	+ target.text '...'
	10	+ return
	11	+
	12	+ $(document).ajaxError (event, jqxhr, settings, exception) ->
	13	+ if jqxhr.status
	14	+ alert 'We\'re sorry, but something went wrong (' + jqxhr.status + ')'
	15	+ return

app/views/announcements/index.html.haml created 644 ¶ +37

@@ -0,0 +1,37
	1	+ %h1 Listing announcements
	2	+
	3	+ = link_to '+ Add announcement', new_announcement_path, class: 'btn btn-success'
	4	+ %br
	5	+ %br
	6	+
	7	+ %table.table.table-striped
	8	+ %tr
	9	+ %th Updated
	10	+ %th Announcement
	11	+ %th Author
	12	+ %th Published
	13	+ %th
	14	+ %th
	15	+ - for announcement in @announcements
	16	+ %tr
	17	+ - @announcement = announcement
	18	+ %td= time_ago_in_words announcement.updated_at
	19	+ %td
	20	+ - if !announcement.title.blank?
	21	+ %b Title:
	22	+ = h announcement.title
	23	+ %br/
	24	+ - if !announcement.notes.blank?
	25	+ %b
	26	+ Notes: #{h announcement.notes}
	27	+ %br/
	28	+ = h announcement.body
	29	+ %td= h announcement.author
	30	+ // %td= check_box_tag :published, 1, announcement.published, { class: 'bootstrap-toggle', id: "published-#{announcement.id}", data: {remote: true, method: 'PUT', url: url_for(controller: :announcements, action: :toggle, id: announcement), size: 'small', toggle: 'toggle' } }
	31	+ // <td><haml_loud> in_place_editor_field :announcement, :published, {}, :rows => 1 </haml_loud></td>
	32	+ %td= link_to (announcement.published? ? "Yes" : "No"), url_for(controller: :announcements, action: :toggle, id: announcement), { class: "btn btn-block btn-sm btn-#{(announcement.published? ? 'success' : 'default')} ajax-toggle", id: "published-#{announcement.id}", data: {remote: true, method: 'post' } }
	33	+ %td= link_to 'Edit', edit_announcement_path(announcement), class: 'btn btn-block btn-sm btn-info'
	34	+ %td= link_to 'Destroy', announcement, :confirm => 'Are you sure?', :method => :delete, class: "btn btn-block btn-sm btn-danger"
	35	+ %br
	36	+
	37	+ = link_to '+ Add announcement', new_announcement_path, class: 'btn btn-success'

app/views/announcements/toggle.js.haml created 644 ¶ +8

@@ -0,0 +1,8
	1	+ :plain
	2	+ var t = $("#published-#{@announcement.id}");
	3	+ t.removeClass('btn-default');
	4	+ t.removeClass('btn-success');
	5	+ t.removeClass('btn-warning');
	6	+ t.addClass("btn-#{@announcement.published? ? 'success' : 'default'}");
	7	+ t.attr("data-params","published=#{!@announcement.published?}");
	8	+ t.text("#{@announcement.published? ? "Yes" : "No"}");

app/assets/stylesheets/application.css.sass ¶ +11 -11

                 padding-top: 100px
               input
                 font-family: Tahoma, "sans-serif"
               h1
                 font-size: 24px
                 color: #334488
                 line-height: 2em
               h2
                 font-size: 18px
                 color: #5566bb
                 line-height: 1.5em
               hr
                 border-top: 1px solid #dddddd
                 border-bottom: 1px solid #eeeeee
-            - a
+            + //#a
-            -   color: #6666cc
+            + //  color: #6666cc
-            -   text-decoration: none
+            + //  text-decoration: none
+            + //
-            -   &:link, &:visited
+            + //  &:link, &:visited
-            -     color: #6666cc
+            + //    color: #6666cc
-            -     text-decoration: none
+            + //    text-decoration: none
+            + //
-            -   &:hover, &:focus
+            + //  &:hover, &:focus
-            -     color: #111166
+            + //    color: #111166
-            -     text-decoration: none
+            + //    text-decoration: none
               div
                 &.userbar
                   line-height: 1.5em
                   text-align: right
                   font-size: 12px
                 &.title
                   padding: 10px 0px
                   line-height: 1.5em
                   font-size: 13px
                   span.contest-over-msg
                     font-size: 15px
                     color: red
                   table
                     width: 100%
                     font-weight: bold
                   td
                     &.left-col
                       text-align: left

app/controllers/announcements_controller.rb ¶ +1 -1

                   end
                 end
                 # PUT /announcements/1
                 # PUT /announcements/1.xml
                 def update
                   @announcement = Announcement.find(params[:id])
                   respond_to do |format|
                     if @announcement.update_attributes(params[:announcement])
                       flash[:notice] = 'Announcement was successfully updated.'
                       format.html { redirect_to(@announcement) }
                       format.js   {}
                       format.xml  { head :ok }
                     else
                       format.html { render :action => "edit" }
                       format.js   {}
                       format.xml  { render :xml => @announcement.errors, :status => :unprocessable_entity }
                     end
                   end
                 end
                 def toggle
                   @announcement = Announcement.find(params[:id])
-            -     @announcement.update_attributes( published: params[:published] == 1)
+            +     @announcement.update_attributes( published:  !@announcement.published? )
                   respond_to do |format|
                     format.js {}
                   end
                 end
                 # DELETE /announcements/1
                 # DELETE /announcements/1.xml
                 def destroy
                   @announcement = Announcement.find(params[:id])
                   @announcement.destroy
                   respond_to do |format|
                     format.html { redirect_to(announcements_url) }
                     format.xml  { head :ok }
                   end
                 end
               end

app/views/layouts/application.html.haml ¶ +2 -2

               <!DOCTYPE html>
               %html
               %head
                 %title= GraderConfiguration['contest.name']
-            -   = stylesheet_link_tag "application", :media => "all"
+            +   = stylesheet_link_tag "application", params[:controller], :media => "all"
-            -   = javascript_include_tag "application"
+            +   = javascript_include_tag "application", params[:controller]
                 = csrf_meta_tags
                 = content_for :header
                 = yield :head
               %body
                 = render 'layouts/header'
                 = content_tag(:p,flash[:notice],:style => "color:green") if flash[:notice]!=nil
                 = yield

config/routes.rb ¶ +1 -1

               CafeGrader::Application.routes.draw do
                 root :to => 'main#login'
                 get "report/login"
                 resources :contests
                 resources :announcements
-            -   match 'announcements/toggle/:id' => 'announcements#toggle', via: :put
+            +   match 'announcements/toggle/:id' => 'announcements#toggle'
                 resources :sites
                 resources :grader_configuration, controller: 'configurations'
                 match 'tasks/view/:file.:ext' => 'tasks#view'
                 match 'tasks/download/:id/:file.:ext' => 'tasks#download'
                 match 'heartbeat/:id/edit' => 'heartbeat#edit'
                 #main
                 get "main/list"
                 # See how all your routes lay out with "rake routes"
                 # This is a legacy wild controller route that's not recommended for RESTful applications.
                 # Note: This route will make all actions in every controller accessible via GET requests.
                 match ':controller(/:action(/:id))(.:format)'
               end

app/views/announcements/index.html.erb removed ¶ -41

deleted file

Write
Preview

You need to be logged in to leave comments. Login now

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository permissions settings

Sign in to your account

Commit r557:47db9776ed2e public

Author

r557:47db9776ed2e - Sat, 18 Jun 2016 03:59:39 - 8 files changed: 75 inserted, 56 deleted

Commit `r557:47db9776ed2e` public