{"id":83862,"date":"2024-11-14T22:13:52","date_gmt":"2024-11-14T18:43:52","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/"},"modified":"2024-11-14T22:13:52","modified_gmt":"2024-11-14T18:43:52","slug":"rails-partial-features-you-didnt-know-p2g","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/","title":{"rendered":"\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062c\u0632\u0626\u06cc Rails \u06a9\u0647 (\u0646\u0645\u06cc \u062f\u0627\u0646\u0633\u062a\u06cc\u062f)"},"content":{"rendered":"<p>Summarize this content to 400 words in Persian Lang<br \/>\n            \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0635\u0644 \u062f\u0631 Rails Designer \u0645\u0646\u062a\u0634\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a<\/p>\n<p>\u0642\u0637\u0639\u0627\u062a \u062c\u0632\u0626\u06cc \u0628\u062e\u0634\u06cc \u062c\u062f\u0627\u06cc\u06cc \u0646\u0627\u067e\u0630\u06cc\u0631 \u0627\u0632 Rails \u0628\u0648\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631\u06a9 \u0622\u0646\u0647\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0645\u0641\u0647\u0648\u0645\u06cc \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u062f\u0627\u0631\u0627\u06cc \u062a\u0639\u062f\u0627\u062f\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u06a9\u0645\u062a\u0631 \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0622\u0646\u0647\u0627 \u0646\u062f\u0627\u0646\u06cc\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0647\u0645\u0647 \u0622\u0646\u0647\u0627 \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u0645!<\/p>\n<p>  \u0631\u0646\u062f\u0631 \u0627\u0648\u0644\u06cc\u0647<\/p>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0627\u0635\u0648\u0644 \u0631\u0646\u062f\u0631 \u062c\u0632\u0626\u06cc \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n<p>&lt;%= render partial: &#8220;application\/navigation&#8221; %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06cc\u0646 \u062c\u0632\u0626\u06cc \u0631\u0627 \u0631\u0646\u062f\u0631 \u0645\u06cc \u06a9\u0646\u062f app\/views\/application\/_navigation.html.erb. \u0646\u0627\u0645 \u0641\u0627\u06cc\u0644 \u0628\u0627 \u0632\u06cc\u0631\u062e\u0637 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u0627\u0631\u062c\u0627\u0639\u0627\u062a \u0628\u062f\u0648\u0646 \u0639\u0644\u0627\u0645\u062a \u0627\u0633\u062a.<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f partial \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc<\/p>\n<p>&lt;%= render &#8220;application\/navigation&#8221; %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u062a\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0646\u0645\u06cc \u062f\u0627\u0646\u0633\u062a\u06cc\u062f\u060c \u06af\u0645\u0627\u0646 \u0645\u06cc \u06a9\u0646\u0645.<\/p>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/p>\n<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0622\u0646 \u0631\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>&lt;%= render partial: &#8220;user&#8221;, locals: {user: @user}  %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0628\u0627\u0632 \u0647\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646 \u062f\u0633\u062a \u06a9\u0648\u062a\u0627\u0647 \u0646\u06cc\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f:<\/p>\n<p>&lt;%= render &#8220;user&#8221;, user: @user %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u06cc\u0627 \u0627\u06af\u0631 \u0627\u0632 \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u0647\u0627\u06cc a \u062a\u0627 z \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f:<\/p>\n<p>&lt;%= render @user %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06cc\u0646 \u0686\u0646\u062f \u0686\u06cc\u0632 \u0631\u0627 \u0641\u0631\u0636 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<p>@user  \u062d\u0636\u0648\u0631 \u062f\u0627\u0631\u062f<br \/>\n\u06cc\u06a9 \u062c\u0632\u0626\u06cc _user.html.erb \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\/\u0646\u0645\u0627\u06cc\u0634\/\u06a9\u0627\u0631\u0628\u0631\u0627\u0646.<\/p>\n<p>\u06a9\u0645\u06cc \u062a\u0645\u06cc\u0632\u062a\u0631\u060c \u062f\u0631\u0633\u062a \u0627\u0633\u062a\u061f \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u062f\u0633\u062a \u06a9\u0648\u062a\u0627\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0646\u0647\u061f \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0646\u0633\u062e\u0647 \u06a9\u0648\u062a\u0627\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0645\u062e\u0635\u0648\u0635\u0627\u064b \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0641\u0642\u0637 1 \u06cc\u0627 2 \u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u067e\u0627\u0633 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0627\u0645\u0627 \u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u062f\u0644\u0627\u0644 \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f. \u0633\u067e\u0633 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u0627\u0632 \u0646\u062d\u0648 \u0637\u0648\u0644\u0627\u0646\u06cc \u062a\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f. \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644:<\/p>\n<p>&lt;%= render partial: &#8220;user&#8221;, locals: {admin: @admin}, as: :user %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0635\u0631\u06cc\u062d<\/p>\n<p>\u062f\u0631 Rails 7.2 \u0645\u0639\u0631\u0641\u06cc \u0634\u062f. \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0635\u0631\u06cc\u062d \u0631\u0627 \u0637\u0648\u0631\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0648\u0636\u0648\u062d \u0628\u06af\u0648\u06cc\u062f \u06a9\u062f\u0627\u0645 \u0645\u062a\u063a\u06cc\u0631 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a.<\/p>\n<p>&lt;%# locals: (name:) -%&gt;<br \/>\n&lt;%= name %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0637\u0648\u0631\u06cc \u06a9\u0647 \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 \u0646\u0627\u0645\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c &#8220;Stranger&#8221; \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<p>&lt;%# locals: (name: &#8220;Stranger&#8221;) -%&gt;<br \/>\n&lt;%= name %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u062a\u062e\u0635\u06cc\u0635 \u0645\u062d\u0644\u06cc<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 &#8220;\u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0636\u0645\u0646\u06cc&#8221; \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0645\u0648\u0627\u0631\u062f \u0641\u0648\u0642 \u0631\u0627 \u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f user_details \u062f\u0631 \u0646\u0645\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>  &lt;%= name %&gt;<\/p>\n<p>&lt;% local_assigns[:admin?] %&gt;<\/p>\n<p>      Created at:<\/p>\n<p>      &lt;%= user.created_at %&gt;<\/p>\n<p>&lt;% end %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062c\u0632\u0626\u06cc \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0631\u0646\u062f\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<p>&lt;%= render &#8220;user&#8221;, user: @user, name: &#8220;Cam&#8221;, admin?: true %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u06cc\u0627 \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f admin?: true \u062f\u0631 \u0646\u0645\u0627\u0647\u0627\u06cc \u063a\u06cc\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc:<\/p>\n<p>&lt;%= render &#8220;user&#8221;, user: @user, name: &#8220;Cam&#8221; %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06cc\u0646 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u0628\u062f\u0648\u0646 local_assigns\u060c \u0631\u0646\u062f\u0631 \u0628\u0627 \u0634\u06a9\u0633\u062a \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>  \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc \u062c\u0632\u0626\u06cc<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0642\u0633\u0645\u062a\u06cc \u0631\u0627 \u062f\u0631 \u00ab\u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u00bb \u0628\u067e\u06cc\u0686\u06cc\u062f. \u0627\u06cc\u0646 \u0646\u0628\u0627\u06cc\u062f \u0628\u0627 \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u0627\u0634\u062a\u0628\u0627\u0647 \u06af\u0631\u0641\u062a\u0647 \u0634\u0648\u062f \u0628\u0631\u0646\u0627\u0645\u0647\/\u0646\u0645\u0627\u0647\u0627\/\u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627.<\/p>\n<p>&lt;%= render partial: &#8220;user&#8221;, layout: &#8220;shared\/admin&#8221; %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>&#8220;\u0637\u0631\u062d \u0628\u0646\u062f\u06cc&#8221; \u0645\u062f\u06cc\u0631 \u062f\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u062f app\/views\/shared\/_admin.html.erb \u0648 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0634\u0628\u06cc\u0647 \u0627\u06cc\u0646 \u0628\u0627\u0634\u062f:<\/p>\n<p> class=&#8221;admin&#8221;&gt;<br \/>\n  &lt;%= yield %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0645\u062c\u0645\u0648\u0639\u0647 \u0631\u0646\u062f\u0631<\/p>\n<p>\u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0631\u0646\u062f\u0631 \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u062f\u0631 app\/views\/users\/index.html.erb:<\/p>\n<p>&lt;%= render partial: &#8220;user&#8221;, collection: @users %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u06cc\u0627 \u0646\u0648\u0639 \u06a9\u0648\u062a\u0627\u0647 \u0622\u0646:<\/p>\n<p>&lt;%= render @users %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 _user.html.erb \u062c\u0632\u0626\u06cc \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\/\u0628\u0627\u0632\u062f\u06cc\u062f\u0647\u0627\/\u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u060c \u0628\u0627 \u0641\u0631\u0636 @users \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631&#39;s<\/p>\n<p>\u0627\u06af\u0631\u0686\u0647 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u06cc\u06a9 \u0645\u0646\u0628\u0639 \u0646\u062f\u0627\u0631\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u06a9\u0627\u0631\u0628\u0631. \u0627\u06cc\u0646 \u0646\u06cc\u0632 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<p>&lt;%= render [User.first, Admin.first, Customer.first, User.second] %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0622\u0646 \u0645\u0646\u0627\u0628\u0639 \u0631\u0627 \u062f\u0627\u0631\u06cc\u062f\u060c \u0648 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0628\u062e\u0634\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0646\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 _user.html.erb\u060c _admin.html.erb \u0648 _customer.html.erb.<\/p>\n<p>  \u062d\u0627\u0644\u062a \u062e\u0627\u0644\u06cc<\/p>\n<p>\u0627\u06af\u0631 \u0645\u062c\u0645\u0648\u0639\u0647\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 @users \u062e\u0627\u0644\u06cc \u0627\u0633\u062a\u060c render \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f nil. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u06a9 \u062d\u0627\u0644\u062a \u062e\u0627\u0644\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f\u060c \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>&lt;%= render(@users) || &#8220;No users yet\u2026&#8221; %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/p>\n<p>\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u063a\u06cc\u0631 \u0645\u062d\u0644\u06cc \u0631\u0627 \u0646\u06cc\u0632 \u0628\u0627 \u06cc\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<p>&lt;%= render partial: &#8220;user&#8221;, collection: @users, as: :customer %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u062f\u0631 _user.html.erb \u062c\u0632\u0626\u06cc\u060c \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f customer.id (\u06cc\u0627 \u0647\u0631 \u0648\u06cc\u0698\u06af\u06cc \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a).<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u067e\u0627\u0633 \u0645\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<p>&lt;%= render partial: &#8220;user&#8221;, collection: @users, locals: {admin?: true} %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0634\u0645\u0627\u0631\u0646\u062f\u0647<\/p>\n<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0634\u0645\u0627\u0631\u0646\u062f\u0647 \u0646\u06cc\u0632 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f: &lt;%%= user_counter %&gt;. \u0646\u0627\u0645\u060c \u0642\u0633\u0645\u062a \u0642\u0628\u0644 \u0627\u0632 \u062e\u0637 \u0632\u06cc\u0631\u060c \u0627\u0632 \u0646\u0627\u0645 \u062c\u0632\u0626\u06cc \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 **customer.html.erb*\u0645\u06cc \u0634\u0648\u062f* &lt;%%= customer_counter %&gt;.<\/p>\n<p>  \u0686\u06cc\u062f\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627<\/p>\n<p>\u0628\u0647 \u0637\u0648\u0631 \u0645\u0634\u0627\u0628\u0647 \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u062c\u0632\u0626\u06cc\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627\u06cc \u062c\u0632\u0626\u06cc \u0631\u0627 \u0646\u06cc\u0632 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u06af\u0632\u06cc\u0646\u0647<\/p>\n<p>&lt;%= render partial: @users, layout: &#8220;users\/wrapper&#8221; %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0633\u067e\u0633 \u062f\u0631 app\/views\/users\/_wrapper.html.erb\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u06cc\u0632\u06cc \u0634\u0628\u06cc\u0647 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f:<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0642\u0627\u0644\u0628 Spacer<\/p>\n<p>\u0622\u062e\u0631\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0645\u062c\u0645\u0648\u0639\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0627\u0633\u062a \u0642\u0627\u0644\u0628 \u0647\u0627\u06cc \u0627\u0633\u067e\u06cc\u0633\u0631. \u0628\u06cc\u0646 \u0647\u0631 \u0646\u0645\u0648\u0646\u0647 \u062f\u0631\u062c \u062e\u0648\u0627\u0647\u062f \u0634\u062f. \u0627\u0632 \u0622\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<p>&lt;%= render partial: @users, spacer_template: &#8220;user\/divider&#8221; %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u062c\u0632\u0626\u06cc \u0631\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f app\/views\/users\/_divider.html.erb.<\/p>\n<p>  \u0627\u0645\u062a\u06cc\u0627\u0632: \u062c\u0632\u0626\u06cc \u0647\u0627 \u0631\u0627 \u0634\u0628\u06cc\u0647 \u0627\u062c\u0632\u0627\u0621 \u06a9\u0646\u06cc\u062f<\/p>\n<p>\u0627\u06af\u0631 \u0627\u0632 ViewComponent \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0627\u0645\u0627 \u0628\u0647 \u0647\u0631 \u062f\u0644\u06cc\u0644\u06cc \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0641\u0639\u0644\u06cc \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0631\u0648\u0634\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062c\u0632\u0626\u06cc\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u06a9\u0645\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0634\u0628\u06cc\u0647 ViewComponent \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0627\u062c\u0632\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\/\u0646\u0645\u0627\/\u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u0627\u0644\u0641 _card.html.erb.<\/p>\n<p> class=&#8221;card&#8221;&gt;<br \/>\n   class=&#8221;card__header&#8221;&gt;<br \/>\n    &lt;%= title %&gt;<\/p>\n<p>   class=&#8221;card__body&#8221;&gt;<br \/>\n    &lt;%= yield %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0633\u067e\u0633 \u0628\u0647 \u0646\u0638\u0631 \u0634\u0645\u0627 \u0627\u0632 \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<p>&lt;%= render layout: &#8220;components\/card&#8221;, locals: { title: &#8220;User Profile&#8221; } do %&gt;<br \/>\n  Just some text for this user<br \/>\n&lt;% end %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u0645\u0627 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0647 \u06a9\u0645\u06a9\u06cc \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0647 \u0645\u0642\u062f\u0627\u0631\u06cc \u0627\u0632 \u0622\u0646 \u0635\u0641\u062d\u0647 \u062f\u06cc\u06af \u0631\u0627 \u062c\u062f\u0627 \u06a9\u0646\u062f.<\/p>\n<p># app\/helpers\/components_helper.rb<br \/>\nmodule ComponentsHelper<br \/>\n  def component(name, **, &amp;)<br \/>\n    render layout: &#8220;components\/#{name}&#8221;, locals: **, &amp;<br \/>\n  end<br \/>\nend<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u062d\u0627\u0644\u0627 \u0634\u0645\u0627 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0631\u0646\u062f\u0631 \u0645\u06cc \u062f\u0647\u06cc\u062f:<\/p>\n<p>&lt;%= component &#8220;card&#8221;, title: &#8220;User Profile&#8221; do %&gt;<br \/>\n  Just some text for this user<br \/>\n&lt;% end %&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0622\u0646 \u0631\u0627 \u0628\u0627 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc Explicit \u062c\u0641\u062a \u06a9\u0646\u06cc\u062f \u0648 \u06cc\u06a9 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0627\u0645\u0644\u0627\u064b \u062c\u0627\u0645\u062f \u0645\u0627\u0646\u0646\u062f \u0645\u0624\u0644\u0641\u0647 \u0628\u062f\u0648\u0646 \u0647\u06cc\u0686 \u06af\u0648\u0646\u0647 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0648 \u0627\u06cc\u0646 \u0647\u0645\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 (\u0646\u0645\u06cc\u200c\u062f\u0627\u0646\u0633\u062a\u06cc\u062f) \u062f\u0631\u0628\u0627\u0631\u0647 \u067e\u0627\u0631\u062a\u06cc\u0627\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0644\u0632.<\/p>\n<div data-article-id=\"2078699\" id=\"article-body\">\n<p>\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0635\u0644 \u062f\u0631 Rails Designer \u0645\u0646\u062a\u0634\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a<\/p>\n<hr\/>\n<p>\u0642\u0637\u0639\u0627\u062a \u062c\u0632\u0626\u06cc \u0628\u062e\u0634\u06cc \u062c\u062f\u0627\u06cc\u06cc \u0646\u0627\u067e\u0630\u06cc\u0631 \u0627\u0632 Rails \u0628\u0648\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631\u06a9 \u0622\u0646\u0647\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0645\u0641\u0647\u0648\u0645\u06cc \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u062f\u0627\u0631\u0627\u06cc \u062a\u0639\u062f\u0627\u062f\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u06a9\u0645\u062a\u0631 \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0622\u0646\u0647\u0627 \u0646\u062f\u0627\u0646\u06cc\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0647\u0645\u0647 \u0622\u0646\u0647\u0627 \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u0645!<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D8%B1%D9%86%D8%AF%D8%B1_%D8%A7%D9%88%D9%84%DB%8C%D9%87\" >\u0631\u0646\u062f\u0631 \u0627\u0648\u0644\u06cc\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D9%85%D8%AD%D9%84%DB%8C\" >\u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D9%85%D8%AD%D9%84%DB%8C_%D8%B5%D8%B1%DB%8C%D8%AD\" >\u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0635\u0631\u06cc\u062d<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D8%AA%D8%AE%D8%B5%DB%8C%D8%B5_%D9%85%D8%AD%D9%84%DB%8C\" >\u062a\u062e\u0635\u06cc\u0635 \u0645\u062d\u0644\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D8%B7%D8%B1%D8%AD_%D8%A8%D9%86%D8%AF%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%AC%D8%B2%D8%A6%DB%8C\" >\u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc \u062c\u0632\u0626\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87_%D8%B1%D9%86%D8%AF%D8%B1\" >\u0645\u062c\u0645\u0648\u0639\u0647 \u0631\u0646\u062f\u0631<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D8%AD%D8%A7%D9%84%D8%AA_%D8%AE%D8%A7%D9%84%DB%8C\" >\u062d\u0627\u0644\u062a \u062e\u0627\u0644\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D9%85%D8%AD%D9%84%DB%8C-2\" >\u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D8%B4%D9%85%D8%A7%D8%B1%D9%86%D8%AF%D9%87\" >\u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0634\u0645\u0627\u0631\u0646\u062f\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%DA%86%DB%8C%D8%AF%D9%85%D8%A7%D9%86_%D8%A8%D8%B1%D8%A7%DB%8C_%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87_%D9%87%D8%A7\" >\u0686\u06cc\u062f\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D9%82%D8%A7%D9%84%D8%A8_Spacer\" >\u0642\u0627\u0644\u0628 Spacer<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#%D8%A7%D9%85%D8%AA%DB%8C%D8%A7%D8%B2_%D8%AC%D8%B2%D8%A6%DB%8C_%D9%87%D8%A7_%D8%B1%D8%A7_%D8%B4%D8%A8%DB%8C%D9%87_%D8%A7%D8%AC%D8%B2%D8%A7%D8%A1_%DA%A9%D9%86%DB%8C%D8%AF\" >\u0627\u0645\u062a\u06cc\u0627\u0632: \u062c\u0632\u0626\u06cc \u0647\u0627 \u0631\u0627 \u0634\u0628\u06cc\u0647 \u0627\u062c\u0632\u0627\u0621 \u06a9\u0646\u06cc\u062f<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/rails-partial-features-you-didnt-know-p2g\/#class%22card_header%22%3E\" >class=\"card__header\"&gt;\n    &lt;%= title %&gt;<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B1%D9%86%D8%AF%D8%B1_%D8%A7%D9%88%D9%84%DB%8C%D9%87\"><\/span>\n<p>  \u0631\u0646\u062f\u0631 \u0627\u0648\u0644\u06cc\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0627\u0635\u0648\u0644 \u0631\u0646\u062f\u0631 \u062c\u0632\u0626\u06cc \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"s2\">\"application\/navigation\"<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062c\u0632\u0626\u06cc \u0631\u0627 \u0631\u0646\u062f\u0631 \u0645\u06cc \u06a9\u0646\u062f <strong>app\/views\/application\/_navigation.html.erb<\/strong>. \u0646\u0627\u0645 \u0641\u0627\u06cc\u0644 \u0628\u0627 \u0632\u06cc\u0631\u062e\u0637 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u0627\u0631\u062c\u0627\u0639\u0627\u062a \u0628\u062f\u0648\u0646 \u0639\u0644\u0627\u0645\u062a \u0627\u0633\u062a.<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f <code>partial<\/code> \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"s2\">\"application\/navigation\"<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062a\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0646\u0645\u06cc \u062f\u0627\u0646\u0633\u062a\u06cc\u062f\u060c \u06af\u0645\u0627\u0646 \u0645\u06cc \u06a9\u0646\u0645.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D9%85%D8%AD%D9%84%DB%8C\"><\/span>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0622\u0646 \u0631\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">locals: <\/span><span class=\"p\">{<\/span><span class=\"ss\">user: <\/span><span class=\"vi\">@user<\/span><span class=\"p\">}<\/span>  <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0627\u0632 \u0647\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646 \u062f\u0633\u062a \u06a9\u0648\u062a\u0627\u0647 \u0646\u06cc\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">user: <\/span><span class=\"vi\">@user<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u06cc\u0627 \u0627\u06af\u0631 \u0627\u0632 \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u0647\u0627\u06cc a \u062a\u0627 z \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"vi\">@user<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0686\u0646\u062f \u0686\u06cc\u0632 \u0631\u0627 \u0641\u0631\u0636 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<ul>\n<li>\n<code>@user<\/code>  \u062d\u0636\u0648\u0631 \u062f\u0627\u0631\u062f<\/li>\n<li>\u06cc\u06a9 \u062c\u0632\u0626\u06cc <strong>_user.html.erb<\/strong> \u062f\u0631 <strong>\u0628\u0631\u0646\u0627\u0645\u0647\/\u0646\u0645\u0627\u06cc\u0634\/\u06a9\u0627\u0631\u0628\u0631\u0627\u0646<\/strong>.<\/li>\n<\/ul>\n<p>\u06a9\u0645\u06cc \u062a\u0645\u06cc\u0632\u062a\u0631\u060c \u062f\u0631\u0633\u062a \u0627\u0633\u062a\u061f \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u062f\u0633\u062a \u06a9\u0648\u062a\u0627\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0646\u0647\u061f \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0646\u0633\u062e\u0647 \u06a9\u0648\u062a\u0627\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0645\u062e\u0635\u0648\u0635\u0627\u064b \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0641\u0642\u0637 1 \u06cc\u0627 2 \u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u067e\u0627\u0633 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0627\u0645\u0627 \u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u062f\u0644\u0627\u0644 \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f. \u0633\u067e\u0633 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u0627\u0632 \u0646\u062d\u0648 \u0637\u0648\u0644\u0627\u0646\u06cc \u062a\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f. \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">locals: <\/span><span class=\"p\">{<\/span><span class=\"ss\">admin: <\/span><span class=\"vi\">@admin<\/span><span class=\"p\">},<\/span> <span class=\"ss\">as: :user<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D9%85%D8%AD%D9%84%DB%8C_%D8%B5%D8%B1%DB%8C%D8%AD\"><\/span>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0635\u0631\u06cc\u062d<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 Rails 7.2 \u0645\u0639\u0631\u0641\u06cc \u0634\u062f. \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0635\u0631\u06cc\u062d \u0631\u0627 \u0637\u0648\u0631\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0648\u0636\u0648\u062d \u0628\u06af\u0648\u06cc\u062f \u06a9\u062f\u0627\u0645 \u0645\u062a\u063a\u06cc\u0631 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"c\">&lt;%# locals: (name:) -%&gt;<\/span>\n<span class=\"cp\">&lt;%=<\/span> <span class=\"nb\">name<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0637\u0648\u0631\u06cc \u06a9\u0647 \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 \u0646\u0627\u0645\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c &#8220;Stranger&#8221; \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"c\">&lt;%# locals: (name: \"Stranger\") -%&gt;<\/span>\n<span class=\"cp\">&lt;%=<\/span> <span class=\"nb\">name<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%AE%D8%B5%DB%8C%D8%B5_%D9%85%D8%AD%D9%84%DB%8C\"><\/span>\n<p>  \u062a\u062e\u0635\u06cc\u0635 \u0645\u062d\u0644\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 &#8220;\u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0636\u0645\u0646\u06cc&#8221; \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0645\u0648\u0627\u0631\u062f \u0641\u0648\u0642 \u0631\u0627 \u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f <strong>user_details<\/strong> \u062f\u0631 \u0646\u0645\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"nt\"><div>\n<span class=\"nt\"\/>\n  <span class=\"cp\">&lt;%=<\/span> <span class=\"nb\">name<\/span> <span class=\"cp\">%&gt;<\/span>\n<span class=\"nt\"\/>\n\n<span class=\"cp\">&lt;%<\/span> <span class=\"n\">local_assigns<\/span><span class=\"p\">[<\/span><span class=\"ss\">:admin?<\/span><span class=\"p\">]<\/span> <span class=\"cp\">%&gt;<\/span>\n  <span class=\"nt\"><dl\/><\/span>\n    <span class=\"nt\"><dt\/><\/span>\n      Created at:\n    <span class=\"nt\"\/>\n    <span class=\"nt\"><dd\/><\/span>\n      <span class=\"cp\">&lt;%=<\/span> <span class=\"n\">user<\/span><span class=\"p\">.<\/span><span class=\"nf\">created_at<\/span> <span class=\"cp\">%&gt;<\/span>\n    <span class=\"nt\"\/>\n  <span class=\"nt\"\/>\n<span class=\"cp\">&lt;%<\/span> <span class=\"k\">end<\/span> <span class=\"cp\">%&gt;<\/span>\n<span class=\"nt\"\/><\/div><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062c\u0632\u0626\u06cc \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0631\u0646\u062f\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">user: <\/span><span class=\"vi\">@user<\/span><span class=\"p\">,<\/span> <span class=\"ss\">name: <\/span><span class=\"s2\">\"Cam\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">admin?: <\/span><span class=\"kp\">true<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u06cc\u0627 \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f <code>admin?: true<\/code> \u062f\u0631 \u0646\u0645\u0627\u0647\u0627\u06cc \u063a\u06cc\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">user: <\/span><span class=\"vi\">@user<\/span><span class=\"p\">,<\/span> <span class=\"ss\">name: <\/span><span class=\"s2\">\"Cam\"<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u0628\u062f\u0648\u0646 <code>local_assigns<\/code>\u060c \u0631\u0646\u062f\u0631 \u0628\u0627 \u0634\u06a9\u0633\u062a \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B7%D8%B1%D8%AD_%D8%A8%D9%86%D8%AF%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%AC%D8%B2%D8%A6%DB%8C\"><\/span>\n<p>  \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc \u062c\u0632\u0626\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0642\u0633\u0645\u062a\u06cc \u0631\u0627 \u062f\u0631 \u00ab\u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u00bb \u0628\u067e\u06cc\u0686\u06cc\u062f. \u0627\u06cc\u0646 \u0646\u0628\u0627\u06cc\u062f \u0628\u0627 \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u0627\u0634\u062a\u0628\u0627\u0647 \u06af\u0631\u0641\u062a\u0647 \u0634\u0648\u062f <strong>\u0628\u0631\u0646\u0627\u0645\u0647\/\u0646\u0645\u0627\u0647\u0627\/\u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627<\/strong>.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">layout: <\/span><span class=\"s2\">\"shared\/admin\"<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>&#8220;\u0637\u0631\u062d \u0628\u0646\u062f\u06cc&#8221; \u0645\u062f\u06cc\u0631 \u062f\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u062f <strong>app\/views\/shared\/_admin.html.erb<\/strong> \u0648 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0634\u0628\u06cc\u0647 \u0627\u06cc\u0646 \u0628\u0627\u0634\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"nt\"><p> <span class=\"na\">class=<\/span><span class=\"s\">\"admin\"<\/span><span class=\"nt\">&gt;<\/span>\n  <span class=\"cp\">&lt;%=<\/span> <span class=\"k\">yield<\/span> <span class=\"cp\">%&gt;<\/span>\n<span class=\"nt\"\/><\/p><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87_%D8%B1%D9%86%D8%AF%D8%B1\"><\/span>\n<p>  \u0645\u062c\u0645\u0648\u0639\u0647 \u0631\u0646\u062f\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0631\u0646\u062f\u0631 \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u062f\u0631 <strong>app\/views\/users\/index.html.erb<\/strong>:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">collection: <\/span><span class=\"vi\">@users<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u06cc\u0627 \u0646\u0648\u0639 \u06a9\u0648\u062a\u0627\u0647 \u0622\u0646:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"vi\">@users<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 <strong>_user.html.erb<\/strong> \u062c\u0632\u0626\u06cc \u062f\u0631 <strong>\u0628\u0631\u0646\u0627\u0645\u0647\/\u0628\u0627\u0632\u062f\u06cc\u062f\u0647\u0627\/\u06a9\u0627\u0631\u0628\u0631\u0627\u0646<\/strong>\u060c \u0628\u0627 \u0641\u0631\u0636 <code>@users<\/code> \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 <strong>\u06a9\u0627\u0631\u0628\u0631<\/strong>&#39;s<\/p>\n<p>\u0627\u06af\u0631\u0686\u0647 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u06cc\u06a9 \u0645\u0646\u0628\u0639 \u0646\u062f\u0627\u0631\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 <strong>\u06a9\u0627\u0631\u0628\u0631<\/strong>. \u0627\u06cc\u0646 \u0646\u06cc\u0632 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"p\">[<\/span><span class=\"no\">User<\/span><span class=\"p\">.<\/span><span class=\"nf\">first<\/span><span class=\"p\">,<\/span> <span class=\"no\">Admin<\/span><span class=\"p\">.<\/span><span class=\"nf\">first<\/span><span class=\"p\">,<\/span> <span class=\"no\">Customer<\/span><span class=\"p\">.<\/span><span class=\"nf\">first<\/span><span class=\"p\">,<\/span> <span class=\"no\">User<\/span><span class=\"p\">.<\/span><span class=\"nf\">second<\/span><span class=\"p\">]<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0622\u0646 \u0645\u0646\u0627\u0628\u0639 \u0631\u0627 \u062f\u0627\u0631\u06cc\u062f\u060c \u0648 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0628\u062e\u0634\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0646\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 _<strong>user.html.erb<\/strong><em>\u060c<\/em> _<strong>admin.html.erb<\/strong> <em>\u0648<\/em> <strong>_customer.html.erb<\/strong>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D8%AD%D8%A7%D9%84%D8%AA_%D8%AE%D8%A7%D9%84%DB%8C\"><\/span>\n<p>  \u062d\u0627\u0644\u062a \u062e\u0627\u0644\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06af\u0631 \u0645\u062c\u0645\u0648\u0639\u0647\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 <code>@users<\/code> \u062e\u0627\u0644\u06cc \u0627\u0633\u062a\u060c <code>render<\/code> \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f <code>nil<\/code>. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u06a9 \u062d\u0627\u0644\u062a \u062e\u0627\u0644\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f\u060c \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span><span class=\"p\">(<\/span><span class=\"vi\">@users<\/span><span class=\"p\">)<\/span> <span class=\"o\">||<\/span> <span class=\"s2\">\"No users yet\u2026\"<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D9%85%D8%AD%D9%84%DB%8C-2\"><\/span>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u063a\u06cc\u0631 \u0645\u062d\u0644\u06cc \u0631\u0627 \u0646\u06cc\u0632 \u0628\u0627 \u06cc\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">collection: <\/span><span class=\"vi\">@users<\/span><span class=\"p\">,<\/span> <span class=\"ss\">as: :customer<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 <strong>_user.html.erb<\/strong> \u062c\u0632\u0626\u06cc\u060c \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>customer.id<\/code> (\u06cc\u0627 \u0647\u0631 \u0648\u06cc\u0698\u06af\u06cc \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a).<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u067e\u0627\u0633 \u0645\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"s2\">\"user\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">collection: <\/span><span class=\"vi\">@users<\/span><span class=\"p\">,<\/span> <span class=\"ss\">locals: <\/span><span class=\"p\">{<\/span><span class=\"ss\">admin?: <\/span><span class=\"kp\">true<\/span><span class=\"p\">}<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7%DB%8C_%D8%B4%D9%85%D8%A7%D8%B1%D9%86%D8%AF%D9%87\"><\/span>\n<p>  \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0634\u0645\u0627\u0631\u0646\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0634\u0645\u0627\u0631\u0646\u062f\u0647 \u0646\u06cc\u0632 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f: <code>&lt;%%= user_counter %&gt;<\/code>. \u0646\u0627\u0645\u060c \u0642\u0633\u0645\u062a \u0642\u0628\u0644 \u0627\u0632 \u062e\u0637 \u0632\u06cc\u0631\u060c \u0627\u0632 \u0646\u0627\u0645 \u062c\u0632\u0626\u06cc \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 <em>**customer.html.erb<\/em>*\u0645\u06cc \u0634\u0648\u062f* <code>&lt;%%= customer_counter %&gt;<\/code>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%DA%86%DB%8C%D8%AF%D9%85%D8%A7%D9%86_%D8%A8%D8%B1%D8%A7%DB%8C_%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87_%D9%87%D8%A7\"><\/span>\n<p>  \u0686\u06cc\u062f\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0647 \u0637\u0648\u0631 \u0645\u0634\u0627\u0628\u0647 \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u062c\u0632\u0626\u06cc\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627\u06cc \u062c\u0632\u0626\u06cc \u0631\u0627 \u0646\u06cc\u0632 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f <strong>\u0637\u0631\u062d \u0628\u0646\u062f\u06cc<\/strong> \u06af\u0632\u06cc\u0646\u0647<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"vi\">@users<\/span><span class=\"p\">,<\/span> <span class=\"ss\">layout: <\/span><span class=\"s2\">\"users\/wrapper\"<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0633\u067e\u0633 \u062f\u0631 <strong>app\/views\/users\/_wrapper.html.erb<\/strong>\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u06cc\u0632\u06cc \u0634\u0628\u06cc\u0647 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%82%D8%A7%D9%84%D8%A8_Spacer\"><\/span>\n<p>  \u0642\u0627\u0644\u0628 Spacer<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0622\u062e\u0631\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0645\u062c\u0645\u0648\u0639\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0627\u0633\u062a <strong>\u0642\u0627\u0644\u0628 \u0647\u0627\u06cc \u0627\u0633\u067e\u06cc\u0633\u0631<\/strong>. \u0628\u06cc\u0646 \u0647\u0631 \u0646\u0645\u0648\u0646\u0647 \u062f\u0631\u062c \u062e\u0648\u0627\u0647\u062f \u0634\u062f. \u0627\u0632 \u0622\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">partial: <\/span><span class=\"vi\">@users<\/span><span class=\"p\">,<\/span> <span class=\"ss\">spacer_template: <\/span><span class=\"s2\">\"user\/divider\"<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u062c\u0632\u0626\u06cc \u0631\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f <strong>app\/views\/users\/_divider.html.erb<\/strong>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D9%85%D8%AA%DB%8C%D8%A7%D8%B2_%D8%AC%D8%B2%D8%A6%DB%8C_%D9%87%D8%A7_%D8%B1%D8%A7_%D8%B4%D8%A8%DB%8C%D9%87_%D8%A7%D8%AC%D8%B2%D8%A7%D8%A1_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u0627\u0645\u062a\u06cc\u0627\u0632: \u062c\u0632\u0626\u06cc \u0647\u0627 \u0631\u0627 \u0634\u0628\u06cc\u0647 \u0627\u062c\u0632\u0627\u0621 \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06af\u0631 \u0627\u0632 ViewComponent \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0627\u0645\u0627 \u0628\u0647 \u0647\u0631 \u062f\u0644\u06cc\u0644\u06cc \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0641\u0639\u0644\u06cc \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0631\u0648\u0634\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062c\u0632\u0626\u06cc\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u06a9\u0645\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0634\u0628\u06cc\u0647 ViewComponent \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0627\u062c\u0632\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 <strong>\u0628\u0631\u0646\u0627\u0645\u0647\/\u0646\u0645\u0627\/\u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a<\/strong>. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u0627\u0644\u0641 <strong>_card.html.erb<\/strong>.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"nt\"><section> <span class=\"na\">class=<\/span><span class=\"s\">\"card\"<\/span><span class=\"nt\">&gt;<\/span>\n  <span class=\"nt\"><h4><span class=\"ez-toc-section\" id=\"class%22card_header%22%3E\"><\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"card__header\"<\/span><span class=\"nt\">&gt;<\/span>\n    <span class=\"cp\">&lt;%=<\/span> <span class=\"n\">title<\/span> <span class=\"cp\">%&gt;<\/span>\n  <span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h4><\/span>\n\n  <span class=\"nt\"><p> <span class=\"na\">class=<\/span><span class=\"s\">\"card__body\"<\/span><span class=\"nt\">&gt;<\/span>\n    <span class=\"cp\">&lt;%=<\/span> <span class=\"k\">yield<\/span> <span class=\"cp\">%&gt;<\/span>\n  <span class=\"nt\"\/><\/p><\/span>\n<span class=\"nt\"\/><\/section><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0633\u067e\u0633 \u0628\u0647 \u0646\u0638\u0631 \u0634\u0645\u0627 \u0627\u0632 \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">render<\/span> <span class=\"ss\">layout: <\/span><span class=\"s2\">\"components\/card\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">locals: <\/span><span class=\"p\">{<\/span> <span class=\"ss\">title: <\/span><span class=\"s2\">\"User Profile\"<\/span> <span class=\"p\">}<\/span> <span class=\"k\">do<\/span> <span class=\"cp\">%&gt;<\/span>\n  <span class=\"nt\"\/>Just some text for this user<span class=\"nt\"\/>\n<span class=\"cp\">&lt;%<\/span> <span class=\"k\">end<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0645\u0627 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0647 \u06a9\u0645\u06a9\u06cc \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0647 \u0645\u0642\u062f\u0627\u0631\u06cc \u0627\u0632 \u0622\u0646 \u0635\u0641\u062d\u0647 \u062f\u06cc\u06af \u0631\u0627 \u062c\u062f\u0627 \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code># app\/helpers\/components_helper.rb\nmodule ComponentsHelper\n  def component(name, **, <span class=\"err\">&amp;<\/span>)\n    render layout: \"components\/#{name}\", locals: **, <span class=\"err\">&amp;<\/span>\n  end\nend\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062d\u0627\u0644\u0627 \u0634\u0645\u0627 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0631\u0646\u062f\u0631 \u0645\u06cc \u062f\u0647\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight erb\"><code><span class=\"cp\">&lt;%=<\/span> <span class=\"n\">component<\/span> <span class=\"s2\">\"card\"<\/span><span class=\"p\">,<\/span> <span class=\"ss\">title: <\/span><span class=\"s2\">\"User Profile\"<\/span> <span class=\"k\">do<\/span> <span class=\"cp\">%&gt;<\/span>\n  <span class=\"nt\"\/>Just some text for this user<span class=\"nt\"\/>\n<span class=\"cp\">&lt;%<\/span> <span class=\"k\">end<\/span> <span class=\"cp\">%&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0622\u0646 \u0631\u0627 \u0628\u0627 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc Explicit \u062c\u0641\u062a \u06a9\u0646\u06cc\u062f \u0648 \u06cc\u06a9 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0627\u0645\u0644\u0627\u064b \u062c\u0627\u0645\u062f \u0645\u0627\u0646\u0646\u062f \u0645\u0624\u0644\u0641\u0647 \u0628\u062f\u0648\u0646 \u0647\u06cc\u0686 \u06af\u0648\u0646\u0647 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0648 \u0627\u06cc\u0646 \u0647\u0645\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 (\u0646\u0645\u06cc\u200c\u062f\u0627\u0646\u0633\u062a\u06cc\u062f) \u062f\u0631\u0628\u0627\u0631\u0647 \u067e\u0627\u0631\u062a\u06cc\u0627\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0644\u0632.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0635\u0644 \u062f\u0631 Rails Designer \u0645\u0646\u062a\u0634\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a \u0642\u0637\u0639\u0627\u062a \u062c\u0632\u0626\u06cc \u0628\u062e\u0634\u06cc \u062c\u062f\u0627\u06cc\u06cc \u0646\u0627\u067e\u0630\u06cc\u0631 \u0627\u0632 Rails \u0628\u0648\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631\u06a9 \u0622\u0646\u0647\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0645\u0641\u0647\u0648\u0645\u06cc \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u062f\u0627\u0631\u0627\u06cc \u062a\u0639\u062f\u0627\u062f\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u06a9\u0645\u062a\u0631 \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0622\u0646\u0647\u0627 \u0646\u062f\u0627\u0646\u06cc\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0647\u0645\u0647 \u0622\u0646\u0647\u0627 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":83863,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-83862","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/83862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=83862"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/83862\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/83863"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=83862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=83862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=83862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}