├── .gitignore
├── README.md
└── producter-app
    ├── .gitignore
    ├── ArticleDetailPage.ux
    ├── Controller
        └── MainViewController.js
    ├── FuseStoreKit.uno
    ├── Lib
        ├── CloudAPI.js
        └── underscore-min.js
    ├── MainView.ux
    ├── Settings.ux
    ├── SpinIndicator.ux
    ├── TextFile.uno
    ├── VideoDetailPage.ux
    ├── articleHTMLTemplate.html
    ├── assets
        ├── fonts
        │   ├── Lato-Bold.ttf
        │   ├── Lato-Light.ttf
        │   ├── Lato-Regular.ttf
        │   ├── Lato-Thin.ttf
        │   └── Roboto-Bold.ttf
        ├── icon
        │   ├── Desktop.png
        │   ├── Desktop120.png
        │   ├── Desktop152.png
        │   ├── Desktop167.png
        │   ├── Desktop180.png
        │   ├── Desktop29.png
        │   ├── Desktop40.png
        │   ├── Desktop58.png
        │   ├── Desktop76.png
        │   ├── Desktop80.png
        │   ├── Desktop87.png
        │   ├── Desktop@1x.png
        │   ├── Desktop@2x.png
        │   └── Desktop@3x.png
        ├── images
        │   ├── cover.jpg
        │   └── demo.jpg
        └── js
        │   └── moment.min.js
    ├── producter-app.unoproj
    └── videoHTMLTemplate.html


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # producter_fuse
 2 | Producter Markup App Made With Fuse http://producter.io
 3 | 
 4 | ![](http://blog.zhowkev.in/content/images/2015/12/tablet_9__landscape_2x.png)
 5 | 
 6 | This app was developed with [Fuse](http://fusetools.com)
 7 | 
 8 | You can read a Blog about this project [使用 Fuse 制作 Producter App](http://blog.zhowkev.in/2015/12/25/shi-yong-fuse-zhi-zuo-producter-app/)
 9 | 
10 | ## Require
11 | 
12 | Fuse >= 0.9.4
13 | 


--------------------------------------------------------------------------------
/producter-app/.gitignore:
--------------------------------------------------------------------------------
1 | .build
2 | .cache
3 | 


--------------------------------------------------------------------------------
/producter-app/ArticleDetailPage.ux:
--------------------------------------------------------------------------------
 1 | <Panel ux:Name="ArticleDetailPage" Height="100%" Width="100%" Background="#fff" Alignment="Top">
 2 | 
 3 |   <NativeViewHost>
 4 | 
 5 |     <WebView Height="100%" ux:Name="WebContainer" Width="100%" Source="{presentedArticleHTML}" Alignment="Top" Margin="0, 0, 0, 45" >
 6 |     </WebView>
 7 | 
 8 |   </NativeViewHost>
 9 | 
10 |   <Rectangle Height="45" Alignment="BottomLeft" Width="80" Background="#fff">
11 | 
12 |     <Text TextWrapping="Wrap" Font="Bold" FontSize="15" Value="Back" Alignment="Center" TextColor="#000">
13 |     </Text>
14 | 
15 |     <WhilePressed>
16 |       <Scale Factor="0.98" Duration="0.1"/>
17 |     </WhilePressed>
18 | 
19 |     <Clicked Handler="{toggleArticlePresented}">
20 |       <GoBack/>
21 |     </Clicked>
22 | 
23 |   </Rectangle>
24 | 
25 | </Panel>
26 | 


--------------------------------------------------------------------------------
/producter-app/Controller/MainViewController.js:
--------------------------------------------------------------------------------
  1 | var _ = require('underscore');
  2 | var Moment = require('Moment');
  3 | 
  4 | var FuseStore = require('FuseStore');
  5 | 
  6 | var CloudAPI = require('CloudAPI');
  7 | var Observable = require('FuseJS/Observable');
  8 | var videoHTMLTemplate = require("videoHTMLTemplate");
  9 | var articleHTMLTemplate = require("articleHTMLTemplate");
 10 | 
 11 | // Read Templates
 12 | var videoHTMLTemplateString = videoHTMLTemplate.readSync();
 13 | var articleHTMLTemplateString = articleHTMLTemplate.readSync();
 14 | 
 15 | var subscribe = function() {
 16 |    return FuseStore.checkSubscribe();
 17 | };
 18 | 
 19 | console.log("Subscribe "+ subscribe());
 20 | // Articles
 21 | articles = Observable();
 22 | ArticlePageSpinEnabled = Observable(false);
 23 | ProCover = Observable(false);
 24 | 
 25 | // Create bunch of triky binding
 26 | ArticleTitle = Observable("");
 27 | ArticlePoster = Observable("");
 28 | ArticleDesc = Observable("");
 29 | ArticleCreatedAt = Observable("");
 30 | ArticleGithub = Observable("");
 31 | ArticleYouku = Observable("");
 32 | ArticleYoutube = Observable("");
 33 | ArticleBilibili = Observable("");
 34 | // console.log(articleQuery);
 35 | ArticlePageSpinEnabled.value = true;
 36 | 
 37 | fetch(CloudAPI.articleQuery, {
 38 |   method: 'POST',
 39 |   headers: { "Content-type": "application/json"},
 40 |   body: JSON.stringify(CloudAPI.articleRequest)
 41 | })
 42 | .then(function(response) {
 43 |   status = response.status;
 44 |   console.log("Fetch article records " + status);
 45 |   return response.json();
 46 |  })
 47 | .then(function(responseObject) {
 48 |   articles.clear()
 49 |   ArticlePageSpinEnabled.value = false;
 50 |   var records = responseObject.records;
 51 | 
 52 |   var tempArticles = _.map(records, function(record) {
 53 |    var record_fields = record.fields;
 54 |    var article = {
 55 |       article_id: record_fields.article_id.value,
 56 |       pro: record_fields.pro.value,
 57 |       title:record_fields.title.value,
 58 |       author: record_fields.author.value,
 59 |       short_desc: record_fields.description.value,
 60 |       content: record_fields.content.value,
 61 |       type: record_fields.type.value,
 62 |       created_at: Moment(record.created.timestamp).fromNow()
 63 |     }
 64 |     article.subtitle = article.author + " " + article.created_at
 65 |     var htmlContent = articleHTMLTemplateString.replace(/#{content}/, article.content)
 66 |     htmlContent = htmlContent.replace(/#{title}/, article.title)
 67 |     htmlContent = htmlContent.replace(/#{author}/, article.subtitle)
 68 |     article.contentHTML = htmlContent
 69 |     return article;
 70 |   })
 71 | 
 72 |   tempArticles = _.sortBy(tempArticles, "article_id").reverse()
 73 |   _.each(tempArticles, function(record) {
 74 |    articles.add(record)
 75 |   })
 76 | 
 77 | }).catch(function(err) {
 78 |     // An error occured parsing Json
 79 |     console.log("Fetch Error" + err);
 80 | });
 81 | 
 82 | // Fetch Video Article data
 83 | 
 84 | // console.log(articleQuery);
 85 | VideoPageSpinEnabled = Observable(false);
 86 | VideoPageSpinEnabled.value = true
 87 | 
 88 | fetch(CloudAPI.videoArticleQuery, {
 89 |   method: 'POST',
 90 |   headers: { "Content-type": "application/json"},
 91 |   body: JSON.stringify(CloudAPI.videoArticleRequest)
 92 | })
 93 | .then(function(response) {
 94 |   status = response.status;
 95 |   console.log("Fetch video article records " + status);
 96 |   return response.json();
 97 |  })
 98 | .then(function(responseObject) {
 99 |     VideoPageSpinEnabled.value = false
100 |     videos.clear()
101 |     var records = responseObject.records
102 | 
103 |     var tempVideos = _.map(records, function(record) {
104 |       var record_fields = record.fields;
105 |       var video = {
106 |          article_id: record_fields.article_id.value,
107 |          pro: record_fields.pro.value,
108 |          title:record_fields.title.value,
109 |          author: record_fields.author.value,
110 |          short_desc: record_fields.description.value,
111 |          content: record_fields.content.value,
112 |          type: record_fields.type.value,
113 |          poster: record_fields.posterURL.value,
114 |          youtubeURL: record_fields.youtube_url.value,
115 |          youkuURL: record_fields.youku_url.value,
116 |          bilibiliURL: record_fields.bilibili_url.value,
117 |          githubURL: record_fields.github_url.value,
118 |          created_at: Moment(record.created.timestamp).fromNow()
119 |        }
120 |        return video
121 |     })
122 | 
123 |    tempVideos = _.sortBy(tempVideos, "article_id").reverse()
124 |    _.each(tempVideos, function(record) {
125 |     videos.add(record)
126 |    })
127 | }).catch(function(err) {
128 |     // An error occured parsing Json
129 |     console.log("Fetch Video Error" + err);
130 | });
131 | 
132 | //Videos
133 | videos = Observable();
134 | 
135 | var presentedArticle =  Observable({});
136 | 
137 | presentedArticleHTML = Observable("");
138 | 
139 | title = Observable(function () {
140 |     titleData = {name: 'iOS With Girl Friend'}
141 |     return titleData;
142 | });
143 | 
144 | NavigationBarIsEnabled = Observable(false);
145 | 
146 | TabBarIsEnabled = Observable(true);
147 | 
148 | ArticlePresented = Observable('Default');
149 | 
150 | function toggleNavigationBar(enable) {
151 |   if (enable != null) {
152 |     NavigationBarIsEnabled.value = enable
153 |   } else if (NavigationBarIsEnabled.value) {
154 |     NavigationBarIsEnabled.value = false
155 |   } else {
156 |     NavigationBarIsEnabled.value = true
157 |   }
158 | }
159 | 
160 | function toggleTabBar(enable) {
161 |   if (enable != null) {
162 |     console.log("Navigation Bar " + enable);
163 |     TabBarIsEnabled.value = enable
164 |   } else if (TabBarIsEnabled.value) {
165 |     TabBarIsEnabled.value = false
166 |   } else {
167 |     TabBarIsEnabled.value = true
168 |   }
169 | }
170 | 
171 | function toggleArticlePresented(args) {
172 |   if (ArticlePresented.value == 'Presented') {
173 |     ArticlePresented.value = 'Default';
174 |     console.log("Article " + ArticlePresented.value);
175 |     if 	(presentedArticle.value.type == "video") {
176 |       toggleNavigationBar(true)
177 |     }
178 |     // Adjust Bars
179 |     toggleTabBar(true)
180 |   } else {
181 | 
182 |     var pro = args.data.pro;
183 |     console.log(pro);
184 | 
185 |     if (pro == "yes" && !subscribe()) { // Pro access control
186 |       ProCover.value = true;
187 |     } else {
188 |       ProCover.value = false;
189 |     }
190 | 
191 |     ArticlePresented.value = 'Presented';
192 |     presentedArticle.value = args.data;
193 | 
194 |     if 	(args.data.type == "video") {
195 |       // Prepare Data For Video
196 |       ArticleTitle.value = args.data.title;
197 |       ArticlePoster.value = args.data.poster;
198 |       ArticleDesc.value = args.data.short_desc;
199 |       ArticleCreatedAt.value = args.data.created_at;
200 |       ArticleGithub.value = args.data.githubURL;
201 |       ArticleYouku.value = args.data.youkuURL;
202 |       ArticleYoutube.value = args.data.youtubeURL;
203 |       ArticleBilibili.value = args.data.bilibiliURL;
204 | 
205 |     } else {
206 |       presentedArticleHTML.value = args.data.contentHTML;
207 |     }
208 |     // Adjust Bars
209 |     toggleNavigationBar(false)
210 |     toggleTabBar(false)
211 |   }
212 | }
213 | 
214 | function makeSubscribe() {
215 |   FuseStore.makeSubscribe();
216 | }
217 | 
218 | function makeRestore() {
219 |   FuseStore.makeRestore();
220 | }
221 | 
222 | module.exports = {
223 |   title : title,
224 |   ProCover: ProCover,
225 |   articles: articles,
226 |   videos: videos,
227 |   makeSubscribe: makeSubscribe,
228 |   makeRestore: makeRestore,
229 |   ArticleTitle: ArticleTitle,
230 |   ArticlePoster: ArticlePoster,
231 |   ArticleDesc: ArticleDesc,
232 |   ArticleCreatedAt: ArticleCreatedAt,
233 |   ArticleGithub: ArticleGithub,
234 |   ArticleYouku: ArticleYouku,
235 |   ArticleYoutube: ArticleYoutube,
236 |   ArticleBilibili: ArticleBilibili,
237 |   ArticlePresented: ArticlePresented,
238 |   TabBarIsEnabled: TabBarIsEnabled,
239 |   presentedArticle: presentedArticle,
240 |   toggleNavigationBar: toggleNavigationBar,
241 |   ArticlePageSpinEnabled: ArticlePageSpinEnabled,
242 |   VideoPageSpinEnabled: VideoPageSpinEnabled,
243 |   NavigationBarIsEnabled: NavigationBarIsEnabled,
244 |   presentedArticleHTML: presentedArticleHTML,
245 |   toggleArticlePresented: toggleArticlePresented,
246 | };
247 | 


--------------------------------------------------------------------------------
/producter-app/FuseStoreKit.uno:
--------------------------------------------------------------------------------
  1 | using Uno;
  2 | using Uno.Collections;
  3 | using Uno.UX;
  4 | using Fuse;
  5 | using Fuse.Scripting;
  6 | using Fuse.Reactive;
  7 | using global::iOS.StoreKit;
  8 | using global::iOS.CloudKit;
  9 | using global::iOS.Foundation;
 10 | 
 11 | public class FuseStoreKit : NativeModule
 12 | {
 13 | 
 14 |   extern(iOS)
 15 |   StoreKit storeKit = new StoreKit();
 16 | 
 17 |   extern(iOS)
 18 |   Storage storage = new Storage();
 19 | 
 20 |   extern(iOS)
 21 |   CloudKit cloudKit = new CloudKit();
 22 | 
 23 |   [UXConstructor]
 24 |   public FuseStoreKit() {
 25 |     AddMember(new NativeFunction("makeSubscribe", (NativeCallback)MakeSubscribe));
 26 |     AddMember(new NativeFunction("makeRestore", (NativeCallback)MakeRestore));
 27 |     AddMember(new NativeFunction("checkSubscribe", (NativeCallback)CheckSubscribe));
 28 |     AddMember(new NativeFunction("updateSubscribe", (NativeCallback)UpdateSubscribe));
 29 |     AddMember(new NativeFunction("makeNotificationSubscribe", (NativeCallback)MakeNotificationSubscribe));
 30 |   }
 31 | 
 32 |   object CheckSubscribe(Context c, object[] args)
 33 |   {
 34 |     if defined (iOS) {
 35 |       return storage.checkSubscribe();
 36 |     }
 37 |     return null;
 38 |   }
 39 | 
 40 |   object UpdateSubscribe(Context c, object[] args)
 41 |   {
 42 |     if defined (iOS) {
 43 |       debug_log(args);
 44 |       storage.updateSubscribe(true);
 45 |     }
 46 |     return null;
 47 |   }
 48 | 
 49 |   object MakeSubscribe(Context c, object[] args) {
 50 |     if defined (iOS) {
 51 |       Subscribe();
 52 |     }
 53 |     return null;
 54 |    }
 55 | 
 56 |    object MakeNotificationSubscribe(Context c, object[] args) {
 57 |      if defined (iOS) {
 58 |        cloudKit.NotificationSubscribe();
 59 |      }
 60 |      return null;
 61 |     }
 62 | 
 63 |    object MakeRestore(Context c, object[] args) {
 64 |      if defined (iOS) {
 65 |        Restore();
 66 |      }
 67 |      return null;
 68 |     }
 69 |    //
 70 |   //  public bool CanMakePayments()
 71 |   //   {
 72 |   //     return SKPaymentQueue._canMakePayments;
 73 |   //   }
 74 | 
 75 |    public void Subscribe() {
 76 |      if defined(iOS) {
 77 |        // Make sure platform code inside define or fuse porxy may not work
 78 |        if (SKPaymentQueue._canMakePayments()) {
 79 |          debug_log("Can Make Payment");
 80 |          storeKit.makeSubscribe();
 81 |        } else {
 82 |          debug_log("Can not make payment");
 83 |        }
 84 |      }
 85 |    }
 86 | 
 87 |    public void Restore() {
 88 |      if defined(iOS) {
 89 |        // Make sure platform code inside define or fuse porxy may not work
 90 |        if (SKPaymentQueue._canMakePayments()) {
 91 |          debug_log("Can Make Payment");
 92 |          storeKit.makeRestore();
 93 |        } else {
 94 |          debug_log("Can not make payment");
 95 |        }
 96 |      }
 97 |    }
 98 | }
 99 | 
100 | extern(iOS)
101 | public class Storage {
102 | 
103 |     NSUserDefaults userDefaults = new NSUserDefaults(NSUserDefaults._standardUserDefaults());
104 | 
105 |     public Storage() {
106 |       debug_log("Storage Created");
107 |     }
108 | 
109 |     public bool checkSubscribe() {
110 |       return userDefaults.boolForKey("Subscribe");
111 |     }
112 | 
113 |     public void updateSubscribe(bool subscribe) {
114 |       userDefaults.setBoolForKey(subscribe, "Subscribe");
115 |     }
116 | }
117 | 
118 | extern(iOS)
119 | public class StoreKit: ISKProductsRequestDelegate, ISKPaymentTransactionObserver {
120 | 
121 |     Storage storage;
122 | 
123 |     SKPaymentQueue defaultQueue = new SKPaymentQueue(SKPaymentQueue._defaultQueue());
124 | 
125 |     public StoreKit() {
126 |       storage = new Storage();
127 |       debug_log("StoreKit Created");
128 |       var subscribeStatus = storage.checkSubscribe();
129 |       debug_log(subscribeStatus);
130 | 
131 |       defaultQueue.addTransactionObserver(this);
132 |     }
133 | 
134 |     public void makeSubscribe() {
135 |       debug_log("App Store Kit Can Make Payment");
136 | 
137 |       SKPayment payment = new SKPayment(SKPayment._paymentWithProductIdentifier("producter_month_subscribe"));
138 |       defaultQueue.addPayment(payment);
139 | 
140 |       //  NSString begin = new NSString();
141 |       //  begin.initWithString("producter_month_subscribe");
142 |        //
143 |       //  debug_log(begin);
144 |        //
145 |       //  NSArray productArrary = new NSArray();
146 |       //  productArrary.init();
147 |       //  productArrary = productArrary.arrayByAddingObject(begin);
148 |        //
149 |       //  NSSet productSet = new NSSet();
150 |       //  productSet.initWithArray(productArrary);
151 |        //
152 |       //  debug_log(productSet);
153 |        //
154 |       //  SKProductsRequest request = new SKProductsRequest();
155 |       //  request.initWithProductIdentifiers(productSet);
156 |        //
157 |       //  request.setDelegate(this);
158 |       //  request.start();
159 |     }
160 | 
161 |     public void productsRequestDidReceiveResponse(SKProductsRequest request, SKProductsResponse response) {
162 |       debug_log("Recieve Product Response");
163 |     }
164 | 
165 |     public void paymentQueueUpdatedTransactions(SKPaymentQueue queue, NSArray transactions) {
166 |       debug_log("Payment queue update");
167 | 
168 |       int count = (int)transactions.count();
169 |       debug_log(count);
170 | 
171 |       var subscribe = false;
172 |       for (int i = 0; i < count; i++) {
173 |         SKPaymentTransaction transaction =  new SKPaymentTransaction(transactions.objectAtIndex(i));
174 | 
175 |         debug_log(transaction.transactionState());
176 | 
177 |         var state = transaction.transactionState();
178 |         var date = transaction.transactionDate();
179 | 
180 |         if (state == 1 || state == 3 ) {
181 |           debug_log("Payment Successed");
182 |           debug_log(date);
183 |           var days = timeCompare(date,new NSDate());
184 |           debug_log(days);
185 |           if ( days <= 30 ) {
186 |             subscribe = true;
187 |           }
188 |           defaultQueue.finishTransaction(transaction);
189 |         } else if (state == 2 ) {
190 |           debug_log("Payment failed");
191 |           defaultQueue.finishTransaction(transaction);
192 |         }
193 | 
194 |         debug_log(transaction.error());
195 |       }
196 | 
197 |       if (subscribe) {
198 |         storage.updateSubscribe(true);
199 |       } else {
200 |         storage.updateSubscribe(false);
201 |       }
202 | 
203 |     }
204 | 
205 |     public double timeCompare(NSDate fromDate, NSDate toDate) {
206 |       var lastDiff = fromDate.timeIntervalSinceNow();
207 |       var todaysDiff = toDate.timeIntervalSinceNow();
208 |       var diff = todaysDiff - lastDiff;
209 |       return diff/2592000;
210 |     }
211 | 
212 |     public void makeRestore(){
213 |       debug_log(" ** Restore");
214 | 
215 |       // theObserver will be notified of when the restored transactions start arriving <- AppStore
216 |       defaultQueue.restoreCompletedTransactions();
217 |     }
218 | 
219 |     public void paymentQueueRestoreCompletedTransactionsFinished (SKPaymentQueue queue) {
220 |           // Restore succeeded
221 |       storage.updateSubscribe(true);
222 |       debug_log(" ** RESTORE PaymentQueueRestoreCompletedTransactionsFinished");
223 |     }
224 | 
225 |     public void paymentQueueRemovedTransactions(SKPaymentQueue queue, NSArray transactions) {
226 |       debug_log(" ** REMOVED paymentQueueRemovedTransactions");
227 |     }
228 | 
229 |     public void paymentQueueRestoreCompletedTransactionsFailedWithError (SKPaymentQueue queue, NSError error)
230 |     {
231 |       // Restore failed somewhere...
232 |       debug_log(error);
233 |       debug_log(" ** RESTORE RestoreCompletedTransactionsFailedWithError");
234 |       storage.updateSubscribe(false);
235 |     }
236 | }
237 | 
238 | extern(iOS)
239 | public class CloudKit {
240 |     CKContainer defaultContainer = new CKContainer(CKContainer._defaultContainer());
241 | 
242 |     public CloudKit() {
243 |       debug_log("CloudKit Created");
244 |       // CKDatabase privateDB = defaultContainer.privateCloudDatabase();
245 |     }
246 | 
247 |     // public void fetchUser() {
248 |     //   var predicate = new NSPredicate(NSPredicate._predicateWithValue(true));
249 |     //   var query = new CKQuery().initWithRecordTypePredicate("User", predicate);
250 |     //
251 |     //   privateDB.performQuery(query, null, (NSArray results, NSError error) => {
252 |     //
253 |     //   });
254 |     // }
255 | 
256 |     public void NotificationSubscribe() {
257 |       var predicate = new NSPredicate(NSPredicate._predicateWithValue(true));
258 |       CKSubscription subscription = new CKSubscription();
259 | 
260 |       subscription.initWithRecordTypePredicateOptions("Article", predicate, CKSubscriptionOptions.CKSubscriptionOptionsFiresOnRecordCreation);
261 | 
262 |       CKNotificationInfo notificationInfo = new CKNotificationInfo();
263 |       notificationInfo.setAlertLocalizationKey("Producter 有新的文章更新啦");
264 |       notificationInfo.setShouldBadge(true);
265 | 
266 |       subscription.setNotificationInfo(notificationInfo);
267 | 
268 |       // CKDatabase publicDatabase = defaultContainer.publicCloudDatabase();
269 | 
270 |     }
271 | }
272 | 


--------------------------------------------------------------------------------
/producter-app/Lib/CloudAPI.js:
--------------------------------------------------------------------------------
 1 | var ServerPath = "https://api.apple-cloudkit.com/database/1/";
 2 | var CloudIdentifier = "iCloud.kevinzhow.Producter";
 3 | var Enviroment = "development"
 4 | var DataBase = "public/records"
 5 | var DataMethod = "query"
 6 | var ckAPIToken= "84df66d97de04cd3ab8fb24d45150d7456ee65d6322c98b67d09985d3c0d9a58"
 7 | 
 8 | // Fetch Article data
 9 | 
10 | var articleRequest = {
11 |   query: {
12 |     recordType: "article",
13 |     filterBy: [{
14 |         comparator: "EQUALS",
15 |         fieldName: "type",
16 |         fieldValue:{
17 |             value: "article"
18 |         },
19 |         sortBy: [{
20 |             fieldName: "article_id",
21 |             ascending: false
22 |         }]
23 |     }]
24 |   }
25 | }
26 | 
27 | var articleQuery = ServerPath+CloudIdentifier+"/"+Enviroment+"/"+DataBase+"/"+DataMethod+"?ckAPIToken="+ckAPIToken
28 | 
29 | 
30 | var videoArticleRequest = {
31 |   query: {
32 |     recordType: "article",
33 |     filterBy: [{
34 |         comparator: "EQUALS",
35 |         fieldName: "type",
36 |         fieldValue:{
37 |             value: "video"
38 |         },
39 |         sortBy: [{
40 |             fieldName: "article_id",
41 |             ascending: false
42 |         }]
43 |     }]
44 |   }
45 | }
46 | 
47 | var videoArticleQuery = ServerPath+CloudIdentifier+"/"+Enviroment+"/"+DataBase+"/"+DataMethod+"?ckAPIToken="+ckAPIToken
48 | 
49 | exports.articleRequest = articleRequest;
50 | exports.articleQuery = articleQuery;
51 | exports.videoArticleRequest = videoArticleRequest;
52 | exports.videoArticleQuery = videoArticleQuery;
53 | 


--------------------------------------------------------------------------------
/producter-app/Lib/underscore-min.js:
--------------------------------------------------------------------------------
1 | //     Underscore.js 1.8.3
2 | //     http://underscorejs.org
3 | //     (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
4 | //     Underscore may be freely distributed under the MIT license.
5 | (function(){function n(n){function t(t,r,e,u,i,o){for(;i>=0&&o>i;i+=n){var a=u?u[i]:i;e=r(e,t[a],a,t)}return e}return function(r,e,u,i){e=b(e,i,4);var o=!k(r)&&m.keys(r),a=(o||r).length,c=n>0?0:a-1;return arguments.length<3&&(u=r[o?o[c]:c],c+=n),t(r,e,u,o,c,a)}}function t(n){return function(t,r,e){r=x(r,e);for(var u=O(t),i=n>0?0:u-1;i>=0&&u>i;i+=n)if(r(t[i],i,t))return i;return-1}}function r(n,t,r){return function(e,u,i){var o=0,a=O(e);if("number"==typeof i)n>0?o=i>=0?i:Math.max(i+a,o):a=i>=0?Math.min(i+1,a):i+a+1;else if(r&&i&&a)return i=r(e,u),e[i]===u?i:-1;if(u!==u)return i=t(l.call(e,o,a),m.isNaN),i>=0?i+o:-1;for(i=n>0?o:a-1;i>=0&&a>i;i+=n)if(e[i]===u)return i;return-1}}function e(n,t){var r=I.length,e=n.constructor,u=m.isFunction(e)&&e.prototype||a,i="constructor";for(m.has(n,i)&&!m.contains(t,i)&&t.push(i);r--;)i=I[r],i in n&&n[i]!==u[i]&&!m.contains(t,i)&&t.push(i)}var u=this,i=u._,o=Array.prototype,a=Object.prototype,c=Function.prototype,f=o.push,l=o.slice,s=a.toString,p=a.hasOwnProperty,h=Array.isArray,v=Object.keys,g=c.bind,y=Object.create,d=function(){},m=function(n){return n instanceof m?n:this instanceof m?void(this._wrapped=n):new m(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=m),exports._=m):u._=m,m.VERSION="1.8.3";var b=function(n,t,r){if(t===void 0)return n;switch(null==r?3:r){case 1:return function(r){return n.call(t,r)};case 2:return function(r,e){return n.call(t,r,e)};case 3:return function(r,e,u){return n.call(t,r,e,u)};case 4:return function(r,e,u,i){return n.call(t,r,e,u,i)}}return function(){return n.apply(t,arguments)}},x=function(n,t,r){return null==n?m.identity:m.isFunction(n)?b(n,t,r):m.isObject(n)?m.matcher(n):m.property(n)};m.iteratee=function(n,t){return x(n,t,1/0)};var _=function(n,t){return function(r){var e=arguments.length;if(2>e||null==r)return r;for(var u=1;e>u;u++)for(var i=arguments[u],o=n(i),a=o.length,c=0;a>c;c++){var f=o[c];t&&r[f]!==void 0||(r[f]=i[f])}return r}},j=function(n){if(!m.isObject(n))return{};if(y)return y(n);d.prototype=n;var t=new d;return d.prototype=null,t},w=function(n){return function(t){return null==t?void 0:t[n]}},A=Math.pow(2,53)-1,O=w("length"),k=function(n){var t=O(n);return"number"==typeof t&&t>=0&&A>=t};m.each=m.forEach=function(n,t,r){t=b(t,r);var e,u;if(k(n))for(e=0,u=n.length;u>e;e++)t(n[e],e,n);else{var i=m.keys(n);for(e=0,u=i.length;u>e;e++)t(n[i[e]],i[e],n)}return n},m.map=m.collect=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=Array(u),o=0;u>o;o++){var a=e?e[o]:o;i[o]=t(n[a],a,n)}return i},m.reduce=m.foldl=m.inject=n(1),m.reduceRight=m.foldr=n(-1),m.find=m.detect=function(n,t,r){var e;return e=k(n)?m.findIndex(n,t,r):m.findKey(n,t,r),e!==void 0&&e!==-1?n[e]:void 0},m.filter=m.select=function(n,t,r){var e=[];return t=x(t,r),m.each(n,function(n,r,u){t(n,r,u)&&e.push(n)}),e},m.reject=function(n,t,r){return m.filter(n,m.negate(x(t)),r)},m.every=m.all=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=0;u>i;i++){var o=e?e[i]:i;if(!t(n[o],o,n))return!1}return!0},m.some=m.any=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=0;u>i;i++){var o=e?e[i]:i;if(t(n[o],o,n))return!0}return!1},m.contains=m.includes=m.include=function(n,t,r,e){return k(n)||(n=m.values(n)),("number"!=typeof r||e)&&(r=0),m.indexOf(n,t,r)>=0},m.invoke=function(n,t){var r=l.call(arguments,2),e=m.isFunction(t);return m.map(n,function(n){var u=e?t:n[t];return null==u?u:u.apply(n,r)})},m.pluck=function(n,t){return m.map(n,m.property(t))},m.where=function(n,t){return m.filter(n,m.matcher(t))},m.findWhere=function(n,t){return m.find(n,m.matcher(t))},m.max=function(n,t,r){var e,u,i=-1/0,o=-1/0;if(null==t&&null!=n){n=k(n)?n:m.values(n);for(var a=0,c=n.length;c>a;a++)e=n[a],e>i&&(i=e)}else t=x(t,r),m.each(n,function(n,r,e){u=t(n,r,e),(u>o||u===-1/0&&i===-1/0)&&(i=n,o=u)});return i},m.min=function(n,t,r){var e,u,i=1/0,o=1/0;if(null==t&&null!=n){n=k(n)?n:m.values(n);for(var a=0,c=n.length;c>a;a++)e=n[a],i>e&&(i=e)}else t=x(t,r),m.each(n,function(n,r,e){u=t(n,r,e),(o>u||1/0===u&&1/0===i)&&(i=n,o=u)});return i},m.shuffle=function(n){for(var t,r=k(n)?n:m.values(n),e=r.length,u=Array(e),i=0;e>i;i++)t=m.random(0,i),t!==i&&(u[i]=u[t]),u[t]=r[i];return u},m.sample=function(n,t,r){return null==t||r?(k(n)||(n=m.values(n)),n[m.random(n.length-1)]):m.shuffle(n).slice(0,Math.max(0,t))},m.sortBy=function(n,t,r){return t=x(t,r),m.pluck(m.map(n,function(n,r,e){return{value:n,index:r,criteria:t(n,r,e)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index-t.index}),"value")};var F=function(n){return function(t,r,e){var u={};return r=x(r,e),m.each(t,function(e,i){var o=r(e,i,t);n(u,e,o)}),u}};m.groupBy=F(function(n,t,r){m.has(n,r)?n[r].push(t):n[r]=[t]}),m.indexBy=F(function(n,t,r){n[r]=t}),m.countBy=F(function(n,t,r){m.has(n,r)?n[r]++:n[r]=1}),m.toArray=function(n){return n?m.isArray(n)?l.call(n):k(n)?m.map(n,m.identity):m.values(n):[]},m.size=function(n){return null==n?0:k(n)?n.length:m.keys(n).length},m.partition=function(n,t,r){t=x(t,r);var e=[],u=[];return m.each(n,function(n,r,i){(t(n,r,i)?e:u).push(n)}),[e,u]},m.first=m.head=m.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:m.initial(n,n.length-t)},m.initial=function(n,t,r){return l.call(n,0,Math.max(0,n.length-(null==t||r?1:t)))},m.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:m.rest(n,Math.max(0,n.length-t))},m.rest=m.tail=m.drop=function(n,t,r){return l.call(n,null==t||r?1:t)},m.compact=function(n){return m.filter(n,m.identity)};var S=function(n,t,r,e){for(var u=[],i=0,o=e||0,a=O(n);a>o;o++){var c=n[o];if(k(c)&&(m.isArray(c)||m.isArguments(c))){t||(c=S(c,t,r));var f=0,l=c.length;for(u.length+=l;l>f;)u[i++]=c[f++]}else r||(u[i++]=c)}return u};m.flatten=function(n,t){return S(n,t,!1)},m.without=function(n){return m.difference(n,l.call(arguments,1))},m.uniq=m.unique=function(n,t,r,e){m.isBoolean(t)||(e=r,r=t,t=!1),null!=r&&(r=x(r,e));for(var u=[],i=[],o=0,a=O(n);a>o;o++){var c=n[o],f=r?r(c,o,n):c;t?(o&&i===f||u.push(c),i=f):r?m.contains(i,f)||(i.push(f),u.push(c)):m.contains(u,c)||u.push(c)}return u},m.union=function(){return m.uniq(S(arguments,!0,!0))},m.intersection=function(n){for(var t=[],r=arguments.length,e=0,u=O(n);u>e;e++){var i=n[e];if(!m.contains(t,i)){for(var o=1;r>o&&m.contains(arguments[o],i);o++);o===r&&t.push(i)}}return t},m.difference=function(n){var t=S(arguments,!0,!0,1);return m.filter(n,function(n){return!m.contains(t,n)})},m.zip=function(){return m.unzip(arguments)},m.unzip=function(n){for(var t=n&&m.max(n,O).length||0,r=Array(t),e=0;t>e;e++)r[e]=m.pluck(n,e);return r},m.object=function(n,t){for(var r={},e=0,u=O(n);u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},m.findIndex=t(1),m.findLastIndex=t(-1),m.sortedIndex=function(n,t,r,e){r=x(r,e,1);for(var u=r(t),i=0,o=O(n);o>i;){var a=Math.floor((i+o)/2);r(n[a])<u?i=a+1:o=a}return i},m.indexOf=r(1,m.findIndex,m.sortedIndex),m.lastIndexOf=r(-1,m.findLastIndex),m.range=function(n,t,r){null==t&&(t=n||0,n=0),r=r||1;for(var e=Math.max(Math.ceil((t-n)/r),0),u=Array(e),i=0;e>i;i++,n+=r)u[i]=n;return u};var E=function(n,t,r,e,u){if(!(e instanceof t))return n.apply(r,u);var i=j(n.prototype),o=n.apply(i,u);return m.isObject(o)?o:i};m.bind=function(n,t){if(g&&n.bind===g)return g.apply(n,l.call(arguments,1));if(!m.isFunction(n))throw new TypeError("Bind must be called on a function");var r=l.call(arguments,2),e=function(){return E(n,e,t,this,r.concat(l.call(arguments)))};return e},m.partial=function(n){var t=l.call(arguments,1),r=function(){for(var e=0,u=t.length,i=Array(u),o=0;u>o;o++)i[o]=t[o]===m?arguments[e++]:t[o];for(;e<arguments.length;)i.push(arguments[e++]);return E(n,r,this,this,i)};return r},m.bindAll=function(n){var t,r,e=arguments.length;if(1>=e)throw new Error("bindAll must be passed function names");for(t=1;e>t;t++)r=arguments[t],n[r]=m.bind(n[r],n);return n},m.memoize=function(n,t){var r=function(e){var u=r.cache,i=""+(t?t.apply(this,arguments):e);return m.has(u,i)||(u[i]=n.apply(this,arguments)),u[i]};return r.cache={},r},m.delay=function(n,t){var r=l.call(arguments,2);return setTimeout(function(){return n.apply(null,r)},t)},m.defer=m.partial(m.delay,m,1),m.throttle=function(n,t,r){var e,u,i,o=null,a=0;r||(r={});var c=function(){a=r.leading===!1?0:m.now(),o=null,i=n.apply(e,u),o||(e=u=null)};return function(){var f=m.now();a||r.leading!==!1||(a=f);var l=t-(f-a);return e=this,u=arguments,0>=l||l>t?(o&&(clearTimeout(o),o=null),a=f,i=n.apply(e,u),o||(e=u=null)):o||r.trailing===!1||(o=setTimeout(c,l)),i}},m.debounce=function(n,t,r){var e,u,i,o,a,c=function(){var f=m.now()-o;t>f&&f>=0?e=setTimeout(c,t-f):(e=null,r||(a=n.apply(i,u),e||(i=u=null)))};return function(){i=this,u=arguments,o=m.now();var f=r&&!e;return e||(e=setTimeout(c,t)),f&&(a=n.apply(i,u),i=u=null),a}},m.wrap=function(n,t){return m.partial(t,n)},m.negate=function(n){return function(){return!n.apply(this,arguments)}},m.compose=function(){var n=arguments,t=n.length-1;return function(){for(var r=t,e=n[t].apply(this,arguments);r--;)e=n[r].call(this,e);return e}},m.after=function(n,t){return function(){return--n<1?t.apply(this,arguments):void 0}},m.before=function(n,t){var r;return function(){return--n>0&&(r=t.apply(this,arguments)),1>=n&&(t=null),r}},m.once=m.partial(m.before,2);var M=!{toString:null}.propertyIsEnumerable("toString"),I=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"];m.keys=function(n){if(!m.isObject(n))return[];if(v)return v(n);var t=[];for(var r in n)m.has(n,r)&&t.push(r);return M&&e(n,t),t},m.allKeys=function(n){if(!m.isObject(n))return[];var t=[];for(var r in n)t.push(r);return M&&e(n,t),t},m.values=function(n){for(var t=m.keys(n),r=t.length,e=Array(r),u=0;r>u;u++)e[u]=n[t[u]];return e},m.mapObject=function(n,t,r){t=x(t,r);for(var e,u=m.keys(n),i=u.length,o={},a=0;i>a;a++)e=u[a],o[e]=t(n[e],e,n);return o},m.pairs=function(n){for(var t=m.keys(n),r=t.length,e=Array(r),u=0;r>u;u++)e[u]=[t[u],n[t[u]]];return e},m.invert=function(n){for(var t={},r=m.keys(n),e=0,u=r.length;u>e;e++)t[n[r[e]]]=r[e];return t},m.functions=m.methods=function(n){var t=[];for(var r in n)m.isFunction(n[r])&&t.push(r);return t.sort()},m.extend=_(m.allKeys),m.extendOwn=m.assign=_(m.keys),m.findKey=function(n,t,r){t=x(t,r);for(var e,u=m.keys(n),i=0,o=u.length;o>i;i++)if(e=u[i],t(n[e],e,n))return e},m.pick=function(n,t,r){var e,u,i={},o=n;if(null==o)return i;m.isFunction(t)?(u=m.allKeys(o),e=b(t,r)):(u=S(arguments,!1,!1,1),e=function(n,t,r){return t in r},o=Object(o));for(var a=0,c=u.length;c>a;a++){var f=u[a],l=o[f];e(l,f,o)&&(i[f]=l)}return i},m.omit=function(n,t,r){if(m.isFunction(t))t=m.negate(t);else{var e=m.map(S(arguments,!1,!1,1),String);t=function(n,t){return!m.contains(e,t)}}return m.pick(n,t,r)},m.defaults=_(m.allKeys,!0),m.create=function(n,t){var r=j(n);return t&&m.extendOwn(r,t),r},m.clone=function(n){return m.isObject(n)?m.isArray(n)?n.slice():m.extend({},n):n},m.tap=function(n,t){return t(n),n},m.isMatch=function(n,t){var r=m.keys(t),e=r.length;if(null==n)return!e;for(var u=Object(n),i=0;e>i;i++){var o=r[i];if(t[o]!==u[o]||!(o in u))return!1}return!0};var N=function(n,t,r,e){if(n===t)return 0!==n||1/n===1/t;if(null==n||null==t)return n===t;n instanceof m&&(n=n._wrapped),t instanceof m&&(t=t._wrapped);var u=s.call(n);if(u!==s.call(t))return!1;switch(u){case"[object RegExp]":case"[object String]":return""+n==""+t;case"[object Number]":return+n!==+n?+t!==+t:0===+n?1/+n===1/t:+n===+t;case"[object Date]":case"[object Boolean]":return+n===+t}var i="[object Array]"===u;if(!i){if("object"!=typeof n||"object"!=typeof t)return!1;var o=n.constructor,a=t.constructor;if(o!==a&&!(m.isFunction(o)&&o instanceof o&&m.isFunction(a)&&a instanceof a)&&"constructor"in n&&"constructor"in t)return!1}r=r||[],e=e||[];for(var c=r.length;c--;)if(r[c]===n)return e[c]===t;if(r.push(n),e.push(t),i){if(c=n.length,c!==t.length)return!1;for(;c--;)if(!N(n[c],t[c],r,e))return!1}else{var f,l=m.keys(n);if(c=l.length,m.keys(t).length!==c)return!1;for(;c--;)if(f=l[c],!m.has(t,f)||!N(n[f],t[f],r,e))return!1}return r.pop(),e.pop(),!0};m.isEqual=function(n,t){return N(n,t)},m.isEmpty=function(n){return null==n?!0:k(n)&&(m.isArray(n)||m.isString(n)||m.isArguments(n))?0===n.length:0===m.keys(n).length},m.isElement=function(n){return!(!n||1!==n.nodeType)},m.isArray=h||function(n){return"[object Array]"===s.call(n)},m.isObject=function(n){var t=typeof n;return"function"===t||"object"===t&&!!n},m.each(["Arguments","Function","String","Number","Date","RegExp","Error"],function(n){m["is"+n]=function(t){return s.call(t)==="[object "+n+"]"}}),m.isArguments(arguments)||(m.isArguments=function(n){return m.has(n,"callee")}),"function"!=typeof/./&&"object"!=typeof Int8Array&&(m.isFunction=function(n){return"function"==typeof n||!1}),m.isFinite=function(n){return isFinite(n)&&!isNaN(parseFloat(n))},m.isNaN=function(n){return m.isNumber(n)&&n!==+n},m.isBoolean=function(n){return n===!0||n===!1||"[object Boolean]"===s.call(n)},m.isNull=function(n){return null===n},m.isUndefined=function(n){return n===void 0},m.has=function(n,t){return null!=n&&p.call(n,t)},m.noConflict=function(){return u._=i,this},m.identity=function(n){return n},m.constant=function(n){return function(){return n}},m.noop=function(){},m.property=w,m.propertyOf=function(n){return null==n?function(){}:function(t){return n[t]}},m.matcher=m.matches=function(n){return n=m.extendOwn({},n),function(t){return m.isMatch(t,n)}},m.times=function(n,t,r){var e=Array(Math.max(0,n));t=b(t,r,1);for(var u=0;n>u;u++)e[u]=t(u);return e},m.random=function(n,t){return null==t&&(t=n,n=0),n+Math.floor(Math.random()*(t-n+1))},m.now=Date.now||function(){return(new Date).getTime()};var B={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},T=m.invert(B),R=function(n){var t=function(t){return n[t]},r="(?:"+m.keys(n).join("|")+")",e=RegExp(r),u=RegExp(r,"g");return function(n){return n=null==n?"":""+n,e.test(n)?n.replace(u,t):n}};m.escape=R(B),m.unescape=R(T),m.result=function(n,t,r){var e=null==n?void 0:n[t];return e===void 0&&(e=r),m.isFunction(e)?e.call(n):e};var q=0;m.uniqueId=function(n){var t=++q+"";return n?n+t:t},m.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var K=/(.)^/,z={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},D=/\\|'|\r|\n|\u2028|\u2029/g,L=function(n){return"\\"+z[n]};m.template=function(n,t,r){!t&&r&&(t=r),t=m.defaults({},t,m.templateSettings);var e=RegExp([(t.escape||K).source,(t.interpolate||K).source,(t.evaluate||K).source].join("|")+"|$","g"),u=0,i="__p+='";n.replace(e,function(t,r,e,o,a){return i+=n.slice(u,a).replace(D,L),u=a+t.length,r?i+="'+\n((__t=("+r+"))==null?'':_.escape(__t))+\n'":e?i+="'+\n((__t=("+e+"))==null?'':__t)+\n'":o&&(i+="';\n"+o+"\n__p+='"),t}),i+="';\n",t.variable||(i="with(obj||{}){\n"+i+"}\n"),i="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+i+"return __p;\n";try{var o=new Function(t.variable||"obj","_",i)}catch(a){throw a.source=i,a}var c=function(n){return o.call(this,n,m)},f=t.variable||"obj";return c.source="function("+f+"){\n"+i+"}",c},m.chain=function(n){var t=m(n);return t._chain=!0,t};var P=function(n,t){return n._chain?m(t).chain():t};m.mixin=function(n){m.each(m.functions(n),function(t){var r=m[t]=n[t];m.prototype[t]=function(){var n=[this._wrapped];return f.apply(n,arguments),P(this,r.apply(m,n))}})},m.mixin(m),m.each(["pop","push","reverse","shift","sort","splice","unshift"],function(n){var t=o[n];m.prototype[n]=function(){var r=this._wrapped;return t.apply(r,arguments),"shift"!==n&&"splice"!==n||0!==r.length||delete r[0],P(this,r)}}),m.each(["concat","join","slice"],function(n){var t=o[n];m.prototype[n]=function(){return P(this,t.apply(this._wrapped,arguments))}}),m.prototype.value=function(){return this._wrapped},m.prototype.valueOf=m.prototype.toJSON=m.prototype.value,m.prototype.toString=function(){return""+this._wrapped},"function"==typeof define&&define.amd&&define("underscore",[],function(){return m})}).call(this);
6 | //# sourceMappingURL=underscore-min.map


