initial style="display:none;"

pt-icg · Sep 23, 2020 · 5ae10ce · 5ae10ce
1 parent 74d9b99
commit 5ae10ce
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 12 deletions.
diff --git a/RecurrenceRuleWebApp/Views/Home/Index.cshtml b/RecurrenceRuleWebApp/Views/Home/Index.cshtml
@@ -33,8 +33,8 @@
             </div>
         </div>
     </div>
-
-    <div id="recurring-rules">
+    
+    <div id="recurring-rules" style="display:none;" data-bind="visible: reccuringEvent() === 'yes'">
         <div id="frequency-select">
             <div class="form-group row">
                 <label class="col-sm-2 col-form-label"><strong>Repeat</strong></label>
@@ -102,9 +102,9 @@
                         <div class="col-4">
                             <select id="month-byday-pos-name" class="form-control" data-bind="options: monthByDayPosName, optionsText: 'text', value: selectedMonthByDayPosName, enable: monthlyOptions() === 'monthly-precise'"></select>
                             @*TODO
-                                <option value="SU,MO,TU,WE,TH,FR,SA" selected="selected">Day</option>
-                                <option value="MO,TU,WE,TH,FR">Weekday</option>
-                                <option value="SU,SA">Weekend day</option>*@
+                            <option value="SU,MO,TU,WE,TH,FR,SA" selected="selected">Day</option>
+                            <option value="MO,TU,WE,TH,FR">Weekday</option>
+                            <option value="SU,SA">Weekend day</option>*@
                         </div>
                     </div>
                 </div>
@@ -162,9 +162,9 @@
                         <div class="col-3">
                             <select id="yearly-byday" class="form-control" data-bind="options: yearlyByDay, optionsText: 'text', value: selectedYearlyByDay, enable: yearlyOptions() === 'yearly-precise'"></select>
                             @*TODO
-                                <option value="SU,MO,TU,WE,TH,FR,SA" selected="selected">Day</option>
-                                <option value="MO,TU,WE,TH,FR">Weekday</option>
-                                <option value="SU,SA">Weekend day</option>*@
+                            <option value="SU,MO,TU,WE,TH,FR,SA" selected="selected">Day</option>
+                            <option value="MO,TU,WE,TH,FR">Weekday</option>
+                            <option value="SU,SA">Weekend day</option>*@
                         </div>
 
                         <div class="col-3">

diff --git a/RecurrenceRuleWebApp/wwwroot/js/rrule-viewmodel-ts.js b/RecurrenceRuleWebApp/wwwroot/js/rrule-viewmodel-ts.js
diff --git a/RecurrenceRuleWebApp/wwwroot/js/rrule-viewmodel-ts.js.map b/RecurrenceRuleWebApp/wwwroot/js/rrule-viewmodel-ts.js.map
diff --git a/RecurrenceRuleWebApp/wwwroot/js/rrule-viewmodel-ts.ts b/RecurrenceRuleWebApp/wwwroot/js/rrule-viewmodel-ts.ts
@@ -56,7 +56,7 @@ class RruleViewModel {
 
     public rRrule: Observable<string>
     public fromRruleString: Observable<string>
-    //public reccuringEvent: Observable<string>
+    public reccuringEvent: Observable<string>
     public starttime: Observable<string>
     public frequencyies: ObservableArray<HtmlTagItem>
     public selectedFrequency: Observable<HtmlTagItem>
@@ -106,7 +106,7 @@ class RruleViewModel {
         var thisObject = this
         this.rRrule = ko.observable("")
         this.fromRruleString = ko.observable("FREQ=DAILY")
-        //this.reccuringEvent = ko.observable("no")
+        this.reccuringEvent = ko.observable("no")
 
         const today = new Date();
         //var dateTimeString = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2) + 'T18:00:00';
@@ -387,9 +387,11 @@ class RruleViewModel {
                 this.rruleOutput(result.recurrencePatternList)
                 this.rruleError(result.errorText);
                 this.rruleHint(result.hintText);
+                this.reccuringEvent('yes')
             },
             error: (XMLHttpRequest, textStatus, errorThrown) => {
                 this.rruleError(`${XMLHttpRequest.status} ${textStatus}`);
+                this.reccuringEvent('yes')
             }
         });
 
@@ -406,6 +408,7 @@ class RruleViewModel {
 
     public refresh() {
         this.getRule(0)
+        //this.reccuringEvent('yes')
     }
 
 }