DecidimAwesomeを導入する

[takahashim]

改善詳細 / Details of Improvement

現状、管理画面等のテキストエリアによるフォーム画面で画像を使おうとすると、テキストエリア内にdata URLによる画像の貼り付けを行う方法しかなく、それをやってしまうと巨大なDBレコードやファイルが生成されてしまうようです。 これがパフォーマンスの大幅な低下や、サービスの障害などの要因になることがあるようでした。

これを解決するためにはdata URL以外の画像アップロードが必要になりますが、実はすでに（！）そのための拡張モジュールとしてDecidimAwesomeというものがあるようでした。

https://github.com/Platoniq/decidim-module-decidim_awesome

そこで、Decidim-cfjでもこれを導入することを検討すると良いのではないかと思いましたが、いかがでしょうか。

スクリーンショットなど / Screenshot

画像を追加した画面

フォーム画面

管理画面に追加された様子

期待する見せ方・挙動 / Expected behavior

DecidimAwesome自体はいろんな機能を追加するものですが、まずは画像アップロード機能のみを導入するので良いかと思います。 （Markdownエディター化もできるようですが、まだexperimentalのようでした）

対象インスタンス / Instances

• 全て

[takahashim]

223 に修正をマージしてもらったので、#223 がマージされればDecidimAwesomeが使えるようになるはずです

[ayuki-joto]

画像をドラッグアンドドロップで入れようとすると何度かalertでundefinedが出て consoleを確認すると、 このように表示されてました。。。 これもコンパイル関係でしょうか...?

[takahashim]

413はPayload Too Largeなので、ファイルが大きすぎてどこかの制限に引っかかってる可能性はありますね…。

[ayuki-joto]

413に関してはnginx の設定で解消できたのですが，loading.gifの読み込みがやはりできていません． loading.gifは，decidim_awesome以下のquit_editor.scssで読み込んでいるようなのですが，precomplie時にこのgifは，compileされていないようです． ここをこちらで置き直すようにもトライしていますがうまく行っていません....

[ayuki-joto]

app/asssets/stylesheets/application.cssは全ページで読み込まれている認識でしたが読み込まれていないのでしょうか...?

[takahashim]

私がローカルの開発環境で試している分には、ふつうに

http://localhost:3000/assets/decidim/decidim_awesome/loading.gif

でファイルを読み込んでいるようでした。

decidim-cfjのapp/assets/images/decidim/decidim_awesome/ あたりに loading.gif をコピーしてから rake assets:precompileすると、 public/assets/decidim/decidim_awesome/loading-ee3290439a8d1958293f818480968bf5be1a5cf8659aa07c51d4321f4f6a00e6.gif が生成されるようなので、最悪こうするとよいかも？