--------------------------------------------------------------------------------
/producter-app/MainView.ux:
--------------------------------------------------------------------------------
  1 | <App Background="#fff" Theme="Basic">
  2 |   <iOS.StatusBarConfig IsVisible="false"/>
  3 |   <FuseStoreKit ux:Global="FuseStore"/>
  4 |   <JavaScript File="Controller/MainViewController.js" />
  5 |   <JavaScript File="Lib/CloudAPI.js" ux:Global="CloudAPI" />
  6 |   <JavaScript File="Lib/underscore-min.js" ux:Global="underscore" />
  7 |   <Font File="assets/fonts/Lato-Bold.ttf" ux:Global="Bold" />
  8 |   <Font File="assets/fonts/Lato-Light.ttf" ux:Global="Light" />
  9 |   <Font File="assets/fonts/Lato-Regular.ttf" ux:Global="Regular" />
 10 |   <JavaScript File="assets/js/moment.min.js" ux:Global="Moment"/>
 11 |   <TextFile File="videoHTMLTemplate.html" ux:Global="videoHTMLTemplate" />
 12 |   <TextFile File="articleHTMLTemplate.html" ux:Global="articleHTMLTemplate" />
 13 |   <Panel>
 14 | 
 15 |     <HierarchicalNavigation ux:Name="NavigationController" ReuseExistingNode="false" Active="mainPage" />
 16 |     <Style>
 17 |         <Page ux:Name="page">
 18 |             <EnteringAnimation>
 19 |                 <Move RelativeTo="ParentSize">
 20 |                   <Keyframe X=".5" Time="0.5"/>
 21 |                   <Keyframe X="1" Time="1"/>
 22 |                 </Move>
 23 |                 <Scale Factor=".5" Duration="1"/>
 24 |                 <Change page.Opacity="0" Duration="2.5"/>
 25 |             </EnteringAnimation>
 26 |             <ExitingAnimation>
 27 |                 <Move X="-1" RelativeTo="ParentSize" Duration="0.3"/>
 28 |             </ExitingAnimation>
 29 |         </Page>
 30 |     </Style>
 31 |     <!-- Page -->
 32 |     <Page ux:Name="mainPage">
 33 |       <!-- NavigationBar -->
 34 |       <StackPanel ux:Name="NavigationBarContainer" Background="#fff" Alignment="Top" Y="-80" Visibility="Hidden">
 35 |         <Panel ux:Name="NavigationBar" Height="80" IsEnabled="{NavigationBarIsEnabled}">
 36 |             <Rectangle CornerRadius="0" Alignment="Center">
 37 |               <Stroke Width="2" Brush="#000"/>
 38 |               <Text Font="Bold" FontSize="13" Value="{title.name}" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
 39 |             </Rectangle>
 40 |             <WhileDisabled>
 41 |                 <Change NavigationBarContainer.Y="-80"  Duration="0.3"
 42 |                       Easing="CircularInOut"/>
 43 |                 <Change NavigationBarContainer.Opacity="0"  Duration="0.3"/>
 44 |                 <Set NavigationBarContainer.Visibility="Hidden" Delay="0.3"/>
 45 |             </WhileDisabled>
 46 |             <WhileEnabled>
 47 |                 <Change NavigationBarContainer.Y="0"  Duration="0.3"
 48 |                       Easing="CircularInOut"/>
 49 |                 <Change NavigationBarContainer.Opacity="1"  Duration="0.3"/>
 50 |                 <Set NavigationBarContainer.Visibility="Visible" />
 51 |             </WhileEnabled>
 52 |         </Panel>
 53 |       </StackPanel>
 54 |       <!-- TabBar -->
 55 |       <Panel ux:Name="TabBar" Alignment="Bottom" Width="100%" Background="#fff" IsEnabled="{TabBarIsEnabled}">
 56 |         <WhileDisabled>
 57 |             <Change TabBar.Y="80"  Duration="0.5"
 58 |                   Easing="CircularInOut"/>
 59 |         </WhileDisabled>
 60 | 
 61 |         <Rectangle ux:Name="TabActiveIndicator" Height="3" Fill="#000" Width="100" Alignment="Bottom" X="0"/>
 62 |         <Grid ColumnData="100,100,100" Height="45" >
 63 |           <Panel ux:Name="articleTab" Background="#fff">
 64 |             <Text Font="Bold"  ux:Name="articleTabText" Value="Article" Alignment="Center" TextColor="#eee"  Margin="10, 5, 10, 5"/>
 65 |             <Clicked>
 66 |               <Set articlePage.IsEnabled="True"/>
 67 |               <Set videoPage.IsEnabled="False"/>
 68 |               <Set settingsPage.IsEnabled="False"/>
 69 |             </Clicked>
 70 |           </Panel>
 71 |           <Panel ux:Name="videoTab" Background="#fff">
 72 |             <Text Font="Bold"  ux:Name="videoTabText" Value="Video" Alignment="Center" TextColor="#eee"  Margin="10, 5, 10, 5"/>
 73 |             <Clicked>
 74 |               <Set articlePage.IsEnabled="False"/>
 75 |               <Set videoPage.IsEnabled="True"/>
 76 |               <Set settingsPage.IsEnabled="False"/>
 77 |             </Clicked>
 78 |           </Panel>
 79 |           <Panel ux:Name="settingsTab" Background="#fff">
 80 |             <Text Font="Bold"  ux:Name="settingsTabText" Value="Setting" Alignment="Center" TextColor="#eee"  Margin="10, 5, 10, 5"/>
 81 |             <Clicked>
 82 |               <Set articlePage.IsEnabled="False"/>
 83 |               <Set videoPage.IsEnabled="False"/>
 84 |               <Set settingsPage.IsEnabled="True"/>
 85 |             </Clicked>
 86 |           </Panel>
 87 |         </Grid>
 88 | 
 89 |       </Panel>
 90 |       <Panel Height="100%">
 91 |           <Attractor ux:Name="TabActiveIndicatorX" Target="TabActiveIndicator.X"/>
 92 | 
 93 |           <!-- Article Page -->
 94 |           <Panel ux:Name="articlePage" Background="#fff" Visibility="Visible" IsEnabled="True">
 95 |             <!-- Animation -->
 96 |             <WhileEnabled>
 97 |               <Move X="0" Easing="QuadraticInOut" Duration="0.3" Target="TabActiveIndicator"/>
 98 |               <Change Easing="QuadraticInOut" Duration="0.3" articleTabText.TextColor="#000"/>
 99 |               <Set NavigationBar.IsEnabled="False"/>
