Documentation:Overriding AngularJS MDriven Turnkey Views: Difference between revisions

Overriding AngularJS MDriven Turnkey Views

Revision as of 19:42, 4 November 2018

This is the original generic view we use – use this as a starting point when stirring things up:

@using Eco.MVC
@model AngularModel
@{ Layout = null; }


<h3>{{root._ViewModelPresentation}}</h3>
<form > <!--The only reason for having a form is the ability to simulate a 
            postback so that validation is triggered and the error bubbles may show-->
        <!--Body content-->
        <div id="floatingRectangle" ng-show='root._Admin.Loading()'>
            <img src='~/Content/ajax-loader.gif' /></div>
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-2" style="vertical-align:top;">
                @Html.AngualarUIActions(Model)
            </div>
            <div class="col-md-10" style="padding:10px;border-left: lightgray thin solid ;">
                                      @Html.AngualarUI(Model)</div>
          </div>
          <div class="row">
            <div class="col-md-offset-2 col-md-10">
                      @Html.DisplayErrorsWarningsInfos(Model)@*Error,Warning,Info constraints*@</div>
          </div>
        </div>  
</form>
@Html.Partial("_DeveloperInfoPartial")

This page was edited 89 days ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
 This is the original generic view we use – use this as a starting point when stirring things up:
+<html>
+<pre class="code"><span style="background: yellow; color: black">@</span><span style="background: white; color: blue">using </span><span style="background: white; color: black">Eco.MVC
+</span><span style="background: yellow; color: black">@model </span><span style="background: white; color: #2b91af">AngularModel
+@{ Layout = null; }</span></pre><pre class="code"><span style="background: white; color: #2b91af">
+</span><span style="background: white; color: blue">&lt;</span><span style="background: white; color: maroon">h3</span><span style="background: white; color: blue">&gt;</span><span style="background: white; color: black">{{</span><span style="background: white; color: purple">root._ViewModelPresentation</span><span style="background: white; color: black">}}</span><span style="background: white; color: blue">&lt;/</span><span style="background: white; color: maroon">h3</span><span style="background: white; color: blue">&gt;
+&lt;</span><span style="background: white; color: maroon">form </span><span style="background: white; color: blue">&gt; </span><span style="background: white; color: #006400">&lt;!--The only reason for having a form is the ability to simulate a <br>            postback so that validation is triggered and the error bubbles may show--&gt;
+        &lt;!--Body content--&gt;
+        </span><span style="background: white; color: blue">&lt;</span><span style="background: white; color: maroon">div </span><span style="background: white; color: red">id</span><span style="background: white; color: blue">="floatingRectangle" </span><span style="background: white; color: red">ng-show</span><span style="background: white; color: blue">='root._Admin.Loading()'&gt;<br>            &lt;</span><span style="background: white; color: maroon">img </span><span style="background: white; color: red">src</span><span style="background: white; color: blue">='~/Content/ajax-loader.gif' /&gt;&lt;/</span><span style="background: white; color: maroon">div</span><span style="background: white; color: blue">&gt;
+        &lt;</span><span style="background: white; color: maroon">div </span><span style="background: white; color: red">class</span><span style="background: white; color: blue">="container-fluid"&gt;
+          &lt;</span><span style="background: white; color: maroon">div </span><span style="background: white; color: red">class</span><span style="background: white; color: blue">="row"&gt;
+            &lt;</span><span style="background: white; color: maroon">div </span><span style="background: white; color: red">class</span><span style="background: white; color: blue">="col-md-2" </span><span style="background: white; color: red">style</span><span style="background: white; color: blue">="</span><span style="background: white; color: red">vertical-align</span><span style="background: white; color: black">:</span><span style="background: white; color: blue">top</span><span style="background: white; color: black">;</span><span style="background: white; color: blue">"&gt;
+                </span><span style="background: yellow; color: black">@</span><span style="background: white; color: black">Html.AngualarUIActions(Model)
+            </span><span style="background: white; color: blue">&lt;/</span><span style="background: white; color: maroon">div</span><span style="background: white; color: blue">&gt;
+            &lt;</span><span style="background: white; color: maroon">div </span><span style="background: white; color: red">class</span><span style="background: white; color: blue">="col-md-10" </span><span style="background: white; color: red">style</span><span style="background: white; color: blue">="</span><span style="background: white; color: red">padding</span><span style="background: white; color: black">:</span><span style="background: white; color: blue">10px</span><span style="background: white; color: black">;</span><span style="background: white; color: red">border-left</span><span style="background: white; color: black">: </span><span style="background: white; color: blue">lightgray thin solid </span><span style="background: white; color: black">;</span><span style="background: white; color: blue">"&gt;<br>                                      </span><span style="background: yellow; color: black">@</span><span style="background: white; color: black">Html.AngualarUI(Model)</span><span style="background: white; color: blue">&lt;/</span><span style="background: white; color: maroon">div</span><span style="background: white; color: blue">&gt;
+          &lt;/</span><span style="background: white; color: maroon">div</span><span style="background: white; color: blue">&gt;
+          &lt;</span><span style="background: white; color: maroon">div </span><span style="background: white; color: red">class</span><span style="background: white; color: blue">="row"&gt;
+            &lt;</span><span style="background: white; color: maroon">div </span><span style="background: white; color: red">class</span><span style="background: white; color: blue">="col-md-offset-2 col-md-10"&gt;<br>                      </span><span style="background: yellow; color: black">@</span><span style="background: white; color: black">Html.DisplayErrorsWarningsInfos(Model)</span><span style="background: yellow; color: black">@*</span><span style="background: white; color: #006400">Error,Warning,Info constraints</span><span style="background: yellow; color: black">*@</span><span style="background: white; color: blue">&lt;/</span><span style="background: white; color: maroon">div</span><span style="background: white; color: blue">&gt;
+          &lt;/</span><span style="background: white; color: maroon">div</span><span style="background: white; color: blue">&gt;
+        &lt;/</span><span style="background: white; color: maroon">div</span><span style="background: white; color: blue">&gt;
+&lt;/</span><span style="background: white; color: maroon">form</span><span style="background: white; color: blue">&gt;
+</span><span style="background: yellow; color: black">@</span><span style="background: white; color: black">Html.Partial(</span><span style="background: white; color: #a31515">"_DeveloperInfoPartial"</span><span style="background: white; color: black">)
+</span></pre>
+</html>