100 |               <Set articlePage.Visibility="Visible"/>
101 |             </WhileEnabled>
102 | 
103 |             <WhileDisabled>
104 |               <Set articlePage.Visibility="Hidden"/>
105 |             </WhileDisabled>
106 | 
107 |             <SpinIndicator IsEnabled="{ArticlePageSpinEnabled}"/>
108 | 
109 |             <ScrollView Padding="0,0,0,50">
110 |               <StackPanel Alignment="Top">
111 |                 <Each Items="{articles}">
112 |                   <Panel ux:Name="Article" Margin="0,10,0,25" Background="#fff">
113 |                     <StackPanel Width="85%" >
114 |                       <Text TextWrapping="Wrap" Font="Bold" FontSize="23" Value="{title}" Alignment="Left" TextColor="#000"  Margin="0, 20, 15, 0"/>
115 |                       <Text Font="Light" Width="100%" FontSize="12" Value="{subtitle}" Alignment="Left" TextColor="#555"  Margin="0, 5, 15, 0"/>
116 |                       <Text TextWrapping="Wrap" Font="Regular" FontSize="13" Value="{short_desc}" Alignment="Left" TextColor="#000"  Margin="0, 15, 0, 0"/>
117 | 
118 |                       <Clicked Handler="{toggleArticlePresented}">
119 |                         <NavigateTo Target="articleDetailPage"/>
120 |                       </Clicked>
121 |                       <WhilePressed>
122 |                         <Scale Factor="0.98" Duration="0.1"/>
123 |                       </WhilePressed>
124 |                     </StackPanel>
125 |                   </Panel>
126 |                 </Each>
127 |               </StackPanel>
128 |             </ScrollView>
129 |           </Panel>
130 | 
131 |           <!-- Video Page -->
132 |           <Panel ux:Name="videoPage" Background="#fff" Visibility="Hidden" IsEnabled="False">
133 | 
134 |             <!-- Animation -->
135 |             <WhileEnabled>
136 |               <Move X="100" Easing="QuadraticInOut" Duration="0.3" Target="TabActiveIndicator"/>
137 |               <Change Easing="QuadraticInOut" Duration="0.3" videoTabText.TextColor="#000"/>
138 |               <Set videoPage.Visibility="Visible"/>
139 |               <Set NavigationBar.IsEnabled="True"/>
140 |             </WhileEnabled>
141 | 
142 |             <WhileDisabled>
143 |               <Set videoPage.Visibility="Hidden"/>
144 |             </WhileDisabled>
145 |             <SpinIndicator IsEnabled="{VideoPageSpinEnabled}"/>
146 |             <ScrollView Padding="0, 80, 0, 0">
147 |               <StackPanel>
148 |                 <Each Items="{videos}">
149 |                   <!-- Video Cell -->
150 |                   <Panel ux:Name="VideoArticle" Margin="0,10,0,25" Background="#fff">
151 |                     <StackPanel Width="80%" >
152 |                       <Rectangle>
153 |                       <Image ux:Name="VideoPoster" Url="{poster}" Width="100%" Height="150" StretchMode="UniformToFill">
154 |                         <DropShadow Angle="90" Distance="12" Size="25" Spread="0.1" Color="#ddd" />
155 |                         <WhilePressed>
156 |                           <Scale Factor="0.98" Duration="0.1"/>
157 |                         </WhilePressed>
158 |                       </Image>
159 |                       </Rectangle>
160 |                       <Text TextWrapping="Wrap" Font="Bold" FontSize="18" Value="{title}" Alignment="Left" TextColor="#000"  Margin="0, 20, 15, 0"/>
161 |                       <Text Font="Light" FontSize="12" Value="{created_at}" Alignment="Left" TextColor="#555"  Margin="0, 5, 15, 0"/>
162 |                       <Text TextWrapping="Wrap" Font="Regular" FontSize="13" Value="{short_desc}" Alignment="Left" TextColor="#000"  Margin="0, 15, 15, 0"/>
163 | 
164 |                       <Clicked Handler="{toggleArticlePresented}">
165 |                         <NavigateTo Target="videoDetailPage"/>
166 |                       </Clicked>
167 |                     </StackPanel>
168 |                   </Panel>
169 |                   <!-- End Animation -->
170 |                 </Each>
171 |               </StackPanel>
172 |               <ScrollingAnimation From="0" To="400">
173 |                 <Change Target="NavigationBar.Height" Value="50"/>
174 |               </ScrollingAnimation>
175 |             </ScrollView>
176 |           </Panel>
177 | 
178 |           <!-- Settings Page -->
179 |           <Panel ux:Name="settingsPage" Background="#fff" Visibility="Hidden" IsEnabled="False">
180 |             <!-- Animation -->
181 |             <WhileEnabled>
182 |               <Move X="200" Easing="QuadraticInOut" Duration="0.3" Target="TabActiveIndicator"/>
183 |               <Change Easing="QuadraticInOut" Duration="0.3" settingsTabText.TextColor="#000"/>
184 |               <Set NavigationBar.IsEnabled="False"/>
185 |               <Set settingsPage.Visibility="Visible"/>
186 |             </WhileEnabled>
187 |             <WhileDisabled>
188 |               <Set settingsPage.Visibility="Hidden"/>
189 |             </WhileDisabled>
190 |             <Settings/>
191 |           </Panel>
192 |       </Panel>
193 |     </Page>
194 | 
195 |     <!-- Video Detail Page -->
196 |     <Page ux:Name="videoDetailPage">
197 |       <!-- VideoDetail -->
198 |       <VideoDetailPage />
199 |     </Page>
200 |     <!-- End Video Detail Page -->
201 | 
202 |     <!-- Article Detail Page -->
203 |     <Page ux:Name="articleDetailPage">
204 |       <!-- VideoDetail -->
205 |       <ArticleDetailPage />
206 |     </Page>
207 |     <!-- End Article Detail Page -->
208 |   </Panel>
209 | </App>
210 | 


--------------------------------------------------------------------------------
/producter-app/Settings.ux:
--------------------------------------------------------------------------------
 1 | <Panel ux:Name="Settings" Margin="0,0,0,25" Background="#fff">
 2 | <ScrollView Padding="0,0,0,60">
 3 |   <StackPanel Width="85%" >
 4 |     <Text Font="Bold" FontSize="23" Value="Book" Alignment="Left" TextColor="#000"  Margin="0, 20, 15, 0"/>
 5 |     <Text TextWrapping="Wrap" Font="Light" FontSize="12" Alignment="Left" TextColor="#555"  Margin="0, 5, 15, 0">
 6 |       Producter 是一本关于设计，iOS 以及营销的书籍, 我将带你一起从 0 到 1 完成一款产品.
 7 |     </Text>
 8 |     <Image ux:Name="VideoPoster" File="assets/images/cover.jpg" Width="50%" StretchMode="UniformToFill" Margin="0,40,0,40">
 9 |       <DropShadow Angle="90" Distance="12" Size="20" Spread="0.1" Color="#ddd"/>
10 |       <WhilePressed>
11 |         <Scale Factor="0.98" Duration="0.1"/>
12 |       </WhilePressed>
13 |       <Clicked>
14 |         <LaunchUri Uri="http://producter.io"/>
15 |       </Clicked>
16 |     </Image>
17 | 
18 |     <Text Font="Bold" FontSize="23" Value="Subscription" Alignment="Left" TextColor="#000"  Margin="0, 20, 15, 0"/>
19 |     <Text TextWrapping="Wrap" Font="Light" FontSize="12" Alignment="Left" TextColor="#555"  Margin="0, 5, 15, 0">
20 |       如果你喜欢 Producter 的内容，欢迎通过订阅来支持我的创作，并可以查看 Pro 文章以及视频 （18 元 / 月）
21 |     </Text>
22 | 
23 |     <Grid Columns="auto,auto">
24 |       <Rectangle Alignment="Left" Margin="0,20,0,0">
25 |         <Stroke Width="2" Brush="#000"/>
26 |         <Text Font="Bold" FontSize="13" Value="订阅" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
27 |         <Clicked Handler="{makeSubscribe}">
28 |         </Clicked>
29 |         <WhilePressed>
30 |           <Scale Factor="0.98" Duration="0.1"/>
31 |         </WhilePressed>
32 |       </Rectangle>
33 |       <Rectangle Alignment="Left" Margin="20,20,0,0">
34 |         <Stroke Width="2" Brush="#000"/>
35 |         <Text Font="Bold" FontSize="13" Value="恢复" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
36 |         <Clicked Handler="{makeRestore}">
37 |         </Clicked>
38 |         <WhilePressed>
39 |           <Scale Factor="0.98" Duration="0.1"/>
40 |         </WhilePressed>
41 |       </Rectangle>
42 |     </Grid>
43 | 
44 | 
45 | 
46 |     <Text Font="Bold" FontSize="23" Value="Feedback" Alignment="Left" TextColor="#000"  Margin="0, 40, 15, 0"/>
47 |     <Text TextWrapping="Wrap" Font="Light" FontSize="12" Alignment="Left" TextColor="#555"  Margin="0, 5, 15, 0">
48 |       如果你有任何的疑问，随时给我发邮件！
49 |     </Text>
50 |     <Rectangle Alignment="Left" Margin="0,20,0,0">
51 |       <Stroke Width="2" Brush="#000"/>
52 |       <Text Font="Bold" FontSize="13" Value="发送 Email" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
53 |       <Clicked>
54 |         <LaunchEmail To="kevinchou.c@gmail.com" Subject="Producter Feedback" Message="Question..."/>
55 |       </Clicked>
56 |       <WhilePressed>
57 |         <Scale Factor="0.95" Duration="0.1"/>
58 |       </WhilePressed>
59 |     </Rectangle>
60 | 
61 |     <Text Font="Bold" FontSize="23" Value="About" Alignment="Left" TextColor="#000"  Margin="0, 40, 15, 0"/>
62 |     <Text TextWrapping="Wrap" Font="Light" FontSize="12" Alignment="Left" TextColor="#555"  Margin="0, 10, 15, 0">
63 |       你也可以通过以下方式与我联系
64 |     </Text>
65 |     <Text TextWrapping="Wrap" Font="Regular" FontSize="12" Alignment="Left" TextColor="#000"  Margin="0, 10, 15, 0">
66 |       Weibo http://weibo.com/kevinzhow
67 |       <Clicked>
68 |         <LaunchUri Uri="http://weibo.com/kevinzhow"/>
69 |       </Clicked>
70 |     </Text>
71 |     <Text TextWrapping="Wrap" Font="Regular" FontSize="12" Alignment="Left" TextColor="#000"  Margin="0, 10, 15, 0">
72 |       Github kevinzhow
73 |       <Clicked>
74 |         <LaunchUri Uri="https://github.com/kevinzhow"/>
75 |       </Clicked>
76 |     </Text>
77 |     <Text TextWrapping="Wrap" Font="Regular" FontSize="12" Alignment="Left" TextColor="#000"  Margin="0, 10, 15, 0">
78 |       Blog http://blog.zhowkev.in
79 |       <Clicked>
80 |         <LaunchUri Uri="http://blog.zhowkev.in"/>
81 |       </Clicked>
82 |     </Text>
83 |     <Text TextWrapping="Wrap" Font="Regular" FontSize="12" Alignment="Left" TextColor="#000"  Margin="0, 10, 15, 0">
84 |       Version 1.0
85 |     </Text>
86 |   </StackPanel>
87 |   </ScrollView>
88 | </Panel>
89 | 


--------------------------------------------------------------------------------
/producter-app/SpinIndicator.ux:
--------------------------------------------------------------------------------
1 | <Rectangle ux:Name="Indicator" Width="20" Height="20" Opacity="0">
2 |     <Stroke Width="2" Brush="#000"/>
3 |     <WhileEnabled>
4 |         <Spin Frequency="0.8" />
5 |         <Change Indicator.Opacity="1" Duration="0.3"/>
6 |     </WhileEnabled>
7 | </Rectangle>
8 | 


--------------------------------------------------------------------------------
/producter-app/TextFile.uno:
--------------------------------------------------------------------------------
 1 | using Uno;
 2 | using Uno.Collections;
 3 | using Fuse;
 4 | using Uno.UX;
 5 | using Fuse.Scripting;
 6 | using Fuse.Reactive;
 7 | 
 8 | 
 9 | public class TextFile: NativeModule
10 | {
11 |     readonly FileSource _file;
12 | 
13 |     [UXConstructor]
14 |     public TextFile([UXParameter("File")] FileSource file)
15 |     {
16 |          AddMember(new NativeFunction("readSync", (NativeCallback)readSync));
17 |         _file = file;
18 |     }
19 | 
20 |     object readSync(Context c, object[] args)
21 |     {
22 |         return _file.ReadAllText();
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/producter-app/VideoDetailPage.ux:
--------------------------------------------------------------------------------
 1 | <Panel ux:Name="VideoDetailPage" Height="100%" Width="100%" Background="#fff" Alignment="Top">
 2 |   <StackPanel Width="80%" Alignment="Top" Margin="0,40,0,0">
 3 |     <Image ux:Name="VideoPoster" Url="{ArticlePoster}" Width="100%" Height="150" StretchMode="UniformToFill">
 4 |       <DropShadow Angle="90" Distance="12" Size="25" Spread="0.1" Color="#ddd" />
 5 |       <WhilePressed>
 6 |         <Scale Factor="0.98" Duration="0.1"/>
 7 |       </WhilePressed>
 8 |     </Image>
 9 |     <Text TextWrapping="Wrap" Font="Bold" FontSize="18" Value="{ArticleTitle}" Alignment="Left" TextColor="#000"  Margin="0, 20, 15, 0"/>
10 |     <Text Font="Light" FontSize="12" Value="{ArticleCreatedAt}" Alignment="Left" TextColor="#555"  Margin="0, 5, 15, 0"/>
11 |     <Text TextWrapping="Wrap" Font="Regular" FontSize="13" Value="{ArticleDesc}" Alignment="Left" TextColor="#000"  Margin="0, 15, 15, 0"/>
12 |     <Text TextWrapping="Wrap" Font="Bold" FontSize="18" Value="Videos" Alignment="Left" TextColor="#000"  Margin="0, 20, 15, 0"/>
13 |     <Grid  ColumnCount="3">
14 |     <Rectangle Alignment="Left" Margin="0,20,0,0">
15 |       <Stroke Width="2" Brush="#000"/>
16 |       <Text Font="Bold" FontSize="13" Value="YouTube" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
17 |       <Clicked>
18 |         <LaunchUri Uri="{ArticleYoutube}"/>
19 |       </Clicked>
20 |       <WhilePressed>
21 |         <Scale Factor="0.95" Duration="0.1"/>
22 |       </WhilePressed>
23 |     </Rectangle>
24 | 
25 |     <Rectangle Alignment="Center" Margin="0,20,0,0">
26 |       <Stroke Width="2" Brush="#000"/>
27 |       <Text Font="Bold" FontSize="13" Value="Youku" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
28 |       <Clicked>
29 |         <LaunchUri Uri="{ArticleYouku}"/>
30 |       </Clicked>
31 |       <WhilePressed>
32 |         <Scale Factor="0.95" Duration="0.1"/>
33 |       </WhilePressed>
34 |     </Rectangle>
35 | 
36 |     <Rectangle Alignment="Right" Margin="0,20,0,0">
37 |       <Stroke Width="2" Brush="#000"/>
38 |       <Text Font="Bold" FontSize="13" Value="Bilibili" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
39 |       <Clicked>
40 |         <LaunchUri Uri="{ArticleBilibili}"/>
41 |       </Clicked>
42 |       <WhilePressed>
43 |         <Scale Factor="0.95" Duration="0.1"/>
44 |       </WhilePressed>
45 |     </Rectangle>
46 |     </Grid>
47 | 
48 |     <Text TextWrapping="Wrap" Font="Bold" FontSize="18" Value="Source Code" Alignment="Left" TextColor="#000"  Margin="0, 20, 15, 0"/>
49 |     <Rectangle Alignment="Left" Margin="0,20,0,0">
50 |       <Stroke Width="2" Brush="#000"/>
51 |       <Text Font="Bold" FontSize="13" Value="Github" Alignment="Center" TextColor="#000"  Margin="10, 5, 10, 5"/>
52 |       <Clicked>
53 |         <LaunchUri Uri="{presentedArticle.githubURL}"/>
54 |       </Clicked>
55 |       <WhilePressed>
56 |         <Scale Factor="0.95" Duration="0.1"/>
57 |       </WhilePressed>
58 |     </Rectangle>
59 |   </StackPanel>
60 | 
61 |   <Rectangle Height="45" Alignment="BottomLeft" Width="80" Background="#fff">
62 |     <Text TextWrapping="Wrap" Font="Bold" FontSize="15" Value="Back" Alignment="Center" TextColor="#000">
63 |     </Text>
64 |     <WhilePressed>
65 |       <Scale Factor="0.98" Duration="0.1"/>
66 |     </WhilePressed>
67 |     <Clicked Handler="{toggleArticlePresented}">
68 |       <GoBack/>
69 |     </Clicked>
70 |   </Rectangle>
71 | </Panel>
72 | 


--------------------------------------------------------------------------------
/producter-app/articleHTMLTemplate.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta name="viewport" content="width=device-width height=device-height user-scalable=no initial-scale=1.0 minimum-scale=1.0 maximum-scale=1.0">
 5 |     <meta charset="utf-8">
 6 |     <base href="http://tips.producter.io" />
 7 |     <title></title>
 8 |     <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
 9 |     <link href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
10 |     <link href="http://cdn.bootcss.com/highlight.js/8.9.1/styles/github-gist.min.css" rel="stylesheet">
11 |     <style>
12 |     body{
13 |       margin:0 !important;
14 |       padding-left: 8% !important;
15 |       padding-right: 8% !important;
16 |       font-family: 'Lato', sans-serif;
17 |     }
18 | 
19 |     pre {
20 |       overflow: scroll;
21 |     }
22 | 
23 |     h1, h2, h3, h4, h5 {
24 |       margin-top: 50pt;
25 |     }
26 | 
27 |     p, h1, h2, h3, h4, h5, a{
28 |       color: black;
29 |       font-family: 'Lato', sans-serif;
30 |     }
31 | 
32 |     h1 {
33 |       margin-top: 20pt;
34 |       margin-bottom: 10pt;
35 |     }
36 | 
37 |     a {
38 |         text-decoration: none;
39 |         position: relative;
40 |     }
41 | 
42 |     .author {
43 |       font-size: 9pt;
44 |       font-weight: lighter;
45 |       color: rgb(176, 176, 176);
46 |       margin-top: 0;
47 |     }
48 | 
49 |     a:after {
50 |         content: '';
51 | 
52 |         width: 100%;
53 |         position: absolute;
54 |         left: 0;
55 |         bottom: -2pt;
56 | 
57 |         border-width: 0 0 1pt;
58 |         border-style: solid;
59 |         border-color: rgb(232, 1, 1);
60 |     }
61 | 
62 | 
63 | 
64 |     p {
65 |       color: #444;
66 |       line-height: 22pt;
67 |       margin-bottom: 30pt;
68 |     }
69 | 
70 |     img {
71 |       width: 119%;
72 |       height: auto;
73 |       margin-left: -9.5%
74 |     }
75 | 
76 |     code {
77 |       font-family: 'Roboto Slab', serif;
78 |     }
79 |     </style>
80 | 
81 |   </head>
82 |   <body>
83 |     <div id="container">
84 |       <h1>#{title}</h1>
85 | 
86 |       <p class="author">
87 |         #{author}
88 |       </p>
89 | 
90 |       #{content}
91 | 
92 |     </div>
93 |     <script src="http://cdn.bootcss.com/highlight.js/8.9.1/highlight.min.js"></script>
94 |     <script >
95 |       hljs.initHighlightingOnLoad();
96 |     </script>
97 |   </body>
98 | </html>
99 | 


--------------------------------------------------------------------------------
/producter-app/assets/fonts/Lato-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/fonts/Lato-Bold.ttf


--------------------------------------------------------------------------------
/producter-app/assets/fonts/Lato-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/fonts/Lato-Light.ttf


--------------------------------------------------------------------------------
/producter-app/assets/fonts/Lato-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/fonts/Lato-Regular.ttf


--------------------------------------------------------------------------------
/producter-app/assets/fonts/Lato-Thin.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/fonts/Lato-Thin.ttf


--------------------------------------------------------------------------------
/producter-app/assets/fonts/Roboto-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/fonts/Roboto-Bold.ttf


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop120.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop152.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop167.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop167.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop180.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop29.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop40.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop58.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop58.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop76.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop80.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop80.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop87.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop87.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop@1x.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop@2x.png


--------------------------------------------------------------------------------
/producter-app/assets/icon/Desktop@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/icon/Desktop@3x.png


--------------------------------------------------------------------------------
/producter-app/assets/images/cover.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/images/cover.jpg


--------------------------------------------------------------------------------
/producter-app/assets/images/demo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinzhow/producter_fuse/d1660a77704d4b50d43a8dd6d4a5dca49df5cc79/producter-app/assets/images/demo.jpg


--------------------------------------------------------------------------------
/producter-app/assets/js/moment.min.js:
--------------------------------------------------------------------------------
1 | //! moment.js
2 | //! version : 2.10.6
3 | //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
4 | //! license : MIT
5 | //! momentjs.com
6 | !function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):a.moment=b()}(this,function(){"use strict";function a(){return Hc.apply(null,arguments)}function b(a){Hc=a}function c(a){return"[object Array]"===Object.prototype.toString.call(a)}function d(a){return a instanceof Date||"[object Date]"===Object.prototype.toString.call(a)}function e(a,b){var c,d=[];for(c=0;c<a.length;++c)d.push(b(a[c],c));return d}function f(a,b){return Object.prototype.hasOwnProperty.call(a,b)}function g(a,b){for(var c in b)f(b,c)&&(a[c]=b[c]);return f(b,"toString")&&(a.toString=b.toString),f(b,"valueOf")&&(a.valueOf=b.valueOf),a}function h(a,b,c,d){return Ca(a,b,c,d,!0).utc()}function i(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1}}function j(a){return null==a._pf&&(a._pf=i()),a._pf}function k(a){if(null==a._isValid){var b=j(a);a._isValid=!(isNaN(a._d.getTime())||!(b.overflow<0)||b.empty||b.invalidMonth||b.invalidWeekday||b.nullInput||b.invalidFormat||b.userInvalidated),a._strict&&(a._isValid=a._isValid&&0===b.charsLeftOver&&0===b.unusedTokens.length&&void 0===b.bigHour)}return a._isValid}function l(a){var b=h(NaN);return null!=a?g(j(b),a):j(b).userInvalidated=!0,b}function m(a,b){var c,d,e;if("undefined"!=typeof b._isAMomentObject&&(a._isAMomentObject=b._isAMomentObject),"undefined"!=typeof b._i&&(a._i=b._i),"undefined"!=typeof b._f&&(a._f=b._f),"undefined"!=typeof b._l&&(a._l=b._l),"undefined"!=typeof b._strict&&(a._strict=b._strict),"undefined"!=typeof b._tzm&&(a._tzm=b._tzm),"undefined"!=typeof b._isUTC&&(a._isUTC=b._isUTC),"undefined"!=typeof b._offset&&(a._offset=b._offset),"undefined"!=typeof b._pf&&(a._pf=j(b)),"undefined"!=typeof b._locale&&(a._locale=b._locale),Jc.length>0)for(c in Jc)d=Jc[c],e=b[d],"undefined"!=typeof e&&(a[d]=e);return a}function n(b){m(this,b),this._d=new Date(null!=b._d?b._d.getTime():NaN),Kc===!1&&(Kc=!0,a.updateOffset(this),Kc=!1)}function o(a){return a instanceof n||null!=a&&null!=a._isAMomentObject}function p(a){return 0>a?Math.ceil(a):Math.floor(a)}function q(a){var b=+a,c=0;return 0!==b&&isFinite(b)&&(c=p(b)),c}function r(a,b,c){var d,e=Math.min(a.length,b.length),f=Math.abs(a.length-b.length),g=0;for(d=0;e>d;d++)(c&&a[d]!==b[d]||!c&&q(a[d])!==q(b[d]))&&g++;return g+f}function s(){}function t(a){return a?a.toLowerCase().replace("_","-"):a}function u(a){for(var b,c,d,e,f=0;f<a.length;){for(e=t(a[f]).split("-"),b=e.length,c=t(a[f+1]),c=c?c.split("-"):null;b>0;){if(d=v(e.slice(0,b).join("-")))return d;if(c&&c.length>=b&&r(e,c,!0)>=b-1)break;b--}f++}return null}function v(a){var b=null;if(!Lc[a]&&"undefined"!=typeof module&&module&&module.exports)try{b=Ic._abbr,require("./locale/"+a),w(b)}catch(c){}return Lc[a]}function w(a,b){var c;return a&&(c="undefined"==typeof b?y(a):x(a,b),c&&(Ic=c)),Ic._abbr}function x(a,b){return null!==b?(b.abbr=a,Lc[a]=Lc[a]||new s,Lc[a].set(b),w(a),Lc[a]):(delete Lc[a],null)}function y(a){var b;if(a&&a._locale&&a._locale._abbr&&(a=a._locale._abbr),!a)return Ic;if(!c(a)){if(b=v(a))return b;a=[a]}return u(a)}function z(a,b){var c=a.toLowerCase();Mc[c]=Mc[c+"s"]=Mc[b]=a}function A(a){return"string"==typeof a?Mc[a]||Mc[a.toLowerCase()]:void 0}function B(a){var b,c,d={};for(c in a)f(a,c)&&(b=A(c),b&&(d[b]=a[c]));return d}function C(b,c){return function(d){return null!=d?(E(this,b,d),a.updateOffset(this,c),this):D(this,b)}}function D(a,b){return a._d["get"+(a._isUTC?"UTC":"")+b]()}function E(a,b,c){return a._d["set"+(a._isUTC?"UTC":"")+b](c)}function F(a,b){var c;if("object"==typeof a)for(c in a)this.set(c,a[c]);else if(a=A(a),"function"==typeof this[a])return this[a](b);return this}function G(a,b,c){var d=""+Math.abs(a),e=b-d.length,f=a>=0;return(f?c?"+":"":"-")+Math.pow(10,Math.max(0,e)).toString().substr(1)+d}function H(a,b,c,d){var e=d;"string"==typeof d&&(e=function(){return this[d]()}),a&&(Qc[a]=e),b&&(Qc[b[0]]=function(){return G(e.apply(this,arguments),b[1],b[2])}),c&&(Qc[c]=function(){return this.localeData().ordinal(e.apply(this,arguments),a)})}function I(a){return a.match(/\[[\s\S]/)?a.replace(/^\[|\]$/g,""):a.replace(/\\/g,"")}function J(a){var b,c,d=a.match(Nc);for(b=0,c=d.length;c>b;b++)Qc[d[b]]?d[b]=Qc[d[b]]:d[b]=I(d[b]);return function(e){var f="";for(b=0;c>b;b++)f+=d[b]instanceof Function?d[b].call(e,a):d[b];return f}}function K(a,b){return a.isValid()?(b=L(b,a.localeData()),Pc[b]=Pc[b]||J(b),Pc[b](a)):a.localeData().invalidDate()}function L(a,b){function c(a){return b.longDateFormat(a)||a}var d=5;for(Oc.lastIndex=0;d>=0&&Oc.test(a);)a=a.replace(Oc,c),Oc.lastIndex=0,d-=1;return a}function M(a){return"function"==typeof a&&"[object Function]"===Object.prototype.toString.call(a)}function N(a,b,c){dd[a]=M(b)?b:function(a){return a&&c?c:b}}function O(a,b){return f(dd,a)?dd[a](b._strict,b._locale):new RegExp(P(a))}function P(a){return a.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(a,b,c,d,e){return b||c||d||e}).replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function Q(a,b){var c,d=b;for("string"==typeof a&&(a=[a]),"number"==typeof b&&(d=function(a,c){c[b]=q(a)}),c=0;c<a.length;c++)ed[a[c]]=d}function R(a,b){Q(a,function(a,c,d,e){d._w=d._w||{},b(a,d._w,d,e)})}function S(a,b,c){null!=b&&f(ed,a)&&ed[a](b,c._a,c,a)}function T(a,b){return new Date(Date.UTC(a,b+1,0)).getUTCDate()}function U(a){return this._months[a.month()]}function V(a){return this._monthsShort[a.month()]}function W(a,b,c){var d,e,f;for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),d=0;12>d;d++){if(e=h([2e3,d]),c&&!this._longMonthsParse[d]&&(this._longMonthsParse[d]=new RegExp("^"+this.months(e,"").replace(".","")+"$","i"),this._shortMonthsParse[d]=new RegExp("^"+this.monthsShort(e,"").replace(".","")+"$","i")),c||this._monthsParse[d]||(f="^"+this.months(e,"")+"|^"+this.monthsShort(e,""),this._monthsParse[d]=new RegExp(f.replace(".",""),"i")),c&&"MMMM"===b&&this._longMonthsParse[d].test(a))return d;if(c&&"MMM"===b&&this._shortMonthsParse[d].test(a))return d;if(!c&&this._monthsParse[d].test(a))return d}}function X(a,b){var c;return"string"==typeof b&&(b=a.localeData().monthsParse(b),"number"!=typeof b)?a:(c=Math.min(a.date(),T(a.year(),b)),a._d["set"+(a._isUTC?"UTC":"")+"Month"](b,c),a)}function Y(b){return null!=b?(X(this,b),a.updateOffset(this,!0),this):D(this,"Month")}function Z(){return T(this.year(),this.month())}function $(a){var b,c=a._a;return c&&-2===j(a).overflow&&(b=c[gd]<0||c[gd]>11?gd:c[hd]<1||c[hd]>T(c[fd],c[gd])?hd:c[id]<0||c[id]>24||24===c[id]&&(0!==c[jd]||0!==c[kd]||0!==c[ld])?id:c[jd]<0||c[jd]>59?jd:c[kd]<0||c[kd]>59?kd:c[ld]<0||c[ld]>999?ld:-1,j(a)._overflowDayOfYear&&(fd>b||b>hd)&&(b=hd),j(a).overflow=b),a}function _(b){a.suppressDeprecationWarnings===!1&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+b)}function aa(a,b){var c=!0;return g(function(){return c&&(_(a+"\n"+(new Error).stack),c=!1),b.apply(this,arguments)},b)}function ba(a,b){od[a]||(_(b),od[a]=!0)}function ca(a){var b,c,d=a._i,e=pd.exec(d);if(e){for(j(a).iso=!0,b=0,c=qd.length;c>b;b++)if(qd[b][1].exec(d)){a._f=qd[b][0];break}for(b=0,c=rd.length;c>b;b++)if(rd[b][1].exec(d)){a._f+=(e[6]||" ")+rd[b][0];break}d.match(ad)&&(a._f+="Z"),va(a)}else a._isValid=!1}function da(b){var c=sd.exec(b._i);return null!==c?void(b._d=new Date(+c[1])):(ca(b),void(b._isValid===!1&&(delete b._isValid,a.createFromInputFallback(b))))}function ea(a,b,c,d,e,f,g){var h=new Date(a,b,c,d,e,f,g);return 1970>a&&h.setFullYear(a),h}function fa(a){var b=new Date(Date.UTC.apply(null,arguments));return 1970>a&&b.setUTCFullYear(a),b}function ga(a){return ha(a)?366:365}function ha(a){return a%4===0&&a%100!==0||a%400===0}function ia(){return ha(this.year())}function ja(a,b,c){var d,e=c-b,f=c-a.day();return f>e&&(f-=7),e-7>f&&(f+=7),d=Da(a).add(f,"d"),{week:Math.ceil(d.dayOfYear()/7),year:d.year()}}function ka(a){return ja(a,this._week.dow,this._week.doy).week}function la(){return this._week.dow}function ma(){return this._week.doy}function na(a){var b=this.localeData().week(this);return null==a?b:this.add(7*(a-b),"d")}function oa(a){var b=ja(this,1,4).week;return null==a?b:this.add(7*(a-b),"d")}function pa(a,b,c,d,e){var f,g=6+e-d,h=fa(a,0,1+g),i=h.getUTCDay();return e>i&&(i+=7),c=null!=c?1*c:e,f=1+g+7*(b-1)-i+c,{year:f>0?a:a-1,dayOfYear:f>0?f:ga(a-1)+f}}function qa(a){var b=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==a?b:this.add(a-b,"d")}function ra(a,b,c){return null!=a?a:null!=b?b:c}function sa(a){var b=new Date;return a._useUTC?[b.getUTCFullYear(),b.getUTCMonth(),b.getUTCDate()]:[b.getFullYear(),b.getMonth(),b.getDate()]}function ta(a){var b,c,d,e,f=[];if(!a._d){for(d=sa(a),a._w&&null==a._a[hd]&&null==a._a[gd]&&ua(a),a._dayOfYear&&(e=ra(a._a[fd],d[fd]),a._dayOfYear>ga(e)&&(j(a)._overflowDayOfYear=!0),c=fa(e,0,a._dayOfYear),a._a[gd]=c.getUTCMonth(),a._a[hd]=c.getUTCDate()),b=0;3>b&&null==a._a[b];++b)a._a[b]=f[b]=d[b];for(;7>b;b++)a._a[b]=f[b]=null==a._a[b]?2===b?1:0:a._a[b];24===a._a[id]&&0===a._a[jd]&&0===a._a[kd]&&0===a._a[ld]&&(a._nextDay=!0,a._a[id]=0),a._d=(a._useUTC?fa:ea).apply(null,f),null!=a._tzm&&a._d.setUTCMinutes(a._d.getUTCMinutes()-a._tzm),a._nextDay&&(a._a[id]=24)}}function ua(a){var b,c,d,e,f,g,h;b=a._w,null!=b.GG||null!=b.W||null!=b.E?(f=1,g=4,c=ra(b.GG,a._a[fd],ja(Da(),1,4).year),d=ra(b.W,1),e=ra(b.E,1)):(f=a._locale._week.dow,g=a._locale._week.doy,c=ra(b.gg,a._a[fd],ja(Da(),f,g).year),d=ra(b.w,1),null!=b.d?(e=b.d,f>e&&++d):e=null!=b.e?b.e+f:f),h=pa(c,d,e,g,f),a._a[fd]=h.year,a._dayOfYear=h.dayOfYear}function va(b){if(b._f===a.ISO_8601)return void ca(b);b._a=[],j(b).empty=!0;var c,d,e,f,g,h=""+b._i,i=h.length,k=0;for(e=L(b._f,b._locale).match(Nc)||[],c=0;c<e.length;c++)f=e[c],d=(h.match(O(f,b))||[])[0],d&&(g=h.substr(0,h.indexOf(d)),g.length>0&&j(b).unusedInput.push(g),h=h.slice(h.indexOf(d)+d.length),k+=d.length),Qc[f]?(d?j(b).empty=!1:j(b).unusedTokens.push(f),S(f,d,b)):b._strict&&!d&&j(b).unusedTokens.push(f);j(b).charsLeftOver=i-k,h.length>0&&j(b).unusedInput.push(h),j(b).bigHour===!0&&b._a[id]<=12&&b._a[id]>0&&(j(b).bigHour=void 0),b._a[id]=wa(b._locale,b._a[id],b._meridiem),ta(b),$(b)}function wa(a,b,c){var d;return null==c?b:null!=a.meridiemHour?a.meridiemHour(b,c):null!=a.isPM?(d=a.isPM(c),d&&12>b&&(b+=12),d||12!==b||(b=0),b):b}function xa(a){var b,c,d,e,f;if(0===a._f.length)return j(a).invalidFormat=!0,void(a._d=new Date(NaN));for(e=0;e<a._f.length;e++)f=0,b=m({},a),null!=a._useUTC&&(b._useUTC=a._useUTC),b._f=a._f[e],va(b),k(b)&&(f+=j(b).charsLeftOver,f+=10*j(b).unusedTokens.length,j(b).score=f,(null==d||d>f)&&(d=f,c=b));g(a,c||b)}function ya(a){if(!a._d){var b=B(a._i);a._a=[b.year,b.month,b.day||b.date,b.hour,b.minute,b.second,b.millisecond],ta(a)}}function za(a){var b=new n($(Aa(a)));return b._nextDay&&(b.add(1,"d"),b._nextDay=void 0),b}function Aa(a){var b=a._i,e=a._f;return a._locale=a._locale||y(a._l),null===b||void 0===e&&""===b?l({nullInput:!0}):("string"==typeof b&&(a._i=b=a._locale.preparse(b)),o(b)?new n($(b)):(c(e)?xa(a):e?va(a):d(b)?a._d=b:Ba(a),a))}function Ba(b){var f=b._i;void 0===f?b._d=new Date:d(f)?b._d=new Date(+f):"string"==typeof f?da(b):c(f)?(b._a=e(f.slice(0),function(a){return parseInt(a,10)}),ta(b)):"object"==typeof f?ya(b):"number"==typeof f?b._d=new Date(f):a.createFromInputFallback(b)}function Ca(a,b,c,d,e){var f={};return"boolean"==typeof c&&(d=c,c=void 0),f._isAMomentObject=!0,f._useUTC=f._isUTC=e,f._l=c,f._i=a,f._f=b,f._strict=d,za(f)}function Da(a,b,c,d){return Ca(a,b,c,d,!1)}function Ea(a,b){var d,e;if(1===b.length&&c(b[0])&&(b=b[0]),!b.length)return Da();for(d=b[0],e=1;e<b.length;++e)(!b[e].isValid()||b[e][a](d))&&(d=b[e]);return d}function Fa(){var a=[].slice.call(arguments,0);return Ea("isBefore",a)}function Ga(){var a=[].slice.call(arguments,0);return Ea("isAfter",a)}function Ha(a){var b=B(a),c=b.year||0,d=b.quarter||0,e=b.month||0,f=b.week||0,g=b.day||0,h=b.hour||0,i=b.minute||0,j=b.second||0,k=b.millisecond||0;this._milliseconds=+k+1e3*j+6e4*i+36e5*h,this._days=+g+7*f,this._months=+e+3*d+12*c,this._data={},this._locale=y(),this._bubble()}function Ia(a){return a instanceof Ha}function Ja(a,b){H(a,0,0,function(){var a=this.utcOffset(),c="+";return 0>a&&(a=-a,c="-"),c+G(~~(a/60),2)+b+G(~~a%60,2)})}function Ka(a){var b=(a||"").match(ad)||[],c=b[b.length-1]||[],d=(c+"").match(xd)||["-",0,0],e=+(60*d[1])+q(d[2]);return"+"===d[0]?e:-e}function La(b,c){var e,f;return c._isUTC?(e=c.clone(),f=(o(b)||d(b)?+b:+Da(b))-+e,e._d.setTime(+e._d+f),a.updateOffset(e,!1),e):Da(b).local()}function Ma(a){return 15*-Math.round(a._d.getTimezoneOffset()/15)}function Na(b,c){var d,e=this._offset||0;return null!=b?("string"==typeof b&&(b=Ka(b)),Math.abs(b)<16&&(b=60*b),!this._isUTC&&c&&(d=Ma(this)),this._offset=b,this._isUTC=!0,null!=d&&this.add(d,"m"),e!==b&&(!c||this._changeInProgress?bb(this,Ya(b-e,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,a.updateOffset(this,!0),this._changeInProgress=null)),this):this._isUTC?e:Ma(this)}function Oa(a,b){return null!=a?("string"!=typeof a&&(a=-a),this.utcOffset(a,b),this):-this.utcOffset()}function Pa(a){return this.utcOffset(0,a)}function Qa(a){return this._isUTC&&(this.utcOffset(0,a),this._isUTC=!1,a&&this.subtract(Ma(this),"m")),this}function Ra(){return this._tzm?this.utcOffset(this._tzm):"string"==typeof this._i&&this.utcOffset(Ka(this._i)),this}function Sa(a){return a=a?Da(a).utcOffset():0,(this.utcOffset()-a)%60===0}function Ta(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()}function Ua(){if("undefined"!=typeof this._isDSTShifted)return this._isDSTShifted;var a={};if(m(a,this),a=Aa(a),a._a){var b=a._isUTC?h(a._a):Da(a._a);this._isDSTShifted=this.isValid()&&r(a._a,b.toArray())>0}else this._isDSTShifted=!1;return this._isDSTShifted}function Va(){return!this._isUTC}function Wa(){return this._isUTC}function Xa(){return this._isUTC&&0===this._offset}function Ya(a,b){var c,d,e,g=a,h=null;return Ia(a)?g={ms:a._milliseconds,d:a._days,M:a._months}:"number"==typeof a?(g={},b?g[b]=a:g.milliseconds=a):(h=yd.exec(a))?(c="-"===h[1]?-1:1,g={y:0,d:q(h[hd])*c,h:q(h[id])*c,m:q(h[jd])*c,s:q(h[kd])*c,ms:q(h[ld])*c}):(h=zd.exec(a))?(c="-"===h[1]?-1:1,g={y:Za(h[2],c),M:Za(h[3],c),d:Za(h[4],c),h:Za(h[5],c),m:Za(h[6],c),s:Za(h[7],c),w:Za(h[8],c)}):null==g?g={}:"object"==typeof g&&("from"in g||"to"in g)&&(e=_a(Da(g.from),Da(g.to)),g={},g.ms=e.milliseconds,g.M=e.months),d=new Ha(g),Ia(a)&&f(a,"_locale")&&(d._locale=a._locale),d}function Za(a,b){var c=a&&parseFloat(a.replace(",","."));return(isNaN(c)?0:c)*b}function $a(a,b){var c={milliseconds:0,months:0};return c.months=b.month()-a.month()+12*(b.year()-a.year()),a.clone().add(c.months,"M").isAfter(b)&&--c.months,c.milliseconds=+b-+a.clone().add(c.months,"M"),c}function _a(a,b){var c;return b=La(b,a),a.isBefore(b)?c=$a(a,b):(c=$a(b,a),c.milliseconds=-c.milliseconds,c.months=-c.months),c}function ab(a,b){return function(c,d){var e,f;return null===d||isNaN(+d)||(ba(b,"moment()."+b+"(period, number) is deprecated. Please use moment()."+b+"(number, period)."),f=c,c=d,d=f),c="string"==typeof c?+c:c,e=Ya(c,d),bb(this,e,a),this}}function bb(b,c,d,e){var f=c._milliseconds,g=c._days,h=c._months;e=null==e?!0:e,f&&b._d.setTime(+b._d+f*d),g&&E(b,"Date",D(b,"Date")+g*d),h&&X(b,D(b,"Month")+h*d),e&&a.updateOffset(b,g||h)}function cb(a,b){var c=a||Da(),d=La(c,this).startOf("day"),e=this.diff(d,"days",!0),f=-6>e?"sameElse":-1>e?"lastWeek":0>e?"lastDay":1>e?"sameDay":2>e?"nextDay":7>e?"nextWeek":"sameElse";return this.format(b&&b[f]||this.localeData().calendar(f,this,Da(c)))}function db(){return new n(this)}function eb(a,b){var c;return b=A("undefined"!=typeof b?b:"millisecond"),"millisecond"===b?(a=o(a)?a:Da(a),+this>+a):(c=o(a)?+a:+Da(a),c<+this.clone().startOf(b))}function fb(a,b){var c;return b=A("undefined"!=typeof b?b:"millisecond"),"millisecond"===b?(a=o(a)?a:Da(a),+a>+this):(c=o(a)?+a:+Da(a),+this.clone().endOf(b)<c)}function gb(a,b,c){return this.isAfter(a,c)&&this.isBefore(b,c)}function hb(a,b){var c;return b=A(b||"millisecond"),"millisecond"===b?(a=o(a)?a:Da(a),+this===+a):(c=+Da(a),+this.clone().startOf(b)<=c&&c<=+this.clone().endOf(b))}function ib(a,b,c){var d,e,f=La(a,this),g=6e4*(f.utcOffset()-this.utcOffset());return b=A(b),"year"===b||"month"===b||"quarter"===b?(e=jb(this,f),"quarter"===b?e/=3:"year"===b&&(e/=12)):(d=this-f,e="second"===b?d/1e3:"minute"===b?d/6e4:"hour"===b?d/36e5:"day"===b?(d-g)/864e5:"week"===b?(d-g)/6048e5:d),c?e:p(e)}function jb(a,b){var c,d,e=12*(b.year()-a.year())+(b.month()-a.month()),f=a.clone().add(e,"months");return 0>b-f?(c=a.clone().add(e-1,"months"),d=(b-f)/(f-c)):(c=a.clone().add(e+1,"months"),d=(b-f)/(c-f)),-(e+d)}function kb(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")}function lb(){var a=this.clone().utc();return 0<a.year()&&a.year()<=9999?"function"==typeof Date.prototype.toISOString?this.toDate().toISOString():K(a,"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]"):K(a,"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]")}function mb(b){var c=K(this,b||a.defaultFormat);return this.localeData().postformat(c)}function nb(a,b){return this.isValid()?Ya({to:this,from:a}).locale(this.locale()).humanize(!b):this.localeData().invalidDate()}function ob(a){return this.from(Da(),a)}function pb(a,b){return this.isValid()?Ya({from:this,to:a}).locale(this.locale()).humanize(!b):this.localeData().invalidDate()}function qb(a){return this.to(Da(),a)}function rb(a){var b;return void 0===a?this._locale._abbr:(b=y(a),null!=b&&(this._locale=b),this)}function sb(){return this._locale}function tb(a){switch(a=A(a)){case"year":this.month(0);case"quarter":case"month":this.date(1);case"week":case"isoWeek":case"day":this.hours(0);case"hour":this.minutes(0);case"minute":this.seconds(0);case"second":this.milliseconds(0)}return"week"===a&&this.weekday(0),"isoWeek"===a&&this.isoWeekday(1),"quarter"===a&&this.month(3*Math.floor(this.month()/3)),this}function ub(a){return a=A(a),void 0===a||"millisecond"===a?this:this.startOf(a).add(1,"isoWeek"===a?"week":a).subtract(1,"ms")}function vb(){return+this._d-6e4*(this._offset||0)}function wb(){return Math.floor(+this/1e3)}function xb(){return this._offset?new Date(+this):this._d}function yb(){var a=this;return[a.year(),a.month(),a.date(),a.hour(),a.minute(),a.second(),a.millisecond()]}function zb(){var a=this;return{years:a.year(),months:a.month(),date:a.date(),hours:a.hours(),minutes:a.minutes(),seconds:a.seconds(),milliseconds:a.milliseconds()}}function Ab(){return k(this)}function Bb(){return g({},j(this))}function Cb(){return j(this).overflow}function Db(a,b){H(0,[a,a.length],0,b)}function Eb(a,b,c){return ja(Da([a,11,31+b-c]),b,c).week}function Fb(a){var b=ja(this,this.localeData()._week.dow,this.localeData()._week.doy).year;return null==a?b:this.add(a-b,"y")}function Gb(a){var b=ja(this,1,4).year;return null==a?b:this.add(a-b,"y")}function Hb(){return Eb(this.year(),1,4)}function Ib(){var a=this.localeData()._week;return Eb(this.year(),a.dow,a.doy)}function Jb(a){return null==a?Math.ceil((this.month()+1)/3):this.month(3*(a-1)+this.month()%3)}function Kb(a,b){return"string"!=typeof a?a:isNaN(a)?(a=b.weekdaysParse(a),"number"==typeof a?a:null):parseInt(a,10)}function Lb(a){return this._weekdays[a.day()]}function Mb(a){return this._weekdaysShort[a.day()]}function Nb(a){return this._weekdaysMin[a.day()]}function Ob(a){var b,c,d;for(this._weekdaysParse=this._weekdaysParse||[],b=0;7>b;b++)if(this._weekdaysParse[b]||(c=Da([2e3,1]).day(b),d="^"+this.weekdays(c,"")+"|^"+this.weekdaysShort(c,"")+"|^"+this.weekdaysMin(c,""),this._weekdaysParse[b]=new RegExp(d.replace(".",""),"i")),this._weekdaysParse[b].test(a))return b}function Pb(a){var b=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=a?(a=Kb(a,this.localeData()),this.add(a-b,"d")):b}function Qb(a){var b=(this.day()+7-this.localeData()._week.dow)%7;return null==a?b:this.add(a-b,"d")}function Rb(a){return null==a?this.day()||7:this.day(this.day()%7?a:a-7)}function Sb(a,b){H(a,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),b)})}function Tb(a,b){return b._meridiemParse}function Ub(a){return"p"===(a+"").toLowerCase().charAt(0)}function Vb(a,b,c){return a>11?c?"pm":"PM":c?"am":"AM"}function Wb(a,b){b[ld]=q(1e3*("0."+a))}function Xb(){return this._isUTC?"UTC":""}function Yb(){return this._isUTC?"Coordinated Universal Time":""}function Zb(a){return Da(1e3*a)}function $b(){return Da.apply(null,arguments).parseZone()}function _b(a,b,c){var d=this._calendar[a];return"function"==typeof d?d.call(b,c):d}function ac(a){var b=this._longDateFormat[a],c=this._longDateFormat[a.toUpperCase()];return b||!c?b:(this._longDateFormat[a]=c.replace(/MMMM|MM|DD|dddd/g,function(a){return a.slice(1)}),this._longDateFormat[a])}function bc(){return this._invalidDate}function cc(a){return this._ordinal.replace("%d",a)}function dc(a){return a}function ec(a,b,c,d){var e=this._relativeTime[c];return"function"==typeof e?e(a,b,c,d):e.replace(/%d/i,a)}function fc(a,b){var c=this._relativeTime[a>0?"future":"past"];return"function"==typeof c?c(b):c.replace(/%s/i,b)}function gc(a){var b,c;for(c in a)b=a[c],"function"==typeof b?this[c]=b:this["_"+c]=b;this._ordinalParseLenient=new RegExp(this._ordinalParse.source+"|"+/\d{1,2}/.source)}function hc(a,b,c,d){var e=y(),f=h().set(d,b);return e[c](f,a)}function ic(a,b,c,d,e){if("number"==typeof a&&(b=a,a=void 0),a=a||"",null!=b)return hc(a,b,c,e);var f,g=[];for(f=0;d>f;f++)g[f]=hc(a,f,c,e);return g}function jc(a,b){return ic(a,b,"months",12,"month")}function kc(a,b){return ic(a,b,"monthsShort",12,"month")}function lc(a,b){return ic(a,b,"weekdays",7,"day")}function mc(a,b){return ic(a,b,"weekdaysShort",7,"day")}function nc(a,b){return ic(a,b,"weekdaysMin",7,"day")}function oc(){var a=this._data;return this._milliseconds=Wd(this._milliseconds),this._days=Wd(this._days),this._months=Wd(this._months),a.milliseconds=Wd(a.milliseconds),a.seconds=Wd(a.seconds),a.minutes=Wd(a.minutes),a.hours=Wd(a.hours),a.months=Wd(a.months),a.years=Wd(a.years),this}function pc(a,b,c,d){var e=Ya(b,c);return a._milliseconds+=d*e._milliseconds,a._days+=d*e._days,a._months+=d*e._months,a._bubble()}function qc(a,b){return pc(this,a,b,1)}function rc(a,b){return pc(this,a,b,-1)}function sc(a){return 0>a?Math.floor(a):Math.ceil(a)}function tc(){var a,b,c,d,e,f=this._milliseconds,g=this._days,h=this._months,i=this._data;return f>=0&&g>=0&&h>=0||0>=f&&0>=g&&0>=h||(f+=864e5*sc(vc(h)+g),g=0,h=0),i.milliseconds=f%1e3,a=p(f/1e3),i.seconds=a%60,b=p(a/60),i.minutes=b%60,c=p(b/60),i.hours=c%24,g+=p(c/24),e=p(uc(g)),h+=e,g-=sc(vc(e)),d=p(h/12),h%=12,i.days=g,i.months=h,i.years=d,this}function uc(a){return 4800*a/146097}function vc(a){return 146097*a/4800}function wc(a){var b,c,d=this._milliseconds;if(a=A(a),"month"===a||"year"===a)return b=this._days+d/864e5,c=this._months+uc(b),"month"===a?c:c/12;switch(b=this._days+Math.round(vc(this._months)),a){case"week":return b/7+d/6048e5;case"day":return b+d/864e5;case"hour":return 24*b+d/36e5;case"minute":return 1440*b+d/6e4;case"second":return 86400*b+d/1e3;case"millisecond":return Math.floor(864e5*b)+d;default:throw new Error("Unknown unit "+a)}}function xc(){return this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*q(this._months/12)}function yc(a){return function(){return this.as(a)}}function zc(a){return a=A(a),this[a+"s"]()}function Ac(a){return function(){return this._data[a]}}function Bc(){return p(this.days()/7)}function Cc(a,b,c,d,e){return e.relativeTime(b||1,!!c,a,d)}function Dc(a,b,c){var d=Ya(a).abs(),e=ke(d.as("s")),f=ke(d.as("m")),g=ke(d.as("h")),h=ke(d.as("d")),i=ke(d.as("M")),j=ke(d.as("y")),k=e<le.s&&["s",e]||1===f&&["m"]||f<le.m&&["mm",f]||1===g&&["h"]||g<le.h&&["hh",g]||1===h&&["d"]||h<le.d&&["dd",h]||1===i&&["M"]||i<le.M&&["MM",i]||1===j&&["y"]||["yy",j];return k[2]=b,k[3]=+a>0,k[4]=c,Cc.apply(null,k)}function Ec(a,b){return void 0===le[a]?!1:void 0===b?le[a]:(le[a]=b,!0)}function Fc(a){var b=this.localeData(),c=Dc(this,!a,b);return a&&(c=b.pastFuture(+this,c)),b.postformat(c)}function Gc(){var a,b,c,d=me(this._milliseconds)/1e3,e=me(this._days),f=me(this._months);a=p(d/60),b=p(a/60),d%=60,a%=60,c=p(f/12),f%=12;var g=c,h=f,i=e,j=b,k=a,l=d,m=this.asSeconds();return m?(0>m?"-":"")+"P"+(g?g+"Y":"")+(h?h+"M":"")+(i?i+"D":"")+(j||k||l?"T":"")+(j?j+"H":"")+(k?k+"M":"")+(l?l+"S":""):"P0D"}var Hc,Ic,Jc=a.momentProperties=[],Kc=!1,Lc={},Mc={},Nc=/(\[[^\[]*\])|(\\)?(Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Q|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,Oc=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,Pc={},Qc={},Rc=/\d/,Sc=/\d\d/,Tc=/\d{3}/,Uc=/\d{4}/,Vc=/[+-]?\d{6}/,Wc=/\d\d?/,Xc=/\d{1,3}/,Yc=/\d{1,4}/,Zc=/[+-]?\d{1,6}/,$c=/\d+/,_c=/[+-]?\d+/,ad=/Z|[+-]\d\d:?\d\d/gi,bd=/[+-]?\d+(\.\d{1,3})?/,cd=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,dd={},ed={},fd=0,gd=1,hd=2,id=3,jd=4,kd=5,ld=6;H("M",["MM",2],"Mo",function(){return this.month()+1}),H("MMM",0,0,function(a){return this.localeData().monthsShort(this,a)}),H("MMMM",0,0,function(a){return this.localeData().months(this,a)}),z("month","M"),N("M",Wc),N("MM",Wc,Sc),N("MMM",cd),N("MMMM",cd),Q(["M","MM"],function(a,b){b[gd]=q(a)-1}),Q(["MMM","MMMM"],function(a,b,c,d){var e=c._locale.monthsParse(a,d,c._strict);null!=e?b[gd]=e:j(c).invalidMonth=a});var md="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),nd="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),od={};a.suppressDeprecationWarnings=!1;var pd=/^\s*(?:[+-]\d{6}|\d{4})-(?:(\d\d-\d\d)|(W\d\d$)|(W\d\d-\d)|(\d\d\d))((T| )(\d\d(:\d\d(:\d\d(\.\d+)?)?)?)?([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,qd=[["YYYYYY-MM-DD",/[+-]\d{6}-\d{2}-\d{2}/],["YYYY-MM-DD",/\d{4}-\d{2}-\d{2}/],["GGGG-[W]WW-E",/\d{4}-W\d{2}-\d/],["GGGG-[W]WW",/\d{4}-W\d{2}/],["YYYY-DDD",/\d{4}-\d{3}/]],rd=[["HH:mm:ss.SSSS",/(T| )\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss",/(T| )\d\d:\d\d:\d\d/],["HH:mm",/(T| )\d\d:\d\d/],["HH",/(T| )\d\d/]],sd=/^\/?Date\((\-?\d+)/i;a.createFromInputFallback=aa("moment construction falls back to js Date. This is discouraged and will be removed in upcoming major release. Please refer to https://github.com/moment/moment/issues/1407 for more info.",function(a){a._d=new Date(a._i+(a._useUTC?" UTC":""))}),H(0,["YY",2],0,function(){return this.year()%100}),H(0,["YYYY",4],0,"year"),H(0,["YYYYY",5],0,"year"),H(0,["YYYYYY",6,!0],0,"year"),z("year","y"),N("Y",_c),N("YY",Wc,Sc),N("YYYY",Yc,Uc),N("YYYYY",Zc,Vc),N("YYYYYY",Zc,Vc),Q(["YYYYY","YYYYYY"],fd),Q("YYYY",function(b,c){c[fd]=2===b.length?a.parseTwoDigitYear(b):q(b)}),Q("YY",function(b,c){c[fd]=a.parseTwoDigitYear(b)}),a.parseTwoDigitYear=function(a){return q(a)+(q(a)>68?1900:2e3)};var td=C("FullYear",!1);H("w",["ww",2],"wo","week"),H("W",["WW",2],"Wo","isoWeek"),z("week","w"),z("isoWeek","W"),N("w",Wc),N("ww",Wc,Sc),N("W",Wc),N("WW",Wc,Sc),R(["w","ww","W","WW"],function(a,b,c,d){b[d.substr(0,1)]=q(a)});var ud={dow:0,doy:6};H("DDD",["DDDD",3],"DDDo","dayOfYear"),z("dayOfYear","DDD"),N("DDD",Xc),N("DDDD",Tc),Q(["DDD","DDDD"],function(a,b,c){c._dayOfYear=q(a)}),a.ISO_8601=function(){};var vd=aa("moment().min is deprecated, use moment.min instead. https://github.com/moment/moment/issues/1548",function(){var a=Da.apply(null,arguments);return this>a?this:a}),wd=aa("moment().max is deprecated, use moment.max instead. https://github.com/moment/moment/issues/1548",function(){var a=Da.apply(null,arguments);return a>this?this:a});Ja("Z",":"),Ja("ZZ",""),N("Z",ad),N("ZZ",ad),Q(["Z","ZZ"],function(a,b,c){c._useUTC=!0,c._tzm=Ka(a)});var xd=/([\+\-]|\d\d)/gi;a.updateOffset=function(){};var yd=/(\-)?(?:(\d*)\.)?(\d+)\:(\d+)(?:\:(\d+)\.?(\d{3})?)?/,zd=/^(-)?P(?:(?:([0-9,.]*)Y)?(?:([0-9,.]*)M)?(?:([0-9,.]*)D)?(?:T(?:([0-9,.]*)H)?(?:([0-9,.]*)M)?(?:([0-9,.]*)S)?)?|([0-9,.]*)W)$/;Ya.fn=Ha.prototype;var Ad=ab(1,"add"),Bd=ab(-1,"subtract");a.defaultFormat="YYYY-MM-DDTHH:mm:ssZ";var Cd=aa("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(a){return void 0===a?this.localeData():this.locale(a)});H(0,["gg",2],0,function(){return this.weekYear()%100}),H(0,["GG",2],0,function(){return this.isoWeekYear()%100}),Db("gggg","weekYear"),Db("ggggg","weekYear"),Db("GGGG","isoWeekYear"),Db("GGGGG","isoWeekYear"),z("weekYear","gg"),z("isoWeekYear","GG"),N("G",_c),N("g",_c),N("GG",Wc,Sc),N("gg",Wc,Sc),N("GGGG",Yc,Uc),N("gggg",Yc,Uc),N("GGGGG",Zc,Vc),N("ggggg",Zc,Vc),R(["gggg","ggggg","GGGG","GGGGG"],function(a,b,c,d){b[d.substr(0,2)]=q(a)}),R(["gg","GG"],function(b,c,d,e){c[e]=a.parseTwoDigitYear(b)}),H("Q",0,0,"quarter"),z("quarter","Q"),N("Q",Rc),Q("Q",function(a,b){b[gd]=3*(q(a)-1)}),H("D",["DD",2],"Do","date"),z("date","D"),N("D",Wc),N("DD",Wc,Sc),N("Do",function(a,b){return a?b._ordinalParse:b._ordinalParseLenient}),Q(["D","DD"],hd),Q("Do",function(a,b){b[hd]=q(a.match(Wc)[0],10)});var Dd=C("Date",!0);H("d",0,"do","day"),H("dd",0,0,function(a){return this.localeData().weekdaysMin(this,a)}),H("ddd",0,0,function(a){return this.localeData().weekdaysShort(this,a)}),H("dddd",0,0,function(a){return this.localeData().weekdays(this,a)}),H("e",0,0,"weekday"),H("E",0,0,"isoWeekday"),z("day","d"),z("weekday","e"),z("isoWeekday","E"),N("d",Wc),N("e",Wc),N("E",Wc),N("dd",cd),N("ddd",cd),N("dddd",cd),R(["dd","ddd","dddd"],function(a,b,c){var d=c._locale.weekdaysParse(a);null!=d?b.d=d:j(c).invalidWeekday=a}),R(["d","e","E"],function(a,b,c,d){b[d]=q(a)});var Ed="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),Fd="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Gd="Su_Mo_Tu_We_Th_Fr_Sa".split("_");H("H",["HH",2],0,"hour"),H("h",["hh",2],0,function(){return this.hours()%12||12}),Sb("a",!0),Sb("A",!1),z("hour","h"),N("a",Tb),N("A",Tb),N("H",Wc),N("h",Wc),N("HH",Wc,Sc),N("hh",Wc,Sc),Q(["H","HH"],id),Q(["a","A"],function(a,b,c){c._isPm=c._locale.isPM(a),c._meridiem=a}),Q(["h","hh"],function(a,b,c){b[id]=q(a),j(c).bigHour=!0});var Hd=/[ap]\.?m?\.?/i,Id=C("Hours",!0);H("m",["mm",2],0,"minute"),z("minute","m"),N("m",Wc),N("mm",Wc,Sc),Q(["m","mm"],jd);var Jd=C("Minutes",!1);H("s",["ss",2],0,"second"),z("second","s"),N("s",Wc),N("ss",Wc,Sc),Q(["s","ss"],kd);var Kd=C("Seconds",!1);H("S",0,0,function(){return~~(this.millisecond()/100)}),H(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),H(0,["SSS",3],0,"millisecond"),H(0,["SSSS",4],0,function(){return 10*this.millisecond()}),H(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),H(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),H(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),H(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),H(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),z("millisecond","ms"),N("S",Xc,Rc),N("SS",Xc,Sc),N("SSS",Xc,Tc);var Ld;for(Ld="SSSS";Ld.length<=9;Ld+="S")N(Ld,$c);for(Ld="S";Ld.length<=9;Ld+="S")Q(Ld,Wb);var Md=C("Milliseconds",!1);H("z",0,0,"zoneAbbr"),H("zz",0,0,"zoneName");var Nd=n.prototype;Nd.add=Ad,Nd.calendar=cb,Nd.clone=db,Nd.diff=ib,Nd.endOf=ub,Nd.format=mb,Nd.from=nb,Nd.fromNow=ob,Nd.to=pb,Nd.toNow=qb,Nd.get=F,Nd.invalidAt=Cb,Nd.isAfter=eb,Nd.isBefore=fb,Nd.isBetween=gb,Nd.isSame=hb,Nd.isValid=Ab,Nd.lang=Cd,Nd.locale=rb,Nd.localeData=sb,Nd.max=wd,Nd.min=vd,Nd.parsingFlags=Bb,Nd.set=F,Nd.startOf=tb,Nd.subtract=Bd,Nd.toArray=yb,Nd.toObject=zb,Nd.toDate=xb,Nd.toISOString=lb,Nd.toJSON=lb,Nd.toString=kb,Nd.unix=wb,Nd.valueOf=vb,Nd.year=td,Nd.isLeapYear=ia,Nd.weekYear=Fb,Nd.isoWeekYear=Gb,Nd.quarter=Nd.quarters=Jb,Nd.month=Y,Nd.daysInMonth=Z,Nd.week=Nd.weeks=na,Nd.isoWeek=Nd.isoWeeks=oa,Nd.weeksInYear=Ib,Nd.isoWeeksInYear=Hb,Nd.date=Dd,Nd.day=Nd.days=Pb,Nd.weekday=Qb,Nd.isoWeekday=Rb,Nd.dayOfYear=qa,Nd.hour=Nd.hours=Id,Nd.minute=Nd.minutes=Jd,Nd.second=Nd.seconds=Kd,
7 | Nd.millisecond=Nd.milliseconds=Md,Nd.utcOffset=Na,Nd.utc=Pa,Nd.local=Qa,Nd.parseZone=Ra,Nd.hasAlignedHourOffset=Sa,Nd.isDST=Ta,Nd.isDSTShifted=Ua,Nd.isLocal=Va,Nd.isUtcOffset=Wa,Nd.isUtc=Xa,Nd.isUTC=Xa,Nd.zoneAbbr=Xb,Nd.zoneName=Yb,Nd.dates=aa("dates accessor is deprecated. Use date instead.",Dd),Nd.months=aa("months accessor is deprecated. Use month instead",Y),Nd.years=aa("years accessor is deprecated. Use year instead",td),Nd.zone=aa("moment().zone is deprecated, use moment().utcOffset instead. https://github.com/moment/moment/issues/1779",Oa);var Od=Nd,Pd={sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},Qd={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},Rd="Invalid date",Sd="%d",Td=/\d{1,2}/,Ud={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},Vd=s.prototype;Vd._calendar=Pd,Vd.calendar=_b,Vd._longDateFormat=Qd,Vd.longDateFormat=ac,Vd._invalidDate=Rd,Vd.invalidDate=bc,Vd._ordinal=Sd,Vd.ordinal=cc,Vd._ordinalParse=Td,Vd.preparse=dc,Vd.postformat=dc,Vd._relativeTime=Ud,Vd.relativeTime=ec,Vd.pastFuture=fc,Vd.set=gc,Vd.months=U,Vd._months=md,Vd.monthsShort=V,Vd._monthsShort=nd,Vd.monthsParse=W,Vd.week=ka,Vd._week=ud,Vd.firstDayOfYear=ma,Vd.firstDayOfWeek=la,Vd.weekdays=Lb,Vd._weekdays=Ed,Vd.weekdaysMin=Nb,Vd._weekdaysMin=Gd,Vd.weekdaysShort=Mb,Vd._weekdaysShort=Fd,Vd.weekdaysParse=Ob,Vd.isPM=Ub,Vd._meridiemParse=Hd,Vd.meridiem=Vb,w("en",{ordinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(a){var b=a%10,c=1===q(a%100/10)?"th":1===b?"st":2===b?"nd":3===b?"rd":"th";return a+c}}),a.lang=aa("moment.lang is deprecated. Use moment.locale instead.",w),a.langData=aa("moment.langData is deprecated. Use moment.localeData instead.",y);var Wd=Math.abs,Xd=yc("ms"),Yd=yc("s"),Zd=yc("m"),$d=yc("h"),_d=yc("d"),ae=yc("w"),be=yc("M"),ce=yc("y"),de=Ac("milliseconds"),ee=Ac("seconds"),fe=Ac("minutes"),ge=Ac("hours"),he=Ac("days"),ie=Ac("months"),je=Ac("years"),ke=Math.round,le={s:45,m:45,h:22,d:26,M:11},me=Math.abs,ne=Ha.prototype;ne.abs=oc,ne.add=qc,ne.subtract=rc,ne.as=wc,ne.asMilliseconds=Xd,ne.asSeconds=Yd,ne.asMinutes=Zd,ne.asHours=$d,ne.asDays=_d,ne.asWeeks=ae,ne.asMonths=be,ne.asYears=ce,ne.valueOf=xc,ne._bubble=tc,ne.get=zc,ne.milliseconds=de,ne.seconds=ee,ne.minutes=fe,ne.hours=ge,ne.days=he,ne.weeks=Bc,ne.months=ie,ne.years=je,ne.humanize=Fc,ne.toISOString=Gc,ne.toString=Gc,ne.toJSON=Gc,ne.locale=rb,ne.localeData=sb,ne.toIsoString=aa("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",Gc),ne.lang=Cd,H("X",0,0,"unix"),H("x",0,0,"valueOf"),N("x",_c),N("X",bd),Q("X",function(a,b,c){c._d=new Date(1e3*parseFloat(a,10))}),Q("x",function(a,b,c){c._d=new Date(q(a))}),a.version="2.10.6",b(Da),a.fn=Od,a.min=Fa,a.max=Ga,a.utc=h,a.unix=Zb,a.months=jc,a.isDate=d,a.locale=w,a.invalid=l,a.duration=Ya,a.isMoment=o,a.weekdays=lc,a.parseZone=$b,a.localeData=y,a.isDuration=Ia,a.monthsShort=kc,a.weekdaysMin=nc,a.defineLocale=x,a.weekdaysShort=mc,a.normalizeUnits=A,a.relativeTimeThreshold=Ec;var oe=a;return oe});


--------------------------------------------------------------------------------
/producter-app/producter-app.unoproj:
--------------------------------------------------------------------------------
 1 | {
 2 |   "Version": "1.0",
 3 |   "VersionCount": 1,
 4 |   "Mobile": {
 5 |       "ShowStatusbar": false
 6 |   },
 7 |   "iOS": {
 8 |       "Icons": {
 9 |         "iPhone_29_2x": "assets/icon/Desktop58.png",
10 |         "iPhone_29_3x": "assets/icon/Desktop87.png",
11 |         "iPhone_40_2x": "assets/icon/Desktop80.png",
12 |         "iPhone_40_3x": "assets/icon/Desktop120.png",
13 |         "iPhone_60_2x": "assets/icon/Desktop120.png",
14 |         "iPhone_60_3x": "assets/icon/Desktop180.png",
15 |         "iPad_29_1x": "assets/icon/Desktop29.png",
16 |         "iPad_29_2x": "assets/icon/Desktop58.png",
17 |         "iPad_40_1x": "assets/icon/Desktop40.png",
18 |         "iPad_40_2x": "assets/icon/Desktop80.png",
19 |         "iPad_76_1": "assets/icon/Desktop76.png",
20 |         "iPad_76_2x": "assets/icon/Desktop152.png"
21 |       }
22 |   },
23 |   "Packages": [
24 |         "Fuse.PushNotifications",
25 |         "Fuse.Animations",
26 |         "Fuse.BasicTheme",
27 |         "Fuse.Themes",
28 |         "Fuse.Controls",
29 |         "Fuse.Designer",
30 |         "Fuse.Drawing",
31 |         "Fuse.Drawing.Primitives",
32 |         "Fuse.Effects",
33 |         "Fuse.Elements",
34 |         "Fuse.Entities",
35 |         "Fuse.Gestures",
36 |         "Fuse.Navigation",
37 |         "Fuse.Shapes",
38 |         "Fuse.Triggers",
39 |         "Fuse.Reactive",
40 |         "Fuse.Android",
41 |         "Fuse.Desktop",
42 |         "Fuse.iOS",
43 |         "FuseCore",
44 |         "Fuse.Launcher",
45 |         "Uno.Collections",
46 |         "Uno.Geometry",
47 |         "Fuse.Scripting",
48 |         "Experimental.iOS",
49 |         "ObjC",
50 |         "Android"
51 |   ],
52 |   "Includes": [
53 |     "*",
54 |     "*.html"
55 |   ]
56 | }
57 | 


--------------------------------------------------------------------------------
/producter-app/videoHTMLTemplate.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta name="viewport" content="width=device-width height=device-height user-scalable=no initial-scale=1.0 minimum-scale=1.0 maximum-scale=1.0 target-densitydpi=device-dpi">
 5 |     <meta charset="utf-8">
 6 |     <title></title>
 7 |     <style>
 8 |     body{
 9 |       margin:0 !important;
10 |       padding:0 !important;
11 |     }
12 |     #content
13 |     {
14 |         position:absolute; left: 0; right: 0; bottom: 0; top: 0px;
15 |     }
16 |     </style>
17 |     <style id="iframestyle">
18 |         iframe#videoFrame {
19 |           border: none !important;
20 |         }
21 |         .site_head_simple, .mod_player_head, .mod_float_box ,.info_container, .mod_action, .info_container, .site_footer, .mod_video_album_section, .btn_player_expand, .tvp_app_banner,.mod_box, .mod_footer, .tvp_app_banner, .site_header, .tvp_app_btn {
22 |           display: none !important;
23 |           background: transparent !important;
24 |         }
25 | 
26 |         .container {
27 |           padding: 0 !important;
28 |         }
29 | 
30 |         .tvp_app_banner {
31 |           height: 0 !important;
32 |         }
33 | 
34 |         .mod_player, .tenvideo_player {
35 |           float: none !important;
36 |           width:100% !important;
37 |           height:100% !important;
38 |         }
39 | 
40 |         .mod_player_section, .player_container {
41 |           background: transparent !important;
42 |           width:auto !important;
43 |           height:auto !important;
44 |           box-shadow: none !important;
45 |           border:none !important;
46 |         }
47 |     </style>
48 |     <script>
49 |         function addStyle() {
50 |           var delay = 200; //1 seconds
51 | 
52 |           setTimeout(function(){
53 |             ifstyle = document.getElementById('iframestyle')
54 |             iframe = top.frames["videoFrame"];
55 |             iframe.document.head.appendChild(ifstyle)
56 |             document.getElementById("videoFrame").style.display = "block";
57 |           }, delay);
58 |         }
59 |     </script>
60 |   </head>
61 |   <body>
62 |     <div id="content">
63 |       <iframe name="videoFrame" frameBorder="0" id="videoFrame" onload="addStyle()"  src="#{VideoSrc}" width="100%" height="100%"></iframe>
64 |     </div>
65 |   </body>
66 | </html>
67 | 


--------------------------------------------------------------------------------